From 81a4098c6fb8533660d650d5c2d11e5dd577810f Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Fri, 4 Dec 2020 10:53:57 +0100
Subject: [PATCH 001/145] Replace default comments in po files + Some Code
 formatting

---
 pod/locale/fr/LC_MESSAGES/django.po   |   6 +-
 pod/locale/fr/LC_MESSAGES/djangojs.po |   6 +-
 pod/locale/nl/LC_MESSAGES/django.po   |   6 +-
 pod/locale/nl/LC_MESSAGES/djangojs.po |   6 +-
 pod/main/static/css/pod.css           | 218 +++++++++++++-------------
 5 files changed, 117 insertions(+), 125 deletions(-)

diff --git a/pod/locale/fr/LC_MESSAGES/django.po b/pod/locale/fr/LC_MESSAGES/django.po
index 7079ad8441..305b1cf82e 100755
--- a/pod/locale/fr/LC_MESSAGES/django.po
+++ b/pod/locale/fr/LC_MESSAGES/django.po
@@ -1,7 +1,5 @@
-# SOME DESCRIPTIVE TITLE.
-# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
-# This file is distributed under the same license as the PACKAGE package.
-# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+# Esup Pod main French strings.
+# This file is distributed under the same license as the POD package.
 #
 msgid ""
 msgstr ""
diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.po b/pod/locale/fr/LC_MESSAGES/djangojs.po
index 8497114e07..4c620f1b18 100644
--- a/pod/locale/fr/LC_MESSAGES/djangojs.po
+++ b/pod/locale/fr/LC_MESSAGES/djangojs.po
@@ -1,7 +1,5 @@
-# SOME DESCRIPTIVE TITLE.
-# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
-# This file is distributed under the same license as the PACKAGE package.
-# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+# Esup Pod JS French strings.
+# This file is distributed under the same license as the POD package.
 #
 msgid ""
 msgstr ""
diff --git a/pod/locale/nl/LC_MESSAGES/django.po b/pod/locale/nl/LC_MESSAGES/django.po
index 5cfd07bacd..af1ee586e6 100644
--- a/pod/locale/nl/LC_MESSAGES/django.po
+++ b/pod/locale/nl/LC_MESSAGES/django.po
@@ -1,7 +1,5 @@
-# SOME DESCRIPTIVE TITLE.
-# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
-# This file is distributed under the same license as the PACKAGE package.
-# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+# Esup Pod main dutch strings.
+# This file is distributed under the same license as the POD package.
 #
 msgid ""
 msgstr ""
diff --git a/pod/locale/nl/LC_MESSAGES/djangojs.po b/pod/locale/nl/LC_MESSAGES/djangojs.po
index ad6dd8c85b..4d349b999a 100644
--- a/pod/locale/nl/LC_MESSAGES/djangojs.po
+++ b/pod/locale/nl/LC_MESSAGES/djangojs.po
@@ -1,7 +1,5 @@
-# SOME DESCRIPTIVE TITLE.
-# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
-# This file is distributed under the same license as the PACKAGE package.
-# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+# Esup Pod JS Dutch strings.
+# This file is distributed under the same license as the POD package.
 #
 #, fuzzy
 msgid ""
diff --git a/pod/main/static/css/pod.css b/pod/main/static/css/pod.css
index 1a2a677990..f835fe2ae1 100755
--- a/pod/main/static/css/pod.css
+++ b/pod/main/static/css/pod.css
@@ -17,29 +17,29 @@ body[data-admin-utc-offset]
 }
 
 body {
-padding-top: 3.5rem;
+  padding-top: 3.5rem;
 }
 .jumbotron {
     padding: 1rem 2rem;
 }
 h1{
-	font-size: 2rem;
+  font-size: 2rem;
 }
 label {
-    font-variant: small-caps;
+  font-variant: small-caps;
 }
 .pod-mt-7{
-    margin-top: 3.5rem;
+  margin-top: 3.5rem;
 }
 .breadcrumb, .jumbotron{
-	background: #f8f9fa;
+  background: #f8f9fa;
 }
 .list-group-item{
-padding:.25rem 1.25rem;
+  padding:.25rem 1.25rem;
 }
 
 .container-pod{
-	max-width: 1400px;
+  max-width: 1400px;
 }
 
 /*** video ***/
@@ -86,13 +86,13 @@ padding:.25rem 1.25rem;
 
 /** modal **/
 .modal-title svg {
-    height: 40px;
-    width: 40px;
-    /*color:#b03c7e;*/
+  height: 40px;
+  width: 40px;
+  /*color:#b03c7e;*/
 }
 
 .modal-title{
-	display: flex;
+  display: flex;
   align-items: center;
 }
 
@@ -100,20 +100,20 @@ padding:.25rem 1.25rem;
     max-width: 90%;
 }*/
 .modal-pod-full .close{
-font-size:3rem;
+  font-size:3rem;
 }
 
 .title-chaine{
-	margin-right: 0.5rem;
-	font-weight: 600;
+  margin-right: 0.5rem;
+  font-weight: 600;
 }
 #listeChaines{
-    max-height: 30rem;
-    overflow: auto;
-    border-bottom: 1px solid black;
+  max-height: 30rem;
+  overflow: auto;
+  border-bottom: 1px solid black;
 }
 .liste-collapse{
-    z-index: 900;
+  z-index: 900;
 }
 /**end modal **/
 /*** tab **/
@@ -123,19 +123,19 @@ font-size:3rem;
   background: white;
 }
 .nav-tabs{
-	border: 0;
+  border: 0;
 }
 
 /***aside ***/
 .open-aside{
-	margin-right: 15px;
+  margin-right: 15px;
 }
 #card-takenote .dropdown-menu{
   border: none;
 }
 /*** modif taille logo ***/
 @media (max-width: 576px ){
-    .navbar-brand img{
+  .navbar-brand img{
     height: 35px;
   }
   .navbar-brand{
@@ -155,18 +155,18 @@ font-size:3rem;
     font-size: 0.9rem;
   }
   .navbar-items-pod{
-  position: absolute;
-  top:53px;
-  left:0;
-  padding: 1rem;
-  width: 100%;
+    position: absolute;
+    top:53px;
+    left:0;
+    padding: 1rem;
+    width: 100%;
   }
   .navbar-nav .login .dropdown-menu {
     position: absolute;
     float: left;
   }
   #s::-webkit-input-placeholder { /* Chrome/Opera/Safari */
-  color: white;
+    color: white;
   }
   #s::-moz-placeholder { /* Firefox 19+ */
     color: white;
@@ -178,16 +178,16 @@ font-size:3rem;
     color: white;
   }
   #s{
-  width:1px;
-  border-radius:0;
-  box-shadow:none;
-  outline: none;
-  padding:0;
-  margin:0;
-  border:0;
-  background-color: transparent;
-  opacity:0;
-  position: absolute;
+    width:1px;
+    border-radius:0;
+    box-shadow:none;
+    outline: none;
+    padding:0;
+    margin:0;
+    border:0;
+    background-color: transparent;
+    opacity:0;
+    position: absolute;
   }
   #s:focus{
     width:100%;
@@ -221,8 +221,8 @@ font-size:3rem;
   /*background: #f8f9fa;*/
   color: white !important;
   font-weight: 600;
-    height: 3rem;
-    width: 3rem;
+  height: 3rem;
+  width: 3rem;
 }
 .nav-link{
   padding: 0.25rem 0.5rem;
@@ -235,13 +235,13 @@ button.nav-link{
 
 /*** CARD ***/
 .infinite-item .card-body {
-    padding: 0.9rem;
-    height: 3.5rem;
-    overflow: hidden;
+  padding: 0.9rem;
+  height: 3.5rem;
+  overflow: hidden;
 }
 .infinite-item .card-header .octicon {
-    height:0.9rem;
-    margin:0.1rem;
+  height:0.9rem;
+  margin:0.1rem;
 }
 
 #videos_list .card-header, .playlist-videos .card-header {
@@ -252,7 +252,7 @@ button.nav-link{
     z-index: 9;
 }
 #videos_list .card-header .text-muted {
-    color:white !important;
+  color:white !important;
 }
 
 #videos_list .video-title{
@@ -261,35 +261,35 @@ button.nav-link{
 }
 
 div.video-card .d-flex {
-    min-height:70%;
-    /*position:relative;*/
-    top:0;
+  min-height:70%;
+  /*position:relative;*/
+  top:0;
 }
 div.card a{
- overflow:hidden;
+  overflow:hidden;
 }
 div.card a img {
- transition:-webkit-transform .5s ease;
- transition:transform .5s ease;
- transition:transform .5s ease, -webkit-transform .5s ease
+  transition:-webkit-transform .5s ease;
+  transition:transform .5s ease;
+  transition:transform .5s ease, -webkit-transform .5s ease
 }
 div.card a:hover>img {
- -webkit-transform:scale(1.1);
- transform:scale(1.1);
- z-index:0;
+  -webkit-transform:scale(1.1);
+  transform:scale(1.1);
+  z-index:0;
 }
 .card-footer-pod {
-    position: absolute;
-    bottom: 57px;
-    right: 2px;
-    /*width: 100%;
-    text-align: center;*/
-    border:none;
-    /*background: rgba(220,220,220);*/
-    /*height: 1rem;*/
+  position: absolute;
+  bottom: 57px;
+  right: 2px;
+  /*width: 100%;
+  text-align: center;*/
+  border:none;
+  /*background: rgba(220,220,220);*/
+  /*height: 1rem;*/
 }
 .card-footer .feather, .card-header .feather{
-    height: 1rem;
+  height: 1rem;
 }
 /* menu channels */
 .dropdown-submenu > .dropdown-menu {
@@ -300,7 +300,7 @@ div.card a:hover>img {
   border-radius: 0 6px 6px 6px;
 }
 .dropdown-submenu:hover {
-    background-color: white;
+  background-color: white;
 }
 .dropdown-submenu:hover > .dropdown-menu {
   display: block;
@@ -321,98 +321,98 @@ div.card a:hover>img {
 
 /** aside list video **/
 #filterType div.collapse:not(.show), #filterDiscipline div.collapse:not(.show), #filterTag div.collapse:not(.show) {
-    height: 148px !important;
-    overflow: hidden;
+  height: 148px !important;
+  overflow: hidden;
 
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
 }
 
 #filterType div.collapsing, #filterDiscipline div.collapsing, #filterTag  div.collapsing{
-    min-height: 148px !important;
+  min-height: 148px !important;
 }
 
 #filterType a.collapsed:after, #filterDiscipline a.collapsed:after, #filterTag a.collapsed:after {
-    content: '+';
+  content: '+';
 }
 
 #filterType a:not(.collapsed):after, #filterDiscipline a:not(.collapsed):after, #filterTag  a:not(.collapsed):after {
-    content: '-';
+  content: '-';
 }
 /** ckeditor **/
 .django-ckeditor-widget {
-    width: 100%;
+  width: 100%;
 }
 /** video form **/
 .required {
-    color:red;
-    font-size: 1.3rem;
-  }
+  color:red;
+  font-size: 1.3rem;
+}
 /*.form-group-required {
     border-left: 3px solid rgba(201, 76, 76, 0.3);
     padding-left : 5px;
 }*/
 .form-group-required .errors {
-    background-color: rgba(201, 76, 76, 0.3);
+  background-color: rgba(201, 76, 76, 0.3);
 }
 #base-message-alert, #formalertdiv{
-    position:fixed;
-    top:50%;
-    text-align: center;
-    margin:0 auto;
-    left: 50%;
-    transform: translate(-50%, 0);
-    z-index:1000;
+  position:fixed;
+  top:50%;
+  text-align: center;
+  margin:0 auto;
+  left: 50%;
+  transform: translate(-50%, 0);
+  z-index:1000;
 }
 
 /** channel form **/
 #channel_form .selector, #enrichment_group_form .selector{
-    width: 100% !important;
+  width: 100% !important;
 }
 #channel_form .selector select, #enrichment_group_form .selector select {
-    width:100% !important;
+  width:100% !important;
 }
 #channel_form .selector-available, #channel_form .selector-chosen, #enrichment_group_form .selector-available, #enrichment_group_form .selector-chosen {
-    width: 47% !important;
+  width: 47% !important;
 }
 #channel_form .selector-available h2, #channel_form .selector-chosen h2, #enrichment_group_form .selector-available h2, #enrichment_group_form .selector-chosen h2 {
-    margin: 0;
-    padding: 8px;
-    font-weight: 400;
-    font-size: 13px;
-    text-align: left;
+  margin: 0;
+  padding: 8px;
+  font-weight: 400;
+  font-size: 13px;
+  text-align: left;
 }
 
 /* vignettes video */
 @media (max-width: 575.98px) {
-    .pod-flex-direction{
-        flex-direction: column;
-    }
+  .pod-flex-direction{
+    flex-direction: column;
+  }
 }
 @media screen and (min-width:768px){
-      .card-img-top {
-        max-height:184.13px;
-      }
+  .card-img-top {
+    max-height:184.13px;
+  }
 }
 @media screen and (min-width:992px){
-      .card-img-top {
-        max-height:195.36px;
-      }
-	.flex-2{
+  .card-img-top {
+    max-height:195.36px;
+  }
+  .flex-2{
     flex: 2;
-	}
+  }
 }
 /*** footer **/
 footer{
-	color:#aaa;
+  color:#aaa;
 }
 footer a, footer a:hover{
-	color: white;
+  color: white;
 }
 /*** Useful for additional owners ***/
 input.select2-input{
-	width: 100% !important;
+  width: 100% !important;
 }
 
 #view-counter-icon{
@@ -421,10 +421,10 @@ input.select2-input{
 
 
 #viewers-list {
-  position: absolute; 
+  position: absolute;
   right: 0;
   margin-right: 80px;
-  color: #FFF; 
+  color: #FFF;
   text-align: center;
   font-size: 20px;
   background-color: rgba(40,48,56, 0.5);

From 9cf07899b685cd77d7ac7f067602111a08f408f8 Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Fri, 4 Dec 2020 10:55:52 +0100
Subject: [PATCH 002/145] Footer : replace inline ">" by css (better for
 accessibility and more customisable) + add css class on "back to top" link,
 so it's more customisable too.

---
 pod/main/static/css/pod.css    | 18 ++++++++++++++++++
 pod/main/templates/footer.html | 20 ++++++++++++--------
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/pod/main/static/css/pod.css b/pod/main/static/css/pod.css
index f835fe2ae1..41bf374ff3 100755
--- a/pod/main/static/css/pod.css
+++ b/pod/main/static/css/pod.css
@@ -410,6 +410,24 @@ footer{
 footer a, footer a:hover{
   color: white;
 }
+
+.footer_links{
+  list-style:none;
+}
+.footer_links>li:before{
+  margin-right:.5em;
+  content: ">";
+  font-weight: bold;
+}
+
+.top_link:before{
+  content: "\21E7";
+  padding-right: 4px;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 1.2em;
+}
+
 /*** Useful for additional owners ***/
 input.select2-input{
   width: 100% !important;
diff --git a/pod/main/templates/footer.html b/pod/main/templates/footer.html
index dc2bb3cc26..b4a00fdc90 100644
--- a/pod/main/templates/footer.html
+++ b/pod/main/templates/footer.html
@@ -3,7 +3,7 @@
 {% spaceless %}
 <div class="container container-pod">
 <p class="float-right">
-<a href="#">Haut de page</a>
+  <a class="top_link" href="#">Haut de page</a>
 </p>
 <div class="row">
   <div class="col-md-4">
@@ -16,15 +16,19 @@
     </p>
   </div>
   <div class="col-md-4">
-    {% for link in LINK_FOOTER %}
-    <a href="{{link.get_url}}" title="{{link.title}}" >
-    &gt;  {{link.title}}
-    </a><br>
-    {% endfor %}
+    {% if LINK_FOOTER %}
+      <ul class="footer_links">
+      {% for link in LINK_FOOTER %}
+        <li><a href="{{link.get_url}}" title="{{link.title}}">{{link.title}}</a></li>
+      {% endfor %}
+      </ul>
+    {% endif %}
   </div>
   <div class="col-md-4">
-    <a href="https://www.esup-portail.org/" title="Esup Portail : Communauté d'établissements francais d'enseignement supérieur pour l'innovation numérique" target="_blank">&gt;  <abbr title="Esup Portail : Communauté d'établissements francais d'enseignement supérieur pour l'innovation numérique">Esup Portail</abbr></a><br>
-    <a href="https://github.com/EsupPortail/Esup-Pod" target="_blank">&gt;  {% trans "Pod Project" %}</a><br>
+    <ul class="footer_links">
+      <li><a href="https://www.esup-portail.org/" title="{% trans 'Esup Portal: Community of French higher education establishments for digital innovation' %}" target="_blank">{% trans "Esup Portal" %}</a></li>
+      <li><a href="https://github.com/EsupPortail/Esup-Pod" target="_blank">{% trans "Pod Project" %}</a></li>
+    </ul>
   </div>
 </div>
 <p class="hidden-pod" style="text-align:center">{{TITLE_SITE}} {% trans "video platform of" %} {{TITLE_ETB}} - <a href="https://github.com/EsupPortail/Esup-Pod/releases/tag/{{VERSION}}" target="_blank" title="GitHub">{% trans "Release" %} {{VERSION}}</a>  - {{VIDEOS_COUNT}} {% trans "videos availables" %} [ {{VIDEOS_DURATION}} ]</p>

From 62a1bf463f193a13fbe7263224c2af2b594ae001 Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Fri, 4 Dec 2020 12:05:06 +0100
Subject: [PATCH 003/145] Corrects some i18n english strings + Add some pydocs
 in import_data.py

---
 pod/video/management/commands/import_data.py | 62 +++++++++++++++-----
 pod/video/templates/videos/video-info.html   | 45 +++++++-------
 2 files changed, 69 insertions(+), 38 deletions(-)

diff --git a/pod/video/management/commands/import_data.py b/pod/video/management/commands/import_data.py
index e32ea3cc16..c5ced53075 100755
--- a/pod/video/management/commands/import_data.py
+++ b/pod/video/management/commands/import_data.py
@@ -1,3 +1,5 @@
+"""POD V1 DATA IMPORTER."""
+
 from django.utils import translation
 from django.core.management.base import BaseCommand
 from django.core import serializers
@@ -40,6 +42,8 @@
 
 
 class Command(BaseCommand):
+    """Main command class. To be called by a 'python manage.py import_data $type'."""
+
     args = 'Channel Theme Type User Discipline Pod tags Chapter Contributor...'
     help = 'Import from V1'
     valid_args = ['User', 'Channel', 'Theme', 'Type', 'Discipline', 'FlatPage',
@@ -47,9 +51,11 @@ class Command(BaseCommand):
                   'Overlay', 'docpods', 'trackpods', 'enrichpods', 'Pod']
 
     def add_arguments(self, parser):
+        """Add 'import' argument."""
         parser.add_argument('import')
 
     def handle(self, *args, **options):
+        """Handle the command call."""
         # Activate a fixed locale fr
         translation.activate('fr')
         if options['import'] and options['import'] in self.valid_args:
@@ -81,6 +87,7 @@ def handle(self, *args, **options):
                 % self.valid_args)
 
     def save_object(self, type_to_import, obj):
+        """Save object obj of type 'type_to_import'."""
         if AUTHENTICATION and type_to_import == 'UserProfile':
             owner = Owner.objects.get(
                 user_id=obj.object.user_id)
@@ -97,11 +104,11 @@ def save_object(self, type_to_import, obj):
             else:
                 try:
                     if (
-                        type_to_import == 'Pod' or
-                        not hasattr(obj.object, 'video') or
-                        (
-                            hasattr(obj.object, 'video') and
-                            obj.object.video.id not in VIDEO_ID_TO_EXCLUDE
+                        type_to_import == 'Pod'
+                        or not hasattr(obj.object, 'video')
+                        or (
+                            hasattr(obj.object, 'video')
+                            and obj.object.video.id not in VIDEO_ID_TO_EXCLUDE
                         )
                     ):
                         obj.object.headband = None
@@ -112,6 +119,7 @@ def save_object(self, type_to_import, obj):
                     print("Objects related does not exist %s" % e)
 
     def migrate_to_v2(self, filepath, type_to_import):
+        """Convert data type in specified filepath."""
         f = open(filepath, 'r')
         filedata = f.read()
         f.close()
@@ -121,36 +129,42 @@ def migrate_to_v2(self, filepath, type_to_import):
         f.close()
 
     def Channel(self, filedata):
+        """Rename channel model in specified filedata."""
         return filedata.replace(
             "pods.channel",
             "video.channel"
         )
 
     def Theme(self, filedata):
+        """Rename theme model in specified filedata."""
         return filedata.replace(
             "pods.theme",
             "video.theme"
         )
 
     def Type(self, filedata):
+        """Rename type model in specified filedata."""
         return filedata.replace(
             "pods.type",
             "video.type"
         ).replace("headband", "icon")
 
     def Discipline(self, filedata):
+        """Rename discipline model in specified filedata."""
         return filedata.replace(
             "pods.discipline",
             "video.discipline"
         ).replace("headband", "icon")
 
     def Pod(self, filedata):
+        """Rename pod model in specified filedata."""
         return filedata.replace(
             "pods.pod",
             "video.video"
         )
 
     def Chapter(self, filedata):
+        """Rename chapter model in specified filedata."""
         return filedata.replace(
             "pods.chapterpods",
             "chapter.chapter"
@@ -160,18 +174,21 @@ def Chapter(self, filedata):
         )
 
     def Contributor(self, filedata):
+        """Rename contributor model in specified filedata."""
         return filedata.replace(
             "pods.contributorpods",
             "completion.contributor"
         )
 
     def Overlay(self, filedata):
+        """Rename overlay model in specified filedata."""
         return filedata.replace(
             "pods.overlaypods",
             "completion.overlay"
         )
 
     def get_new_data(self, type_to_import, filedata):
+        """Get new data."""
         newdata = filedata
         type_import = {
             "Channel": self.Channel,
@@ -194,6 +211,7 @@ def get_new_data(self, type_to_import, filedata):
         return newdata
 
     def add_data_to_video(self, type_to_import, obj, data):
+        """Add related data (docs, tags, track, enrich) to video."""
         if type_to_import in ('docpods',):
             self.add_doc_to_video(obj, data)
         if type_to_import in ('tags',):
@@ -204,6 +222,7 @@ def add_data_to_video(self, type_to_import, obj, data):
             self.add_enrich_to_video(obj, data)
 
     def add_tag_to_video(self, video_id, list_tag):
+        """Add tags to video."""
         try:
             video = Video.objects.get(id=video_id)
             video.tags = ', '.join(list_tag)
@@ -212,6 +231,7 @@ def add_tag_to_video(self, video_id, list_tag):
             print(video_id, " does not exist")
 
     def add_doc_to_video(self, video_id, list_doc):
+        """Add docs to video."""
         print(video_id, list_doc)
         try:
             video = Video.objects.get(id=video_id)
@@ -224,6 +244,7 @@ def add_doc_to_video(self, video_id, list_doc):
             print(video_id, " does not exist")
 
     def add_track_to_video(self, video_id, list_doc):
+        """Add tracks to video."""
         print(video_id, list_doc)
         try:
             video = Video.objects.get(id=video_id)
@@ -247,6 +268,7 @@ def add_track_to_video(self, video_id, list_doc):
             print(video_id, " does not exist")
 
     def convert_to_vtt(self, new_file):
+        """Convert subtitles to VTT."""
         try:
             webvtt.from_srt(new_file).save(new_file[:-3] + "vtt")
             new_file = new_file[:-3] + "vtt"
@@ -274,6 +296,7 @@ def convert_to_vtt(self, new_file):
         return ""
 
     def add_enrich_to_video(self, video_id, list_doc):
+        """Add enrichments to video."""
         print(video_id)
         try:
             video = Video.objects.get(id=video_id)
@@ -301,6 +324,7 @@ def add_enrich_to_video(self, video_id, list_doc):
             print(video_id, " does not exist")
 
     def download_doc(self, doc):
+        """Download doc from pod v1."""
         source_url = FROM_URL + doc
         dest_file = os.path.join(
             settings.MEDIA_ROOT,
@@ -312,6 +336,7 @@ def download_doc(self, doc):
         return new_file
 
     def create_and_save_doc(self, new_file, video):
+        """Create and save doc."""
         if FILEPICKER:
             homedir, created = UserFolder.objects.get_or_create(
                 name='home',
@@ -338,6 +363,7 @@ def create_and_save_doc(self, new_file, video):
         return document
 
     def create_and_save_image(self, new_file, video):
+        """Create and save image."""
         if FILEPICKER:
             homedir, created = UserFolder.objects.get_or_create(
                 name='home',
@@ -365,7 +391,8 @@ def create_and_save_image(self, new_file, video):
 
 
 """
-SAVE FROM PODV1
+# POD V1 DATA EXPORTER.
+# To be executed inside 'python manage.py shell' on a pod server v1.x
 
 from pods.models import Channel
 from pods.models import Theme
@@ -393,9 +420,9 @@ def create_and_save_image(self, new_file, video):
 with open("Type.json", "w") as out:
     json_serializer.serialize(Type.objects.all(), indent=2, stream=out)
 
->>> owners = set(Channel.objects.all().values_list("owners", flat=True))
->>> users = set(Channel.objects.all().values_list("users", flat=True))
->>> list_user = owners.union(users)
+owners = set(Channel.objects.all().values_list("owners", flat=True))
+users = set(Channel.objects.all().values_list("users", flat=True))
+list_user = owners.union(users)
 
 with open("User.json", "w") as out:
     json_serializer.serialize(User.objects.filter(id__in=list_user), indent=2,
@@ -417,7 +444,7 @@ def create_and_save_image(self, new_file, video):
      json_serializer.serialize(User.objects.filter(id__in=podowner), indent=2,
       stream=out)
 
-video_fields = ('video', 'allow_donwloading', 'is_360', 'title', 'slug',
+video_fields = ('video', 'allow_downloading', 'is_360', 'title', 'slug',
     'owner', 'date_added', 'date_evt', 'cursus', 'main_lang', 'description',
     'duration', 'type', 'discipline', 'channel', 'theme', 'is_draft',
     'is_restricted', 'password')
@@ -428,11 +455,11 @@ def create_and_save_image(self, new_file, video):
 
 list_tag = {}
 for p in Pod.objects.all():
-   list_tag["%s" %p.id] = []
-   for t in p.tags.all():
-     list_tag["%s" %p.id].append(t.name)
+    list_tag["%s" %p.id] = []
+    for t in p.tags.all():
+        list_tag["%s" %p.id].append(t.name)
 with open("tags.json", "w") as out:
-     out.write(json.dumps(list_tag, indent=2))
+    out.write(json.dumps(list_tag, indent=2))
 
 
 with open("Chapter.json", "w") as out:
@@ -448,6 +475,8 @@ def create_and_save_image(self, new_file, video):
     list_doc["%s" %p.id] = []
     for d in p.docpods_set.all():
         list_doc["%s" %p.id].append(d.document.file.name)
+# -- PRESS enter AND WAIT FOR THE END OF PROCESSING
+#    BEFORE STARTING THE FOLLOWING 2 LINES --
 with open("docpods.json", "w") as out:
     out.write(json.dumps(list_doc, indent=2))
 
@@ -462,6 +491,8 @@ def create_and_save_image(self, new_file, video):
                 data['lang'] = d.lang
                 data['src'] = d.src.file.name
                 list_track["%s" %p.id].append(data)
+# -- PRESS enter AND WAIT FOR THE END OF PROCESSING
+#    BEFORE STARTING THE FOLLOWING 2 LINES --
 with open("trackpods.json", "w") as out:
     out.write(json.dumps(list_track, indent=2))
 
@@ -482,7 +513,8 @@ def create_and_save_image(self, new_file, video):
             data['document'] = d.document.file.name if d.document else ""
             data['embed'] = d.embed
             list_enrich["%s" %p.id].append(data)
-
+# -- PRESS enter AND WAIT FOR THE END OF PROCESSING
+#    BEFORE STARTING THE FOLLOWING 2 LINES --
 with open("enrichpods.json", "w") as out:
     out.write(json.dumps(list_enrich, indent=2))
 
diff --git a/pod/video/templates/videos/video-info.html b/pod/video/templates/videos/video-info.html
index 7d9bd62a8d..a060d6184f 100644
--- a/pod/video/templates/videos/video-info.html
+++ b/pod/video/templates/videos/video-info.html
@@ -12,7 +12,7 @@ <h5><i data-feather="align-justify"></i>&nbsp;{% trans 'Summary' %}</h5>
     {% if video.description or tag_list %}
       <p>{{ video.description|safe }}</p>
       {% if tag_list %}
-        <p>{% trans 'Tags' %}&nbsp;:&nbsp;
+        <p>{% trans 'Tags:' %}&nbsp;
           {% for tag in tag_list %}
            <a href="{% url 'videos' %}?tag={{ tag }}" title="{{ tag }}" {% if request.GET.is_iframe %}target="_blank"{% endif %}>
                <span class="label label-default">{{ tag }}</span>
@@ -33,7 +33,7 @@ <h5><i data-feather="align-justify"></i>&nbsp;{% trans 'Summary' %}</h5>
     <h5><i data-feather="info"></i>&nbsp;{% trans 'Infos' %}</h5>
     <div class="row">
       <div class="col-4">
-        <p><strong>{% trans 'Added by' %}&nbsp;</strong>:<br />
+        <p><strong>{% trans 'Added by:' %}</strong><br />
         <a href="{% url 'videos' %}?owner={{ video.owner.username }}" title="{{ video.owner.get_full_name }}" {% if request.GET.is_iframe %}target="_blank"{% endif %}>
         {% if video.owner.owner.userpicture.file %}
         {% thumbnail video.owner.owner.userpicture.file "x50" as im %}
@@ -43,7 +43,7 @@ <h5><i data-feather="info"></i>&nbsp;{% trans 'Infos' %}</h5>
         {{ video.owner.get_full_name }}</a>
         </p>
         {% if video.additional_owners.all %}
-          <p><strong>{% trans 'Additional owners' %}&nbsp;</strong>:<br />
+          <p><strong>{% trans 'Additional owners:' %}</strong><br />
           {% for additionalOwner in video.additional_owners.all %}
             <a href="{% url 'videos' %}?owner={{ additionalOwner.username }}" title="{{ additionalOwner.get_full_name }}" {% if request.GET.is_iframe %}target="_blank"{% endif %}>
               {% if additionalOwner.owner.userpicture.file %}
@@ -56,16 +56,16 @@ <h5><i data-feather="info"></i>&nbsp;{% trans 'Infos' %}</h5>
           </p>
         {%endif%}
         {% if video.contributor_set.all %}
-        <p><strong>{% trans 'Contributors' %} : </strong><br />
+        <p><strong>{% trans 'Contributors:' %}</strong><br />
         {% for contrib in video.contributor_set.all %}
         {{ contrib.name }} ({% trans contrib.role %})
         {% if contrib.email_address %}
-        <a href="javascript:linkTo_UnCryptMailto('{{ contrib.get_base_mail }}');" title="{% trans "send an email" %}">
+        <a href="javascript:linkTo_UnCryptMailto('{{ contrib.get_base_mail }}');" title="{% trans 'send an email' %}">
           <i data-feather="mail"></i>
         </a>
         {% endif %}
         {% if contrib.weblink %}
-          <a href="{{ contrib.weblink }}" target="_blank" title="{% trans "go to his web link" %} : {{ contrib.weblink }}">
+          <a href="{{ contrib.weblink }}" target="_blank" title="{% trans 'contributor web link' %}">
               <i data-feather="external-link"></i>
           </a>
         {% endif %}
@@ -75,19 +75,19 @@ <h5><i data-feather="info"></i>&nbsp;{% trans 'Infos' %}</h5>
         {% endif %}
       </div>
       <div class="col-4">
-      <p><strong>{% trans 'Updated on' %}&nbsp;</strong>:<br /> {{ video.date_added }}</p>
-      <p><strong>{% trans 'Duration' %}&nbsp;</strong>:<br />{{ video.duration_in_time }}</p>
-      <p><strong>{% trans 'Number of view' %}&nbsp;</strong>:<br />{{ video.get_viewcount }}{% if USE_STATS_VIEW %} <a rel="noopener" target="_blank" title="{% trans 'Show details of view statistics' %}" href="{% url 'video_stats_view' video.slug %}?from=video">({% trans 'Show details views' %})</a></p>{% endif %}
+      <p><strong>{% trans 'Updated on:' %}</strong><br /> {{ video.date_added }}</p>
+      <p><strong>{% trans 'Duration:' %}</strong><br />{{ video.duration_in_time }}</p>
+      <p><strong>{% trans 'Number of view:' %}</strong><br />{{ video.get_viewcount }}{% if USE_STATS_VIEW %} <a rel="noopener" target="_blank" title="{% trans 'Show details of view statistics' %}" href="{% url 'video_stats_view' video.slug %}?from=video">({% trans 'Show details views' %})</a></p>{% endif %}
 
       </div>
       <div class="col-4">
-        <p><strong>{% trans 'Type' %}&nbsp;</strong>:<br /> <a href="{% url 'videos' %}?type={{ video.type.slug }}" title="{{ video.type.title }}" {% if request.GET.is_iframe %}target="_blank"{% endif %}>{{ video.type.title }}</a></p>
-        <p><strong>{% trans "Main language" %}&nbsp;</strong>:<br /> {{video.get_main_lang}}</p>
+        <p><strong>{% trans 'Type:' %}</strong><br /> <a href="{% url 'videos' %}?type={{ video.type.slug }}" title="{{ video.type.title }}" {% if request.GET.is_iframe %}target="_blank"{% endif %}>{{ video.type.title }}</a></p>
+        <p><strong>{% trans "Main language:" %}</strong><br /> {{video.get_main_lang}}</p>
         {% if video.cursus and video.cursus != '0' %}
-          <p><strong>{% trans 'Audience' %}&nbsp;</strong>:<br />{{video.get_cursus}}
+          <p><strong>{% trans 'Audience:' %}</strong><br />{{video.get_cursus}}
         {%endif%}
         {% if video.discipline.all %}
-        <p><strong>{% trans 'Disciplines' %}&nbsp;</strong>:<br />
+        <p><strong>{% trans 'Disciplines:' %}</strong><br />
         {% for disc in video.discipline.all %}
         <a href="{% url 'videos' %}?discipline={{ disc.slug }}" title="{{ disc.title }}" {% if request.GET.is_iframe %}target="_blank"{% endif %}>
             {{ disc.title }}
@@ -96,7 +96,7 @@ <h5><i data-feather="info"></i>&nbsp;{% trans 'Infos' %}</h5>
         </p>
         {%endif%}
       {% if request.GET.is_iframe and video.licence %}
-       <p><strong>{% trans 'Licence' %}&nbsp;</strong>:<br />
+       <p><strong>{% trans 'Licence:' %}</strong><br />
           {% include "videos/video_licencebox.html" %}
        </p>
        {% endif %}
@@ -105,11 +105,11 @@ <h5><i data-feather="info"></i>&nbsp;{% trans 'Infos' %}</h5>
     </div>
   </div>
   <div class="tab-pane fade" id="downloads" role="tabpanel">
-    <h5 ><i data-feather="download"></i>&nbsp;{% trans 'Downloads' %}</h5>
+    <h5><i data-feather="download"></i>&nbsp;{% trans 'Downloads' %}</h5>
     <div class="row">
       <div class="col-4">
         {% if video.allow_downloading %}
-        <div>{% trans 'Video file(s)' %} :<br/>
+        <div>{% trans 'Video file(s):' %}<br/>
           {% for vid in video.get_video_mp4 %}
           <form method="post" action="{% url 'download_file' %}">
             {% csrf_token %}
@@ -123,7 +123,7 @@ <h5 ><i data-feather="download"></i>&nbsp;{% trans 'Downloads' %}</h5>
       <div class="col-4">
       {% if video.allow_downloading %}
       {% if video.get_video_mp3 %}
-      <div>{% trans 'Audio file' %} :<br/>
+      <div>{% trans 'Audio file:' %}<br/>
       <form method="post" action="{% url 'download_file' %}">
         {% csrf_token %}
         <input type="hidden" value="{{video.get_video_mp3.source_file.name}}" name="filename" />
@@ -135,7 +135,7 @@ <h5 ><i data-feather="download"></i>&nbsp;{% trans 'Downloads' %}</h5>
       </div>
     <div class="col-4">
     {% if video.document_set.all %}
-    <div>{% trans 'Document' %} :<br/>
+    <div>{% trans 'Document:' %}<br/>
       {% for doc in video.document_set.all %}
       <form method="post" action="{% url 'download_file' %}">
         {% csrf_token %}
@@ -157,7 +157,7 @@ <h5><i data-feather="share-2"></i>&nbsp;{% if video.is_draft %}{% trans 'Embed/S
         <label>{% trans 'Social Networks' %}</label>
         <a target="_blank" href="http://www.facebook.com/sharer.php?u={{request.build_absolute_uri|urlencode}}" class="btn btn-outline-primary btn-sm m-1" title="{% trans "Share on" %} Facebook"><i data-feather="facebook"></i></a>
         <a target="_blank" href="http://twitter.com/share?url={{request.build_absolute_uri|urlencode}}" class="btn btn-outline-primary btn-sm m-1" title="{% trans "Share on" %} Twitter"><i data-feather="twitter"></i></a>
-	      <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{request.build_absolute_uri|urlencode}}" class="btn btn-outline-primary btn-sm m-1" title="{% trans "Share on" %} LinkedIn"><i data-feather="linkedin"></i></a>
+        <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{request.build_absolute_uri|urlencode}}" class="btn btn-outline-primary btn-sm m-1" title="{% trans "Share on" %} LinkedIn"><i data-feather="linkedin"></i></a>
       </p>
       <hr />
     {% endif %}
@@ -190,19 +190,18 @@ <h5><i data-feather="share-2"></i>&nbsp;{% if video.is_draft %}{% trans 'Embed/S
           <small id="displaytimeHelp" class="form-text text-muted">{% trans 'Check the box to indicate the beginning of playing desired.' %}</small>
         </div>
         <div class="form-group ">
-          <label for="txtintegration">{% trans 'Copy the content of this text box and paste it in the page' %}&nbsp;:</label>
+          <label for="txtintegration">{% trans 'Copy the content of this text box and paste it in the page:' %}</label>
           <textarea name="txtintegration" id="txtintegration" class="form-control" rows="4">&lt;iframe src="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{%if enrichment%}{% url 'enrichment:video_enrichment' slug=video.slug %}{%else%}{% url 'video' slug=video.slug %}{%endif%}{% if video.is_draft == True %}{{ video.get_hashkey }}/{% endif %}?is_iframe=true" width="640" height="360" style="padding: 0; margin: 0; border:0" allowfullscreen &gt;&lt;/iframe&gt;</textarea>
         </div>
         <div class="form-group">
-          <label for="txtpartage">{% trans 'Use this link to share the video' %} :</label>
+          <label for="txtpartage">{% trans 'Use this link to share the video:' %}</label>
           <input class="form-control" type="text" name="txtpartage" id="txtpartage" value="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{%if enrichment%}{% url 'enrichment:video_enrichment' slug=video.slug %}{%else%}{% url 'video' slug=video.slug %}{%endif%}{% if video.is_draft == True %}{{ video.get_hashkey }}/{% endif %}" />
         </div>
         <div class="form-group">
-          <label>{% trans 'QR code for this link' %} :</label>
+          <label>{% trans 'QR code for this link:' %}</label>
           <img src="//chart.apis.google.com/chart?cht=qr&chs=200x200&chl={% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{%if enrichment%}{% url 'enrichment:video_enrichment' slug=video.slug %}{%else%}{% url 'video' slug=video.slug %}{%endif%}{% if video.is_draft == True %}{{ video.get_hashkey }}/{% endif %}" alt="qrcode" id="qrcode"/>
         </div>
       </fieldset>
-    
   </div>
   {%endif%}
 </div>

From d39b693cd714a0cad20ddce5cdb66b705133e772 Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Fri, 11 Dec 2020 11:26:48 +0100
Subject: [PATCH 004/145] "username" was not displayed in "not authorized"
 message on login screen.

---
 pod/authentication/templates/registration/login.html | 3 +--
 pod/custom/settings_local.py.example                 | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/pod/authentication/templates/registration/login.html b/pod/authentication/templates/registration/login.html
index 1b73d7b173..dafd4f0302 100644
--- a/pod/authentication/templates/registration/login.html
+++ b/pod/authentication/templates/registration/login.html
@@ -31,7 +31,7 @@ <h2>{% trans 'Log in' %}</h2>
 {% if user.is_authenticated %}
 <p class="errornote">
   {% blocktrans trimmed %}
-    You are authenticated as {{ username }}, but are not authorized to
+    You are authenticated as {{ user }}, but are not authorized to
     access this page. Would you like to login to a different account?
   {% endblocktrans %}
 </p>
@@ -52,7 +52,6 @@ <h2>{% trans 'Log in' %}</h2>
     <input type="hidden" name="next" value="{{ next }}">
   </div>
 
-  
 
   {% url 'admin_password_reset' as password_reset_url %}
   {% if password_reset_url %}
diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index 637b8c9f16..ebfb5ad64a 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -557,7 +557,7 @@ VIDEOS_DIR = "videos"
 ENCODE_VIDEO = "start_encode"
 
 """
-# pourl'encodage distant, il faut préciser le login, l'host et la clé pour appeler cet encodage
+# pour l'encodage distant, il faut préciser le login, l'host et la clé pour appeler cet encodage
 # REMOTE ENCODING SETTINGS
 # SSH_REMOTE_USER = ""
 # SSH_REMOTE_HOST = "xxx.univ.fr"

From 840573f2bb21f2d6505ebe17e6c093c5829ab91e Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Mon, 14 Dec 2020 11:28:08 +0100
Subject: [PATCH 005/145] bump version of Pillow et Deepspeech

---
 requirements.txt | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/requirements.txt b/requirements.txt
index 8f69d0195b..fc516cbe2f 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,6 +1,6 @@
 Django==1.11.29
 django-ckeditor==5.3.1
-Pillow==7.1.0
+Pillow==8.0.1
 django-tagging==0.4.6
 django-modeltranslation==0.12.2
 webvtt-py==0.4.5
@@ -18,7 +18,7 @@ django-auth-mixins==1.0.1
 celery==4.3.0
 vine==1.3.0
 pandas
-deepspeech==0.9.1
+deepspeech==0.9.3
 billiard<4.0,>=3.6.0
 webrtcvad
 django-select2-forms==2.1.0

From eaab2ebd70cc77ccf56ecfcf4b8890f56865a629 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 17 Dec 2020 17:24:55 +0100
Subject: [PATCH 006/145] add chardet and requests, bump urllib3 to 1.26.2

---
 pod/custom/admin.py                  |    6 +-
 pod/custom/apps.py                   |   10 +-
 pod/custom/models.py                 |    6 +-
 pod/custom/settings_local.py.example | 2026 +++++++++++++-------------
 pod/custom/tests.py                  |    6 +-
 pod/custom/urls.py                   |   16 +-
 pod/custom/views.py                  |    6 +-
 requirements.txt                     |    4 +-
 8 files changed, 1041 insertions(+), 1039 deletions(-)

diff --git a/pod/custom/admin.py b/pod/custom/admin.py
index 4185d360e9..e813532def 100644
--- a/pod/custom/admin.py
+++ b/pod/custom/admin.py
@@ -1,3 +1,3 @@
-# from django.contrib import admin
-
-# Register your models here.
+# from django.contrib import admin
+
+# Register your models here.
diff --git a/pod/custom/apps.py b/pod/custom/apps.py
index 245de53f9d..5e0d8e1c89 100644
--- a/pod/custom/apps.py
+++ b/pod/custom/apps.py
@@ -1,5 +1,5 @@
-from django.apps import AppConfig
-
-
-class CustomConfig(AppConfig):
-    name = 'custom'
+from django.apps import AppConfig
+
+
+class CustomConfig(AppConfig):
+    name = 'custom'
diff --git a/pod/custom/models.py b/pod/custom/models.py
index 0b4331b362..812d9cc8ae 100644
--- a/pod/custom/models.py
+++ b/pod/custom/models.py
@@ -1,3 +1,3 @@
-# from django.db import models
-
-# Create your models here.
+# from django.db import models
+
+# Create your models here.
diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index 637b8c9f16..2b23e2034b 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -1,1013 +1,1013 @@
-"""
-# ********************************************************** ATTENTION **********************************************************
-#
-# Attention ! Veuillez ne pas renommer ce fichier en settings_local.py mais vous en inspirer pour configurer votre instance Pod.
-#
-# ********************************************************** WARNING ************************************************************
-#
-# Warning ! Please do not rename this file to settings_local.py but be inspired by it to configure your Pod instance.
-#
-#********************************************************************************************************************************
-"""
-
-
-# configuration principale
-"""
-# La clé secrète d’une installation Django.
-# Elle est utilisée dans le contexte de la signature cryptographique,
-# et doit être définie à une valeur unique et non prédictible.
-# https://docs.djangoproject.com/fr/1.11/ref/settings/#secret-key
-"""
-SECRET_KEY = 'A_CHANGER'
-
-"""
-# Une valeur booléenne qui active ou désactive le mode de débogage.
-# Ne déployez jamais de site en production avec le réglage DEBUG activé.
-# https://docs.djangoproject.com/fr/1.11/ref/settings/#debug
-"""
-DEBUG = True
-
-"""
-Pour forcer le https
-"""
-SECURE_SSL_REDIRECT = True
-SESSION_COOKIE_SECURE = True
-CSRF_COOKIE_SECURE = True
-
-"""
-# Une liste de chaînes représentant des noms de domaine/d’hôte que ce site Django peut servir.
-# C’est une mesure de sécurité pour empêcher les attaques d’en-tête Host HTTP,
-# qui sont possibles même avec bien des configurations de serveur Web apparemment sécurisées.
-#  https://docs.djangoproject.com/fr/1.11/ref/settings/#allowed-hosts
-"""
-ALLOWED_HOSTS = ['localhost']
-
-"""
-# L’âge des cookies de sessions, en secondes.
-# https://docs.djangoproject.com/fr/1.11/ref/settings/#session-cookie-age
-"""
-SESSION_COOKIE_AGE = 14400
-
-"""
-# Indique s’il faut que la session expire lorsque l’utilisateur ferme son navigateur.
-# https://docs.djangoproject.com/fr/1.11/ref/settings/#session-cookie-age
-"""
-SESSION_EXPIRE_AT_BROWSER_CLOSE = True
-
-"""
-# Une liste de toutes les personnes qui reçoivent les notifications d’erreurs dans le code.
-# Lorsque DEBUG=False et qu’une vue lève une exception,
-# Django envoie un courriel à ces personnes contenant les informations complètes de l’exception.
-# Chaque élément de la liste doit être un tuple au format « (nom complet, adresse électronique) ».
-# Exemple : [('John', 'john@example.com'), ('Mary', 'mary@example.com')] Dans Pod,
-# les "admins" sont également destinataires des courriels de contact,
-# d'encodage ou de flux rss si la variable CONTACT_US_EMAIL n'est pas renseignée.
-"""
-ADMINS = ( ('Name', 'adminmail@univ.fr'),)
-
-"""
-# Dans Pod, les "managers" sont destinataires des courriels de fin d'encodage (et ainsi des vidéos déposées sur la plateforme).
-# Le premier managers renseigné est également contact des flus rss.
-# Ils sont aussi destinataires des courriels de contact si la variable CONTACT_US_EMAIL n'est pas renseignée.
-"""
-MANAGERS = ADMINS
-
-"""
-# Un dictionnaire contenant les réglages de toutes les bases de données à utiliser avec Django.
-# C’est un dictionnaire imbriqué dont les contenus font correspondre l’alias de base de données avec un dictionnaire contenant les options de chacune des bases de données.
-# https://docs.djangoproject.com/fr/1.11/ref/settings/#databases
-"""
-DATABASES = {
-    'default': {
-        'ENGINE': 'django.db.backends.sqlite3',
-        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
-    }
-}
-
-"""
-# Langue par défaut si non détectée
-"""
-LANGUAGE_CODE = "fr"
-
-"""
-# Langue disponible et traduite
-"""
-LANGUAGES = (
-    ('fr', 'Français'), ('en', 'English'), ('nl', 'Dutch (Netherlands)')
-)
-
-"""
-# Une chaîne représentant le fuseau horaire pour cette installation.
-# https://docs.djangoproject.com/fr/1.11/ref/settings/#std:setting-TIME_ZONE
-"""
-TIME_ZONE = "UTC"
-
-"""
-# Le répertoire dans lequel stocker temporairement les données (typiquement pour les fichiers plus grands que FILE_UPLOAD_MAX_MEMORY_SIZE) lors des téléversements de fichiers.
-# https://docs.djangoproject.com/fr/1.11/ref/settings/#file-upload-temp-dir
-"""
-FILE_UPLOAD_TEMP_DIR = "/var/tmp"
-
-"""
-# Le chemin absolu vers le répertoire dans lequel collectstatic rassemble les fichiers statiques en vue du déploiement.
-#  https://docs.djangoproject.com/fr/1.11/ref/settings/#std:setting-STATIC_ROOT
-"""
-STATIC_ROOT = "/pod/static"
-
-"""
-# Chemin absolu de système de fichiers pointant vers le répertoire qui contiendra les fichiers téléversés par les utilisateurs.
-# https://docs.djangoproject.com/fr/1.11/ref/settings/#std:setting-MEDIA_ROOT
-"""
-MEDIA_ROOT = "/pod/media"
-
-"""
-# nom du serveur smtp
-"""
-EMAIL_HOST = "smtp.univ.fr"
-
-"""
-# port d'écoute du serveur smtp
-"""
-EMAIL_PORT = 25
-
-"""
-# courriel utilisé par défaut pour les envois automatique (erreur de code etc.)
-"""
-SERVER_EMAIL = "noreply@univ.fr"
-
-"""
-# courriel utilisé par défaut pour les envois de courriel (contact, encodage etc.)
-"""
-DEFAULT_FROM_EMAIL= "noreply@univ.fr"
-
-"""
-# Les utilisateurs inactif ne sont plus affichés dans la barre de menu utilisateur
-"""
-MENUBAR_HIDE_INACTIVE_OWNERS = True
-
-"""
-# Les utilisateurs non staff ne sont plus affichés dans la barre de menu utilisateur
-"""
-MENUBAR_SHOW_STAFF_OWNERS_ONLY = False
-
-"""
-# Afficher les vidéos dont l'accès est protégé par mot de passe sur la page d'accueil
-"""
-HOMEPAGE_SHOWS_PASSWORDED = False
-
-"""
-# Afficher les vidéos dont l'accès est protégé par authentification sur la page d'accueil
-"""
-HOMEPAGE_SHOWS_RESTRICTED = False
-
-"""
-# Les mots clés saisis lors de l'ajout de vidéo sont convertis automatiquement en minuscule
-"""
-FORCE_LOWERCASE_TAGS = True
-
-"""
-# Les mots clés saisis lors de l'ajout de vidéo ne peuvent dépassé la longueur saisie
-"""
-MAX_TAG_LENGTH = 50
-
-"""
-# Utiliser l'application de gestion de fichier fourni avec le projet. Si False, chaque fichier envoyé ne pourra être utilisé qu'une seule fois.
-"""
-USE_PODFILE = False
-
-"""
-# Liste des applications tierces accessibles.
-"""
-THIRD_PARTY_APPS = []
-
-"""
-# Nom du répertoire racine ou les fichiers "complémentaires" (hors vidéos etc.) sont téléversés.
-"""
-FILES_DIR = "files"
-
-"""
-# Choix de sujet pour les courriels envoyés depuis la plateforme
-"""
-SUBJECT_CHOICES = (
-    ('', '-----'),
-    ('info', ('Request more information')),
-    ('contribute', ('Learn more about how to contribute')),
-    ('request_password', ('Password request for a video')),
-    ('inappropriate_content', ('Report inappropriate content')),
-    ('bug', ('Correction or bug report')),
-    ('other', ('Other (please specify)'))
-)
-
-"""
-# Si valeur vaut 'True', le username de l'utilisateur ne sera pas visible sur la plate-forme Pod et
-# si la valeur vaut 'False' le username sera affichés aux utilisateurs authentifiés. (par soucis du respect du RGPD)
-"""
-HIDE_USERNAME = False
-
-"""
-# Si valeur vaut 'True', l'onglet Utilisateur ne sera pas visible et si la valeur vaut 'False' l'onglet Utilisateur ne sera visible qu'aux personnes authentifiées.
-# (par soucis du respect du RGPD)
-"""
-HIDE_USER_TAB = False
-
-"""
-# Si la valeur vaut 'True', le filtre des vidéos par utilisateur ne sera plus visible sur la plate-forme Pod et
-# si la valeur vaut 'False' le filtre sera visible qu'aux personnes authentifiées. (par soucis du respect du RGPD)
-"""
-HIDE_USER_FILTER = False
-
-"""
-# Si valeur vaut 'True', les URLs contenues dans le texte de superposition seront transformées, à la lecture de la vidéo, en lien cliquable.
-"""
-LINK_SUPERPOSITION = False
-
-"""
-# Si valeur vaut 'True', les e-mails de contacts seront adressés, selon le sujet, soit au propriétaire de la vidéo soit au(x) manageur(s) des vidéos Pod.
-# (voir USER_CONTACT_EMAIL_CASE et USE_ESTABLISHMENT_FIELD )
-"""
-CUSTOM_CONTACT_US = False
-
-"""
-# Une liste contenant les sujets de contact dont l'utilisateur sera seul destinataire plutôt que le(s) manageur(s).
-# Si la liste est vide, les mails de contact seront envoyés au(x) manageur(s). Valeurs possibles :
-#   'info', 'contribute', 'request_password', 'inapropriate_content', 'bug', 'other'
-"""
-USER_CONTACT_EMAIL_CASE = []
-
-"""
-# Si valeur vaut 'True', rajoute un attribut 'establishment' à l'utilisateur Pod ce qui permet de gérer plus d'un établissement pouvant utiliser Pod.
-# Dans ce cas les emails de contact par exemple seront envoyés soit à l'utilisateur soit au(x) manageur(s) de l'établissement de l'utilisateur.
-# (voir USER_CONTACT_EMAIL_CASE )
-# Egalement les emails de fin d'encodage seront envoyés au(x) manageur(s) de l'établissement du propriétaire de la vidéo encodée,
-# en plus d'un email au propriétaire, en confirmation de la fin d'encodage de sa vidéo.
-"""
-USE_ESTABLISHMENT_FIELD	= False
-
-"""
-# Permet d'activer la possibilité de voir en details le nombre de visualisation d'une vidéo durant un jour donné ou mois,
-# année ou encore le nombre de vue total depuis la création de la vidéo. un lien est rajouté dans la partie info lors de la lecture d'une vidéo,
-# un lien est rajouté dans la page de visualisation d'une chaîne ou un theme ou encore toutes les vidéos présentes sur la plateforme.
-"""
-USE_STATS_VIEW = False
-
-"""
-# affichage de la statistique de vue des videos si utilisateur authentifié
-"""
-VIEW_STATS_AUTH = False
-
-"""
-# Fixe une année maximale que la date de suppression d'une vidéo ne peut dépasser. Par défaut MAX_DURATION_DATE_DELETE = 10. (Année courante + 10 ans).
-"""
-MAX_DURATION_DATE_DELETE = 10
-
-"""
-# Permet d'utiliser la mise en ligne fragmentée (qui permet de reprendre la mise en ligne lors de problèmes de connexion)
-"""
-USE_CHUNKED_UPLOAD = False
-
-"""
-# Taille d'un fragment (le fichier sera mis en ligne par fragment de cette taille)
-"""
-CHUNK_SIZE = 1000000
-
-"""
-# Masquer l'authentification locale
-"""
-HIDE_LOCAL_LOGIN = False
-
-"""
-# Afficher uniquement les thèmes de premier niveau dans l'onglet 'Chaîne'
-"""
-SHOW_ONLY_PARENT_THEMES = False
-
-"""
-# Organiser l'affichage des vidéos dans des themes par sections pliables
-"""
-ORGANIZE_BY_THEME = False
-
-"""
-# Configuration des templates / de l'affichage
-# L'ensemble des variables ci-après doivent être contnu dans un dictionnnaire TEMPLATE_VISIBLE_SETTINGS.
-# Voici sa valeur par défaut :
-"""
-TEMPLATE_VISIBLE_SETTINGS = {
-    'TITLE_SITE': 'Pod',
-    'TITLE_ETB': 'University name',
-    'LOGO_SITE': 'img/logoPod.svg',
-    'LOGO_ETB': 'img/logo_etb.svg',
-    'LOGO_PLAYER': 'img/logoPod.svg',
-    'LINK_PLAYER': '',
-    'FOOTER_TEXT': ('',),
-    'FAVICON': 'img/logoPod.svg',
-    'CSS_OVERRIDE' : '',
-    'PRE_HEADER_TEMPLATE' : '',
-    'POST_FOOTER_TEMPLATE' : '',
-    'TRACKING_TEMPLATE' : '',
-}
-
-
-"""
-# Titre du site.
-TITLE_SITE = "Pod"
-"""
-
-"""
-# Titre de l’établissement.
-"""
-TITLE_ETB = "University name"
-
-"""
-# Logo affiché en haut à gauche sur toutes les pages. Doit se situer dans le répertoire static
-"""
-LOGO_SITE = "img/logoPod.svg"
-
-"""
-# Logo affiché dans le footer sur toutes les pages. Doit se situer dans le répertoire static
-"""
-LOGO_ETB = "img/logo_etb.svg"
-
-"""
-# Logo affiché sur le player video. Doit se situer dans le répertoire static
-"""
-LOGO_PLAYER = "img/logoPod.svg"
-
-"""
-# Lien de destination du logo affiché sur le player
-"""
-LINK_PLAYER	= ""
-
-"""
-# Texte affiché dans le footer. Une ligne par entrée, accepte du code html.
-# Par exmple : ( '42, rue Paul Duez', '59000 Lille - France', ('<a href="https://goo.gl/maps/AZnyBK4hHaM2"' ' target="_blank">Google maps</a>') )
-"""
-FOOTER_TEXT = ('',)
-
-"""
-# Icon affiché dans la barre d'adresse du navigateur
-"""
-FAVICON = "img/logoPod.svg"
-
-"""
-# Si souhaitée, à créer et sauvegarder dans le répertoire static de l'application custom et préciser le chemin d'accès. Par exemple : "custom/etab.css"
-"""
-CSS_OVERRIDE = ""
-
-"""
-# vous pouvez créer un template dans votre application custom et indiquer son chemin dans cette variable pour que ce code html,
-# ce template soit affiché en haut de votre page, le code est ajouté juste après la balise body.(Or iframe)
-# Si le fichié créé est '/usr/local/django_projects/podv2/pod/custom/templates/custom/preheader.html' alors la varaible doit prendre la valeur 'custom/preheader.html'
-"""
-PRE_HEADER_TEMPLATE = ""
-
-"""
-# Idem que pre-header, le code contenu dans le template sera affiché juste avant la fermeture du body. (Or iframe)
-"""
-POST_FOOTER_TEMPLATE = ""
-
-"""
-# vous pouvez créer un template dans votre application custom pour y intégrer votre code Piwik ou Google analytics.
-# Ce template est inséré dans toutes les pages de la plateforme, y compris en mode iframe
-"""
-TRACKING_TEMPLATE = ""
-
-# Configuration application recherche
-# Pour mettre à jour le moteur de recherche, je lance toutes les nuits la tache cron suivante :
-#    0 5 * * * cd /home/pod/django_projects/podv2 && /home/pod/.virtualenvs/django_pod/bin/python manage.py index_videos --all
-
-"""
-# adresse du ou des instances d'Elasticsearch utilisées pour l'indexation et la recherche de vidéo.
-"""
-ES_URL = ['http://127.0.0.1:9200/']
-
-"""
-# Valeur pour l’index de ElasticSearch
-"""
-ES_INDEX = "pod"
-
-
-
-# Configuration encodage
-
-"""
-# commande ffmpeg
-"""
-FFMPEG = "ffmpeg"
-
-"""
-# commande ffprobe
-"""
-FFPROBE = "ffprobe"
-
-"""
-# durée en seconde des segment HLS
-"""
-SEGMENT_TARGET_DURATION = 2
-
-"""
-# la taille du buffer est égale au bitrate vidéo du rendu multiplié par cette valeur
-"""
-RATE_MONITOR_BUFFER_RATIO = 2
-
-"""
-# nombre de thread possible pour ffmpeg (0 égale maximum possible)
-"""
-FFMPEG_NB_THREADS = 0
-
-"""
-# Commande utilisée pour récupérer les informations de la première piste video du fichier envoyé
-"""
-GET_INFO_VIDEO = "%(ffprobe)s -v quiet -show_format -show_streams -select_streams v:0 -print_format json -i %(source)s"
-
-"""
-# Commande utilisée pour récupérer les informations de la première piste audio du fichier envoyé
-"""
-GET_INFO_AUDIO = "%(ffprobe)s -v quiet -show_format -show_streams -select_streams a:0 -print_format json -i %(source)s"
-
-"""
-# paramètres de la commande ffmpeg utilisés pour encoder toutes les vidéos, peu importe le rendu
-"""
-FFMPEG_STATIC_PARAMS = " -c:a aac -ar 48000 -c:v h264 -profile:v high -pix_fmt yuv420p -crf 20 -sc_threshold 0 -force_key_frames \"expr:gte(t,n_forced*1)\" -deinterlace -threads %(nb_threads)s "
-
-"""
-# autres paramètres qui sont placés au début de la commande
-"""
-FFMPEG_MISC_PARAMS = " -hide_banner -y "
-
-"""
-# bitrate audio pour l'encodage M4A (encodage des fichiers audio envoyés sur la plateforme)
-"""
-AUDIO_BITRATE = "192k"
-
-"""
-# commande utilisée pour l'encodage des fichiers audio envoyés sur la plateforme
-"""
-ENCODING_M4A = "%(ffmpeg)s -i %(source)s %(misc_params)s -c:a aac -b:a %(audio_bitrate)s -vn -threads %(nb_threads)s \"%(output_dir)s/audio_%(audio_bitrate)s.m4a\""
-
-"""
-# commande utilisée pour l'encodage audio pour tous les fichiers envoyés sur la plateforme
-"""
-ENCODE_MP3_CMD = "%(ffmpeg)s -i %(source)s %(misc_params)s -vn -b:a %(audio_bitrate)s -vn -f mp3 -threads %(nb_threads)s \"%(output_dir)s/audio_%(audio_bitrate)s.mp3\""
-
-"""
-# Si True, un courriel est envoyé aux managers et à l'auteur (si DEBUG est à False) à la fin de l'encodage
-"""
-EMAIL_ON_ENCODING_COMPLETION = True
-
-"""
-# Répertoire temporaire pour la création des thumbnails
-"""
-FILE_UPLOAD_TEMP_DIR = "/tmp" # déjà défini au dessus
-
-"""
-# Utilisation de Celery pour la gestion des taches d'encodage
-"""
-CELERY_TO_ENCODE = False
-CELERY_BROKER_URL = "amqp://pod:xxx@localhost/rabbitpod"
-
-# Configuration flux RSS
-
-"""
-# couverture du droit pour chaque vidéo
-"""
-DEFAULT_DC_COVERAGE = TITLE_ETB + " - Town - Country"
-
-"""
-# droit par défaut affichés dans le flux RSS si non renseigné
-"""
-DEFAULT_DC_RIGHTS = "BY-NC-SA"
-
-# Configuration application vidéo
-
-"""
-# Si True, seule les personnes "Staff" peuvent déposer des vidéos sur la plateforme
-"""
-RESTRICT_EDIT_VIDEO_ACCESS_TO_STAFF_ONLY = False
-
-"""
-# image par défaut affichée comme poster ou vignette, utilisée pour présenter la vidéo. Cette image doit se situer dans le répertoire static.
-"""
-DEFAULT_THUMBNAIL = "img/default.png"
-
-"""
-# Encodage possible sur la plateforme. Associé à un rendu dans le cas d'une vidéo.
-"""
-ENCODING_CHOICES = (
-    ("audio", "audio"),*
-    ("360p", "360p"),
-    ("480p", "480p"),
-    ("720p", "720p"),
-    ("1080p", "1080p"),
-    ("playlist", "playlist")
-)
-
-"""
-# Format d'encodage réalisé sur la plateforme.
-"""
-FORMAT_CHOICES = (
-    ("video/mp4", 'video/mp4'),
-    ("video/mp2t", 'video/mp2t'),
-    ("video/webm", 'video/webm'),
-    ("audio/mp3", "audio/mp3"),
-    ("audio/wav", "audio/wav"),
-    ("application/x-mpegURL", "application/x-mpegURL"),
-)
-
-"""
-# Licence proposées pour les vidéos.
-"""
-LICENCE_CHOICES = (
-    ('by', ("Attribution 4.0 International (CC BY 4.0)")),
-    ('by-nd', ("Attribution-NoDerivatives 4.0 " "International (CC BY-ND 4.0)" )),
-    ('by-nc-nd', ( "Attribution-NonCommercial-NoDerivatives 4.0 " "International (CC BY-NC-ND 4.0)" )),
-    ('by-nc', ("Attribution-NonCommercial 4.0 " "International (CC BY-NC 4.0)")),
-    ('by-nc-sa', ( "Attribution-NonCommercial-ShareAlike 4.0 " "International (CC BY-NC-SA 4.0)" )),
-    ('by-sa', ( "Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)"))
-)
-
-"""
-# Les vidéos créées sans type (par importation par exemple) seront affectées au type par défaut (en général, le type ayant pour identifiant '1' est 'Other')
-"""
-DEFAULT_TYPE_ID = 1
-
-"""
-# Liste des cursus proposés lors de l'ajout des vidéos. Affichés en dessous d'une vidéos, ils sont aussi utilisés pour affiner la recherche.
-"""
-CURSUS_CODES = (
-    ('0', ("None / All")),
-    ('L', ("Bachelor’s Degree")),
-    ('M', ("Master’s Degree")),
-    ('D', ("Doctorate")),
-    ('1', _("Other"))
-)
-
-"""
-# Liste des langues proposées lors de l'ajout des vidéos. Affichés en dessous d'une vidéos, ils sont aussi utilisés pour affiner la recherche.
-"""
-LANG_CHOICES = ( settings.PREF_LANG_CHOICES + (('', '----------'),) + settings.ALL_LANG_CHOICES )
-
-"""
-# Répertoire par défaut pour le téléversement des vidéos.
-"""
-VIDEOS_DIR = "videos"
-
-"""
-# Fonction appelée pour lancer l'encodage des vidéos
-# Pour l'encodage distant, il faut préciser "start_remote_encode"
-"""
-ENCODE_VIDEO = "start_encode"
-
-"""
-# pourl'encodage distant, il faut préciser le login, l'host et la clé pour appeler cet encodage
-# REMOTE ENCODING SETTINGS
-# SSH_REMOTE_USER = ""
-# SSH_REMOTE_HOST = "xxx.univ.fr"
-# SSH_REMOTE_KEY = "/home/pod/.ssh/id_rsa"
-"""
-
-
-"""
-# Extension autorisée pour le téléversement sur la plateforme
-"""
-VIDEO_ALLOWED_EXTENSIONS = ( '3gp', 'avi', 'divx', 'flv', 'm2p', 'm4v', 'mkv', 'mov', 'mp4', 'mpeg', 'mpg', 'mts', 'wmv', 'mp3', 'ogg', 'wav', 'wma' )
-
-"""
-# Taille maximum en Go des fichiers téléversés sur la plateforme
-"""
-VIDEO_MAX_UPLOAD_SIZE = 1
-
-"""
-# Ensemble des textes d'aide affichés avec le formulaire d'envoi de vidéo
-# voir pod/video/forms.py
-"""
-VIDEO_FORM_FIELDS_HELP_TEXT = ""
-
-"""
-# Liste des champs du formulaire d'édition de vidéos affichés
-"""
-VIDEO_FORM_FIELDS = __all__
-
-"""
-# Ensemble des textes d'aide affichés avec le formulaire d'édition de chaine.
-# voir pod/video/forms.py
-"""
-CHANNEL_FORM_FIELDS_HELP_TEXT = ""
-
-"""
-# Ensemble des textes d'aide affichés avec le formulaire d'édition de theme.
-# voir pod/video/forms.py
-"""
-THEME_FORM_FIELDS_HELP_TEXT = ""
-
-# Configuration application recorder (enregistreur)
-
-"""
-# Type d'enregistrement géré par la plateforme.
-# Un enregistreur ne peut déposer que des fichiers de type proposé par la plateforme.
-# Le traitement se fait en fonction du type de fichier déposé.
-"""
-RECORDER_TYPE = ( ('video', _('Video')), ('audiovideocast', _('Audiovideocast')), )
-
-"""
-# Chemin racine du répertoire où sont déposés les enregistrements (chemin du serveur FTP).
-"""
-DEFAULT_RECORDER_PATH = "/data/ftp-pod/ftp/"
-
-"""
-# Identifiant du propriétaire par défaut (si non spécifié) des enregistrements déposés.
-"""
-DEFAULT_RECORDER_USER_ID = 1
-
-"""
-# Ajoute un enregistreur par défaut à un enregistrement non identifiable (mauvais chemin dans le dépôt FTP).
-"""
-DEFAULT_RECORDER_ID = 1
-
-"""
-# Identifiant du type de vidéo par défaut (si non spécifié). (Exemple : 3 pour Colloque/conférence, 4 pour Cours...)
-"""
-DEFAULT_RECORDER_TYPE_ID = 1
-
-"""
-# Si True, le manager de l'enregistreur pourra choisir un propriétaire de l'enregistrement.
-"""
-ALLOW_RECORDER_MANAGER_CHOICE_VID_OWNER = True
-
-"""
-# Si True, une page apparaîtra dans le menu du profil de l'utilisateur autorisé permettant de s'attribuer un enregistrement.
-"""
-ALLOW_MANUAL_RECORDING_CLAIMING = False
-
-"""
-# Liste des champs supplémentaires pour le formulaire des enregistreurs
-# Cette liste reprend le nom des champs correspondants aux paramètres d'édition d'une vidéo (Discipline, Chaine, Theme, mots clés...)
-# L'exemple suivant comporte l'ensemble des champs possibles mais peut être allégée en fonction des besoins.
-# Les vidéos seront alors générées avec les valeurs des champs supplémentaires telles que définies dans leur enregistreur.
-"""
-RECORDER_ADDITIONAL_FIELDS = ('additional_users', 'is_draft', 'password',
-                'is_restricted', 'restrict_access_to_groups',
-                'cursus','main_lang', 'tags','discipline',
-                'licence', 'channel', 'theme', 'transcript'
-                'allow_downloading', 'is_360', 'disable_comment',)
-
-"""
-# Si True, permet de ne pas prendre en compte la 1° image lors du traitement d'une fichier d'enregistrement de type AudioVideoCast.
-"""
-RECORDER_SKIP_FIRST_IMAGE = False
-
-"""
-# Précise les proxy à utiliser pour une requête vers l'application elle même, par défaut force la non utilisation de proxy
-"""
-SELF_REQUESTS_PROXIES = { "http": None, "https": None}
-
-"""
-# Autorise la requête sur l'application en elle même sans vérifier le certificat SSL
-"""
-ALLOW_INSECURE_REQUESTS = False
-
-"""
-# Chemin d'accès web (public) au répertoire de dépot des enregistrements (DEFAULT_RECORDER_PATH). Attention à penser à modifier la conf de NGINX
-"""
-PUBLIC_RECORD_DIR = "records"
-
-"""
-# Si True, affiche l'icone de prévisualisation des vidéos dans la page "Revendiquer un enregistrement"
-"""
-USE_RECORD_PREVIEW = False
-
-# Configuration application podfile (gestion de fichier)
-
-"""
-# Extensions autorisées pour les documents téléversés dans le gestionnaire de fichier
-"""
-FILE_ALLOWED_EXTENSIONS = ( 'doc', 'docx', 'odt', 'pdf', 'xls', 'xlsx', 'ods', 'ppt', 'pptx', 'txt', 'html', 'htm', 'vtt', 'srt', 'webm', 'ts', )
-
-"""
-# Extensions autorisées pour les images téléversés dans le gestionnaire de fichier
-"""
-IMAGE_ALLOWED_EXTENSIONS = ( 'jpg', 'jpeg', 'bmp', 'png', 'gif', 'tiff', )
-
-"""
-# Poids maximum en Mo par fichier téléversé dans le gestionnaire de fichier
-"""
-FILE_MAX_UPLOAD_SIZE = 10
-
-# Configuration application completion (contributeur, sous-titre, document à télécharger, superposition)
-
-"""
-# Liste de rôle possible pour un contributeur
-"""
-ROLE_CHOICES = (
-    ('actor', ('actor')),
-    ('author', ('author')),
-    ('designer', ('designer')),
-    ('consultant', ('consultant')),
-    ('contributor', ('contributor')),
-    ('editor', ('editor')),
-    ('speaker', ('speaker')),
-    ('soundman', ('soundman')),
-    ('director', ('director')),
-    ('writer', ('writer')),
-    ('technician', ('technician')),
-    ('voice-over', ('voice-over')),
-)
-
-"""
-# Liste de type de piste possible pour une vidéo (sous-titre, légende etc.)
-"""
-KIND_CHOICES = ( ('subtitles', ('subtitles')), ('captions', ('captions')), )
-
-# Configuration application authentification (Local, CAS et LDAP)
-
-"""
-# Type d'authentification possible sur votre instance. Pour l'instant local ou cas
-"""
-AUTH_TYPE = (('local', _('local')), ('CAS', 'CAS'))
-
-"""
-# Activation de l'authentification CAS en plus de l'authentification locale
-"""
-USE_CAS = False
-
-"""
-# Url du serveur cas de l'établissement. Format http://url_cas
-"""
-CAS_SERVER_URL = "sso_cas"
-
-"""
-# Si True, authentifie automatiquement l'individu si déjà authentifié sur le serveur CAS
-"""
-CAS_GATEWAY = False
-
-"""
-# Si utilisation de la connection CAS, renseigne les champs du compte de la personne depuis une source externe.
-# Valeur possible : None (pas de renseignement), CAS (renseigne les champs de la personne depuis les informations renvoyées par le CAS),
-# LDAP (Interroge le serveur LDAP pour renseigner les champs du compte de la personne)
-"""
-POPULATE_USER = None
-
-"""
-# variable utilisée pour trouver les informations de l'individu connecté dans le fichier renvoyé par le CAS lors de l'authentification
-"""
-AUTH_CAS_USER_SEARCH = "user"
-
-"""
-# liste de correspondance entre les champs d'un compte de Pod et les champs renvoyés par le CAS
-"""
-USER_CAS_MAPPING_ATTRIBUTES = {
-    "uid": "uid",
-    "mail": "mail",
-    "last_name": "sn",
-    "first_name": "givenname",
-    "affiliation": "eduPersonAffiliation"
-}
-
-"""
-# Si True, des groupes sont créés automatiquement à partir des affiliations des individus qui se connectent sur la plateforme et
-# l'individu qui se connecte est ajouté automatiquement à ses groupes
-"""
-CREATE_GROUP_FROM_AFFILIATION = False
-
-"""
-# Les personnes ayant pour affiliation les valeurs renseignées dans cette variable sont automatiquement la valeur staff de leur compte à True
-"""
-AFFILIATION_STAFF = ('faculty', 'employee', 'staff')
-
-"""
-# Valeurs possibles pour l'Affiliation du compte
-"""
-AFFILIATION = (
-    ('student', ('student')),
-    ('faculty', ('faculty')),
-    ('staff', ('staff')),
-    ('employee', ('employee')),
-    ('member', ('member')),
-    ('affiliate', ('affiliate')),
-    ('alum', ('alum')),
-    ('library-walk-in', ('library-walk-in')),
-    ('researcher', ('researcher')),
-    ('retired', ('retired')),
-    ('emeritus', ('emeritus')),
-    ('teacher', ('teacher')),
-    ('registered-reader', _('registered-reader'))
-)
-
-"""
-# Information de connection au serveur LDAP. Le champ url peut contenir un ou plusieurs url pour ajouter des hôtes de référence, exemple :
-# Si un seul host : {'url': "ldap.univ.fr'', 'port': 389, 'use_ssl': False}
-# Si plusieurs : {'url': ("ldap.univ.fr'',"ldap2.univ.fr"), 'port': 389, 'use_ssl': False}
-"""
-LDAP_SERVER	= {'url': '', 'port': 389, 'use_ssl': False}
-
-"""
-# Identifiant (DN) du compte pour se connecter au serveur LDAP
-"""
-AUTH_LDAP_BIND_DN = ""
-
-"""
-# Mot de passe du compte pour se connecter au serveur LDAP
-"""
-AUTH_LDAP_BIND_PASSWORD = ""
-
-"""
-# Filtre LDAP permettant la recherche de l'individu dans le serveur LDAP
-"""
-AUTH_LDAP_USER_SEARCH = ('ou=people,dc=univ,dc=fr', "(uid=%(uid)s)")
-
-"""
-# liste de correspondance entre les champs d'un compte de Pod et les champs renvoyés par le LDAP
-"""
-USER_LDAP_MAPPING_ATTRIBUTES = {
-    "uid": "uid",
-    "mail": "mail",
-    "last_name": "sn",
-    "first_name": "givenname",
-    "primaryAffiliation": "eduPersonPrimaryAffiliation",
-    "affiliations": "eduPersonAffiliation"
-}
-
-"""
-# Utiliser l'authentification Shibboleth
-"""
-USE_SHIB = False
-
-"""
-# Nom de la fédération d'identité utilisée
-"""
-SHIB_NAME = ""
-
-"""
-# Mapping des attributs entre shibboleth et la classe utilisateur
-"""
-SHIBBOLETH_ATTRIBUTE_MAP = {
-    "shib-user": (True, "username"),
-    "shib-given-name": (True, "first_name"),
-    "shib-sn": (True, "last_name"),
-    "shib-mail": (False, "email"),
-}
-
-"""
-# Nom de l'attribut dans les headers qui sert à identifier l'utilisateur connecté avec Shibboleth
-"""
-REMOTE_USER_HEADER = REMOTE_USER
-
-"""
-# URL de connexion à votre instance Shibboleth
-"""
-
-SHIB_URL = ""
-
-"""
-# URL de déconnexion à votre instance Shibboleth
-"""
-SHIB_LOGOUT_URL = ""
-
-"""
-# Forcer le passage en minuscule du nom d'utilisateur CAS (permet de prévenir des doubles créations de comptes dans certain cas).
-"""
-CAS_FORCE_LOWERCASE_USERNAME = False
-
-"""
-# Permettre l'usage du oembed, partage dans moodle, facebook, twitter etc.
-"""
-OEMBED = True
-
-"""
-# Activer les commentaires au niveau de la plateforme
-"""
-ACTIVE_VIDEO_COMMENT = True
-
-"""
-# Transcription
-"""
-USE_TRANSCRIPTION = True
-
-"""
-# decoupage de l'audio pour la transcription
-"""
-AUDIO_SPLIT_TIME = 300
-
-"""
-# paramétrage de deepspeech pour le modele
-"""
-DS_PARAM = {
-    'fr': {
-        # le modèle deepspeech
-        'model': "/usr/local/django_projects/transcription/model_tensorflow_fr/output_graph.pbmm",
-        'scorer': "/usr/local/django_projects/transcription/model_tensorflow_fr/kenlm.scorer",
-
-    }
-}
-
-"""
-# La liste des utilisateurs regardant le direct sera réservée au staff
-"""
-VIEWERS_ONLY_FOR_STAFF = False
-
-"""
-# Temps (en seconde) entre deux envois d'un signal au serveur, pour signaler la présence sur un live
-# Peut être augmenté en cas de perte de performance mais au détriment de la qualité du comptage des valeurs
-"""
-HEARTBEAT_DELAY = 45
-
-"""
-# Délai (en seconde) selon lequel une vue est considérée comme expirée si elle n'as pas renvoyé de signal depuis
-"""
-VIEW_EXPIRATION_DELAY = 60
-
-"""
-# Utilisation de BigBlueButton
-"""
-USE_BBB = True
-
-"""
-# Répertoire du plugin bbb-recorder (voir documentation https://github.com/jibon57/bbb-recorder)
-# bbb-recorder doit être installé dans ce répertoire, sur tous les serveurs d'encodage
-# bbb-recorder crée un répertoire 'homedir' / Downloads qui a besoin d'espace disque
-"""
-DEFAULT_BBB_PLUGIN = '/home/podtest/bbb-recorder/'
-
-"""
-# Répertoire qui contiendra les fichiers vidéo générés par bbb-recorder
-"""
-DEFAULT_BBB_PATH = '/data/www/podtest/bbb-recorder/'
-
-"""
-# URL du serveur BigBlueButton ou Scalelite, où se trouvent les présentations Web BBB et l'API
-"""
-BBB_SERVER_URL = 'https://bbb.univ.fr/'
-
-"""
-# Clé BigBlueButton ou Scalelite LOADBALANCER_SECRET
-"""
-BBB_SECRET_KEY = 'abcdef'
-
-"""
-# Type de vidéo générée par défaut
-"""
-DEFAULT_BBB_TYPE_ID = 1
-
-"""
-# Format du nom d'utilisateur dans BBB.
-# Valeurs possibles : 'first_name last_name', 'last_name first_name'
-# Exemple1 : si dans le serveur BBB, vous avez un utilisateur au format 'John Doe', mettez 'first_name last_name'
-# Exemple2 : si dans le serveur BBB, vous avez un utilisateur au format 'Doe John', mettez 'last_name first_name'
-"""
-BBB_USERNAME_FORMAT = 'first_name last_name'
-
-"""
-# Nombre de jours avant la suppression des sessions et des utilisateurs associés, non déjà publiés
-# Pour ne pas supprimer les anciennes sessions, utiliser la valeur 0
-"""
-BBB_NUMBER_DAYS_BEFORE_DELETE = 0
-
-"""
-#
-# Permet d'activer le fonctionnement de categorie au niveau de ses vidéos
-# Vous pouvez créer des catégories pour pouvoir ranger vos propres vidéos
-# Les catégories sont liées à l'utilisateur
-"""
-USER_VIDEO_CATEGORY = False
-
-"""
-# gestion de l'oboslesence des vidéos
-"""
-USE_OBSOLESCENCE = True
-
-WARN_DEADLINES = [60, 30, 7]
-
-POD_ARCHIVE_AFFILIATION = ['faculty',
-                           'staff',
-                           'employee',
-                           'affiliate',
-                           'alum',
-                           'library-walk-in',
-                           'researcher',
-                           'retired',
-                           'emeritus',
-                           'teacher',
-                           'registered-reader',
-                           'member']
-
-ACCOMMODATION_YEARS = {
-    'affiliate': 1
-}
-DEFAULT_YEAR_DATE_DELETE = 2
-
-"""
-# Configuration / Activtion du LTI
-# voir pod/main/settings.py L.224
-"""
-LTI_ENABLED = True # False par défaut
-
-"""
-# Configuration H5P
-# les videos interactive ne sont plus maintenu dans Pod
-"""
-H5P_ENABLED = True  # False
-H5P_DEV_MODE = 0
-H5P_URL = '/h5p/'
-H5P_SAVE = 30
-H5P_EXPORT = '/exports/'
-H5P_LANGUAGE = 'fr'
-BASE_URL = 'https://pod.univ.fr/'
-
+"""
+# ********************************************************** ATTENTION **********************************************************
+#
+# Attention ! Veuillez ne pas renommer ce fichier en settings_local.py mais vous en inspirer pour configurer votre instance Pod.
+#
+# ********************************************************** WARNING ************************************************************
+#
+# Warning ! Please do not rename this file to settings_local.py but be inspired by it to configure your Pod instance.
+#
+#********************************************************************************************************************************
+"""
+
+
+# configuration principale
+"""
+# La clé secrète d’une installation Django.
+# Elle est utilisée dans le contexte de la signature cryptographique,
+# et doit être définie à une valeur unique et non prédictible.
+# https://docs.djangoproject.com/fr/1.11/ref/settings/#secret-key
+"""
+SECRET_KEY = 'A_CHANGER'
+
+"""
+# Une valeur booléenne qui active ou désactive le mode de débogage.
+# Ne déployez jamais de site en production avec le réglage DEBUG activé.
+# https://docs.djangoproject.com/fr/1.11/ref/settings/#debug
+"""
+DEBUG = True
+
+"""
+Pour forcer le https
+"""
+SECURE_SSL_REDIRECT = True
+SESSION_COOKIE_SECURE = True
+CSRF_COOKIE_SECURE = True
+
+"""
+# Une liste de chaînes représentant des noms de domaine/d’hôte que ce site Django peut servir.
+# C’est une mesure de sécurité pour empêcher les attaques d’en-tête Host HTTP,
+# qui sont possibles même avec bien des configurations de serveur Web apparemment sécurisées.
+#  https://docs.djangoproject.com/fr/1.11/ref/settings/#allowed-hosts
+"""
+ALLOWED_HOSTS = ['localhost']
+
+"""
+# L’âge des cookies de sessions, en secondes.
+# https://docs.djangoproject.com/fr/1.11/ref/settings/#session-cookie-age
+"""
+SESSION_COOKIE_AGE = 14400
+
+"""
+# Indique s’il faut que la session expire lorsque l’utilisateur ferme son navigateur.
+# https://docs.djangoproject.com/fr/1.11/ref/settings/#session-cookie-age
+"""
+SESSION_EXPIRE_AT_BROWSER_CLOSE = True
+
+"""
+# Une liste de toutes les personnes qui reçoivent les notifications d’erreurs dans le code.
+# Lorsque DEBUG=False et qu’une vue lève une exception,
+# Django envoie un courriel à ces personnes contenant les informations complètes de l’exception.
+# Chaque élément de la liste doit être un tuple au format « (nom complet, adresse électronique) ».
+# Exemple : [('John', 'john@example.com'), ('Mary', 'mary@example.com')] Dans Pod,
+# les "admins" sont également destinataires des courriels de contact,
+# d'encodage ou de flux rss si la variable CONTACT_US_EMAIL n'est pas renseignée.
+"""
+ADMINS = ( ('Name', 'adminmail@univ.fr'),)
+
+"""
+# Dans Pod, les "managers" sont destinataires des courriels de fin d'encodage (et ainsi des vidéos déposées sur la plateforme).
+# Le premier managers renseigné est également contact des flus rss.
+# Ils sont aussi destinataires des courriels de contact si la variable CONTACT_US_EMAIL n'est pas renseignée.
+"""
+MANAGERS = ADMINS
+
+"""
+# Un dictionnaire contenant les réglages de toutes les bases de données à utiliser avec Django.
+# C’est un dictionnaire imbriqué dont les contenus font correspondre l’alias de base de données avec un dictionnaire contenant les options de chacune des bases de données.
+# https://docs.djangoproject.com/fr/1.11/ref/settings/#databases
+"""
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
+    }
+}
+
+"""
+# Langue par défaut si non détectée
+"""
+LANGUAGE_CODE = "fr"
+
+"""
+# Langue disponible et traduite
+"""
+LANGUAGES = (
+    ('fr', 'Français'), ('en', 'English'), ('nl', 'Dutch (Netherlands)')
+)
+
+"""
+# Une chaîne représentant le fuseau horaire pour cette installation.
+# https://docs.djangoproject.com/fr/1.11/ref/settings/#std:setting-TIME_ZONE
+"""
+TIME_ZONE = "UTC"
+
+"""
+# Le répertoire dans lequel stocker temporairement les données (typiquement pour les fichiers plus grands que FILE_UPLOAD_MAX_MEMORY_SIZE) lors des téléversements de fichiers.
+# https://docs.djangoproject.com/fr/1.11/ref/settings/#file-upload-temp-dir
+"""
+FILE_UPLOAD_TEMP_DIR = "/var/tmp"
+
+"""
+# Le chemin absolu vers le répertoire dans lequel collectstatic rassemble les fichiers statiques en vue du déploiement.
+#  https://docs.djangoproject.com/fr/1.11/ref/settings/#std:setting-STATIC_ROOT
+"""
+STATIC_ROOT = "/pod/static"
+
+"""
+# Chemin absolu de système de fichiers pointant vers le répertoire qui contiendra les fichiers téléversés par les utilisateurs.
+# https://docs.djangoproject.com/fr/1.11/ref/settings/#std:setting-MEDIA_ROOT
+"""
+MEDIA_ROOT = "/pod/media"
+
+"""
+# nom du serveur smtp
+"""
+EMAIL_HOST = "smtp.univ.fr"
+
+"""
+# port d'écoute du serveur smtp
+"""
+EMAIL_PORT = 25
+
+"""
+# courriel utilisé par défaut pour les envois automatique (erreur de code etc.)
+"""
+SERVER_EMAIL = "noreply@univ.fr"
+
+"""
+# courriel utilisé par défaut pour les envois de courriel (contact, encodage etc.)
+"""
+DEFAULT_FROM_EMAIL= "noreply@univ.fr"
+
+"""
+# Les utilisateurs inactif ne sont plus affichés dans la barre de menu utilisateur
+"""
+MENUBAR_HIDE_INACTIVE_OWNERS = True
+
+"""
+# Les utilisateurs non staff ne sont plus affichés dans la barre de menu utilisateur
+"""
+MENUBAR_SHOW_STAFF_OWNERS_ONLY = False
+
+"""
+# Afficher les vidéos dont l'accès est protégé par mot de passe sur la page d'accueil
+"""
+HOMEPAGE_SHOWS_PASSWORDED = False
+
+"""
+# Afficher les vidéos dont l'accès est protégé par authentification sur la page d'accueil
+"""
+HOMEPAGE_SHOWS_RESTRICTED = False
+
+"""
+# Les mots clés saisis lors de l'ajout de vidéo sont convertis automatiquement en minuscule
+"""
+FORCE_LOWERCASE_TAGS = True
+
+"""
+# Les mots clés saisis lors de l'ajout de vidéo ne peuvent dépassé la longueur saisie
+"""
+MAX_TAG_LENGTH = 50
+
+"""
+# Utiliser l'application de gestion de fichier fourni avec le projet. Si False, chaque fichier envoyé ne pourra être utilisé qu'une seule fois.
+"""
+USE_PODFILE = False
+
+"""
+# Liste des applications tierces accessibles.
+"""
+THIRD_PARTY_APPS = []
+
+"""
+# Nom du répertoire racine ou les fichiers "complémentaires" (hors vidéos etc.) sont téléversés.
+"""
+FILES_DIR = "files"
+
+"""
+# Choix de sujet pour les courriels envoyés depuis la plateforme
+"""
+SUBJECT_CHOICES = (
+    ('', '-----'),
+    ('info', ('Request more information')),
+    ('contribute', ('Learn more about how to contribute')),
+    ('request_password', ('Password request for a video')),
+    ('inappropriate_content', ('Report inappropriate content')),
+    ('bug', ('Correction or bug report')),
+    ('other', ('Other (please specify)'))
+)
+
+"""
+# Si valeur vaut 'True', le username de l'utilisateur ne sera pas visible sur la plate-forme Pod et
+# si la valeur vaut 'False' le username sera affichés aux utilisateurs authentifiés. (par soucis du respect du RGPD)
+"""
+HIDE_USERNAME = False
+
+"""
+# Si valeur vaut 'True', l'onglet Utilisateur ne sera pas visible et si la valeur vaut 'False' l'onglet Utilisateur ne sera visible qu'aux personnes authentifiées.
+# (par soucis du respect du RGPD)
+"""
+HIDE_USER_TAB = False
+
+"""
+# Si la valeur vaut 'True', le filtre des vidéos par utilisateur ne sera plus visible sur la plate-forme Pod et
+# si la valeur vaut 'False' le filtre sera visible qu'aux personnes authentifiées. (par soucis du respect du RGPD)
+"""
+HIDE_USER_FILTER = False
+
+"""
+# Si valeur vaut 'True', les URLs contenues dans le texte de superposition seront transformées, à la lecture de la vidéo, en lien cliquable.
+"""
+LINK_SUPERPOSITION = False
+
+"""
+# Si valeur vaut 'True', les e-mails de contacts seront adressés, selon le sujet, soit au propriétaire de la vidéo soit au(x) manageur(s) des vidéos Pod.
+# (voir USER_CONTACT_EMAIL_CASE et USE_ESTABLISHMENT_FIELD )
+"""
+CUSTOM_CONTACT_US = False
+
+"""
+# Une liste contenant les sujets de contact dont l'utilisateur sera seul destinataire plutôt que le(s) manageur(s).
+# Si la liste est vide, les mails de contact seront envoyés au(x) manageur(s). Valeurs possibles :
+#   'info', 'contribute', 'request_password', 'inapropriate_content', 'bug', 'other'
+"""
+USER_CONTACT_EMAIL_CASE = []
+
+"""
+# Si valeur vaut 'True', rajoute un attribut 'establishment' à l'utilisateur Pod ce qui permet de gérer plus d'un établissement pouvant utiliser Pod.
+# Dans ce cas les emails de contact par exemple seront envoyés soit à l'utilisateur soit au(x) manageur(s) de l'établissement de l'utilisateur.
+# (voir USER_CONTACT_EMAIL_CASE )
+# Egalement les emails de fin d'encodage seront envoyés au(x) manageur(s) de l'établissement du propriétaire de la vidéo encodée,
+# en plus d'un email au propriétaire, en confirmation de la fin d'encodage de sa vidéo.
+"""
+USE_ESTABLISHMENT_FIELD	= False
+
+"""
+# Permet d'activer la possibilité de voir en details le nombre de visualisation d'une vidéo durant un jour donné ou mois,
+# année ou encore le nombre de vue total depuis la création de la vidéo. un lien est rajouté dans la partie info lors de la lecture d'une vidéo,
+# un lien est rajouté dans la page de visualisation d'une chaîne ou un theme ou encore toutes les vidéos présentes sur la plateforme.
+"""
+USE_STATS_VIEW = False
+
+"""
+# affichage de la statistique de vue des videos si utilisateur authentifié
+"""
+VIEW_STATS_AUTH = False
+
+"""
+# Fixe une année maximale que la date de suppression d'une vidéo ne peut dépasser. Par défaut MAX_DURATION_DATE_DELETE = 10. (Année courante + 10 ans).
+"""
+MAX_DURATION_DATE_DELETE = 10
+
+"""
+# Permet d'utiliser la mise en ligne fragmentée (qui permet de reprendre la mise en ligne lors de problèmes de connexion)
+"""
+USE_CHUNKED_UPLOAD = False
+
+"""
+# Taille d'un fragment (le fichier sera mis en ligne par fragment de cette taille)
+"""
+CHUNK_SIZE = 1000000
+
+"""
+# Masquer l'authentification locale
+"""
+HIDE_LOCAL_LOGIN = False
+
+"""
+# Afficher uniquement les thèmes de premier niveau dans l'onglet 'Chaîne'
+"""
+SHOW_ONLY_PARENT_THEMES = False
+
+"""
+# Organiser l'affichage des vidéos dans des themes par sections pliables
+"""
+ORGANIZE_BY_THEME = False
+
+"""
+# Configuration des templates / de l'affichage
+# L'ensemble des variables ci-après doivent être contnu dans un dictionnnaire TEMPLATE_VISIBLE_SETTINGS.
+# Voici sa valeur par défaut :
+"""
+TEMPLATE_VISIBLE_SETTINGS = {
+    'TITLE_SITE': 'Pod',
+    'TITLE_ETB': 'University name',
+    'LOGO_SITE': 'img/logoPod.svg',
+    'LOGO_ETB': 'img/logo_etb.svg',
+    'LOGO_PLAYER': 'img/logoPod.svg',
+    'LINK_PLAYER': '',
+    'FOOTER_TEXT': ('',),
+    'FAVICON': 'img/logoPod.svg',
+    'CSS_OVERRIDE' : '',
+    'PRE_HEADER_TEMPLATE' : '',
+    'POST_FOOTER_TEMPLATE' : '',
+    'TRACKING_TEMPLATE' : '',
+}
+
+
+"""
+# Titre du site.
+TITLE_SITE = "Pod"
+"""
+
+"""
+# Titre de l’établissement.
+"""
+TITLE_ETB = "University name"
+
+"""
+# Logo affiché en haut à gauche sur toutes les pages. Doit se situer dans le répertoire static
+"""
+LOGO_SITE = "img/logoPod.svg"
+
+"""
+# Logo affiché dans le footer sur toutes les pages. Doit se situer dans le répertoire static
+"""
+LOGO_ETB = "img/logo_etb.svg"
+
+"""
+# Logo affiché sur le player video. Doit se situer dans le répertoire static
+"""
+LOGO_PLAYER = "img/logoPod.svg"
+
+"""
+# Lien de destination du logo affiché sur le player
+"""
+LINK_PLAYER	= ""
+
+"""
+# Texte affiché dans le footer. Une ligne par entrée, accepte du code html.
+# Par exmple : ( '42, rue Paul Duez', '59000 Lille - France', ('<a href="https://goo.gl/maps/AZnyBK4hHaM2"' ' target="_blank">Google maps</a>') )
+"""
+FOOTER_TEXT = ('',)
+
+"""
+# Icon affiché dans la barre d'adresse du navigateur
+"""
+FAVICON = "img/logoPod.svg"
+
+"""
+# Si souhaitée, à créer et sauvegarder dans le répertoire static de l'application custom et préciser le chemin d'accès. Par exemple : "custom/etab.css"
+"""
+CSS_OVERRIDE = ""
+
+"""
+# vous pouvez créer un template dans votre application custom et indiquer son chemin dans cette variable pour que ce code html,
+# ce template soit affiché en haut de votre page, le code est ajouté juste après la balise body.(Or iframe)
+# Si le fichié créé est '/usr/local/django_projects/podv2/pod/custom/templates/custom/preheader.html' alors la varaible doit prendre la valeur 'custom/preheader.html'
+"""
+PRE_HEADER_TEMPLATE = ""
+
+"""
+# Idem que pre-header, le code contenu dans le template sera affiché juste avant la fermeture du body. (Or iframe)
+"""
+POST_FOOTER_TEMPLATE = ""
+
+"""
+# vous pouvez créer un template dans votre application custom pour y intégrer votre code Piwik ou Google analytics.
+# Ce template est inséré dans toutes les pages de la plateforme, y compris en mode iframe
+"""
+TRACKING_TEMPLATE = ""
+
+# Configuration application recherche
+# Pour mettre à jour le moteur de recherche, je lance toutes les nuits la tache cron suivante :
+#    0 5 * * * cd /home/pod/django_projects/podv2 && /home/pod/.virtualenvs/django_pod/bin/python manage.py index_videos --all
+
+"""
+# adresse du ou des instances d'Elasticsearch utilisées pour l'indexation et la recherche de vidéo.
+"""
+ES_URL = ['http://127.0.0.1:9200/']
+
+"""
+# Valeur pour l’index de ElasticSearch
+"""
+ES_INDEX = "pod"
+
+
+
+# Configuration encodage
+
+"""
+# commande ffmpeg
+"""
+FFMPEG = "ffmpeg"
+
+"""
+# commande ffprobe
+"""
+FFPROBE = "ffprobe"
+
+"""
+# durée en seconde des segment HLS
+"""
+SEGMENT_TARGET_DURATION = 2
+
+"""
+# la taille du buffer est égale au bitrate vidéo du rendu multiplié par cette valeur
+"""
+RATE_MONITOR_BUFFER_RATIO = 2
+
+"""
+# nombre de thread possible pour ffmpeg (0 égale maximum possible)
+"""
+FFMPEG_NB_THREADS = 0
+
+"""
+# Commande utilisée pour récupérer les informations de la première piste video du fichier envoyé
+"""
+GET_INFO_VIDEO = "%(ffprobe)s -v quiet -show_format -show_streams -select_streams v:0 -print_format json -i %(source)s"
+
+"""
+# Commande utilisée pour récupérer les informations de la première piste audio du fichier envoyé
+"""
+GET_INFO_AUDIO = "%(ffprobe)s -v quiet -show_format -show_streams -select_streams a:0 -print_format json -i %(source)s"
+
+"""
+# paramètres de la commande ffmpeg utilisés pour encoder toutes les vidéos, peu importe le rendu
+"""
+FFMPEG_STATIC_PARAMS = " -c:a aac -ar 48000 -c:v h264 -profile:v high -pix_fmt yuv420p -crf 20 -sc_threshold 0 -force_key_frames \"expr:gte(t,n_forced*1)\" -deinterlace -threads %(nb_threads)s "
+
+"""
+# autres paramètres qui sont placés au début de la commande
+"""
+FFMPEG_MISC_PARAMS = " -hide_banner -y "
+
+"""
+# bitrate audio pour l'encodage M4A (encodage des fichiers audio envoyés sur la plateforme)
+"""
+AUDIO_BITRATE = "192k"
+
+"""
+# commande utilisée pour l'encodage des fichiers audio envoyés sur la plateforme
+"""
+ENCODING_M4A = "%(ffmpeg)s -i %(source)s %(misc_params)s -c:a aac -b:a %(audio_bitrate)s -vn -threads %(nb_threads)s \"%(output_dir)s/audio_%(audio_bitrate)s.m4a\""
+
+"""
+# commande utilisée pour l'encodage audio pour tous les fichiers envoyés sur la plateforme
+"""
+ENCODE_MP3_CMD = "%(ffmpeg)s -i %(source)s %(misc_params)s -vn -b:a %(audio_bitrate)s -vn -f mp3 -threads %(nb_threads)s \"%(output_dir)s/audio_%(audio_bitrate)s.mp3\""
+
+"""
+# Si True, un courriel est envoyé aux managers et à l'auteur (si DEBUG est à False) à la fin de l'encodage
+"""
+EMAIL_ON_ENCODING_COMPLETION = True
+
+"""
+# Répertoire temporaire pour la création des thumbnails
+"""
+FILE_UPLOAD_TEMP_DIR = "/tmp" # déjà défini au dessus
+
+"""
+# Utilisation de Celery pour la gestion des taches d'encodage
+"""
+CELERY_TO_ENCODE = False
+CELERY_BROKER_URL = "amqp://pod:xxx@localhost/rabbitpod"
+
+# Configuration flux RSS
+
+"""
+# couverture du droit pour chaque vidéo
+"""
+DEFAULT_DC_COVERAGE = TITLE_ETB + " - Town - Country"
+
+"""
+# droit par défaut affichés dans le flux RSS si non renseigné
+"""
+DEFAULT_DC_RIGHTS = "BY-NC-SA"
+
+# Configuration application vidéo
+
+"""
+# Si True, seule les personnes "Staff" peuvent déposer des vidéos sur la plateforme
+"""
+RESTRICT_EDIT_VIDEO_ACCESS_TO_STAFF_ONLY = False
+
+"""
+# image par défaut affichée comme poster ou vignette, utilisée pour présenter la vidéo. Cette image doit se situer dans le répertoire static.
+"""
+DEFAULT_THUMBNAIL = "img/default.png"
+
+"""
+# Encodage possible sur la plateforme. Associé à un rendu dans le cas d'une vidéo.
+"""
+ENCODING_CHOICES = (
+    ("audio", "audio"),*
+    ("360p", "360p"),
+    ("480p", "480p"),
+    ("720p", "720p"),
+    ("1080p", "1080p"),
+    ("playlist", "playlist")
+)
+
+"""
+# Format d'encodage réalisé sur la plateforme.
+"""
+FORMAT_CHOICES = (
+    ("video/mp4", 'video/mp4'),
+    ("video/mp2t", 'video/mp2t'),
+    ("video/webm", 'video/webm'),
+    ("audio/mp3", "audio/mp3"),
+    ("audio/wav", "audio/wav"),
+    ("application/x-mpegURL", "application/x-mpegURL"),
+)
+
+"""
+# Licence proposées pour les vidéos.
+"""
+LICENCE_CHOICES = (
+    ('by', ("Attribution 4.0 International (CC BY 4.0)")),
+    ('by-nd', ("Attribution-NoDerivatives 4.0 " "International (CC BY-ND 4.0)" )),
+    ('by-nc-nd', ( "Attribution-NonCommercial-NoDerivatives 4.0 " "International (CC BY-NC-ND 4.0)" )),
+    ('by-nc', ("Attribution-NonCommercial 4.0 " "International (CC BY-NC 4.0)")),
+    ('by-nc-sa', ( "Attribution-NonCommercial-ShareAlike 4.0 " "International (CC BY-NC-SA 4.0)" )),
+    ('by-sa', ( "Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)"))
+)
+
+"""
+# Les vidéos créées sans type (par importation par exemple) seront affectées au type par défaut (en général, le type ayant pour identifiant '1' est 'Other')
+"""
+DEFAULT_TYPE_ID = 1
+
+"""
+# Liste des cursus proposés lors de l'ajout des vidéos. Affichés en dessous d'une vidéos, ils sont aussi utilisés pour affiner la recherche.
+"""
+CURSUS_CODES = (
+    ('0', ("None / All")),
+    ('L', ("Bachelor’s Degree")),
+    ('M', ("Master’s Degree")),
+    ('D', ("Doctorate")),
+    ('1', _("Other"))
+)
+
+"""
+# Liste des langues proposées lors de l'ajout des vidéos. Affichés en dessous d'une vidéos, ils sont aussi utilisés pour affiner la recherche.
+"""
+LANG_CHOICES = ( settings.PREF_LANG_CHOICES + (('', '----------'),) + settings.ALL_LANG_CHOICES )
+
+"""
+# Répertoire par défaut pour le téléversement des vidéos.
+"""
+VIDEOS_DIR = "videos"
+
+"""
+# Fonction appelée pour lancer l'encodage des vidéos
+# Pour l'encodage distant, il faut préciser "start_remote_encode"
+"""
+ENCODE_VIDEO = "start_encode"
+
+"""
+# pourl'encodage distant, il faut préciser le login, l'host et la clé pour appeler cet encodage
+# REMOTE ENCODING SETTINGS
+# SSH_REMOTE_USER = ""
+# SSH_REMOTE_HOST = "xxx.univ.fr"
+# SSH_REMOTE_KEY = "/home/pod/.ssh/id_rsa"
+"""
+
+
+"""
+# Extension autorisée pour le téléversement sur la plateforme
+"""
+VIDEO_ALLOWED_EXTENSIONS = ( '3gp', 'avi', 'divx', 'flv', 'm2p', 'm4v', 'mkv', 'mov', 'mp4', 'mpeg', 'mpg', 'mts', 'wmv', 'mp3', 'ogg', 'wav', 'wma' )
+
+"""
+# Taille maximum en Go des fichiers téléversés sur la plateforme
+"""
+VIDEO_MAX_UPLOAD_SIZE = 1
+
+"""
+# Ensemble des textes d'aide affichés avec le formulaire d'envoi de vidéo
+# voir pod/video/forms.py
+"""
+VIDEO_FORM_FIELDS_HELP_TEXT = ""
+
+"""
+# Liste des champs du formulaire d'édition de vidéos affichés
+"""
+VIDEO_FORM_FIELDS = __all__
+
+"""
+# Ensemble des textes d'aide affichés avec le formulaire d'édition de chaine.
+# voir pod/video/forms.py
+"""
+CHANNEL_FORM_FIELDS_HELP_TEXT = ""
+
+"""
+# Ensemble des textes d'aide affichés avec le formulaire d'édition de theme.
+# voir pod/video/forms.py
+"""
+THEME_FORM_FIELDS_HELP_TEXT = ""
+
+# Configuration application recorder (enregistreur)
+
+"""
+# Type d'enregistrement géré par la plateforme.
+# Un enregistreur ne peut déposer que des fichiers de type proposé par la plateforme.
+# Le traitement se fait en fonction du type de fichier déposé.
+"""
+RECORDER_TYPE = ( ('video', _('Video')), ('audiovideocast', _('Audiovideocast')), )
+
+"""
+# Chemin racine du répertoire où sont déposés les enregistrements (chemin du serveur FTP).
+"""
+DEFAULT_RECORDER_PATH = "/data/ftp-pod/ftp/"
+
+"""
+# Identifiant du propriétaire par défaut (si non spécifié) des enregistrements déposés.
+"""
+DEFAULT_RECORDER_USER_ID = 1
+
+"""
+# Ajoute un enregistreur par défaut à un enregistrement non identifiable (mauvais chemin dans le dépôt FTP).
+"""
+DEFAULT_RECORDER_ID = 1
+
+"""
+# Identifiant du type de vidéo par défaut (si non spécifié). (Exemple : 3 pour Colloque/conférence, 4 pour Cours...)
+"""
+DEFAULT_RECORDER_TYPE_ID = 1
+
+"""
+# Si True, le manager de l'enregistreur pourra choisir un propriétaire de l'enregistrement.
+"""
+ALLOW_RECORDER_MANAGER_CHOICE_VID_OWNER = True
+
+"""
+# Si True, une page apparaîtra dans le menu du profil de l'utilisateur autorisé permettant de s'attribuer un enregistrement.
+"""
+ALLOW_MANUAL_RECORDING_CLAIMING = False
+
+"""
+# Liste des champs supplémentaires pour le formulaire des enregistreurs
+# Cette liste reprend le nom des champs correspondants aux paramètres d'édition d'une vidéo (Discipline, Chaine, Theme, mots clés...)
+# L'exemple suivant comporte l'ensemble des champs possibles mais peut être allégée en fonction des besoins.
+# Les vidéos seront alors générées avec les valeurs des champs supplémentaires telles que définies dans leur enregistreur.
+"""
+RECORDER_ADDITIONAL_FIELDS = ('additional_users', 'is_draft', 'password',
+                'is_restricted', 'restrict_access_to_groups',
+                'cursus','main_lang', 'tags','discipline',
+                'licence', 'channel', 'theme', 'transcript'
+                'allow_downloading', 'is_360', 'disable_comment',)
+
+"""
+# Si True, permet de ne pas prendre en compte la 1° image lors du traitement d'une fichier d'enregistrement de type AudioVideoCast.
+"""
+RECORDER_SKIP_FIRST_IMAGE = False
+
+"""
+# Précise les proxy à utiliser pour une requête vers l'application elle même, par défaut force la non utilisation de proxy
+"""
+SELF_REQUESTS_PROXIES = { "http": None, "https": None}
+
+"""
+# Autorise la requête sur l'application en elle même sans vérifier le certificat SSL
+"""
+ALLOW_INSECURE_REQUESTS = False
+
+"""
+# Chemin d'accès web (public) au répertoire de dépot des enregistrements (DEFAULT_RECORDER_PATH). Attention à penser à modifier la conf de NGINX
+"""
+PUBLIC_RECORD_DIR = "records"
+
+"""
+# Si True, affiche l'icone de prévisualisation des vidéos dans la page "Revendiquer un enregistrement"
+"""
+USE_RECORD_PREVIEW = False
+
+# Configuration application podfile (gestion de fichier)
+
+"""
+# Extensions autorisées pour les documents téléversés dans le gestionnaire de fichier
+"""
+FILE_ALLOWED_EXTENSIONS = ( 'doc', 'docx', 'odt', 'pdf', 'xls', 'xlsx', 'ods', 'ppt', 'pptx', 'txt', 'html', 'htm', 'vtt', 'srt', 'webm', 'ts', )
+
+"""
+# Extensions autorisées pour les images téléversés dans le gestionnaire de fichier
+"""
+IMAGE_ALLOWED_EXTENSIONS = ( 'jpg', 'jpeg', 'bmp', 'png', 'gif', 'tiff', )
+
+"""
+# Poids maximum en Mo par fichier téléversé dans le gestionnaire de fichier
+"""
+FILE_MAX_UPLOAD_SIZE = 10
+
+# Configuration application completion (contributeur, sous-titre, document à télécharger, superposition)
+
+"""
+# Liste de rôle possible pour un contributeur
+"""
+ROLE_CHOICES = (
+    ('actor', ('actor')),
+    ('author', ('author')),
+    ('designer', ('designer')),
+    ('consultant', ('consultant')),
+    ('contributor', ('contributor')),
+    ('editor', ('editor')),
+    ('speaker', ('speaker')),
+    ('soundman', ('soundman')),
+    ('director', ('director')),
+    ('writer', ('writer')),
+    ('technician', ('technician')),
+    ('voice-over', ('voice-over')),
+)
+
+"""
+# Liste de type de piste possible pour une vidéo (sous-titre, légende etc.)
+"""
+KIND_CHOICES = ( ('subtitles', ('subtitles')), ('captions', ('captions')), )
+
+# Configuration application authentification (Local, CAS et LDAP)
+
+"""
+# Type d'authentification possible sur votre instance. Pour l'instant local ou cas
+"""
+AUTH_TYPE = (('local', _('local')), ('CAS', 'CAS'))
+
+"""
+# Activation de l'authentification CAS en plus de l'authentification locale
+"""
+USE_CAS = False
+
+"""
+# Url du serveur cas de l'établissement. Format http://url_cas
+"""
+CAS_SERVER_URL = "sso_cas"
+
+"""
+# Si True, authentifie automatiquement l'individu si déjà authentifié sur le serveur CAS
+"""
+CAS_GATEWAY = False
+
+"""
+# Si utilisation de la connection CAS, renseigne les champs du compte de la personne depuis une source externe.
+# Valeur possible : None (pas de renseignement), CAS (renseigne les champs de la personne depuis les informations renvoyées par le CAS),
+# LDAP (Interroge le serveur LDAP pour renseigner les champs du compte de la personne)
+"""
+POPULATE_USER = None
+
+"""
+# variable utilisée pour trouver les informations de l'individu connecté dans le fichier renvoyé par le CAS lors de l'authentification
+"""
+AUTH_CAS_USER_SEARCH = "user"
+
+"""
+# liste de correspondance entre les champs d'un compte de Pod et les champs renvoyés par le CAS
+"""
+USER_CAS_MAPPING_ATTRIBUTES = {
+    "uid": "uid",
+    "mail": "mail",
+    "last_name": "sn",
+    "first_name": "givenname",
+    "affiliation": "eduPersonAffiliation"
+}
+
+"""
+# Si True, des groupes sont créés automatiquement à partir des affiliations des individus qui se connectent sur la plateforme et
+# l'individu qui se connecte est ajouté automatiquement à ses groupes
+"""
+CREATE_GROUP_FROM_AFFILIATION = False
+
+"""
+# Les personnes ayant pour affiliation les valeurs renseignées dans cette variable sont automatiquement la valeur staff de leur compte à True
+"""
+AFFILIATION_STAFF = ('faculty', 'employee', 'staff')
+
+"""
+# Valeurs possibles pour l'Affiliation du compte
+"""
+AFFILIATION = (
+    ('student', ('student')),
+    ('faculty', ('faculty')),
+    ('staff', ('staff')),
+    ('employee', ('employee')),
+    ('member', ('member')),
+    ('affiliate', ('affiliate')),
+    ('alum', ('alum')),
+    ('library-walk-in', ('library-walk-in')),
+    ('researcher', ('researcher')),
+    ('retired', ('retired')),
+    ('emeritus', ('emeritus')),
+    ('teacher', ('teacher')),
+    ('registered-reader', _('registered-reader'))
+)
+
+"""
+# Information de connection au serveur LDAP. Le champ url peut contenir un ou plusieurs url pour ajouter des hôtes de référence, exemple :
+# Si un seul host : {'url': "ldap.univ.fr'', 'port': 389, 'use_ssl': False}
+# Si plusieurs : {'url': ("ldap.univ.fr'',"ldap2.univ.fr"), 'port': 389, 'use_ssl': False}
+"""
+LDAP_SERVER	= {'url': '', 'port': 389, 'use_ssl': False}
+
+"""
+# Identifiant (DN) du compte pour se connecter au serveur LDAP
+"""
+AUTH_LDAP_BIND_DN = ""
+
+"""
+# Mot de passe du compte pour se connecter au serveur LDAP
+"""
+AUTH_LDAP_BIND_PASSWORD = ""
+
+"""
+# Filtre LDAP permettant la recherche de l'individu dans le serveur LDAP
+"""
+AUTH_LDAP_USER_SEARCH = ('ou=people,dc=univ,dc=fr', "(uid=%(uid)s)")
+
+"""
+# liste de correspondance entre les champs d'un compte de Pod et les champs renvoyés par le LDAP
+"""
+USER_LDAP_MAPPING_ATTRIBUTES = {
+    "uid": "uid",
+    "mail": "mail",
+    "last_name": "sn",
+    "first_name": "givenname",
+    "primaryAffiliation": "eduPersonPrimaryAffiliation",
+    "affiliations": "eduPersonAffiliation"
+}
+
+"""
+# Utiliser l'authentification Shibboleth
+"""
+USE_SHIB = False
+
+"""
+# Nom de la fédération d'identité utilisée
+"""
+SHIB_NAME = ""
+
+"""
+# Mapping des attributs entre shibboleth et la classe utilisateur
+"""
+SHIBBOLETH_ATTRIBUTE_MAP = {
+    "shib-user": (True, "username"),
+    "shib-given-name": (True, "first_name"),
+    "shib-sn": (True, "last_name"),
+    "shib-mail": (False, "email"),
+}
+
+"""
+# Nom de l'attribut dans les headers qui sert à identifier l'utilisateur connecté avec Shibboleth
+"""
+REMOTE_USER_HEADER = REMOTE_USER
+
+"""
+# URL de connexion à votre instance Shibboleth
+"""
+
+SHIB_URL = ""
+
+"""
+# URL de déconnexion à votre instance Shibboleth
+"""
+SHIB_LOGOUT_URL = ""
+
+"""
+# Forcer le passage en minuscule du nom d'utilisateur CAS (permet de prévenir des doubles créations de comptes dans certain cas).
+"""
+CAS_FORCE_LOWERCASE_USERNAME = False
+
+"""
+# Permettre l'usage du oembed, partage dans moodle, facebook, twitter etc.
+"""
+OEMBED = True
+
+"""
+# Activer les commentaires au niveau de la plateforme
+"""
+ACTIVE_VIDEO_COMMENT = True
+
+"""
+# Transcription
+"""
+USE_TRANSCRIPTION = True
+
+"""
+# decoupage de l'audio pour la transcription
+"""
+AUDIO_SPLIT_TIME = 300
+
+"""
+# paramétrage de deepspeech pour le modele
+"""
+DS_PARAM = {
+    'fr': {
+        # le modèle deepspeech
+        'model': "/usr/local/django_projects/transcription/model_tensorflow_fr/output_graph.pbmm",
+        'scorer': "/usr/local/django_projects/transcription/model_tensorflow_fr/kenlm.scorer",
+
+    }
+}
+
+"""
+# La liste des utilisateurs regardant le direct sera réservée au staff
+"""
+VIEWERS_ONLY_FOR_STAFF = False
+
+"""
+# Temps (en seconde) entre deux envois d'un signal au serveur, pour signaler la présence sur un live
+# Peut être augmenté en cas de perte de performance mais au détriment de la qualité du comptage des valeurs
+"""
+HEARTBEAT_DELAY = 45
+
+"""
+# Délai (en seconde) selon lequel une vue est considérée comme expirée si elle n'as pas renvoyé de signal depuis
+"""
+VIEW_EXPIRATION_DELAY = 60
+
+"""
+# Utilisation de BigBlueButton
+"""
+USE_BBB = True
+
+"""
+# Répertoire du plugin bbb-recorder (voir documentation https://github.com/jibon57/bbb-recorder)
+# bbb-recorder doit être installé dans ce répertoire, sur tous les serveurs d'encodage
+# bbb-recorder crée un répertoire 'homedir' / Downloads qui a besoin d'espace disque
+"""
+DEFAULT_BBB_PLUGIN = '/home/podtest/bbb-recorder/'
+
+"""
+# Répertoire qui contiendra les fichiers vidéo générés par bbb-recorder
+"""
+DEFAULT_BBB_PATH = '/data/www/podtest/bbb-recorder/'
+
+"""
+# URL du serveur BigBlueButton ou Scalelite, où se trouvent les présentations Web BBB et l'API
+"""
+BBB_SERVER_URL = 'https://bbb.univ.fr/'
+
+"""
+# Clé BigBlueButton ou Scalelite LOADBALANCER_SECRET
+"""
+BBB_SECRET_KEY = 'abcdef'
+
+"""
+# Type de vidéo générée par défaut
+"""
+DEFAULT_BBB_TYPE_ID = 1
+
+"""
+# Format du nom d'utilisateur dans BBB.
+# Valeurs possibles : 'first_name last_name', 'last_name first_name'
+# Exemple1 : si dans le serveur BBB, vous avez un utilisateur au format 'John Doe', mettez 'first_name last_name'
+# Exemple2 : si dans le serveur BBB, vous avez un utilisateur au format 'Doe John', mettez 'last_name first_name'
+"""
+BBB_USERNAME_FORMAT = 'first_name last_name'
+
+"""
+# Nombre de jours avant la suppression des sessions et des utilisateurs associés, non déjà publiés
+# Pour ne pas supprimer les anciennes sessions, utiliser la valeur 0
+"""
+BBB_NUMBER_DAYS_BEFORE_DELETE = 0
+
+"""
+#
+# Permet d'activer le fonctionnement de categorie au niveau de ses vidéos
+# Vous pouvez créer des catégories pour pouvoir ranger vos propres vidéos
+# Les catégories sont liées à l'utilisateur
+"""
+USER_VIDEO_CATEGORY = False
+
+"""
+# gestion de l'oboslesence des vidéos
+"""
+USE_OBSOLESCENCE = True
+
+WARN_DEADLINES = [60, 30, 7]
+
+POD_ARCHIVE_AFFILIATION = ['faculty',
+                           'staff',
+                           'employee',
+                           'affiliate',
+                           'alum',
+                           'library-walk-in',
+                           'researcher',
+                           'retired',
+                           'emeritus',
+                           'teacher',
+                           'registered-reader',
+                           'member']
+
+ACCOMMODATION_YEARS = {
+    'affiliate': 1
+}
+DEFAULT_YEAR_DATE_DELETE = 2
+
+"""
+# Configuration / Activtion du LTI
+# voir pod/main/settings.py L.224
+"""
+LTI_ENABLED = True # False par défaut
+
+"""
+# Configuration H5P
+# les videos interactive ne sont plus maintenu dans Pod
+"""
+H5P_ENABLED = True  # False
+H5P_DEV_MODE = 0
+H5P_URL = '/h5p/'
+H5P_SAVE = 30
+H5P_EXPORT = '/exports/'
+H5P_LANGUAGE = 'fr'
+BASE_URL = 'https://pod.univ.fr/'
+
diff --git a/pod/custom/tests.py b/pod/custom/tests.py
index a79ca8be56..e9137c85ea 100644
--- a/pod/custom/tests.py
+++ b/pod/custom/tests.py
@@ -1,3 +1,3 @@
-# from django.test import TestCase
-
-# Create your tests here.
+# from django.test import TestCase
+
+# Create your tests here.
diff --git a/pod/custom/urls.py b/pod/custom/urls.py
index 8a62d709b9..90f371b68c 100644
--- a/pod/custom/urls.py
+++ b/pod/custom/urls.py
@@ -1,8 +1,8 @@
-# from django.conf.urls import url
-
-# from . import views
-
-app_name = "custom"
-
-urlpatterns = [
-]
+# from django.conf.urls import url
+
+# from . import views
+
+app_name = "custom"
+
+urlpatterns = [
+]
diff --git a/pod/custom/views.py b/pod/custom/views.py
index fd0e044955..2ecb8171f3 100644
--- a/pod/custom/views.py
+++ b/pod/custom/views.py
@@ -1,3 +1,3 @@
-# from django.shortcuts import render
-
-# Create your views here.
+# from django.shortcuts import render
+
+# Create your views here.
diff --git a/requirements.txt b/requirements.txt
index fc516cbe2f..0865d4251f 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -8,7 +8,7 @@ django-cas-client==1.5.2
 ldap3==2.5
 django-progressbarupload==0.1.7
 django-simple-captcha==0.5.12
-urllib3==1.25.9
+urllib3==1.26.2
 elasticsearch==6.3.1
 djangorestframework==3.9.1
 django-filter==1.1.0
@@ -24,3 +24,5 @@ webrtcvad
 django-select2-forms==2.1.0
 django-shibboleth-remoteuser
 django-chunked-upload==2.0.0
+requests==2.25.1
+chardet==4.0.0
\ No newline at end of file

From e0006b7e5ed6daf0d3c1dcc01e0cce2f96762b93 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 17 Dec 2020 17:59:43 +0100
Subject: [PATCH 007/145] add remote command to specify wich command to launch
 and just specify filename for video input argument to remote command

---
 pod/custom/settings_local.py.example | 3 +++
 pod/video/remote_encode.py           | 7 +++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index 2b23e2034b..b652b4dc0c 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -562,6 +562,9 @@ ENCODE_VIDEO = "start_encode"
 # SSH_REMOTE_USER = ""
 # SSH_REMOTE_HOST = "xxx.univ.fr"
 # SSH_REMOTE_KEY = "/home/pod/.ssh/id_rsa"
+# Remote command to launch, it will be call with this arguments : 
+# -n encoding-<video_id> -i <video_src_file>  -v <video_id> -u <video_user_hash> -d <settings_debug>
+# SSH_REMOTE_CMD = "" 
 """
 
 
diff --git a/pod/video/remote_encode.py b/pod/video/remote_encode.py
index 7b73d10978..a81c777acf 100644
--- a/pod/video/remote_encode.py
+++ b/pod/video/remote_encode.py
@@ -44,6 +44,8 @@
     settings, 'SSH_REMOTE_HOST', "")
 SSH_REMOTE_KEY = getattr(
     settings, 'SSH_REMOTE_KEY', "")
+SSH_REMOTE_CMD = getattr(
+    settings, 'SSH_REMOTE_CMD', "")
 
 
 # ##########################################################################
@@ -91,11 +93,12 @@ def remote_encode_video(video_id):
             f.write("%s\n" % start)
 
         # launch remote encoding
-        cmd = "./pod-encoding/submit.sh \
+        cmd = "{remote_cmd} \
             -n encoding-{video_id} -i {video_input} \
             -v {video_id} -u {user_hashkey} -d {debug}".format(
+            remote_cmd=SSH_REMOTE_CMD,
             video_id=video_id,
-            video_input=video_to_encode.video,
+            video_input=os.path.basename(video_to_encode.video.name),
             user_hashkey=video_to_encode.owner.owner.hashkey,
             debug=DEBUG
         )

From 517cb35330d5acdf76f5962568eef76a4a99eaaa Mon Sep 17 00:00:00 2001
From: Ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 17 Dec 2020 18:05:33 +0100
Subject: [PATCH 008/145] Update requirements.txt

Downgrade Pillow to run with Python3.5
---
 requirements.txt | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/requirements.txt b/requirements.txt
index 0865d4251f..37244e9f81 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -1,6 +1,6 @@
 Django==1.11.29
 django-ckeditor==5.3.1
-Pillow==8.0.1
+Pillow==7.2.0
 django-tagging==0.4.6
 django-modeltranslation==0.12.2
 webvtt-py==0.4.5
@@ -25,4 +25,4 @@ django-select2-forms==2.1.0
 django-shibboleth-remoteuser
 django-chunked-upload==2.0.0
 requests==2.25.1
-chardet==4.0.0
\ No newline at end of file
+chardet==4.0.0

From c1758825b99061aef364963c350f449f6d80cc3a Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 17 Dec 2020 18:45:05 +0100
Subject: [PATCH 009/145] create remote_transcript.py

---
 pod/video/remote_transcript.py | 123 +++++++++++++++++++++++++++++++++
 1 file changed, 123 insertions(+)
 create mode 100644 pod/video/remote_transcript.py

diff --git a/pod/video/remote_transcript.py b/pod/video/remote_transcript.py
new file mode 100644
index 0000000000..3917f01db5
--- /dev/null
+++ b/pod/video/remote_transcript.py
@@ -0,0 +1,123 @@
+from django.conf import settings
+from django.core.files import File
+
+import time
+import logging
+import threading
+import subprocess
+import shlex
+import os
+import json
+import re
+
+from .models import Video
+
+from .utils import change_encoding_step, add_encoding_log, check_file
+from .utils import create_outputdir, send_email, send_email_encoding
+
+if getattr(settings, 'USE_PODFILE', False):
+    FILEPICKER = True
+    from pod.podfile.models import CustomImageModel
+    from pod.podfile.models import UserFolder
+else:
+    FILEPICKER = False
+    from pod.main.models import CustomImageModel
+
+log = logging.getLogger(__name__)
+
+DEBUG = getattr(settings, 'DEBUG', True)
+
+SSH_TRANSCRIPT_REMOTE_USER = getattr(
+    settings, 'SSH_TRANSCRIPT_REMOTE_USER', "")
+SSH_TRANSCRIPT_REMOTE_HOST = getattr(
+    settings, 'SSH_TRANSCRIPT_REMOTE_HOST', "")
+SSH_TRANSCRIPT_REMOTE_KEY = getattr(
+    settings, 'SSH_TRANSCRIPT_REMOTE_KEY', "")
+SSH_TRANSCRIPT_REMOTE_CMD = getattr(
+    settings, 'SSH_TRANSCRIPT_REMOTE_CMD', "")
+
+
+# ##########################################################################
+# REMOTE TRANSCRIPT VIDEO : MAIN FUNCTION
+# ##########################################################################
+
+
+def remote_transcript_video(video_id):
+    start = "Start transcript at : %s" % time.ctime()
+    msg = ""
+    change_encoding_step(
+        video_id, 5,
+        "transcripting audio")
+
+    video_to_encode = Video.objects.get(id=video_id)
+
+    encoding_log, created = EncodingLog.objects.get_or_create(
+        video=video_to_encode)
+    encoding_log.log = "%s\n%s" % (encoding_log.log, start)
+    encoding_log.save()
+
+    mp3file = video_to_encode.get_video_mp3(
+        ).source_file if video_to_encode.get_video_mp3() else None
+
+    if mp3file and check_file(mp3file.path):
+
+        # launch remote encoding
+        cmd = "{remote_cmd} \
+            -n encoding-{video_id} -i {video_input} \
+            -v {video_id} -u {user_hashkey} -d {debug}".format(
+            remote_cmd=SSH_TRANSCRIPT_REMOTE_CMD,
+            video_id=video_id,
+            video_input=os.path.basename(video_to_encode.video.name),
+            user_hashkey=video_to_encode.owner.owner.hashkey,
+            debug=DEBUG
+        )
+
+        key = " -i %s " % SSH_TRANSCRIPT_REMOTE_KEY if SSH_TRANSCRIPT_REMOTE_KEY != "" else ""
+
+        remote_cmd = "ssh {key} {user}@{host} \"{cmd}\"".format(
+            key=key, user=SSH_TRANSCRIPT_REMOTE_USER, host=SSH_TRANSCRIPT_REMOTE_HOST, cmd=cmd)
+
+        # launch remote encode
+        change_encoding_step(video_id, 5, "process remote transcipt")
+        add_encoding_log(video_id, "process remote transcipt : %s" % remote_cmd)
+        process_cmd(remote_cmd, video_id)
+
+    else:
+        msg += "Wrong mp3 file or path : "\
+            + "\n%s" % mp3file.path
+        add_encoding_log(video_id, msg)
+        change_encoding_step(video_id, -1, msg)
+        send_email(msg, video_id)
+
+
+def process_cmd(remote_cmd, video_id):
+    msg = ""
+    try:
+        output = subprocess.run(
+            shlex.split(remote_cmd), stdout=subprocess.PIPE,
+            stderr=subprocess.STDOUT)
+        add_encoding_log(video_id, "slurm output : %s" % output.stdout)
+        if DEBUG:
+            print(output.stdout)
+        if output.returncode != 0:
+            msg += 20*"////" + "\n"
+            msg += "ERROR RETURN CODE: {0}\n".format(output.returncode)
+            msg += output
+            add_encoding_log(video_id, msg)
+            change_encoding_step(video_id, -1, msg)
+            send_email(msg, video_id)
+    except subprocess.CalledProcessError as e:
+        # raise RuntimeError('ffprobe returned non-zero status: {}'.format(
+        # e.stderr))
+        msg += 20*"////" + "\n"
+        msg += "Runtime Error: {0}\n".format(e)
+        add_encoding_log(video_id, msg)
+        change_encoding_step(video_id, -1, msg)
+        send_email(msg, video_id)
+    except OSError as err:
+        # raise OSError(e.errno, 'ffprobe not found: {}'.format(e.strerror)
+        msg += 20*"////" + "\n"
+        msg += "OS error: {0}\n".format(err)
+        add_encoding_log(video_id, msg)
+        change_encoding_step(video_id, -1, msg)
+        send_email(msg, video_id)
\ No newline at end of file

From cad152b120927316242d1b269aef0c2ac58882d3 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 17 Dec 2020 18:53:33 +0100
Subject: [PATCH 010/145] add remote transcript settings, fix flake8 in remote
 transcript module

---
 pod/custom/settings_local.py.example | 10 ++++++++
 pod/video/remote_transcript.py       | 36 +++++++++++-----------------
 2 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index b652b4dc0c..b1cb0f4733 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -566,6 +566,16 @@ ENCODE_VIDEO = "start_encode"
 # -n encoding-<video_id> -i <video_src_file>  -v <video_id> -u <video_user_hash> -d <settings_debug>
 # SSH_REMOTE_CMD = "" 
 """
+"""
+# pourl'encodage distant, il faut préciser le login, l'host et la clé pour appeler cet encodage
+# REMOTE ENCODING SETTINGS
+# SSH_TRANSCRIPT_REMOTE_USER = "pod"
+# SSH_TRANSCRIPT_REMOTE_HOST = "xxx.univ.fr"
+# SSH_TRANSCRIPT_REMOTE_KEY = "/home/pod/.ssh/id_rsa"
+# Remote command to launch, it will be call with this arguments : 
+# -n transcoding-<video_id> -i <video_src_file>  -v <video_id> -u <video_user_hash> -d <settings_debug>
+# SSH_TRANSCRIPT_REMOTE_CMD = ""
+"""
 
 
 """
diff --git a/pod/video/remote_transcript.py b/pod/video/remote_transcript.py
index 3917f01db5..c53ac98249 100644
--- a/pod/video/remote_transcript.py
+++ b/pod/video/remote_transcript.py
@@ -1,27 +1,15 @@
 from django.conf import settings
-from django.core.files import File
 
 import time
 import logging
-import threading
 import subprocess
 import shlex
 import os
-import json
-import re
 
-from .models import Video
+from .models import Video, EncodingLog
 
 from .utils import change_encoding_step, add_encoding_log, check_file
-from .utils import create_outputdir, send_email, send_email_encoding
-
-if getattr(settings, 'USE_PODFILE', False):
-    FILEPICKER = True
-    from pod.podfile.models import CustomImageModel
-    from pod.podfile.models import UserFolder
-else:
-    FILEPICKER = False
-    from pod.main.models import CustomImageModel
+from .utils import send_email
 
 log = logging.getLogger(__name__)
 
@@ -36,7 +24,6 @@
 SSH_TRANSCRIPT_REMOTE_CMD = getattr(
     settings, 'SSH_TRANSCRIPT_REMOTE_CMD', "")
 
-
 # ##########################################################################
 # REMOTE TRANSCRIPT VIDEO : MAIN FUNCTION
 # ##########################################################################
@@ -57,13 +44,13 @@ def remote_transcript_video(video_id):
     encoding_log.save()
 
     mp3file = video_to_encode.get_video_mp3(
-        ).source_file if video_to_encode.get_video_mp3() else None
+    ).source_file if video_to_encode.get_video_mp3() else None
 
     if mp3file and check_file(mp3file.path):
 
-        # launch remote encoding
+        # launch remote transcoding
         cmd = "{remote_cmd} \
-            -n encoding-{video_id} -i {video_input} \
+            -n transcoding-{video_id} -i {video_input} \
             -v {video_id} -u {user_hashkey} -d {debug}".format(
             remote_cmd=SSH_TRANSCRIPT_REMOTE_CMD,
             video_id=video_id,
@@ -72,14 +59,19 @@ def remote_transcript_video(video_id):
             debug=DEBUG
         )
 
-        key = " -i %s " % SSH_TRANSCRIPT_REMOTE_KEY if SSH_TRANSCRIPT_REMOTE_KEY != "" else ""
+        key = " -i %s " % SSH_TRANSCRIPT_REMOTE_KEY if (
+            SSH_TRANSCRIPT_REMOTE_KEY != "") else ""
 
         remote_cmd = "ssh {key} {user}@{host} \"{cmd}\"".format(
-            key=key, user=SSH_TRANSCRIPT_REMOTE_USER, host=SSH_TRANSCRIPT_REMOTE_HOST, cmd=cmd)
+            key=key,
+            user=SSH_TRANSCRIPT_REMOTE_USER,
+            host=SSH_TRANSCRIPT_REMOTE_HOST,
+            cmd=cmd)
 
         # launch remote encode
         change_encoding_step(video_id, 5, "process remote transcipt")
-        add_encoding_log(video_id, "process remote transcipt : %s" % remote_cmd)
+        add_encoding_log(
+            video_id, "process remote transcipt : %s" % remote_cmd)
         process_cmd(remote_cmd, video_id)
 
     else:
@@ -120,4 +112,4 @@ def process_cmd(remote_cmd, video_id):
         msg += "OS error: {0}\n".format(err)
         add_encoding_log(video_id, msg)
         change_encoding_step(video_id, -1, msg)
-        send_email(msg, video_id)
\ No newline at end of file
+        send_email(msg, video_id)

From 865c03fe55e960690dbed05809d152d81b2b460c Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Mon, 21 Dec 2020 14:58:14 +0100
Subject: [PATCH 011/145] create import transcript command

---
 .../commands/import_transcripted_video.py     | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100755 pod/video/management/commands/import_transcripted_video.py

diff --git a/pod/video/management/commands/import_transcripted_video.py b/pod/video/management/commands/import_transcripted_video.py
new file mode 100755
index 0000000000..fde4cf579e
--- /dev/null
+++ b/pod/video/management/commands/import_transcripted_video.py
@@ -0,0 +1,38 @@
+from django.conf import settings
+
+from django.utils import translation
+from django.core.management.base import BaseCommand
+from django.core.exceptions import ObjectDoesNotExist
+
+from pod.video.models import Video
+from pod.video.remote_transcript import store_remote_transcripting_video
+
+
+LANGUAGE_CODE = getattr(settings, "LANGUAGE_CODE", 'fr')
+
+
+class Command(BaseCommand):
+    # args = 'video_id'
+    help = 'Import recorded video into Pod'
+
+    def add_arguments(self, parser):
+        parser.add_argument(
+            'video_id',
+            type=int,
+            help='Indicates the id of the video to import encoded files'
+        )
+
+    def handle(self, *args, **options):
+        # Activate a fixed locale fr
+        translation.activate(LANGUAGE_CODE)
+        video_id = options['video_id']
+        try:
+            video = Video.objects.get(id=video_id)
+            store_remote_transcripting_video(video_id)
+            self.stdout.write(self.style.SUCCESS(
+                'Successfully import transcripted video "%s"' % (video)))
+        except ObjectDoesNotExist:
+            self.stdout.write(self.style.ERROR(
+                "******* Video id matching query does not exist: %s *******"
+                % video_id
+            ))

From d52ed7980432611531667dc0e83b03e81fdea8e6 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Mon, 21 Dec 2020 15:07:05 +0100
Subject: [PATCH 012/145] imrpove remote transcrip, add store remote
 transcripting function

---
 pod/video/remote_transcript.py | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/pod/video/remote_transcript.py b/pod/video/remote_transcript.py
index c53ac98249..769d7e9757 100644
--- a/pod/video/remote_transcript.py
+++ b/pod/video/remote_transcript.py
@@ -1,6 +1,7 @@
 from django.conf import settings
 
 import time
+import json
 import logging
 import subprocess
 import shlex
@@ -9,7 +10,7 @@
 from .models import Video, EncodingLog
 
 from .utils import change_encoding_step, add_encoding_log, check_file
-from .utils import send_email
+from .utils import send_email, create_outputdir
 
 log = logging.getLogger(__name__)
 
@@ -113,3 +114,26 @@ def process_cmd(remote_cmd, video_id):
         add_encoding_log(video_id, msg)
         change_encoding_step(video_id, -1, msg)
         send_email(msg, video_id)
+
+
+def store_remote_transcripting_video(video_id):
+    #
+    msg = ""
+    video_to_encode = Video.objects.get(id=video_id)
+    output_dir = create_outputdir(video_id, video_to_encode.video.path)
+    info_video = {}
+
+    if check_file(output_dir + "/transcript.json"):
+        with open(output_dir + "/transcript.json") as json_file:
+            info_video = json.load(json_file)
+
+        if DEBUG:
+            print(output_dir)
+            print(json.dumps(info_video, indent=2))
+
+    else:
+        msg += "Wrong file or path : "\
+            + "\n%s" % video_to_encode.video.path
+        add_encoding_log(video_id, msg)
+        change_encoding_step(video_id, -1, msg)
+        send_email(msg, video_id)

From 3f617abfafe520fec1468d2725c3849b6348ca56 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Mon, 21 Dec 2020 17:23:24 +0100
Subject: [PATCH 013/145] add thread to launch remote transcript, work on store
 remote transcripting by convert json to webvtt

---
 pod/video/remote_transcript.py | 44 +++++++++++++++++++++++++++++++++-
 pod/video/transcript.py        | 14 +++++++++++
 2 files changed, 57 insertions(+), 1 deletion(-)

diff --git a/pod/video/remote_transcript.py b/pod/video/remote_transcript.py
index 769d7e9757..d9e082ce12 100644
--- a/pod/video/remote_transcript.py
+++ b/pod/video/remote_transcript.py
@@ -6,12 +6,16 @@
 import subprocess
 import shlex
 import os
+import datetime as dt
+from datetime import timedelta
 
 from .models import Video, EncodingLog
 
 from .utils import change_encoding_step, add_encoding_log, check_file
 from .utils import send_email, create_outputdir
 
+from webvtt import WebVTT, Caption
+
 log = logging.getLogger(__name__)
 
 DEBUG = getattr(settings, 'DEBUG', True)
@@ -25,6 +29,8 @@
 SSH_TRANSCRIPT_REMOTE_CMD = getattr(
     settings, 'SSH_TRANSCRIPT_REMOTE_CMD', "")
 
+SENTENCE_MAX_LENGTH = getattr(settings, 'SENTENCE_MAX_LENGTH', 3)
+
 # ##########################################################################
 # REMOTE TRANSCRIPT VIDEO : MAIN FUNCTION
 # ##########################################################################
@@ -55,7 +61,7 @@ def remote_transcript_video(video_id):
             -v {video_id} -u {user_hashkey} -d {debug}".format(
             remote_cmd=SSH_TRANSCRIPT_REMOTE_CMD,
             video_id=video_id,
-            video_input=os.path.basename(video_to_encode.video.name),
+            video_input=os.path.basename(mp3file.name),
             user_hashkey=video_to_encode.owner.owner.hashkey,
             debug=DEBUG
         )
@@ -131,9 +137,45 @@ def store_remote_transcripting_video(video_id):
             print(output_dir)
             print(json.dumps(info_video, indent=2))
 
+        webvtt = WebVTT()
+
+        words = info_video["transcripts"][0]["words"]
+        """
+        for transcript in info_video["transcripts"]:
+            for word in transcript["words"]:
+                words.append(word)
+        """
+        text_caption = []
+        start_caption = None
+        duration = 0
+        for word in words:
+            text_caption.append(word['word'])
+            if start_caption is None:
+                start_caption = word['start_time']
+            if duration + word['duration'] > SENTENCE_MAX_LENGTH:
+                caption = Caption(
+                    format_time_caption(start_caption),
+                    format_time_caption(
+                        start_caption + duration + word['duration']),
+                    " ".join(text_caption)
+                )
+                webvtt.captions.append(caption)
+                text_caption = []
+                start_caption = None
+                duration = 0
+            else:
+                duration += word['duration']
+        print(webvtt)
+
     else:
         msg += "Wrong file or path : "\
             + "\n%s" % video_to_encode.video.path
         add_encoding_log(video_id, msg)
         change_encoding_step(video_id, -1, msg)
         send_email(msg, video_id)
+
+
+def format_time_caption(time_caption):
+    return (dt.datetime.utcfromtimestamp(0) +
+            timedelta(seconds=float(time_caption))
+            ).strftime('%H:%M:%S.%f')[:-3]
diff --git a/pod/video/transcript.py b/pod/video/transcript.py
index 7da9d8459f..042a781308 100644
--- a/pod/video/transcript.py
+++ b/pod/video/transcript.py
@@ -67,6 +67,20 @@
 print(webvtt)
 """
 
+# ##########################################################################
+# ENCODE VIDEO: THREAD TO LAUNCH ENCODE
+# ##########################################################################
+
+
+def start_remote_transcript(video_id):
+    # load module here to prevent circular import
+    from .remote_transcript import remote_transcript_video
+    log.info("START ENCODE VIDEO ID %s" % video_id)
+    t = threading.Thread(target=remote_transcript_video,
+                         args=[video_id])
+    t.setDaemon(True)
+    t.start()
+
 
 def start_transcript(video_id):
     log.info("START TRANSCRIPT VIDEO %s" % video_id)

From 49ceacd82f171c4c6ffa41ce3d76af7e2d22d132 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Wed, 6 Jan 2021 14:24:29 +0100
Subject: [PATCH 014/145] Fix: bug if domain name contains 'video' word

---
 pod/video/static/js/comment-script.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 4a2e6f62f8..a98c074449 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -1,4 +1,4 @@
-let base_url = window.location.href.replace("video", "comment");
+let base_url = window.location.href.replace("/video/", "/comment/");
 let base_vote_url = base_url.replace('comment', 'comment/vote');
 let base_delete_url = base_url.replace('comment', 'comment/del');
 let all_comment = null;

From 88b843ac4da468260b522e8a2a31bbec93cdf5f0 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Thu, 7 Jan 2021 00:37:36 +0100
Subject: [PATCH 015/145] Add CookieSamesite middleware

---
 pod/settings.py | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/pod/settings.py b/pod/settings.py
index e004eba06c..d991bb4da2 100644
--- a/pod/settings.py
+++ b/pod/settings.py
@@ -67,6 +67,8 @@
     'django.middleware.locale.LocaleMiddleware',
     'django.middleware.common.CommonMiddleware',
     'django.middleware.csrf.CsrfViewMiddleware',
+    # Django 3.1 starts to support SameSite middleware
+    'django_cookies_samesite.middleware.CookiesSameSite',
     'django.contrib.auth.middleware.AuthenticationMiddleware',
     'django.contrib.messages.middleware.MessageMiddleware',
     'django.middleware.clickjacking.XFrameOptionsMiddleware',

From 4248140a713796372c1a830bf04a8bc8515edf6a Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Thu, 7 Jan 2021 00:38:33 +0100
Subject: [PATCH 016/145] Add dependence django-cookies-samesite==0.8.0

---
 requirements.txt | 1 +
 1 file changed, 1 insertion(+)

diff --git a/requirements.txt b/requirements.txt
index 37244e9f81..db442a6c18 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -26,3 +26,4 @@ django-shibboleth-remoteuser
 django-chunked-upload==2.0.0
 requests==2.25.1
 chardet==4.0.0
+django-cookies-samesite==0.8.0

From 92383e8c66cb9c82f0d76460e829d6a69a7afc87 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Thu, 7 Jan 2021 09:56:34 +0100
Subject: [PATCH 017/145] Add Samesite settings variable

---
 pod/custom/settings_local.py.example | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index b652b4dc0c..9cc8919edd 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -1014,3 +1014,8 @@ H5P_EXPORT = '/exports/'
 H5P_LANGUAGE = 'fr'
 BASE_URL = 'https://pod.univ.fr/'
 
+"""
+#Vous pouvez définir le drapeau SameSite sur tous les cookies
+#(même sur ceux provenant d'applications Django tierces)
+"""
+SESSION_COOKIE_SAMESITE_FORCE_ALL = True

From 93153a6d897a6f6ce265dc007298c3a2820c5bbd Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Thu, 7 Jan 2021 09:58:36 +0100
Subject: [PATCH 018/145] Typo

---
 pod/custom/settings_local.py.example | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index 9cc8919edd..4b5c8d1d3a 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -1015,7 +1015,7 @@ H5P_LANGUAGE = 'fr'
 BASE_URL = 'https://pod.univ.fr/'
 
 """
-#Vous pouvez définir le drapeau SameSite sur tous les cookies
-#(même sur ceux provenant d'applications Django tierces)
+# Vous pouvez définir le drapeau SameSite sur tous les cookies
+# (même sur ceux provenant d'applications Django tierces)
 """
 SESSION_COOKIE_SAMESITE_FORCE_ALL = True

From 220dc8f956f1e301f404db78c361218da5e04491 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Thu, 7 Jan 2021 10:26:45 +0100
Subject: [PATCH 019/145] Add Samesite settings variable

---
 pod/custom/settings_local.py.example | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index 4b5c8d1d3a..058d91f347 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -1015,7 +1015,12 @@ H5P_LANGUAGE = 'fr'
 BASE_URL = 'https://pod.univ.fr/'
 
 """
-# Vous pouvez définir le drapeau SameSite sur tous les cookies
+# Vous pouvez définir le drapeau Http cookie SameSite sur tous les cookies
 # (même sur ceux provenant d'applications Django tierces)
 """
 SESSION_COOKIE_SAMESITE_FORCE_ALL = True
+"""
+# Vous pouvez définir le drapeau Http cookie SameSite à:
+# 'Strict', 'Lax' ou 'None'
+"""
+SESSION_COOKIE_SAMESITE = 'Lax'

From 0e8428dbcd518f71c90523c684f06aaf9f1c52e3 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Fri, 8 Jan 2021 18:45:05 +0100
Subject: [PATCH 020/145] fixed bug parent id

---
 pod/video/models.py | 42 ++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/pod/video/models.py b/pod/video/models.py
index a5eb479b29..061cdd665c 100755
--- a/pod/video/models.py
+++ b/pod/video/models.py
@@ -34,7 +34,7 @@
 from sorl.thumbnail import get_thumbnail
 from pod.main.models import get_nextautoincrement
 from pod.main.lang_settings import ALL_LANG_CHOICES, PREF_LANG_CHOICES
-from django.db.models import Q
+from django.db.models import Count, Q
 
 if getattr(settings, 'USE_PODFILE', False):
     from pod.podfile.models import CustomImageModel
@@ -1470,9 +1470,47 @@ class Meta:
         verbose_name_plural = _("Comments")
 
     @property
-    def numberVote(self):
+    def number_vote(self):
         self.vote_set.all().count()
 
+    @property
+    def get_children(self):
+        all_c = Comment.objects.filter(
+            video=self.video
+        ).order_by('added').annotate(
+            nbr_vote=Count('vote')
+        )
+        return list(
+            map(
+                lambda c: {
+                    'id': c.id,
+                    'parent__id': c.parent.id if c.parent else None,
+                    'top_parent__id': c.top_parent_comment.id,
+                    'author__id': c.author.id,
+                    'author__first_name': c.author.first_name,
+                    'author__last_name': c.author.last_name,
+                    'content': c.content,
+                    'added': c.added,
+                    'nbr_vote': c.nbr_vote},
+                filter(
+                    lambda c: (
+                        c.id != self.id and
+                        c.top_parent_comment.id == self.id),
+                    all_c
+                )
+            )
+        )
+
+    @property
+    def top_parent_comment(self):
+        parent_c = self
+        while parent_c:
+            if not parent_c.parent:
+                break
+            parent_c = parent_c.parent
+
+        return parent_c
+
     def __str__(self):
         return self.content
 

From 70d18d1ac2c5d370317476864ae25ae27d2c8beb Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Fri, 8 Jan 2021 18:45:48 +0100
Subject: [PATCH 021/145] Review code

---
 pod/video/views.py | 44 ++++++++++++++++++++++++--------------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/pod/video/views.py b/pod/video/views.py
index 7499edfb3d..9214a44d50 100644
--- a/pod/video/views.py
+++ b/pod/video/views.py
@@ -1690,12 +1690,17 @@ def add_comment(request, video_slug, comment_id=None):
     if request.method == "POST":
         c_video = get_object_or_404(Video, slug=video_slug)
         c_user = request.user
+        c_top_parent = get_object_or_404(
+            Comment, id=request.POST.get('top_parent'))if(
+                request.POST.get('top_parent')) else None
         c_parent = get_object_or_404(
             Comment, id=comment_id)if comment_id else None
         c_content = request.POST.get('content', '')
         c_date = request.POST.get('date_added', None)
         if c_content:
             c = Comment()
+            if c_top_parent:
+                c.top_parent = c_top_parent
             if c_parent:
                 c.parent = c_parent
             if c_date:
@@ -1718,31 +1723,30 @@ def add_comment(request, video_slug, comment_id=None):
 
 def get_comments(request, video_slug):
     v = get_object_or_404(Video, slug=video_slug)
-    comments = Comment.objects.filter(video=v).order_by('added').annotate(
-        nbr_vote=Count('vote'))
+
     # extract parent comments
-    p_c = comments.filter(parent=None).values(
-        'id',
-        'author__first_name',
-        'author__last_name',
-        'author__id',
-        'content',
-        'added',
-        'nbr_vote')
+    p_c = Comment.objects.filter(
+        video=v, parent=None).order_by('added').annotate(
+            nbr_vote=Count('vote'))
+
     # organize comments => parent with children
     comment_org = []
     for c in p_c:
-        filter_data = comments.filter(
-            parent__id=c['id']).values(
-            'id',
-            'author__first_name',
-            'author__last_name',
-            'author__id',
-            'content',
-            'added',
-            'nbr_vote')
+        children_comments = c.get_children
+        c = {
+            'id': c.id,
+            'parent__id': None,
+            'top_parent__id': None,
+            'author__first_name': c.author.first_name,
+            'author__last_name': c.author.last_name,
+            'author__id': c.author.id,
+            'content': c.content,
+            'added': c.added,
+            'nbr_vote': c.nbr_vote
+        }
         comment_org.append({
-            'parent_comment': c, 'children': list(filter_data)})
+            'parent_comment': c, 'children': children_comments})
+
     return HttpResponse(
         json.dumps(comment_org, cls=DjangoJSONEncoder),
         content_type="application/json")

From d19c6b6092c096ba43599b697c6e717b0337026e Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Fri, 8 Jan 2021 18:46:27 +0100
Subject: [PATCH 022/145] tag comment on reply

---
 pod/video/static/js/comment-script.js | 193 +++++++++++++++++++-------
 1 file changed, 142 insertions(+), 51 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 4a2e6f62f8..4eca0ae441 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -1,4 +1,4 @@
-let base_url = window.location.href.replace("video", "comment");
+let base_url = window.location.href.replace("/video/", "/comment/");
 let base_vote_url = base_url.replace('comment', 'comment/vote');
 let base_delete_url = base_url.replace('comment', 'comment/del');
 let all_comment = null;
@@ -83,7 +83,7 @@ class ConfirmModal extends HTMLElement
             e.preventDefault();
             document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.remove("show");
             ACTION_COMMENT.comment_to_delete = null;
-        })
+        });
         this.innerHTML = modal;
         this.querySelector(".actions").appendChild(delete_btn);
         this.querySelector(".actions").appendChild(cancel_btn);
@@ -121,22 +121,25 @@ class Comment extends HTMLElement
         comment.setAttribute("class", "comment");
         let comment_container = document.createElement("DIV");
         comment_container.setAttribute("class", "comment_container");
-        let comment_content = `
-            <div class="comment_content">
-                <div class="comment_content_header inline_flex_space">
-                    <h1 class="user_name">${owner}</h1>
-		    <comment-since since=${added_since.toISOString()}></comment-since>
-                </div>
-                <div class="comment_content_body">
-                    <p>${content}</p>
-                </div>
-                <div class="comment_content_footer">
-                    <div class="actions inline_flex_space"></div>
-                    <div class="form"></div>
-                </div>
+	let comment_content = document.createElement('div');
+	comment_content.setAttribute('class', 'comment_content');
+        comment_content.innerHTML = `
+            <div class="comment_content_header inline_flex_space">
+                <h1 class="user_name">${owner}</h1>
+		<comment-since since=${added_since.toISOString()}></comment-since>
+            </div>
+            <div class="comment_content_body">
+            </div>
+            <div class="comment_content_footer">
+                <div class="actions inline_flex_space"></div>
+                <div class="form" data-comment="${id}"></div>
             </div>
         `;
-        comment_container.innerHTML = comment_content;
+	comment_container.appendChild(comment_content);
+	if(is_parent)
+	    comment_container.querySelector('.comment_content_body').innerHTML = content;
+	else
+	    comment_container.querySelector('.comment_content_body').appendChild(content);
 	if(user_id)
 	{
             let svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment" class="svg-inline--fa fa-comment fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>`;
@@ -166,7 +169,7 @@ class Comment extends HTMLElement
                     gettext("Delete"),
                     id
                 );
-                delete_action.addEventListener("click", ()=>
+                delete_action.addEventListener("click", () =>
                 {
                     // display confirm modal
                     document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.add("show");
@@ -195,19 +198,19 @@ class Comment extends HTMLElement
                         child_container.classList.add("show");
                     if(this.value.trim() !== "")
                     {
-                        add_comment.parentElement.classList.toggle("show");
-                        add_child_comment( this );
                         let comment_parent = get_node(this, "comment_element", "comment_child" );
+                        add_comment.parentElement.classList.toggle("show");
                         if(!comment_parent.classList.contains("show"))
                             comment_parent.classList.add("show")
                         hide_show_child_comment_text(this)
+                        add_child_comment( this, child_container, comment_parent );
                         this.value = "";
                     }
                 }
             });
             comment_container.querySelector(".comment_content_footer .form").appendChild(add_comment);
 	}
-        if(is_parent)// child comment doesn't have an id
+        if(is_parent)
         {
             let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comments" class="svg-inline--fa fa-comments fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"></path></svg>`;
             let comment_icon = document.createElement("DIV");
@@ -274,11 +277,12 @@ function hide_or_add_show_children_btn(parent_comment=null)
         let children_container = parent_comment.querySelector(".comments_children_container");
         if(!parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount >0)
         {
-	   if(!is_comment_owner || is_video_owner || is_superuser){
+	   if(is_comment_owner || is_video_owner || is_superuser){
                parent_comment.querySelector(".comment_content_footer .actions").insertBefore(
 		       children_action, parent_comment.querySelector(".comment_content_footer .actions .comment_delete_action") );
 	   }
 	   else{
+		   console.log("NOt owner , Not video owner, Not super user")
 	       parent_comment.querySelector(".comment_content_footer .actions").appendChild(children_action );
 	   }
         }
@@ -360,7 +364,7 @@ function vote(comment_id, target_html_el)
 
 /****************  Save comment into the server  ****************
  ***************************************************************/
-function save_comment(content, date, parent_id=null)
+function save_comment(content, date, parent_id=null, top_parent_id=null)
 {
     let post_url = base_url.replace("comment", "comment/add");
     post_url = parent_id?post_url+parent_id+'/':post_url	
@@ -393,7 +397,7 @@ function save_comment(content, date, parent_id=null)
 	        else
 	        {
 	            all_comment = all_comment.map((comment)=>{
-	   	        if(comment.parent_comment.id === parent_id)
+	   	        if(comment.parent_comment.id === top_parent_id)
 		            comment.children.push(c);
 		        return comment; 
 		    });
@@ -434,6 +438,59 @@ function delete_comment(target_comment_html)
     })
 }
 
+/*********** Scroll to a specific comment *************
+ * ****************************************************/
+function scrollToComment(targetComment)
+{
+    targetComment.scrollIntoView({
+	behavior: "smooth",
+	block: "center",
+	inline: "nearest"
+    });
+    let htmlTarget = targetComment.querySelector(".comment_content");
+    if(htmlTarget.classList.contains("scroll_to"))
+        htmlTarget.classList.remove("scroll_to");
+
+    window.setTimeout(() => {
+        htmlTarget.classList.remove('scroll_to');
+    }, 8000);
+
+    htmlTarget.classList.add('scroll_to');
+}
+
+
+/****** Add the owner of parent comment as a tag ******
+ ******************************************************/
+function add_user_tag(comment_value, parent_comment)
+{
+    let reply_to = get_comment_attribute(
+	parent_comment,
+	attr="author__first_name"
+    );
+    reply_content = get_comment_attribute( parent_comment, attr="content" );
+    let htmlTarget = parent_comment.querySelector(".comment_content");
+    let tag = document.createElement("a");
+    tag.setAttribute("href", "#");
+    tag.addEventListener("click", (e) => {
+	e.preventDefault();
+	e.stopPropagation();
+	scrollToComment(parent_comment)
+    });
+    tag.innerHTML =`
+	<span class="reply_to">
+	    <span class="reply_author">@${reply_to}</span>
+	    <span class="reply_content">${reply_content}</span>
+        </span>`;
+    let comment_text = document.createElement("span");
+    comment_text.setAttribute('class', 'comment_text');
+    comment_text.innerText = comment_value;
+
+    let comment_content = document.createElement("p");
+    comment_content.appendChild(tag);
+    comment_content.appendChild(comment_text);
+    return comment_content;
+}
+
 /****************  Add parent Comment  ****************
  ******************************************************/
 if(is_authenticated){
@@ -445,7 +502,7 @@ if(is_authenticated){
         let el = add_parent_comment.querySelector(".new_parent_comment") 
         if(el.value.trim() != "")
         {
-	    let comment_content = encodeHTML(el.value);
+	    let comment_content = el.value;
             let c = new Comment(
                 owner=user_fullName,
                 content=comment_content,
@@ -463,74 +520,96 @@ if(is_authenticated){
 }
 /****************  Add child Comment  *****************
  ******************************************************/
-function add_child_comment(el)
+function add_child_comment(el, container_el, parent_comment)
 {
     let date_added = new Date();
     if(el.value.trim() !== "")
     {
-        let parent_el = get_node(el, "comments_children_container");
-	let comment_content = encodeHTML(el.value)
+	let child_direct_parent = document.querySelector(
+		`#${el.parentElement.parentElement.dataset.comment}`)
+
+	let comment_child_content = add_user_tag(
+		el.value,
+		child_direct_parent,
+	);
         let c = new Comment(
             owner=user_fullName,
-            content=comment_content,
+            content=comment_child_content,
             likes=0,
             added_since=date_added,
             id = `comment_${date_added.getTime()}`,
 	    is_parent=false,
 	    is_comment_owner=true);
-        parent_el.prepend(c);
-        hide_or_add_show_children_btn(parent_el.parentElement);
+        container_el.prepend(c);
+        hide_or_add_show_children_btn(container_el.parentElement);
+
         // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-	let parent_com = get_node(parent_el, 'comment_element', 'comment_child');
-	let p_id = get_comment_attribute(parent_com);
-	save_comment(comment_content, date_added.toISOString(), p_id);
+	let p_id = get_comment_attribute( child_direct_parent );
+	let t_p_id = get_comment_attribute(
+		get_node(el, 'comment_element', 'comment_child') // get the top parent element
+	)
+
+	// Scroll to the comment child
+	if(window.scrollY > 1180)
+	    scrollToComment( c );
+
+	save_comment(el.value, date_added.toISOString(), p_id, t_p_id);
     }
 }
 
 /*********  Return backend comment attribute  *********
  ******************************************************/
-function get_comment_attribute(comment_html, attr='id')
+function get_comment_attribute(comment_html, attr="id")
 {
     let curr_html_id = comment_html.getAttribute('id');
-    let comment_attr = null;
+    let comment_attr = null
     all_comment.forEach(comment=>
     {
 	let comment_htmlid = `comment_${new Date(comment.parent_comment.added).getTime()}`;
 	if(comment_htmlid == curr_html_id)
+	{
 	    comment_attr = comment.parent_comment[attr];
+	}
 	comment.children.forEach(c_comment=>
 	{
 	    let c_comment_htmlid = `comment_${new Date(c_comment.added).getTime()}`;
 	    if(c_comment_htmlid == curr_html_id)
 	        comment_attr = c_comment[attr];
 	});
-	if(comment_attr) return comment_attr;
     });
     return comment_attr;
 }
 
-/******************  HTML encoder  ********************
- ******************************************************/
-function encodeHTML(s)
+function htmlContainsClass(html_el, classes)
 {
-    return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/"/g, '$quot;');
+    let ctn = true;
+    classes.split('.').forEach(cls =>{
+	if( !html_el.classList.contains(cls))
+	    ctn = false;
+    });
+    return ctn;
 }
 
-/****************  Get parentNode or sibling node  ****************
+/**********  Get parentNode or sibling node  **********
  ******************************************************/
-function get_node(el, class_name=null, not=null)
+function get_node(el, class_name, not)
 {
-    class_name = class_name?class_name :"comment_container";
-    let selector = not !== null?`.${class_name}:not(.${not})`: `.${class_name}`;
-    let childElement = el.querySelector(selector);
-    if(el.classList.contains(class_name) && !el.classList.contains(not))
+    class_name = class_name || "comment_container";
+    not = not || "";
+    let selector = !!not?`.${class_name}:not(.${not})`: `.${class_name}`;
+    let foundedElement = el.querySelector(selector);
+    if(htmlContainsClass(el, class_name) && !htmlContainsClass(el, not)) {
         return el;
-    else if(childElement)
-        return childElement;
-    return get_node(el.parentElement, class_name, not);
+    }
+    if(foundedElement){
+        return foundedElement;
+    }
+    else{
+        return get_node(el.parentElement, class_name, not);
+    }
 }
 
-/****************  Manage hide/show child comment text  ****************
+/*******  Manage hide/show child comment text  ********
  ******************************************************/
 function hide_show_child_comment_text(el)
 {
@@ -588,9 +667,21 @@ fetch(base_vote_url).then(response=>{
 	            children_data.forEach(child_data=>{
 	                date_added = new Date(child_data.added);
 	    	        html_id =`comment_${date_added.getTime().toString()}`;
+			let parent_to_scroll = parent_c;
+			if(child_data.parent__id !== child_data.top_parent__id)
+			{
+			    let direct_parent_comment = children_data.filter((c_obj) => c_obj.id === child_data.parent__id )[0];
+			    let direct_parent_html_id = `comment_${new Date(direct_parent_comment.added).getTime().toString()}`;
+			    parent_to_scroll = parent_c.querySelector(`#${direct_parent_html_id}`);
+			}
+			let comment_child_content = add_user_tag(
+			    child_data.content,
+			    parent_to_scroll,
+			    comment_data.parent_comment.author__first_name
+			);
 	                let child_c = new Comment(
 		            owner=`${child_data.author__first_name} ${child_data.author__last_name.toUpperCase()}`,
-		            content=child_data.content,
+		            content=comment_child_content,
 		            likes=child_data.nbr_vote,
 		            added_since=date_added,
 		            id=html_id,

From 7880ef7d385d0cf8230c4629ceeb1db0ee44602e Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Fri, 8 Jan 2021 18:46:50 +0100
Subject: [PATCH 023/145] css reply tag

---
 pod/video/static/css/comment-style.css | 35 ++++++++++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index b5fcbeaf83..a66c58c82c 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -31,13 +31,30 @@
 .comment_main h6
 {
     font-weight: 600;
-    color: var(--secondary) !important;
+    color: var(--padding-comment-content) !important;
     font-size: 16px;
 }
 .comment_main .icon
 {
-    width: 15px;
+    width: 18px;
 }
+.reply_to{
+    color: var(--secondary);
+    letter-spacing: 1.1px;
+    width: 200px;
+    max-width: 100%;
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--content-third-color) !important;
+    margin-bottom: .8em;
+    margin-left: .8em;
+}
+.reply_author{
+    font-weight: 600;
+}
+.reply_content:{font-weight: 500;}
 .comment_main .icon.comment_vote_icon svg
 {
     -webkit-transform: translateY(-1px);
@@ -576,3 +593,17 @@
         padding-left: .8em;
     }
 }
+/* ***** scroll to comment background */
+.scroll_to{
+    animation-name: scrolltocomment;
+    animation-duration: 8s;
+    animation-fill-mode: forwards;
+}
+@keyframes scrolltocomment{
+    0% {
+        background-color: rgba(255, 234, 59);
+    }
+    100% {
+	 background-color: var(--third-background-color);
+    }
+ }

From 8e7e95b6f21d3490bdc43e13ef492219f63beaf6 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 9 Jan 2021 22:18:22 +0100
Subject: [PATCH 024/145] Add reply tag svg

---
 pod/video/static/js/comment-script.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 4eca0ae441..47d84d1b47 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -478,6 +478,7 @@ function add_user_tag(comment_value, parent_comment)
     });
     tag.innerHTML =`
 	<span class="reply_to">
+	    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="reply" class="svg-inline--fa fa-reply fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M8.309 189.836L184.313 37.851C199.719 24.546 224 35.347 224 56.015v80.053c160.629 1.839 288 34.032 288 186.258 0 61.441-39.581 122.309-83.333 154.132-13.653 9.931-33.111-2.533-28.077-18.631 45.344-145.012-21.507-183.51-176.59-185.742V360c0 20.7-24.3 31.453-39.687 18.164l-176.004-152c-11.071-9.562-11.086-26.753 0-36.328z"></path></svg>
 	    <span class="reply_author">@${reply_to}</span>
 	    <span class="reply_content">${reply_content}</span>
         </span>`;

From 86b3159c70fdc6d4b945b2ea9bb77f427fe1b97b Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 9 Jan 2021 22:18:41 +0100
Subject: [PATCH 025/145] Css to reply tag svg

---
 pod/video/static/css/comment-style.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index a66c58c82c..7ced38df9e 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -41,7 +41,7 @@
 .reply_to{
     color: var(--secondary);
     letter-spacing: 1.1px;
-    width: 200px;
+    width: 230px;
     max-width: 100%;
     display: block;
     overflow: hidden;
@@ -51,6 +51,9 @@
     margin-bottom: .8em;
     margin-left: .8em;
 }
+.reply_to svg {
+    width: 16px;
+}
 .reply_author{
     font-weight: 600;
 }

From c76255b913073e4754cb42cc322d7618fd1be74b Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 9 Jan 2021 23:57:16 +0100
Subject: [PATCH 026/145] Add dynamic border color of comment child, change
 comment children order by

---
 pod/video/static/js/comment-script.js | 51 +++++++++++++++++++++++----
 1 file changed, 45 insertions(+), 6 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 47d84d1b47..0673b2305d 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -4,6 +4,17 @@ let base_delete_url = base_url.replace('comment', 'comment/del');
 let all_comment = null;
 let lang_btn = document.querySelector(".btn-lang.btn-lang-active");
 let  VOTED_USERS = [];
+const COLORS = [
+    "#212529",
+    "#343A40",
+    "#495057",
+    "#6C757D",
+    "#ADB5BD",
+    "#CED4DA",
+    "#DEE2E6",
+    "#E9ECEF",
+    "#F8F9FA",
+]
 const LANG = lang_btn?lang_btn.textContent.trim() : "fr";
 const ACTION_COMMENT = {
     comment_to_delete: null
@@ -453,7 +464,7 @@ function scrollToComment(targetComment)
 
     window.setTimeout(() => {
         htmlTarget.classList.remove('scroll_to');
-    }, 8000);
+    }, 3000);
 
     htmlTarget.classList.add('scroll_to');
 }
@@ -492,6 +503,28 @@ function add_user_tag(comment_value, parent_comment)
     return comment_content;
 }
 
+/****************  return color index  ****************
+ ******************************************************/
+function setBorderLeftColor(comment, parent_element, is_parent=false){
+    if(is_parent) return 0;
+    try{
+        let index = Number.parseInt(parent_element.dataset.level) + 1;
+	if(index >= COLORS.length){
+	    comment.dataset.level = COLORS.length - 1;
+	    comment.querySelector(".comment_content")
+	        .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`; 
+	}
+	else{
+	    comment.dataset.level = index;
+	    comment.querySelector(".comment_content")
+	        .style.borderLeft = `4px solid ${COLORS[index]}`; 
+	}
+    }catch(e){
+	comment.dataset.level = COLORS.length - 1;
+	comment.querySelector(".comment_content")
+	    .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`; 
+    }
+}
 /****************  Add parent Comment  ****************
  ******************************************************/
 if(is_authenticated){
@@ -512,6 +545,7 @@ if(is_authenticated){
                 id=`comment_${date_added.getTime()}`,
                 is_parent=true,
 	        is_comment_owner=true);
+	    c.dataset.level = '-1';
             document.querySelector(".comment_container .comment_content form.add_parent_comment").after(c);
             el.value = "";
             // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
@@ -528,7 +562,7 @@ function add_child_comment(el, container_el, parent_comment)
     {
 	let child_direct_parent = document.querySelector(
 		`#${el.parentElement.parentElement.dataset.comment}`)
-
+	    
 	let comment_child_content = add_user_tag(
 		el.value,
 		child_direct_parent,
@@ -541,7 +575,9 @@ function add_child_comment(el, container_el, parent_comment)
             id = `comment_${date_added.getTime()}`,
 	    is_parent=false,
 	    is_comment_owner=true);
-        container_el.prepend(c);
+	setBorderLeftColor(c, child_direct_parent, is_parent=false)
+	//container_el.prepend(c);
+	container_el.appendChild(c);
         hide_or_add_show_children_btn(container_el.parentElement);
 
         // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
@@ -551,8 +587,8 @@ function add_child_comment(el, container_el, parent_comment)
 	)
 
 	// Scroll to the comment child
-	if(window.scrollY > 1180)
-	    scrollToComment( c );
+	//if(window.scrollY > 10)
+	scrollToComment( c );
 
 	save_comment(el.value, date_added.toISOString(), p_id, t_p_id);
     }
@@ -662,6 +698,7 @@ fetch(base_vote_url).then(response=>{
 	            is_parent=true,
 		    is_comment_owner= user_id===parent_data.author__id
                 );
+		parent_c.dataset.level = '-1';
 	        manage_vote_frontend(parent_data.id, parent_c);
                 if(children_data.length>0)
                 {
@@ -689,7 +726,9 @@ fetch(base_vote_url).then(response=>{
 			    is_parent=false,
 		            is_comment_owner= user_id===child_data.author__id
 	                );
-	                parent_c.querySelector(".comments_children_container").prepend(child_c);
+			setBorderLeftColor(child_c, parent_to_scroll, is_parent=false)
+	                //parent_c.querySelector(".comments_children_container").prepend(child_c);
+	                parent_c.querySelector(".comments_children_container").appendChild(child_c);
 	    	        manage_vote_frontend(child_data.id, child_c);
 	            });
                 }

From 5f7627f103d26d09eddc2d0a7d2230c49874d372 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 9 Jan 2021 23:57:57 +0100
Subject: [PATCH 027/145] scroll_to duration of animation

---
 pod/video/static/css/comment-style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 7ced38df9e..30d1cb654f 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -599,7 +599,7 @@
 /* ***** scroll to comment background */
 .scroll_to{
     animation-name: scrolltocomment;
-    animation-duration: 8s;
+    animation-duration: 5s;
     animation-fill-mode: forwards;
 }
 @keyframes scrolltocomment{

From 0fb68f7a25875b73006b7144f0d4c59af99ebd62 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 10 Jan 2021 11:43:01 +0100
Subject: [PATCH 028/145] Add icon to comment answer, change color gradient of
 answerw

---
 pod/video/static/js/comment-script.js | 41 +++++++++++++++++----------
 1 file changed, 26 insertions(+), 15 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 0673b2305d..126a131287 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -5,15 +5,15 @@ let all_comment = null;
 let lang_btn = document.querySelector(".btn-lang.btn-lang-active");
 let  VOTED_USERS = [];
 const COLORS = [
-    "#212529",
-    "#343A40",
-    "#495057",
-    "#6C757D",
-    "#ADB5BD",
-    "#CED4DA",
-    "#DEE2E6",
-    "#E9ECEF",
-    "#F8F9FA",
+    "#5F616D",
+    "#6B6D79",
+    "#767984",
+    "#828590",
+    "#8D929B",
+    "#999EA7",
+    "#A4AAB2",
+    "#B0B6BE",
+    "#BBC2C9",
 ]
 const LANG = lang_btn?lang_btn.textContent.trim() : "fr";
 const ACTION_COMMENT = {
@@ -236,8 +236,14 @@ class Comment extends HTMLElement
         }
         else
         {
+            let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="replyd" class="svg-inline--fa fa-replyd fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 480H128C57.6 480 0 422.4 0 352V160C0 89.6 57.6 32 128 32h192c70.4 0 128 57.6 128 128v192c0 70.4-57.6 128-128 128zM193.4 273.2c-6.1-2-11.6-3.1-16.4-3.1-7.2 0-13.5 1.9-18.9 5.6-5.4 3.7-9.6 9-12.8 15.8h-1.1l-4.2-18.3h-28v138.9h36.1v-89.7c1.5-5.4 4.4-9.8 8.7-13.2 4.3-3.4 9.8-5.1 16.2-5.1 4.6 0 9.8 1 15.6 3.1l4.8-34zm115.2 103.4c-3.2 2.4-7.7 4.8-13.7 7.1-6 2.3-12.8 3.5-20.4 3.5-12.2 0-21.1-3-26.5-8.9-5.5-5.9-8.5-14.7-9-26.4h83.3c.9-4.8 1.6-9.4 2.1-13.9.5-4.4.7-8.6.7-12.5 0-10.7-1.6-19.7-4.7-26.9-3.2-7.2-7.3-13-12.5-17.2-5.2-4.3-11.1-7.3-17.8-9.2-6.7-1.8-13.5-2.8-20.6-2.8-21.1 0-37.5 6.1-49.2 18.3s-17.5 30.5-17.5 55c0 22.8 5.2 40.7 15.6 53.7 10.4 13.1 26.8 19.6 49.2 19.6 10.7 0 20.9-1.5 30.4-4.6 9.5-3.1 17.1-6.8 22.6-11.2l-12-23.6zm-21.8-70.3c3.8 5.4 5.3 13.1 4.6 23.1h-51.7c.9-9.4 3.7-17 8.2-22.6 4.5-5.6 11.5-8.5 21-8.5 8.2-.1 14.1 2.6 17.9 8zm79.9 2.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4s2 11.7 6.1 15.6zm0 100.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4 0 6.6 2 11.7 6.1 15.6z"></path></svg>`;
+            let comment_icon = document.createElement("DIV");
+            comment_icon.innerHTML = comment_icon_svg;
+            comment_icon.setAttribute("class", "icon comments_icon");
+
             // add show children button action
-            comment_container.setAttribute("class", "");
+            comment_container.setAttribute("class", "comment_child_container");
+            comment_container.prepend(comment_icon)
             comment_container.querySelector(".comment_content").classList.add("comment_content_child");
             this.classList.add("comment_child");
             this.appendChild(comment_container);
@@ -464,7 +470,7 @@ function scrollToComment(targetComment)
 
     window.setTimeout(() => {
         htmlTarget.classList.remove('scroll_to');
-    }, 3000);
+    }, 4000);
 
     htmlTarget.classList.add('scroll_to');
 }
@@ -505,24 +511,29 @@ function add_user_tag(comment_value, parent_comment)
 
 /****************  return color index  ****************
  ******************************************************/
-function setBorderLeftColor(comment, parent_element, is_parent=false){
-    if(is_parent) return 0;
+function setBorderLeftColor(comment, parent_element){
     try{
         let index = Number.parseInt(parent_element.dataset.level) + 1;
 	if(index >= COLORS.length){
 	    comment.dataset.level = COLORS.length - 1;
 	    comment.querySelector(".comment_content")
 	        .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`; 
+	    comment.querySelector(".comments_icon")
+	        .style.color = `${COLORS[COLORS.length - 1]}`; 
 	}
 	else{
 	    comment.dataset.level = index;
 	    comment.querySelector(".comment_content")
 	        .style.borderLeft = `4px solid ${COLORS[index]}`; 
+	    comment.querySelector(".comments_icon")
+	        .style.color = `${COLORS[index]}`; 
 	}
     }catch(e){
 	comment.dataset.level = COLORS.length - 1;
 	comment.querySelector(".comment_content")
 	    .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`; 
+	comment.querySelector(".comments_icon")
+	    .style.color = `${COLORS[COLORS.length - 1]}`; 
     }
 }
 /****************  Add parent Comment  ****************
@@ -575,7 +586,7 @@ function add_child_comment(el, container_el, parent_comment)
             id = `comment_${date_added.getTime()}`,
 	    is_parent=false,
 	    is_comment_owner=true);
-	setBorderLeftColor(c, child_direct_parent, is_parent=false)
+	setBorderLeftColor(c, child_direct_parent)
 	//container_el.prepend(c);
 	container_el.appendChild(c);
         hide_or_add_show_children_btn(container_el.parentElement);
@@ -726,7 +737,7 @@ fetch(base_vote_url).then(response=>{
 			    is_parent=false,
 		            is_comment_owner= user_id===child_data.author__id
 	                );
-			setBorderLeftColor(child_c, parent_to_scroll, is_parent=false)
+			setBorderLeftColor(child_c, parent_to_scroll)
 	                //parent_c.querySelector(".comments_children_container").prepend(child_c);
 	                parent_c.querySelector(".comments_children_container").appendChild(child_c);
 	    	        manage_vote_frontend(child_data.id, child_c);

From a80e2b09f10a125e30f4bcc6cebee0e953b8144c Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 10 Jan 2021 11:44:37 +0100
Subject: [PATCH 029/145] Add comment_child_container style, remove unused
 style

---
 pod/video/static/css/comment-style.css | 31 ++++++++++++--------------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 30d1cb654f..99df252492 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -76,6 +76,7 @@
             transform: translateX( calc(-50% - var(--padding-comment-content) ) );*/
     width: var(--padding-comment-content);
     margin:0 6px;
+    flex: none;
 }
 .comment_main .inline_flex_space{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
 .comment_main .comment_disable::before{
@@ -99,6 +100,12 @@
     color: var(--primary);
     padding-top: 2em;
 }
+@media only screen and (max-width: 512px)
+{
+    .jumbotron{
+        padding: 0 !important;
+    }
+}
 .comment_main
 {
     overflow-y: auto;
@@ -425,7 +432,7 @@
         -ms-flex-pack: justify;
             justify-content: space-between;
     border-left: 4px solid var(--primary);
-    padding: .6em;
+    padding: .4em;
     background-color: var(--third-background-color);
     -webkit-box-shadow: 1px 1px 4px var(--background-color);
             box-shadow: 1px 1px 4px var(--background-color);
@@ -434,26 +441,27 @@
 }
 .comment_main .comment_element .comment_container >  .comments_children_container
 {
-    padding-left: 1em;
     height: 0;
     overflow: hidden;
     -webkit-transition: .5s height;
     -o-transition: .5s height;
     transition: .5s height;
 }
-.comment_main .comment_element.show .comment_container >  .comments_children_container
-{
-    height: auto;
+.comment_main .comment_element.show .comment_container >  .comments_children_container{ height: auto; }
+.comment_main .comment_element .comment_container .comment_element > .comment_child_container{ 
+    display: flex;
+    margin-top: calc(var(--margin-between-comment) - .2em);
 }
+.comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; flex: none;}
 .comment_main .comment .comment_content_child
 {
 
     border-left: 4px solid var(--content-secondary-color);
     border-radius: 5px;
-    margin-top: calc(var(--margin-between-comment) - .2em);
     border-top: 1px solid var(--primary-background-color);
     border-bottom: 1px solid var(--primary-background-color);
     border-right: 1px solid var(--primary-background-color);
+    flex-grow: 1;
 }
 
 .comment_main .comment .comment_content_header .comment_since
@@ -585,17 +593,6 @@
         padding: 0;
     }
 }
-@media only screen and (max-width: 550px)
-{
-    .comment_main .comment_container
-    {
-        padding: 0 .8em;
-    }
-    .comment_main .comment .comment_container > .comments_children_container
-    {
-        padding-left: .8em;
-    }
-}
 /* ***** scroll to comment background */
 .scroll_to{
     animation-name: scrolltocomment;

From fa9d9cc2ba03213fa8b4fde55b30d02b3c967c5e Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 11 Jan 2021 09:29:01 +0100
Subject: [PATCH 030/145] Fixed remove comment child on cascade

---
 pod/video/static/js/comment-script.js | 67 +++++++++++++++++++--------
 1 file changed, 47 insertions(+), 20 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 126a131287..e1212860ef 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -81,9 +81,11 @@ class ConfirmModal extends HTMLElement
             // remove show children btn if no child in the node
             if(parent_el.classList.contains("comments_children_container") && parent_el.childElementCount===0)
             {
-                hide_or_add_show_children_btn(parent_el.parentElement);
+		parent_e = get_node(parent_el, "comment_element", "comment_child");
+                hide_or_add_show_children_btn(parent_e);
             }
-	    delete_comment(ACTION_COMMENT.comment_to_delete);
+	    delete_comment();
+            delete_comment_child_DOM();
             ACTION_COMMENT.comment_to_delete = null;
         });
         let cancel_btn = document.createElement("BUTTON");
@@ -288,18 +290,18 @@ function hide_or_add_show_children_btn(parent_comment=null)
         get_node(this.parentElement, "comment_element", "comment_child").classList.toggle("show");
         hide_show_child_comment_text(this);
     });
-
+    
     if(parent_comment)
     {
+    	let is_parent_comment_owner = user_id === get_comment_attribute(parent_comment, "author__id");
         let children_container = parent_comment.querySelector(".comments_children_container");
         if(!parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount >0)
         {
-	   if(is_comment_owner || is_video_owner || is_superuser){
+	   if(is_parent_comment_owner || is_video_owner || is_superuser){
                parent_comment.querySelector(".comment_content_footer .actions").insertBefore(
 		       children_action, parent_comment.querySelector(".comment_content_footer .actions .comment_delete_action") );
 	   }
 	   else{
-		   console.log("NOt owner , Not video owner, Not super user")
 	       parent_comment.querySelector(".comment_content_footer .actions").appendChild(children_action );
 	   }
         }
@@ -319,7 +321,8 @@ function hide_or_add_show_children_btn(parent_comment=null)
             let comments_children_container= comment.querySelector(".comment .comment_container .comments_children_container");
             if(!comment.querySelector(".comment_content_footer .actions .comment_show_children_action") && comments_children_container.childElementCount > 0)
             {
-	   	if(!is_comment_owner || is_video_owner || is_superuser){
+    		let is_parent_comment_owner = user_id === get_comment_attribute(comment, "author__id");
+	   	if(is_parent_comment_owner || is_video_owner || is_superuser){
                     comment.querySelector(".comment_content_footer .actions").insertBefore(
 			    children_action, comment.querySelector(".comment_content_footer .actions .comment_delete_action") );
 		}
@@ -401,10 +404,13 @@ function save_comment(content, date, parent_id=null, top_parent_id=null)
 	            author__last_name: data.author__last_name,
 	            content: content,
 	            id: data.id,
-	            added: date
+	            added: date,
+		    parent__id: parent_id,
+		    top_parent__id: top_parent_id
 	        }
 	        if(!parent_id)
 		{
+		    // update all_comment data
 		    let p_c = {
 			parent_comment: c,
 		        children: []
@@ -413,10 +419,11 @@ function save_comment(content, date, parent_id=null, top_parent_id=null)
 		}
 	        else
 	        {
+		    // update all_comment data
 	            all_comment = all_comment.map((comment)=>{
 	   	        if(comment.parent_comment.id === top_parent_id)
-		            comment.children.push(c);
-		        return comment; 
+		            comment.children = [...comment.children, c];
+		        return comment;
 		    });
 	        }
 	    });
@@ -427,14 +434,13 @@ function save_comment(content, date, parent_id=null, top_parent_id=null)
 	    console.log(error)
 	    console.log(error.message)
     });
-
 }
 
 /****************  Delete Comment  ****************
  ******************************************************/
-function delete_comment(target_comment_html)
+function delete_comment()
 {
-    let comment_id = get_comment_attribute(target_comment_html);
+    let comment_id = get_comment_attribute(ACTION_COMMENT.comment_to_delete);
     let url = base_delete_url + comment_id + '/';
     let data = new FormData();
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
@@ -455,6 +461,22 @@ function delete_comment(target_comment_html)
     })
 }
 
+function delete_comment_child_DOM()
+{
+    let comment_id = get_comment_attribute(ACTION_COMMENT.comment_to_delete);
+    let comment_top_parent_id = get_comment_attribute(ACTION_COMMENT.comment_to_delete, attr='top_parent__id');
+    all_comment
+	.filter(p_comment => p_comment.parent_comment.id === comment_top_parent_id)[0]
+	.children
+	.forEach( c_comment => {
+	    if(c_comment.parent__id === comment_id){
+                let html_id = `#comment_${new Date(c_comment.added).getTime()}`;
+		let c = document.querySelector(html_id)
+		c.parentElement.removeChild(c);
+	    }
+	});
+}
+
 /*********** Scroll to a specific comment *************
  * ****************************************************/
 function scrollToComment(targetComment)
@@ -589,7 +611,7 @@ function add_child_comment(el, container_el, parent_comment)
 	setBorderLeftColor(c, child_direct_parent)
 	//container_el.prepend(c);
 	container_el.appendChild(c);
-        hide_or_add_show_children_btn(container_el.parentElement);
+        hide_or_add_show_children_btn(get_node(container_el, "comment_element", "comment_child"));
 
         // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
 	let p_id = get_comment_attribute( child_direct_parent );
@@ -611,20 +633,25 @@ function get_comment_attribute(comment_html, attr="id")
 {
     let curr_html_id = comment_html.getAttribute('id');
     let comment_attr = null
-    all_comment.forEach(comment=>
-    {
-	let comment_htmlid = `comment_${new Date(comment.parent_comment.added).getTime()}`;
+    for(const comment of all_comment){
+        let comment_htmlid = `comment_${new Date(comment.parent_comment.added).getTime()}`;
+
 	if(comment_htmlid == curr_html_id)
 	{
 	    comment_attr = comment.parent_comment[attr];
+	    break;
 	}
-	comment.children.forEach(c_comment=>
+	for(const c_comment of comment.children)
 	{
+
 	    let c_comment_htmlid = `comment_${new Date(c_comment.added).getTime()}`;
-	    if(c_comment_htmlid == curr_html_id)
+	    if(c_comment_htmlid == curr_html_id){
 	        comment_attr = c_comment[attr];
-	});
-    });
+	        break;
+	    }
+	}
+	if(comment_attr) break;
+    }
     return comment_attr;
 }
 

From b1fc0e70ccedbed2b057ab4cfcdf21e3b2745539 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 11 Jan 2021 09:29:43 +0100
Subject: [PATCH 031/145] change bg color on scrolling to a comment

---
 pod/video/static/css/comment-style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 99df252492..f9882d8afc 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -601,7 +601,7 @@
 }
 @keyframes scrolltocomment{
     0% {
-        background-color: rgba(255, 234, 59);
+        background-color: #f9f99b; /* rgba(255, 234, 59)*/
     }
     100% {
 	 background-color: var(--third-background-color);

From 3a36dff82b01ce429f409279fa751a57b01f2923 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 11 Jan 2021 11:21:47 +0100
Subject: [PATCH 032/145] update locale fr

---
 pod/locale/fr/LC_MESSAGES/djangojs.mo | Bin 9545 -> 9509 bytes
 pod/locale/fr/LC_MESSAGES/djangojs.po | 501 +++++++++++++++++++++-----
 2 files changed, 417 insertions(+), 84 deletions(-)

diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.mo b/pod/locale/fr/LC_MESSAGES/djangojs.mo
index 0f157e8c557346094c4ab2bedd402747e38c0b29..a2686fca6e0c2158e9f043698b95e40ed5591f50 100644
GIT binary patch
delta 2606
zcmZA1eN5F=9LMnk7mOzb<;lS0hY#@}PnR?vL?uE6gaR}X743$<1OqPIi-2==+uU+X
z*m5`jEKAMJIk(#VLu*!2^PyIMXj^mS^pDosbjvNFtx;R=&%HmIb;kGiI_L0vIOluL
zx!*K>)D*b8DCUHr93YkueJ*3vad{pWN=m#jbeV;ihUu7sg_wbBu@c+y2|R|y7{qd%
z#8RAg`d1_vvx;^*78(;UZ%`?s;~bXYkGKG16OGXr(r`Iu<5Rf7u?ur)A4c8x9`a|-
za7n_CF%>_@#ds6r@IF3`k1(0<n=J0u3kp#WxKT6Nhzqd=HKV=Ah|L7*g_kfLZ=#<2
z74_UKY9g-rk^9OqhV~ZB!&aw%3`_aGIZj2XpG2kfE^4MTxDr!IhuT%B`#R9VVJyQF
zs25+u9Q+N7aY1rq$!f5Kb{i^_Z{m}91_P>mK}9dVjhe{}#$r4Rt+h_(!dQ%jN?{2y
zNmGHES-sP4blTfdnc0ObyBR{VZ4RRba1<->d<yw@Q~8+=nNGef+>F{(J=lOB;zqoW
z`B=6nGT=_kqCJ9|$Z^yrJ&&5e71UB)Lrv@+YG990_r<4@|2is5`ELPwa19>Aa-75}
zoJKuZ!c$t~den=XQJcwj`p2FAcTqFG;P@#jV^?t`%9vZI_cR7raII|{@(trfEyWRh
z0Y5;c@F6NAf1(Cdo*5ZvA1alna5YXjCNny<>v0_(LM`D%)Q7L)CJcN}#iEi%{<Jo0
z96OOLnb#fPLAHfCjT&eObsDat2KYO!!oQGJGWo2F`m2#KnR?XT*^SDijkP-ehpAN3
zaT%B43|hE2JF;u5P!IN?_P`MGXD)KlvHbzHWK*c6NFjZ-Sb<v7G1Tce<+Q)WwX~;k
zxz2wX`Ol?e8|uapRLb7R^>_zYVD{3;o~T78Y5b`FPasJ&-yye}Ur@);#ia<BqyFED
z%1E!%_G3nXj&bK7r%|c9fSU1_$a0$-sLgZ_Eqs7_Q4$UHXP}m18CGEnw&GFLCccdt
zNFuXTyArqKYZ&OD@)Z^RKxC1By{Hj2;$g=L)S90~9jnifY?~{nJ#q&%kcX%}GK<Za
z$cB0bcVIP+V=Z3C=P_;t`M0PvlivjFN3G!)YNRJoyY&|8gHxD<f1p0(S{cb$Dn`*(
z(I&JAJ*TpVXd<-7Sefu1Vtl5Pi01p@8QU~eY6)!)6{S#R1JM(%MJ}71x_)AHq+$q;
zbGS4(YVaCp9ia?pS^r;{gW1XV!$oIROF(AAyLK09&9u=}N(p`>!|SWI_J_(#5yDq(
zK4oc()3+X9By`-AEtRcA8=>^81hf&fwsXZzMQf$?n=AQLwh^4n@JUg>PKwH_gx20g
zbQ3C`2;m<vRV#=VVh6FASVw3B&(ryTyp+*+naCluAHqKzSVO32Z@fb6Q-h+@v4D7%
z&~Lz8X{4f!s?Dj5tkOlWP0Vv@IHe=}B^tfNUSc=VP8=Zi6H9`B$Cak<_t~~J+B@81
z4fohqx3|CF9vBW5#@9yqgOdrlp_B0q(ZSh7E7Xv*Ix6(m{Ik)8?RLL+#OD59|J(zn
z-5%^a6uDZ%-ns7Js+58xv$e-NYIz3yqqZ;9m2x9yzPq^0UF>#SZg;iY9V$=X8I@h1
z=jrbD`u16#5xd*!{&ysvUSII-j1HII_6LVD3qpCBKSc*~vWh}SvOb9l)h!uwRUaH2
p^!4`JzW+XDoA$5I4SEOm`5voTo`Z8k<HdIHQcg|iLC&7oe*lDU7e)X8

delta 2647
zcmZA2TWl0n9LMpqy->HMrM8sHa_JQ5jka_bgq9+;Pz$9fluJb`P)m187u#*wMX1DN
z9w0#zRLoMN1|u&TD;h6LB$zZY@B)ZRVnU)Az(kCRyeN^72<Z1WI}qYY|MNL>_RP#V
z|8r*ge*2kr=Tbq&sG&rN=|ni)7&Ux6frE<Q7@CX^Cu1h&V*nel8r3z7h4?(yqJ#7B
z6Rg84UVDBv*Kpp1bLeKaQ>me06zAee%)>v?9Yc;W4|AS{GqBooC6;o&4b|@z<j)-B
zFcA-<1~i5b;W$2k7rge%SkCj!bt(aV2yoSdxBw^N3e=4^qHeSWvoMD0w+A)T12_l2
zLOtjz7U3P#b(3>b*Hxk>7)15!#yp;HMyOQae(#4*Q7Jo(T9TVM1&c_FGEjqM*zTPV
zqx!vu79PbQo<rUDHkM!+v#P~b)KbRLnM>tmDoXKjoQfAc|3=+-5(~~4Obsf9jmYFo
z3vzGMff?A1nt2#mZnFnTuGxpW|3R$BV;I6~`Q%@fndH;L4%DXFfo=E^w&HcH#6<<E
z0c}MsnS&beJE$2Q!%RGbO7ZuoCHNgRuv@5p1vD<hibC>VMP)k;3-A!m!?U;uZ=)`(
z=PIrJlc*baVmU^=_EE3>UDS-f^gM~m)OWbcM`ls?S;u;6DZ3mhJj0COYCM2S-9^;Q
zuA(yXFKR#y#i@bDP^tV7AHgf0MT}18?YIOT)Y6Tk9{de1#~;u_C%{v*Hj6#Gkt~_L
zo^K-Cz>J{=dIGiEzeNr7CTfqQu^!b}f~B|$mAOG=^~_#W|50SD<~?LDIp#POb^IEe
z@d7qr@ib#*VFy|mM{U+as7-hZwKvWof2M#@kX<tuwUjNWC3+E?@d#?Ee?h$!Ipn`e
z@Be%%i)q-5%Ea5K8H}SkUdAPuHIuIvw&HBuhuSM+ND|D?*n~Hb?3x9<b6jdxBY$Rq
zLk%84R@0n7zeD9b6{YAW?}uxsO_Xk>W<Cj(x*)2(5w!%%aS`so4m^q)&@I%1>X?Pj
zH{nzGI&Q?@P?>BZy^d})NJS%l%ky*8TAxL|PM1(A{uQ-1lqL<N5Vbc-@CmHL`S=nx
z;%C^5e_#vNkTwg4F&p2QP5!k;hiTAAPoZ|{4b%hgpkALqS?WO*s7%$P4^=c1?(eR-
z&NmY)2`woTb!SX>^E8o0sDx8+B>!47l{G2M3f$(^TXBL{XI0!+DFe09RQgl6M-6lt
zv5?Rp|6eL-c*bk2#}HA@^WC-T!a715Nk!S<D`_6p2}L_zC78lJS{#+7cK6JfrMQ~V
z+oWYtSx0DZDE%s(gqHSharCj!?p}4b1*?hm1aG3d)4|<v(k8U_>BLq-<vI7r*U?jJ
zul=B+k4-b74V+2bU)U>->852Cp$(xA!{fwbgo@tR9->z#6umZigm%5Y5xi+`Y4g<P
z)JEnNH_sB4g!Yq){`2WAP}xLmAvP#aYpFztK4L~9*I$=d?{AuHmPX^d?U>a&G&pES
zcUqC&p=e@lc4;!{Z%fMw+XMDaJJtACPF1znDc(P{+v@F)41{BL)cw`8ct7nL^7<#I
zPF(2AwqkaCcqkgT<H<F-AEYI${7V15w&aHV(;2zJ+R(h(V8{wJG=>_IRYhIC#E~hT
zGq|-`$zZJ5sWJBscZb*$iP?!zaaFRk_+r|0w@dtm;b9&WkI>zlh}-L*skQZPhn~K^
zNN<17Hv9gcEj!xR6Wy75iaYN6u1!`1zVPK)19tr00OH9Xr;Vg1UM*=%o-gUl{0~9J
BEVKXs

diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.po b/pod/locale/fr/LC_MESSAGES/djangojs.po
index 8497114e07..cd59e685db 100644
--- a/pod/locale/fr/LC_MESSAGES/djangojs.po
+++ b/pod/locale/fr/LC_MESSAGES/djangojs.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Esup-Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2020-12-01 18:18+0100\n"
+"POT-Creation-Date: 2021-01-11 11:11+0100\n"
 "PO-Revision-Date: 2020-04-30 12:12+0200\n"
 "Last-Translator: Nicolas <nicolas.can@univ-lille1.fr>\n"
 "Language-Team: \n"
@@ -22,19 +22,24 @@ msgstr ""
 #: pod/enrichment/static/js/enrichment.js:5
 #: pod/enrichment/static/js/enrichment.js:7
 #: pod/enrichment/static/js/enrichment.js:183
-#: pod/enrichment/static/js/enrichment.js:185
+#: pod/enrichment/static/js/enrichment.js:185 pod/static/js/chapters.js:5
+#: pod/static/js/chapters.js:7 pod/static/js/enrichment.js:5
+#: pod/static/js/enrichment.js:7 pod/static/js/enrichment.js:183
+#: pod/static/js/enrichment.js:185
 msgid "Get time from the player"
 msgstr "Obtenir le temps du lecteur"
 
 #: pod/chapter/static/js/chapters.js:16
 #: pod/completion/static/js/completion.js:50
-#: pod/enrichment/static/js/enrichment.js:17
+#: pod/enrichment/static/js/enrichment.js:17 pod/static/js/chapters.js:16
+#: pod/static/js/completion.js:50 pod/static/js/enrichment.js:17
 msgid "Error getting form."
 msgstr "Erreur lors de la récupération du formulaire"
 
 #: pod/chapter/static/js/chapters.js:16
 #: pod/completion/static/js/completion.js:50
-#: pod/enrichment/static/js/enrichment.js:17
+#: pod/enrichment/static/js/enrichment.js:17 pod/static/js/chapters.js:16
+#: pod/static/js/completion.js:50 pod/static/js/enrichment.js:17
 msgid "The form could not be recovered."
 msgstr "Le formulaire ne peut pas être récupéré."
 
@@ -53,40 +58,56 @@ msgstr "Le formulaire ne peut pas être récupéré."
 #: pod/main/static/js/main.js:300 pod/main/static/js/main.js:311
 #: pod/main/static/js/main.js:325
 #: pod/podfile/static/podfile/js/filewidget.js:365
-#: pod/podfile/static/podfile/js/filewidget.js:398
+#: pod/podfile/static/podfile/js/filewidget.js:398 pod/static/js/chapters.js:52
+#: pod/static/js/chapters.js:72 pod/static/js/chapters.js:93
+#: pod/static/js/chapters.js:125 pod/static/js/chapters.js:159
+#: pod/static/js/completion.js:92 pod/static/js/completion.js:123
+#: pod/static/js/completion.js:166 pod/static/js/completion.js:198
+#: pod/static/js/enrichment.js:52 pod/static/js/enrichment.js:72
+#: pod/static/js/enrichment.js:93 pod/static/js/enrichment.js:120
+#: pod/static/js/enrichment.js:149 pod/static/js/main.js:293
+#: pod/static/js/main.js:300 pod/static/js/main.js:311
+#: pod/static/js/main.js:325 pod/static/podfile/js/filewidget.js:365
+#: pod/static/podfile/js/filewidget.js:398
 msgid "You are no longer authenticated. Please log in again."
 msgstr "Vous n'êtes plus authentifié. Veuillez vous reconnectez."
 
 #: pod/chapter/static/js/chapters.js:146
 #: pod/enrichment/static/js/enrichment.js:136 pod/main/static/js/main.js:263
-#: pod/main/static/js/main.js:317
+#: pod/main/static/js/main.js:317 pod/static/js/chapters.js:146
+#: pod/static/js/enrichment.js:136 pod/static/js/main.js:263
+#: pod/static/js/main.js:317
 msgid "One or more errors have been found in the form."
 msgstr "Une ou plusieurs erreurs ont été trouvées dans le formulaire."
 
 #: pod/chapter/static/js/chapters.js:181
-#: pod/enrichment/static/js/enrichment.js:223
+#: pod/enrichment/static/js/enrichment.js:223 pod/static/js/chapters.js:181
+#: pod/static/js/enrichment.js:223
 msgid "Please enter a title from 2 to 100 characters."
 msgstr "Veuillez entrer un titre contenant entre 2 et 100 caractères."
 
-#: pod/chapter/static/js/chapters.js:187
+#: pod/chapter/static/js/chapters.js:187 pod/static/js/chapters.js:187
 msgid "Please enter a correct start field between 0 and"
 msgstr "Veuillez entrer un correct temps de début compris entre 0 et"
 
-#: pod/chapter/static/js/chapters.js:200
+#: pod/chapter/static/js/chapters.js:200 pod/static/js/chapters.js:200
 msgid "The chapter"
 msgstr "Le chapitre"
 
-#: pod/chapter/static/js/chapters.js:200
+#: pod/chapter/static/js/chapters.js:200 pod/static/js/chapters.js:200
 msgid "starts at the same time."
 msgstr "commencent au même moment."
 
 #: pod/chapter/static/js/videojs-chapters.js:22
 #: pod/chapter/static/js/videojs-chapters.js:24
 #: pod/chapter/static/js/videojs-chapters.js:26
+#: pod/static/js/videojs-chapters.js:22 pod/static/js/videojs-chapters.js:24
+#: pod/static/js/videojs-chapters.js:26
 msgid "Chapters"
 msgstr "Chapitres"
 
 #: pod/completion/static/js/caption_maker.js:22
+#: pod/static/js/caption_maker.js:22
 msgid ""
 "WEBVTT\n"
 "\n"
@@ -99,332 +120,375 @@ msgstr ""
 "texte de sous-titre"
 
 #: pod/completion/static/js/caption_maker.js:34
+#: pod/static/js/caption_maker.js:34
 msgid "There is no captions to save"
 msgstr "Il n’y a aucun sous-titre à sauvegarder"
 
 #: pod/completion/static/js/caption_maker.js:82
+#: pod/static/js/caption_maker.js:82
 msgid "error during exchange"
 msgstr "erreur durant le téléversement"
 
 #: pod/completion/static/js/caption_maker.js:82
+#: pod/static/js/caption_maker.js:82
 msgid "no data could be stored."
 msgstr "aucune donnée ne peut être stockée."
 
 #: pod/completion/static/js/caption_maker.js:113
+#: pod/static/js/caption_maker.js:113
 msgid "Are you sure you want to delete all caption ?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer les sous-titre ?"
 
-#: pod/completion/static/js/completion.js:145
+#: pod/completion/static/js/completion.js:145 pod/static/js/completion.js:145
 msgid "Are you sure you want to delete this file ?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce fichier ?"
 
-#: pod/completion/static/js/completion.js:147
+#: pod/completion/static/js/completion.js:147 pod/static/js/completion.js:147
 msgid "Are you sure you want to delete this contributor ?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce contributeur ?"
 
-#: pod/completion/static/js/completion.js:149
+#: pod/completion/static/js/completion.js:149 pod/static/js/completion.js:149
 msgid "Are you sure you want to delete this document ?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce document ?"
 
-#: pod/completion/static/js/completion.js:151
+#: pod/completion/static/js/completion.js:151 pod/static/js/completion.js:151
 msgid "Are you sure you want to delete this overlay ?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer cette superposition ?"
 
 #: pod/completion/static/js/completion.js:195 pod/main/static/js/main.js:265
+#: pod/static/js/completion.js:195 pod/static/js/main.js:265
 msgid "Changes have been saved."
 msgstr "Les modifications ont été sauvegardées."
 
-#: pod/completion/static/js/completion.js:224
+#: pod/completion/static/js/completion.js:224 pod/static/js/completion.js:224
 msgid "Display"
 msgstr "Afficher"
 
-#: pod/completion/static/js/completion.js:224
+#: pod/completion/static/js/completion.js:224 pod/static/js/completion.js:224
 msgid "section"
 msgstr "section"
 
-#: pod/completion/static/js/completion.js:246
+#: pod/completion/static/js/completion.js:246 pod/static/js/completion.js:246
 msgid "Please enter a name from 2 to 100 caracteres."
 msgstr "Veuillez entrer un nom entre 2 et 200 caractères."
 
-#: pod/completion/static/js/completion.js:252
+#: pod/completion/static/js/completion.js:252 pod/static/js/completion.js:252
 msgid "You cannot enter a weblink with more than 200 caracteres."
 msgstr "Vous ne pouvez pas entrer un lien web avec plus de 200 caractères."
 
-#: pod/completion/static/js/completion.js:258
+#: pod/completion/static/js/completion.js:258 pod/static/js/completion.js:258
 msgid "Please enter a role."
 msgstr "Veuillez entrer un rôle."
 
-#: pod/completion/static/js/completion.js:267
+#: pod/completion/static/js/completion.js:267 pod/static/js/completion.js:267
 msgid ""
 "There is already a contributor with this same name and role in the list."
 msgstr ""
 "Il existe déjà un contributeur avec le même nom et le même rôle dans cette "
 "liste."
 
-#: pod/completion/static/js/completion.js:278
+#: pod/completion/static/js/completion.js:278 pod/static/js/completion.js:278
 msgid "Please enter a correct kind."
 msgstr "Veuillez entrer un genre correct."
 
-#: pod/completion/static/js/completion.js:286
+#: pod/completion/static/js/completion.js:286 pod/static/js/completion.js:286
 msgid "Please select a language."
 msgstr "Veuillez renseigner une langue."
 
-#: pod/completion/static/js/completion.js:293
+#: pod/completion/static/js/completion.js:293 pod/static/js/completion.js:293
 msgid "Please specify a track file."
 msgstr "Veuillez joindre un fichier de piste vidéo."
 
-#: pod/completion/static/js/completion.js:299
+#: pod/completion/static/js/completion.js:299 pod/static/js/completion.js:299
 msgid "Only .vtt format is allowed."
 msgstr "Seulement le format \".vtt\" est autorisé."
 
-#: pod/completion/static/js/completion.js:316
+#: pod/completion/static/js/completion.js:316 pod/static/js/completion.js:316
 msgid "There is already a track with the same kind and language in the list."
 msgstr ""
 "Il existe déjà une piste vidéo avec le même genre et la même langue dans la "
 "liste."
 
 #: pod/completion/static/js/completion.js:323
-#: pod/enrichment/static/js/enrichment.js:274
+#: pod/enrichment/static/js/enrichment.js:274 pod/static/js/completion.js:323
+#: pod/static/js/enrichment.js:274
 msgid "Please select a document."
 msgstr "Veuillez joindre un document."
 
-#: pod/completion/static/js/completion.js:331
+#: pod/completion/static/js/completion.js:331 pod/static/js/completion.js:331
 msgid "Iframe and Script tags are not allowed."
 msgstr "Les balises Iframe et Script ne sont pas autorisées."
 
-#: pod/enrichment/static/js/enrichment.js:229
+#: pod/enrichment/static/js/enrichment.js:229 pod/static/js/enrichment.js:229
 msgid "Please enter a correct start from 0 to "
 msgstr "Veuillez entrer un correct temps de début compris entre 0 et "
 
-#: pod/enrichment/static/js/enrichment.js:235
+#: pod/enrichment/static/js/enrichment.js:235 pod/static/js/enrichment.js:235
 msgid "Please enter a correct end from 1 to "
 msgstr "Veuillez entrer un correct temps de fin compris entre 1 et "
 
-#: pod/enrichment/static/js/enrichment.js:243
+#: pod/enrichment/static/js/enrichment.js:243 pod/static/js/enrichment.js:243
 msgid "Please enter a correct image."
 msgstr "Veuillez joindre une image correct."
 
-#: pod/enrichment/static/js/enrichment.js:251
+#: pod/enrichment/static/js/enrichment.js:251 pod/static/js/enrichment.js:251
 msgid "Please enter a correct richtext."
 msgstr "Veuillez entrer un texte riche correct."
 
-#: pod/enrichment/static/js/enrichment.js:259
+#: pod/enrichment/static/js/enrichment.js:259 pod/static/js/enrichment.js:259
 msgid "Please enter a correct weblink."
 msgstr "Veuillez entrer un lien web correct."
 
-#: pod/enrichment/static/js/enrichment.js:265
+#: pod/enrichment/static/js/enrichment.js:265 pod/static/js/enrichment.js:265
 msgid "Weblink must be less than 200 characters."
 msgstr "Un lien web doit contenir moins de 200 caractères."
 
-#: pod/enrichment/static/js/enrichment.js:282
+#: pod/enrichment/static/js/enrichment.js:282 pod/static/js/enrichment.js:282
 msgid "Please enter a correct embed."
 msgstr "Veuillez entrer une intégration correct."
 
-#: pod/enrichment/static/js/enrichment.js:288
+#: pod/enrichment/static/js/enrichment.js:288 pod/static/js/enrichment.js:288
 msgid "Embed field must be less than 300 characters."
 msgstr "Un lien d'intégration doit être inférieur à 300 caractères."
 
-#: pod/enrichment/static/js/enrichment.js:296
+#: pod/enrichment/static/js/enrichment.js:296 pod/static/js/enrichment.js:296
 msgid "Please enter a type in index field."
 msgstr "Veuillez entrer un type."
 
-#: pod/enrichment/static/js/enrichment.js:308
+#: pod/enrichment/static/js/enrichment.js:308 pod/static/js/enrichment.js:308
 msgid "The start field value is greater than the end field one."
 msgstr "Le temps de début est supérieur au temps de fin."
 
-#: pod/enrichment/static/js/enrichment.js:310
+#: pod/enrichment/static/js/enrichment.js:310 pod/static/js/enrichment.js:310
 msgid "The end field value is greater than the video duration."
 msgstr "La temps de fin est supérieur à la durée de la vidéo."
 
-#: pod/enrichment/static/js/enrichment.js:312
+#: pod/enrichment/static/js/enrichment.js:312 pod/static/js/enrichment.js:312
 msgid "End field and start field cannot be equal."
 msgstr "Le commencement et la fin ne peuvent être équivalents."
 
-#: pod/enrichment/static/js/enrichment.js:330
+#: pod/enrichment/static/js/enrichment.js:330 pod/static/js/enrichment.js:330
 msgid "There is an overlap with the enrichment "
 msgstr "Il y a un chevauchement avec l'enrichissement "
 
-#: pod/enrichment/static/js/enrichment.js:331
+#: pod/enrichment/static/js/enrichment.js:331 pod/static/js/enrichment.js:331
 msgid "please change start and/or end values."
 msgstr "veuillez changer de valeur de début et/ou de fin."
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gView"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gBox"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "overlay"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "loading"
 msgstr "chargement"
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.hover"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.disabled"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerSelect"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerInput"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerButton"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.hoverTh"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "colHeaders"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "hTable"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.select"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "resizer"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridFooter"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "rowFooter"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridRow"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "grid"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "top"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "bottom"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "hDiv"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pager"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "titleButton"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridTitle"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "toolbarUpper"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "toolbarBottom"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "rowNum"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridError"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridErrorText"
 msgstr ""
 
-#: pod/main/static/js/main.js:244
+#: pod/main/static/js/main.js:244 pod/static/js/main.js:244
 msgid "Are you sure you want to delete this element?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer cet élément ?"
 
 #: pod/main/static/js/main.js:286
-#: pod/podfile/static/podfile/js/filewidget.js:391
+#: pod/podfile/static/podfile/js/filewidget.js:391 pod/static/js/main.js:286
+#: pod/static/podfile/js/filewidget.js:391
 msgid "Error during exchange"
 msgstr "Erreur durant le téléversement"
 
-#: pod/main/static/js/main.js:286
+#: pod/main/static/js/main.js:286 pod/static/js/main.js:286
 msgid "No data could be stored."
 msgstr "Aucune donnée ne peut être stockée."
 
-#: pod/main/static/js/main.js:339
+#: pod/main/static/js/main.js:339 pod/static/js/main.js:339
 msgid "Change your picture"
 msgstr "Changer votre image"
 
-#: pod/main/static/js/main.js:345
+#: pod/main/static/js/main.js:345 pod/static/js/main.js:345
 msgid "Add your picture"
 msgstr "Ajouter votre image"
 
-#: pod/main/static/js/main.js:443
+#: pod/main/static/js/main.js:443 pod/static/js/main.js:443
 msgid "text copied"
 msgstr "texte copié"
 
-#: pod/main/static/js/main.js:490
+#: pod/main/static/js/main.js:490 pod/static/js/main.js:490
 msgid "Errors appear in the form, please correct them"
 msgstr "Des erreurs sont présentes dans le formulaire, veuillez les corriger"
 
-#: pod/main/static/js/main.js:513
+#: pod/main/static/js/main.js:513 pod/static/js/main.js:513
 msgid "The file size exceeds the maximum allowed value :"
 msgstr "La fichier dépasse la taille maximum autorisée :"
 
-#: pod/main/static/js/main.js:528
+#: pod/main/static/js/main.js:528 pod/static/js/main.js:528
 msgid "The file extension not in the allowed extension :"
 msgstr ""
 "Cette extension de fichier n'est pas présente dans les extensions "
 "autorisées :"
 
 #: pod/podfile/static/podfile/js/filewidget.js:11
+#: pod/static/podfile/js/filewidget.js:11
 msgid "Change image"
 msgstr "Changer d'image"
 
 #: pod/podfile/static/podfile/js/filewidget.js:13
+#: pod/static/podfile/js/filewidget.js:13
 msgid "Change file"
 msgstr "Changer de fichier"
 
 #: pod/podfile/static/podfile/js/filewidget.js:28
+#: pod/static/podfile/js/filewidget.js:28
 msgid "Open file in a new tab"
 msgstr "Ouvrir le fichier dans un nouvel onglet"
 
 #: pod/podfile/static/podfile/js/filewidget.js:55
+#: pod/static/podfile/js/filewidget.js:55
 msgid "This folder is empty"
 msgstr "Ce dossier est vide"
 
 #: pod/podfile/static/podfile/js/filewidget.js:134
 #: pod/podfile/static/podfile/js/filewidget.js:141
+#: pod/static/podfile/js/filewidget.js:134
+#: pod/static/podfile/js/filewidget.js:141
 msgid "Change"
 msgstr "Changer de fichier"
 
 #: pod/podfile/static/podfile/js/filewidget.js:149
+#: pod/static/podfile/js/filewidget.js:149
 msgid "Enter new name of folder"
 msgstr "Indiquer un nouveau nom au dossier"
 
@@ -432,168 +496,437 @@ msgstr "Indiquer un nouveau nom au dossier"
 #: pod/podfile/static/podfile/js/filewidget.js:202
 #: pod/podfile/static/podfile/js/filewidget.js:235
 #: pod/podfile/static/podfile/js/filewidget.js:254
+#: pod/static/podfile/js/filewidget.js:180
+#: pod/static/podfile/js/filewidget.js:202
+#: pod/static/podfile/js/filewidget.js:235
+#: pod/static/podfile/js/filewidget.js:254
 msgid "Server error"
 msgstr "Erreur du serveur"
 
 #: pod/podfile/static/podfile/js/filewidget.js:188
+#: pod/static/podfile/js/filewidget.js:188
 msgid "Add"
 msgstr "Ajouter"
 
 #: pod/podfile/static/podfile/js/filewidget.js:268
+#: pod/static/podfile/js/filewidget.js:268
 msgid "Are you sure you want to delete this folder?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce dossier ?"
 
 #: pod/podfile/static/podfile/js/filewidget.js:277
+#: pod/static/podfile/js/filewidget.js:277
 msgid "Are you sure you want to delete this file?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce fichier ?"
 
 #: pod/podfile/static/podfile/js/filewidget.js:477
+#: pod/static/podfile/js/filewidget.js:477
 msgid "See more"
 msgstr "Voir plus"
 
-#: pod/video/static/js/comment-script.js:61
-#: pod/video/static/js/comment-script.js:166
-msgid "Delete"
-msgstr "Supprimer"
+#: pod/static/admin/js/SelectFilter2.js:47
+#, javascript-format
+msgid "Available %s"
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:53
+#, javascript-format
+msgid ""
+"This is the list of available %s. You may choose some by selecting them in "
+"the box below and then clicking the \"Choose\" arrow between the two boxes."
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:69
+#, javascript-format
+msgid "Type into this box to filter down the list of available %s."
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:74
+msgid "Filter"
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:78
+msgid "Choose all"
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:78
+#, javascript-format
+msgid "Click to choose all %s at once."
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:84
+msgid "Choose"
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:86 pod/static/js/comment-script.js:182
+#: pod/video/static/js/comment-script.js:182
+msgid "Remove"
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:92
+#, javascript-format
+msgid "Chosen %s"
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:98
+#, javascript-format
+msgid ""
+"This is the list of chosen %s. You may remove some by selecting them in the "
+"box below and then clicking the \"Remove\" arrow between the two boxes."
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:108
+msgid "Remove all"
+msgstr ""
+
+#: pod/static/admin/js/SelectFilter2.js:108
+#, javascript-format
+msgid "Click to remove all chosen %s at once."
+msgstr ""
+
+#: pod/static/admin/js/actions.js:48 pod/static/admin/js/actions.min.js:2
+msgid "%(sel)s of %(cnt)s selected"
+msgid_plural "%(sel)s of %(cnt)s selected"
+msgstr[0] ""
+msgstr[1] ""
+
+#: pod/static/admin/js/actions.js:117 pod/static/admin/js/actions.min.js:4
+msgid ""
+"You have unsaved changes on individual editable fields. If you run an "
+"action, your unsaved changes will be lost."
+msgstr ""
+
+#: pod/static/admin/js/actions.js:129 pod/static/admin/js/actions.min.js:5
+msgid ""
+"You have selected an action, but you haven't saved your changes to "
+"individual fields yet. Please click OK to save. You'll need to re-run the "
+"action."
+msgstr ""
+
+#: pod/static/admin/js/actions.js:131 pod/static/admin/js/actions.min.js:5
+msgid ""
+"You have selected an action, and you haven't made any changes on individual "
+"fields. You're probably looking for the Go button rather than the Save "
+"button."
+msgstr ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:74
+#, javascript-format
+msgid "Note: You are %s hour ahead of server time."
+msgid_plural "Note: You are %s hours ahead of server time."
+msgstr[0] ""
+msgstr[1] ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:82
+#, javascript-format
+msgid "Note: You are %s hour behind server time."
+msgid_plural "Note: You are %s hours behind server time."
+msgstr[0] ""
+msgstr[1] ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:109
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:160
+msgid "Now"
+msgstr ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:127
+msgid "Choose a Time"
+msgstr ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:157
+msgid "Choose a time"
+msgstr ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:165
+msgid "Midnight"
+msgstr ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:170
+msgid "6 a.m."
+msgstr ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:175
+msgid "Noon"
+msgstr ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:180
+msgid "6 p.m."
+msgstr ""
 
-#: pod/video/static/js/comment-script.js:80
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:188
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:348
+#: pod/static/js/comment-script.js:93 pod/video/static/js/comment-script.js:93
 msgid "Cancel"
 msgstr "Annuler"
 
-#: pod/video/static/js/comment-script.js:143
-msgid "Answer comment icon"
-msgstr "Icon réponse commentaire"
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:253
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:333
+msgid "Today"
+msgstr ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:270
+msgid "Choose a Date"
+msgstr ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:327
+msgid "Yesterday"
+msgstr ""
+
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:339
+msgid "Tomorrow"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:12
+msgid "January"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:13
+msgid "February"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:14
+msgid "March"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:15
+msgid "April"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:16
+msgid "May"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:17
+msgid "June"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:18
+msgid "July"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:19
+msgid "August"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:20
+msgid "September"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:21
+msgid "October"
+msgstr ""
 
-#: pod/video/static/js/comment-script.js:143
-msgid "Answer"
+#: pod/static/admin/js/calendar.js:22
+msgid "November"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:23
+msgid "December"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:26
+msgctxt "one letter Sunday"
+msgid "S"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:27
+msgctxt "one letter Monday"
+msgid "M"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:28
+msgctxt "one letter Tuesday"
+msgid "T"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:29
+msgctxt "one letter Wednesday"
+msgid "W"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:30
+msgctxt "one letter Thursday"
+msgid "T"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:31
+msgctxt "one letter Friday"
+msgid "F"
+msgstr ""
+
+#: pod/static/admin/js/calendar.js:32
+msgctxt "one letter Saturday"
+msgid "S"
+msgstr ""
+
+#: pod/static/admin/js/collapse.js:10 pod/static/admin/js/collapse.js:21
+#: pod/static/admin/js/collapse.min.js:1
+msgid "Show"
+msgstr "Afficher"
+
+#: pod/static/admin/js/collapse.js:18 pod/static/admin/js/collapse.min.js:1
+msgid "Hide"
+msgstr "Cacher"
+
+#: pod/static/js/comment-script.js:72 pod/video/static/js/comment-script.js:72
+msgid "Delete"
+msgstr "Supprimer"
+
+#: pod/static/js/comment-script.js:159
+#: pod/video/static/js/comment-script.js:159
+msgid "Reply to comment"
+msgstr "Répondre au commentaire"
+
+#: pod/static/js/comment-script.js:159
+#: pod/video/static/js/comment-script.js:159
+msgid "Reply"
 msgstr "Répondre"
 
-#: pod/video/static/js/comment-script.js:152
-msgid "Comment vote icon"
-msgstr "Icon vote commentaire"
+#: pod/static/js/comment-script.js:168
+#: pod/video/static/js/comment-script.js:168
+msgid "Agree with the comment"
+msgstr "D'accord avec ce commentaire"
 
-#: pod/video/static/js/comment-script.js:163
-msgid "Comment delete icon"
-msgstr "Icon suppression commentaire"
+#: pod/static/js/comment-script.js:179
+#: pod/video/static/js/comment-script.js:179
+msgid "Remove this comment"
+msgstr "Supprimer ce commentaire"
 
-#: pod/video/static/js/comment-script.js:180
+#: pod/static/js/comment-script.js:196
+#: pod/video/static/js/comment-script.js:196
 msgid "Add a public comment"
 msgstr "Ajouter un commentaire public"
 
-#: pod/video/static/js/comment-script.js:261
-msgid "Comment show children icon"
-msgstr "Icon affichage commentaire enfant"
+#: pod/static/js/comment-script.js:280
+#: pod/video/static/js/comment-script.js:280
+msgid "Answers"
+msgstr "Réponses"
 
-#: pod/video/static/js/comment-script.js:264
-#: pod/video/static/js/comment-script.js:571
-msgid "Show responses"
+#: pod/static/js/comment-script.js:285
+#: pod/video/static/js/comment-script.js:285
+msgid "Show answers"
 msgstr "Afficher les réponses"
 
-#: pod/video/static/js/comment-script.js:427
+#: pod/static/js/comment-script.js:456
+#: pod/video/static/js/comment-script.js:456
 msgid "Comment has been deleted successfully."
 msgstr "Commentaire a été supprimé avec succès."
 
-#: pod/video/static/js/comment-script.js:569
-msgid "Hide responses"
-msgstr "Cacher les réponses"
-
+#: pod/static/js/validate-date_delete-field.js:26
 #: pod/video/static/js/validate-date_delete-field.js:26
 msgid "The date must be before or equal to"
 msgstr "La date doit être anterieure ou égale à"
 
-#: pod/video/static/js/video_category.js:25
+#: pod/static/js/video_category.js:25 pod/video/static/js/video_category.js:25
 msgid "Category changes saved successfully"
 msgstr "Les changements sur la catégorie ont été sauvegardés avec succès."
 
-#: pod/video/static/js/video_category.js:26
+#: pod/static/js/video_category.js:26 pod/video/static/js/video_category.js:26
 msgid "You cannot add two categories with the same title."
 msgstr "Vous ne pouvez pas ajouter deux catégories avec le même titre."
 
-#: pod/video/static/js/video_category.js:27
+#: pod/static/js/video_category.js:27 pod/video/static/js/video_category.js:27
 msgid "Category deleted successfully"
 msgstr "Catégorie supprimée avec succès."
 
-#: pod/video/static/js/video_category.js:28
+#: pod/static/js/video_category.js:28 pod/video/static/js/video_category.js:28
 msgid "An error occured, please refresh the page and try again."
 msgstr ""
 "Une erreur est survenue, Veuillez recharger la page et rééssayer à nouveau."
 
-#: pod/video/static/js/video_category.js:29
+#: pod/static/js/video_category.js:29 pod/video/static/js/video_category.js:29
 msgid "Category title field is required."
 msgstr "Le champ category titre est requis."
 
-#: pod/video/static/js/video_category.js:30
+#: pod/static/js/video_category.js:30 pod/video/static/js/video_category.js:30
 msgid "Save category"
 msgstr "Sauvegarder catégorie"
 
+#: pod/static/js/video_category.js:147
 #: pod/video/static/js/video_category.js:147
 msgid "videos found"
 msgstr "vidéos trouvées"
 
+#: pod/static/js/video_category.js:147
 #: pod/video/static/js/video_category.js:147
 msgid "video found"
 msgstr "vidéo trouvée"
 
+#: pod/static/js/video_category.js:152
 #: pod/video/static/js/video_category.js:152
 msgid "Sorry, no video found"
 msgstr "Désolé, aucune vidéo trouvée"
 
+#: pod/static/js/video_category.js:391
 #: pod/video/static/js/video_category.js:391
 msgid "Edit the category"
 msgstr "Éditer la catégorie"
 
+#: pod/static/js/video_category.js:404
 #: pod/video/static/js/video_category.js:404
 msgid "Delete the category"
 msgstr "Supprimer la catégorie"
 
+#: pod/static/js/video_category.js:465
 #: pod/video/static/js/video_category.js:465
 msgid "This content is chaptered."
 msgstr "Ce contenu est chapitré"
 
+#: pod/static/js/video_category.js:474
 #: pod/video/static/js/video_category.js:474
 msgid "This content is in draft."
 msgstr "Ce contenu est en privé"
 
+#: pod/static/js/video_category.js:492
 #: pod/video/static/js/video_category.js:492
 msgid "Audio content."
 msgstr "Contenu audio"
 
+#: pod/static/js/video_category.js:549
 #: pod/video/static/js/video_category.js:549
 msgid "Success.."
 msgstr "Succès.."
 
+#: pod/static/js/video_category.js:550
 #: pod/video/static/js/video_category.js:550
 msgid "Error.."
 msgstr "Erreur.."
 
+#: pod/static/js/video_category.js:768
 #: pod/video/static/js/video_category.js:768
 msgid "Category created successfully"
 msgstr "Catégorie créée avec succès."
 
+#: pod/static/js/video_category.js:788
 #: pod/video/static/js/video_category.js:788
 msgid "Create category"
 msgstr "Créer catégorie"
 
+#: pod/static/js/video_stats_view.js:14
 #: pod/video/static/js/video_stats_view.js:14
 msgid "Title"
 msgstr "Titre"
 
+#: pod/static/js/video_stats_view.js:15
 #: pod/video/static/js/video_stats_view.js:15
 msgid "View during the day"
 msgstr "Vue de la journée"
 
+#: pod/static/js/video_stats_view.js:16
 #: pod/video/static/js/video_stats_view.js:16
 msgid "View during the month"
 msgstr "Vue du mois"
 
+#: pod/static/js/video_stats_view.js:17
 #: pod/video/static/js/video_stats_view.js:17
 msgid "View during the year"
 msgstr "Vue de l'année"
 
+#: pod/static/js/video_stats_view.js:18
 #: pod/video/static/js/video_stats_view.js:18
 msgid "Total view from creation"
 msgstr "Vue totale depuis création"
 
+#: pod/static/js/video_stats_view.js:19
 #: pod/video/static/js/video_stats_view.js:19
 msgid "Slug"
 msgstr "Titre court"

From 8d0c0513da66859a19b700443099a3edb7a4d260 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 11 Jan 2021 11:22:34 +0100
Subject: [PATCH 033/145] Show number of comment replies

---
 pod/video/static/js/comment-script.js | 45 ++++++++++++++++-----------
 1 file changed, 26 insertions(+), 19 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index e1212860ef..aad425c83e 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -82,7 +82,7 @@ class ConfirmModal extends HTMLElement
             if(parent_el.classList.contains("comments_children_container") && parent_el.childElementCount===0)
             {
 		parent_e = get_node(parent_el, "comment_element", "comment_child");
-                hide_or_add_show_children_btn(parent_e);
+                hide_or_add_show_children_btn(parent_e, parent_el.childElementCount);
             }
 	    delete_comment();
             delete_comment_child_DOM();
@@ -156,7 +156,7 @@ class Comment extends HTMLElement
 	if(user_id)
 	{
             let svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment" class="svg-inline--fa fa-comment fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>`;
-            let response_action = createFooterBtnAction( "comment_actions comment_response_action", "icon comment_response_icon", gettext("Answer comment icon"), svg_icon, "comment_response_btn", gettext("Answer"));
+            let response_action = createFooterBtnAction( "comment_actions comment_response_action", "icon comment_response_icon", gettext("Reply to comment"), svg_icon, "comment_response_btn", gettext("Reply"));
             response_action.addEventListener("click", function()
             {
                 let target_node = get_node(this, "form");
@@ -165,7 +165,7 @@ class Comment extends HTMLElement
             });
             comment_container.querySelector(".comment_content_footer .actions").appendChild(response_action);
             svg_icon = [`<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="unvoted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>`, `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="voted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>`];
-            let vote_action = createFooterBtnAction( "comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Comment vote icon"), svg_icon, "comment_vote_btn", likes, id );
+            let vote_action = createFooterBtnAction( "comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), svg_icon, "comment_vote_btn", likes, id );
 	    vote_action.addEventListener("click", ()=>{
 	        let comment_id = get_comment_attribute(document.getElementById(id));
 	        vote(comment_id, vote_action);
@@ -176,7 +176,7 @@ class Comment extends HTMLElement
                 let delete_action = createFooterBtnAction(
                     "comment_actions comment_delete_action",
                     "icon comment_delete_icon",
-                    gettext("Comment delete icon"),
+                    gettext("Remove this comment"),
                     svg_icon,
                     "comment_delete_btn",
                     gettext("Delete"),
@@ -215,7 +215,7 @@ class Comment extends HTMLElement
                         add_comment.parentElement.classList.toggle("show");
                         if(!comment_parent.classList.contains("show"))
                             comment_parent.classList.add("show")
-                        hide_show_child_comment_text(this)
+                        hide_show_child_comment_text(this, comment_parent.querySelector("comments_children_container").childElementCount)
                         add_child_comment( this, child_container, comment_parent );
                         this.value = "";
                     }
@@ -273,22 +273,24 @@ function createFooterBtnAction( classes, icon_classes, title, svg, span_classes,
     el.appendChild(el_span);
     return el;
 }
-function hide_or_add_show_children_btn(parent_comment=null)
+function hide_or_add_show_children_btn(parent_comment=null, nb_child=null)
 {
     let svg_icon_show = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="show svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>`
     let svg_icon_hide = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye-slash" class="hide svg-inline--fa fa-eye-slash fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"></path></svg>`
+    let txt = gettext("Answers");
+    txt = nb_child?`${nb_child} ${txt}`: txt;
     let children_action = createFooterBtnAction(
         "comment_actions comment_show_children_action",
         "icon comment_show_children_icon",
-        gettext("Comment show children icon"),
+        gettext("Show answers"),
         [svg_icon_show, svg_icon_hide],
         "comment_show_children_btn",
-        gettext("Show responses")
+	txt
     );
     children_action.addEventListener("click", function()
     {
         get_node(this.parentElement, "comment_element", "comment_child").classList.toggle("show");
-        hide_show_child_comment_text(this);
+        hide_show_child_comment_text(this, nb_child);
     });
     
     if(parent_comment)
@@ -337,7 +339,7 @@ function hide_or_add_show_children_btn(parent_comment=null)
                     comment_children_container.querySelector(".actions .comment_show_children_action")
                 )
             }
-            hide_show_child_comment_text(comments_children_container);
+            hide_show_child_comment_text(comments_children_container, nb_child);
         })
     }
 }
@@ -611,16 +613,17 @@ function add_child_comment(el, container_el, parent_comment)
 	setBorderLeftColor(c, child_direct_parent)
 	//container_el.prepend(c);
 	container_el.appendChild(c);
-        hide_or_add_show_children_btn(get_node(container_el, "comment_element", "comment_child"));
+	
+        hide_or_add_show_children_btn(
+	    get_node(container_el, "comment_element", "comment_child"),
+	    parent_comment.querySelector('.comments_children_container').childElementCount
+	);
 
         // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
 	let p_id = get_comment_attribute( child_direct_parent );
-	let t_p_id = get_comment_attribute(
-		get_node(el, 'comment_element', 'comment_child') // get the top parent element
-	)
+	let t_p_id = get_comment_attribute(parent_comment);
 
 	// Scroll to the comment child
-	//if(window.scrollY > 10)
 	scrollToComment( c );
 
 	save_comment(el.value, date_added.toISOString(), p_id, t_p_id);
@@ -686,14 +689,18 @@ function get_node(el, class_name, not)
 
 /*******  Manage hide/show child comment text  ********
  ******************************************************/
-function hide_show_child_comment_text(el)
+function hide_show_child_comment_text(el, nb_child=null)
 {
+    nb_child = nb_child?nb_child:'';
     let node = get_node(el, "comment_element", "comment_child");
     let target_node = get_node(el, "comment_show_children_btn");
     if(node.classList.contains("show"))
         target_node.innerText = gettext("Hide responses");
-    else
-        target_node.innerText = gettext("Show responses");
+    else{
+	let txt = gettext("Answers");
+	txt = `${nb_child} ${txt}`;
+        target_node.innerText = txt;
+    }
 }
 
 /*****************  Manage vote svg  ******************
@@ -774,7 +781,7 @@ fetch(base_vote_url).then(response=>{
                     parent_container.querySelector('form.add_parent_comment').after(parent_c);
 		else
                     parent_container.prepend(parent_c);
-                hide_or_add_show_children_btn(parent_c);
+                hide_or_add_show_children_btn(parent_c, children_data.length);
             });
         });
     });

From 12c4610f74f969b6c9e5bc96beb2bbc98f4953fe Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Mon, 11 Jan 2021 16:13:06 +0100
Subject: [PATCH 034/145] add save vtt function to store webvtt file, send
 email on transcript completion

---
 pod/video/remote_transcript.py | 72 ++++++++++++++++++++++++++++++++--
 1 file changed, 69 insertions(+), 3 deletions(-)

diff --git a/pod/video/remote_transcript.py b/pod/video/remote_transcript.py
index d9e082ce12..2349662870 100644
--- a/pod/video/remote_transcript.py
+++ b/pod/video/remote_transcript.py
@@ -1,4 +1,6 @@
 from django.conf import settings
+from django.core.files import File
+
 
 import time
 import json
@@ -12,14 +14,25 @@
 from .models import Video, EncodingLog
 
 from .utils import change_encoding_step, add_encoding_log, check_file
-from .utils import send_email, create_outputdir
+from .utils import send_email, create_outputdir, send_email_transcript
+
+from pod.completion.models import Track
 
 from webvtt import WebVTT, Caption
+from tempfile import NamedTemporaryFile
 
 log = logging.getLogger(__name__)
 
 DEBUG = getattr(settings, 'DEBUG', True)
 
+if getattr(settings, 'USE_PODFILE', False):
+    from pod.podfile.models import CustomFileModel
+    from pod.podfile.models import UserFolder
+    FILEPICKER = True
+else:
+    FILEPICKER = False
+    from pod.main.models import CustomFileModel
+
 SSH_TRANSCRIPT_REMOTE_USER = getattr(
     settings, 'SSH_TRANSCRIPT_REMOTE_USER', "")
 SSH_TRANSCRIPT_REMOTE_HOST = getattr(
@@ -31,6 +44,9 @@
 
 SENTENCE_MAX_LENGTH = getattr(settings, 'SENTENCE_MAX_LENGTH', 3)
 
+EMAIL_ON_TRANSCRIPTING_COMPLETION = getattr(
+    settings, 'EMAIL_ON_TRANSCRIPTING_COMPLETION', True)
+
 # ##########################################################################
 # REMOTE TRANSCRIPT VIDEO : MAIN FUNCTION
 # ##########################################################################
@@ -138,7 +154,7 @@ def store_remote_transcripting_video(video_id):
             print(json.dumps(info_video, indent=2))
 
         webvtt = WebVTT()
-
+        # They're sorted by confidence. First one is highest confidence result.
         words = info_video["transcripts"][0]["words"]
         """
         for transcript in info_video["transcripts"]:
@@ -165,7 +181,14 @@ def store_remote_transcripting_video(video_id):
                 duration = 0
             else:
                 duration += word['duration']
-        print(webvtt)
+        if DEBUG:
+            print(webvtt)
+        msg += saveVTT(video_to_encode, webvtt)
+        add_encoding_log(video_id, msg)
+        change_encoding_step(video_id, 0, "done")
+        # envois mail fin transcription
+        if EMAIL_ON_TRANSCRIPTING_COMPLETION:
+            send_email_transcript(video_to_encode)
 
     else:
         msg += "Wrong file or path : "\
@@ -179,3 +202,46 @@ def format_time_caption(time_caption):
     return (dt.datetime.utcfromtimestamp(0) +
             timedelta(seconds=float(time_caption))
             ).strftime('%H:%M:%S.%f')[:-3]
+
+
+def saveVTT(video, webvtt):
+    msg = "\nSAVE TRANSCRIPT WEBVTT : %s" % time.ctime()
+    lang = video.main_lang
+    temp_vtt_file = NamedTemporaryFile(suffix='.vtt')
+    webvtt.save(temp_vtt_file.name)
+    if webvtt.captions:
+        msg += "\nstore vtt file in bdd with CustomFileModel model file field"
+        if FILEPICKER:
+            videodir, created = UserFolder.objects.get_or_create(
+                name='%s' % video.slug,
+                owner=video.owner)
+            """
+            previousSubtitleFile = CustomFileModel.objects.filter(
+                name__startswith="subtitle_%s" % lang,
+                folder=videodir,
+                created_by=video.owner
+            )
+            """
+            # for subt in previousSubtitleFile:
+            #     subt.delete()
+            subtitleFile, created = CustomFileModel.objects.get_or_create(
+                name="subtitle_%s_%s" % (lang, time.strftime("%Y%m%d-%H%M%S")),
+                folder=videodir,
+                created_by=video.owner)
+            if subtitleFile.file and os.path.isfile(subtitleFile.file.path):
+                os.remove(subtitleFile.file.path)
+        else:
+            subtitleFile, created = CustomFileModel.objects.get_or_create()
+
+        subtitleFile.file.save("subtitle_%s_%s.vtt" % (
+            lang, time.strftime("%Y%m%d-%H%M%S")), File(temp_vtt_file))
+        msg += "\nstore vtt file in bdd with Track model src field"
+
+        subtitleVtt, created = Track.objects.get_or_create(
+            video=video, lang=lang)
+        subtitleVtt.src = subtitleFile
+        subtitleVtt.lang = lang
+        subtitleVtt.save()
+    else:
+        msg += "\nERROR SUBTITLES Output size is 0"
+    return msg

From 028079db4c1bac42d727917933e2c9953002ff4d Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 11 Jan 2021 16:20:20 +0100
Subject: [PATCH 035/145] Add counter comments

---
 pod/video/static/js/comment-script.js | 71 ++++++++++++++++++++-------
 1 file changed, 52 insertions(+), 19 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index aad425c83e..7f4abb0f04 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -2,7 +2,8 @@ let base_url = window.location.href.replace("/video/", "/comment/");
 let base_vote_url = base_url.replace('comment', 'comment/vote');
 let base_delete_url = base_url.replace('comment', 'comment/del');
 let all_comment = null;
-let lang_btn = document.querySelector(".btn-lang.btn-lang-active");
+const lang_btn = document.querySelector(".btn-lang.btn-lang-active");
+const comment_label = document.querySelector('.comment_label');
 let  VOTED_USERS = [];
 const COLORS = [
     "#5F616D",
@@ -84,8 +85,7 @@ class ConfirmModal extends HTMLElement
 		parent_e = get_node(parent_el, "comment_element", "comment_child");
                 hide_or_add_show_children_btn(parent_e, parent_el.childElementCount);
             }
-	    delete_comment();
-            delete_comment_child_DOM();
+	    delete_comment(ACTION_COMMENT.comment_to_delete);
             ACTION_COMMENT.comment_to_delete = null;
         });
         let cancel_btn = document.createElement("BUTTON");
@@ -215,7 +215,7 @@ class Comment extends HTMLElement
                         add_comment.parentElement.classList.toggle("show");
                         if(!comment_parent.classList.contains("show"))
                             comment_parent.classList.add("show")
-                        hide_show_child_comment_text(this, comment_parent.querySelector("comments_children_container").childElementCount)
+                        hide_show_child_comment_text(this, comment_parent.querySelector(".comments_children_container").childElementCount)
                         add_child_comment( this, child_container, comment_parent );
                         this.value = "";
                     }
@@ -417,7 +417,7 @@ function save_comment(content, date, parent_id=null, top_parent_id=null)
 			parent_comment: c,
 		        children: []
 		    }
-	            all_comment.push(p_c);
+	            all_comment = [...all_comment, p_c];
 		}
 	        else
 	        {
@@ -428,6 +428,7 @@ function save_comment(content, date, parent_id=null, top_parent_id=null)
 		        return comment;
 		    });
 	        }
+	    	set_comments_number()
 	    });
 	}
 	else{ console.log("Mauvaise réponse du réseau", response); }
@@ -440,9 +441,10 @@ function save_comment(content, date, parent_id=null, top_parent_id=null)
 
 /****************  Delete Comment  ****************
  ******************************************************/
-function delete_comment()
+function delete_comment(comment)
 {
-    let comment_id = get_comment_attribute(ACTION_COMMENT.comment_to_delete);
+    let comment_id = get_comment_attribute(comment);
+    let is_child = !!get_comment_attribute(comment, 'parent__id');
     let url = base_delete_url + comment_id + '/';
     let data = new FormData();
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
@@ -452,8 +454,15 @@ function delete_comment()
     }
     ).then(response=>{
 	response.json().then( data=>{
-	    if(data.deleted)
+	    if(data.deleted){
 	        document.body.appendChild(new AlertMessage(gettext("Comment has been deleted successfully.")));
+
+		if(is_child) delete_comment_child_DOM(comment, is_child);
+
+		else all_comment = all_comment.filter(c => c.parent_comment.id != data.comment_deleted );
+
+	    	set_comments_number();
+	    }
 	    else
 	        document.body.appendChild(new AlertMessage(data.message));
 	});
@@ -463,20 +472,33 @@ function delete_comment()
     })
 }
 
-function delete_comment_child_DOM()
+function delete_comment_child_DOM(comment, is_child)
 {
-    let comment_id = get_comment_attribute(ACTION_COMMENT.comment_to_delete);
-    let comment_top_parent_id = get_comment_attribute(ACTION_COMMENT.comment_to_delete, attr='top_parent__id');
-    all_comment
-	.filter(p_comment => p_comment.parent_comment.id === comment_top_parent_id)[0]
-	.children
-	.forEach( c_comment => {
-	    if(c_comment.parent__id === comment_id){
-                let html_id = `#comment_${new Date(c_comment.added).getTime()}`;
-		let c = document.querySelector(html_id)
-		c.parentElement.removeChild(c);
+    if(is_child){
+        let comment_id = get_comment_attribute(comment);
+        let comment_top_parent_id = get_comment_attribute(comment, attr='top_parent__id');
+	
+        all_comment = all_comment.map(p_comment => {
+	    if(p_comment.parent_comment.id === comment_top_parent_id){
+		    console.log(p_comment);
+		p_comment.children = p_comment.children
+		    .filter(c_comment => c_comment.id !== comment_id)
+	            .filter( c_comment => {
+			    console.log(c_comment.parent__id, comment_id)
+			    console.log(p_comment.children)
+			if(c_comment.parent__id === comment_id){
+			    // Remove comment html element from DOM
+                            let html_id = `#comment_${new Date(c_comment.added).getTime()}`;
+		            let c = document.querySelector(html_id)
+		            c.parentElement.removeChild(c);
+	                }
+			return c_comment.parent__id !== comment_id; // Remove comment data from all_comment
+	            });
+		return p_comment;
 	    }
+	    return p_comment;
 	});
+    }
 }
 
 /*********** Scroll to a specific comment *************
@@ -715,6 +737,16 @@ function manage_vote_frontend(id, el)
     });
 }
 
+/******* Set number comments in comment label *********
+ * ****************************************************/
+function set_comments_number()
+{
+    let label_text = comment_label.innerText.replace(/\d+\s+/, '');
+    let nb_comments = all_comment.reduce( (acc, curr) => acc += curr.children.length, 0) + all_comment.length;
+	console.log("number comments", nb_comments);
+    comment_label.innerText = `${nb_comments} ${label_text}`;
+}
+
 /************  Get vote from the server  **************
  ******************************************************/
 fetch(base_vote_url).then(response=>{
@@ -727,6 +759,7 @@ fetch(base_vote_url).then(response=>{
     fetch(base_url).then(response=>{
         response.json().then(data=>{
 	    all_comment = data;
+	    set_comments_number()
             data.forEach(comment_data=>
             {
                 let parent_container = document.querySelector('.comment_container .comment_content');

From 0e6b88dc6c65f8cf5c9fa58ba89c750f77f9dae0 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Mon, 11 Jan 2021 16:25:13 +0100
Subject: [PATCH 036/145] fix flake8 compliant

---
 pod/video/remote_transcript.py | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/pod/video/remote_transcript.py b/pod/video/remote_transcript.py
index 2349662870..9016234a40 100644
--- a/pod/video/remote_transcript.py
+++ b/pod/video/remote_transcript.py
@@ -149,9 +149,8 @@ def store_remote_transcripting_video(video_id):
         with open(output_dir + "/transcript.json") as json_file:
             info_video = json.load(json_file)
 
-        if DEBUG:
-            print(output_dir)
-            print(json.dumps(info_video, indent=2))
+        print_if_debug(output_dir)
+        print_if_debug(json.dumps(info_video, indent=2))
 
         webvtt = WebVTT()
         # They're sorted by confidence. First one is highest confidence result.
@@ -181,8 +180,7 @@ def store_remote_transcripting_video(video_id):
                 duration = 0
             else:
                 duration += word['duration']
-        if DEBUG:
-            print(webvtt)
+        print_if_debug(webvtt)
         msg += saveVTT(video_to_encode, webvtt)
         add_encoding_log(video_id, msg)
         change_encoding_step(video_id, 0, "done")
@@ -198,6 +196,11 @@ def store_remote_transcripting_video(video_id):
         send_email(msg, video_id)
 
 
+def print_if_debug(msg):
+    if DEBUG:
+        print(msg)
+
+
 def format_time_caption(time_caption):
     return (dt.datetime.utcfromtimestamp(0) +
             timedelta(seconds=float(time_caption))

From 885b82bd5500b5f3097cb7e3419fc145a2c6083d Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 11 Jan 2021 17:21:33 +0100
Subject: [PATCH 037/145] Using js after function instead of insertBefore

---
 pod/video/static/js/comment-script.js | 28 +++++----------------------
 1 file changed, 5 insertions(+), 23 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 7f4abb0f04..3dc4d90750 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -295,17 +295,10 @@ function hide_or_add_show_children_btn(parent_comment=null, nb_child=null)
     
     if(parent_comment)
     {
-    	let is_parent_comment_owner = user_id === get_comment_attribute(parent_comment, "author__id");
         let children_container = parent_comment.querySelector(".comments_children_container");
         if(!parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount >0)
         {
-	   if(is_parent_comment_owner || is_video_owner || is_superuser){
-               parent_comment.querySelector(".comment_content_footer .actions").insertBefore(
-		       children_action, parent_comment.querySelector(".comment_content_footer .actions .comment_delete_action") );
-	   }
-	   else{
-	       parent_comment.querySelector(".comment_content_footer .actions").appendChild(children_action );
-	   }
+            parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after( children_action );
         }
         else if(parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount===0)
         {
@@ -323,14 +316,7 @@ function hide_or_add_show_children_btn(parent_comment=null, nb_child=null)
             let comments_children_container= comment.querySelector(".comment .comment_container .comments_children_container");
             if(!comment.querySelector(".comment_content_footer .actions .comment_show_children_action") && comments_children_container.childElementCount > 0)
             {
-    		let is_parent_comment_owner = user_id === get_comment_attribute(comment, "author__id");
-	   	if(is_parent_comment_owner || is_video_owner || is_superuser){
-                    comment.querySelector(".comment_content_footer .actions").insertBefore(
-			    children_action, comment.querySelector(".comment_content_footer .actions .comment_delete_action") );
-		}
-	   	else{
-	       	    comment.querySelector(".comment_content_footer .actions").appendChild(children_action );
-		}
+                comment.querySelector(".comment_content_footer .actions .comment_vote_action").after( children_action );
             }
             else if(comment.querySelector(".comment_content_footer .actions .comment_show_children_action") && comments_children_container.childElementCount===0)
             {
@@ -716,13 +702,9 @@ function hide_show_child_comment_text(el, nb_child=null)
     nb_child = nb_child?nb_child:'';
     let node = get_node(el, "comment_element", "comment_child");
     let target_node = get_node(el, "comment_show_children_btn");
-    if(node.classList.contains("show"))
-        target_node.innerText = gettext("Hide responses");
-    else{
-	let txt = gettext("Answers");
-	txt = `${nb_child} ${txt}`;
-        target_node.innerText = txt;
-    }
+    let txt = gettext("Answers");
+    txt = `${nb_child} ${txt}`;
+    target_node.innerText = txt;
 }
 
 /*****************  Manage vote svg  ******************

From fa92205d8a61a250028abf00e198f9a18a8869d3 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 11 Jan 2021 17:21:52 +0100
Subject: [PATCH 038/145] Size text

---
 pod/video/static/css/comment-style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index f9882d8afc..ca64e40c6a 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -476,7 +476,7 @@
     margin: 1em 0 2em 0;
     font-weight: 400;
     word-break: break-all;
-
+    font-size: 14px;
 }
 .comment_main .comment .comment_content_footer
 {
@@ -500,6 +500,7 @@
         -ms-flex-align: center;
             align-items: center;
     cursor: pointer;
+    font-size: 13px;
 }
 .comment_main .comment .comment_content_footer >* .icon
 {

From 36f5a53c43adf59d6cc59825cef32ea532c2f9c7 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 11 Jan 2021 17:42:14 +0100
Subject: [PATCH 039/145] Review css

---
 pod/video/static/css/comment-style.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index ca64e40c6a..92076917b8 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -434,8 +434,8 @@
     border-left: 4px solid var(--primary);
     padding: .4em;
     background-color: var(--third-background-color);
-    -webkit-box-shadow: 1px 1px 4px var(--background-color);
-            box-shadow: 1px 1px 4px var(--background-color);
+    -webkit-box-shadow: 2px 2px 12px #e6e2e2;
+            box-shadow: 2px 2px 12px #e6e2e2;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
 }
@@ -452,7 +452,7 @@
     display: flex;
     margin-top: calc(var(--margin-between-comment) - .2em);
 }
-.comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; flex: none;}
+.comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; flex: none; align-self: center}
 .comment_main .comment .comment_content_child
 {
 
@@ -467,6 +467,7 @@
 .comment_main .comment .comment_content_header .comment_since
 {
     color: var(--content-third-color);
+    font-size: 14px;
 }
 .comment_main .comment .comment_content_body
 {

From 2a192fb2858fa96dd2ee56543c320e647fae3ae2 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 07:00:28 +0100
Subject: [PATCH 040/145] Manage[ctrl+Enter, shift+Enter] new line on replying
 to a comment

---
 pod/video/static/js/comment-script.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 3dc4d90750..2fb8594fae 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -205,7 +205,15 @@ class Comment extends HTMLElement
             });
             new_comment.addEventListener("keydown", function(e)
             {
-                if (!((e.ctrlKey  &&  e.keyCode === 13) || (e.shiftKey  &&  e.keyCode === 13)) && e.keyCode === 13) {
+                if ( 
+		    (e.ctrlKey  &&  e.keyCode === 13) ||
+		    (e.shiftKey  &&  e.keyCode === 13)
+		){
+		    e.preventDefault();
+		    this.value = this.value + '\r\n'; 
+		    this.scrollTop = this.scrollHeight;
+		}
+		else if (e.keyCode === 13) {
                     let child_container = get_node(this, "comments_children_container");
                     if(!child_container.classList.contains("show"))
                         child_container.classList.add("show");
@@ -466,12 +474,9 @@ function delete_comment_child_DOM(comment, is_child)
 	
         all_comment = all_comment.map(p_comment => {
 	    if(p_comment.parent_comment.id === comment_top_parent_id){
-		    console.log(p_comment);
 		p_comment.children = p_comment.children
 		    .filter(c_comment => c_comment.id !== comment_id)
 	            .filter( c_comment => {
-			    console.log(c_comment.parent__id, comment_id)
-			    console.log(p_comment.children)
 			if(c_comment.parent__id === comment_id){
 			    // Remove comment html element from DOM
                             let html_id = `#comment_${new Date(c_comment.added).getTime()}`;
@@ -725,7 +730,6 @@ function set_comments_number()
 {
     let label_text = comment_label.innerText.replace(/\d+\s+/, '');
     let nb_comments = all_comment.reduce( (acc, curr) => acc += curr.children.length, 0) + all_comment.length;
-	console.log("number comments", nb_comments);
     comment_label.innerText = `${nb_comments} ${label_text}`;
 }
 

From 6c24d325640d16726f9c7a1bc7f5b701d058b890 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 10:04:01 +0100
Subject: [PATCH 041/145] Fix get vote not need auth, format code

---
 pod/video/static/js/comment-script.js | 814 ++++++++++++--------------
 1 file changed, 382 insertions(+), 432 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 2fb8594fae..a688bf4d3c 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -4,7 +4,7 @@ let base_delete_url = base_url.replace('comment', 'comment/del');
 let all_comment = null;
 const lang_btn = document.querySelector(".btn-lang.btn-lang-active");
 const comment_label = document.querySelector('.comment_label');
-let  VOTED_USERS = [];
+let VOTED_USERS = [];
 const COLORS = [
     "#5F616D",
     "#6B6D79",
@@ -16,45 +16,44 @@ const COLORS = [
     "#B0B6BE",
     "#BBC2C9",
 ]
-const LANG = lang_btn?lang_btn.textContent.trim() : "fr";
+const LANG = lang_btn ? lang_btn.textContent.trim() : "fr";
 const ACTION_COMMENT = {
     comment_to_delete: null
 }
-class AlertMessage extends HTMLElement
-{
-    constructor(message, alert_class="alert_success")
-    {
-	super();
-	this.setAttribute('class', "alert "+`alert_${alert_class}`);
-	let html = document.createElement('DIV');
-	html.setAttribute("class", "alert_content");
-	let content = document.createElement('DIV');
-	content.setAttribute('class', 'alert_message');
-	content.textContent = message;
-	html.appendChild(content);
-	this.appendChild(html);
+if (!is_authenticated)
+    document.querySelector(".comment_counter_container").style.margin = "2em 0";
+
+class AlertMessage extends HTMLElement {
+    constructor(message, alert_class = "alert_success") {
+        super();
+        this.setAttribute('class', "alert " + `alert_${alert_class}`);
+        let html = document.createElement('DIV');
+        html.setAttribute("class", "alert_content");
+        let content = document.createElement('DIV');
+        content.setAttribute('class', 'alert_message');
+        content.textContent = message;
+        html.appendChild(content);
+        this.appendChild(html);
     }
-    connectedCallback(){
-	super.connectedCallback && super.connectedCallback();
-	window.setTimeout(()=>{
-	    this.classList.add('alert_close');
-	    window.setTimeout(()=>{
-		this.parentElement.removeChild(this);
-	    },1000);
-	}, 3000);
+    connectedCallback() {
+        super.connectedCallback && super.connectedCallback();
+        window.setTimeout(() => {
+            this.classList.add('alert_close');
+            window.setTimeout(() => {
+                this.parentElement.removeChild(this);
+            }, 1000);
+        }, 3000);
     }
 }
 customElements.define("alert-message", AlertMessage);
 
-class ConfirmModal extends HTMLElement
-{
-    constructor(title=null, message=null, delete_text=null, cancel_text=null)
-    {
+class ConfirmModal extends HTMLElement {
+    constructor(title = null, message = null, delete_text = null, cancel_text = null) {
         super();
-	title = title?title: this.getAttribute('confirm_title');
-        message = message?message: this.getAttribute("message");
-        delete_text = delete_text? delete_text: this.getAttribute("delete_text");
-        cancel_text = cancel_text? cancel_text: this.getAttribute("cancel_text");
+        title = title ? title : this.getAttribute('confirm_title');
+        message = message ? message : this.getAttribute("message");
+        delete_text = delete_text ? delete_text : this.getAttribute("delete_text");
+        cancel_text = cancel_text ? cancel_text : this.getAttribute("cancel_text");
 
         let modal = `
         <div class="confirm_delete">
@@ -70,29 +69,26 @@ class ConfirmModal extends HTMLElement
         `;
         let delete_btn = document.createElement("BUTTON");
         delete_btn.setAttribute("class", "delete");
-        delete_btn.innerHTML = delete_text?delete_text:gettext("Delete");
+        delete_btn.innerHTML = delete_text ? delete_text : gettext("Delete");
 
-        delete_btn.addEventListener("click", (e)=>
-        {
+        delete_btn.addEventListener("click", (e) => {
             e.preventDefault();
             document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.remove("show");
             // Delete comment
             let parent_el = ACTION_COMMENT.comment_to_delete.parentElement
             parent_el.removeChild(ACTION_COMMENT.comment_to_delete);
             // remove show children btn if no child in the node
-            if(parent_el.classList.contains("comments_children_container") && parent_el.childElementCount===0)
-            {
-		parent_e = get_node(parent_el, "comment_element", "comment_child");
+            if (parent_el.classList.contains("comments_children_container") && parent_el.childElementCount === 0) {
+                let parent_e = get_node(parent_el, "comment_element", "comment_child");
                 hide_or_add_show_children_btn(parent_e, parent_el.childElementCount);
             }
-	    delete_comment(ACTION_COMMENT.comment_to_delete);
+            delete_comment(ACTION_COMMENT.comment_to_delete);
             ACTION_COMMENT.comment_to_delete = null;
         });
         let cancel_btn = document.createElement("BUTTON");
         cancel_btn.setAttribute("class", "cancel");
-        cancel_btn.innerHTML = cancel_text?cancel_text:gettext("Cancel");
-        cancel_btn.addEventListener("click", (e)=>
-        {
+        cancel_btn.innerHTML = cancel_text ? cancel_text : gettext("Cancel");
+        cancel_btn.addEventListener("click", (e) => {
             e.preventDefault();
             document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.remove("show");
             ACTION_COMMENT.comment_to_delete = null;
@@ -104,29 +100,25 @@ class ConfirmModal extends HTMLElement
 }
 customElements.define("confirm-modal", ConfirmModal);
 
-class CommentSince extends HTMLElement
-{
-    constructor(since)
-    {
-	super();
-	since = this.getAttribute("since")? this.getAttribute("since"): since;
-	since = typeof(since) === "string"? new Date(since): since;
-	let date_since = moment(since).locale(LANG).fromNow();
-	let div = document.createElement("DIV");
-	div.setAttribute("class", "comment_since");
-	div.innerText = date_since;
-	this.appendChild(div);
-	window.setInterval(()=>{
-	    date_since = moment(since).locale(LANG).fromNow();
-	    div.innerText = date_since;
-	}, 60000);
+class CommentSince extends HTMLElement {
+    constructor(since) {
+        super();
+        since = this.getAttribute("since") ? this.getAttribute("since") : since;
+        since = typeof (since) === "string" ? new Date(since) : since;
+        let date_since = moment(since).locale(LANG).fromNow();
+        let div = document.createElement("DIV");
+        div.setAttribute("class", "comment_since");
+        div.innerText = date_since;
+        this.appendChild(div);
+        window.setInterval(() => {
+            date_since = moment(since).locale(LANG).fromNow();
+            div.innerText = date_since;
+        }, 60000);
     }
 }
 customElements.define("comment-since", CommentSince);
-class Comment extends HTMLElement
-{
-    constructor( owner, content, likes, added_since, id, is_parent=null, is_comment_owner=false)
-    {
+class Comment extends HTMLElement {
+    constructor(owner, content, likes, added_since, id, is_parent = null, is_comment_owner = false) {
         super();
         this.setAttribute("class", "comment_element");
         this.setAttribute("id", id);
@@ -134,8 +126,8 @@ class Comment extends HTMLElement
         comment.setAttribute("class", "comment");
         let comment_container = document.createElement("DIV");
         comment_container.setAttribute("class", "comment_container");
-	let comment_content = document.createElement('div');
-	comment_content.setAttribute('class', 'comment_content');
+        let comment_content = document.createElement('div');
+        comment_content.setAttribute('class', 'comment_content');
         comment_content.innerHTML = `
             <div class="comment_content_header inline_flex_space">
                 <h1 class="user_name">${owner}</h1>
@@ -148,30 +140,32 @@ class Comment extends HTMLElement
                 <div class="form" data-comment="${id}"></div>
             </div>
         `;
-	comment_container.appendChild(comment_content);
-	if(is_parent)
-	    comment_container.querySelector('.comment_content_body').innerHTML = content;
-	else
-	    comment_container.querySelector('.comment_content_body').appendChild(content);
-	if(user_id)
-	{
-            let svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment" class="svg-inline--fa fa-comment fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>`;
-            let response_action = createFooterBtnAction( "comment_actions comment_response_action", "icon comment_response_icon", gettext("Reply to comment"), svg_icon, "comment_response_btn", gettext("Reply"));
-            response_action.addEventListener("click", function()
-            {
+        comment_container.appendChild(comment_content);
+        if (is_parent)
+            comment_container.querySelector('.comment_content_body').innerHTML = content;
+        else
+            comment_container.querySelector('.comment_content_body').appendChild(content);
+        let svg_icon = [`<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="unvoted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>`, `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="voted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>`];
+        let vote_action = createFooterBtnAction("comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), svg_icon, "comment_vote_btn", `${likes} votes`, id);
+        if (is_authenticated) {
+            vote_action.addEventListener("click", () => {
+                let comment_id = get_comment_attribute(document.getElementById(id));
+                vote(comment_id, vote_action);
+            });
+        }
+        comment_container.querySelector(".comment_content_footer .actions").appendChild(vote_action);
+
+        if (user_id) {
+            svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment" class="svg-inline--fa fa-comment fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>`;
+            let response_action = createFooterBtnAction("comment_actions comment_response_action", "icon comment_response_icon", gettext("Reply to comment"), svg_icon, "comment_response_btn", gettext("Reply"));
+            response_action.addEventListener("click", function () {
                 let target_node = get_node(this, "form");
                 target_node.classList.toggle("show");
                 this.parentElement.nextElementSibling.querySelector(".new_comment").focus();
             });
             comment_container.querySelector(".comment_content_footer .actions").appendChild(response_action);
-            svg_icon = [`<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="unvoted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>`, `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="voted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>`];
-            let vote_action = createFooterBtnAction( "comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), svg_icon, "comment_vote_btn", likes, id );
-	    vote_action.addEventListener("click", ()=>{
-	        let comment_id = get_comment_attribute(document.getElementById(id));
-	        vote(comment_id, vote_action);
-	    });
-            comment_container.querySelector(".comment_content_footer .actions").appendChild(vote_action);
-	    if(is_comment_owner || is_video_owner || is_superuser){
+
+            if (is_comment_owner || is_video_owner || is_superuser) {
                 svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"></path></svg>`;
                 let delete_action = createFooterBtnAction(
                     "comment_actions comment_delete_action",
@@ -182,57 +176,51 @@ class Comment extends HTMLElement
                     gettext("Delete"),
                     id
                 );
-                delete_action.addEventListener("click", () =>
-                {
+                delete_action.addEventListener("click", () => {
                     // display confirm modal
                     document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.add("show");
                     let el = document.getElementById(id);
                     ACTION_COMMENT.comment_to_delete = el;
                 });
-            	comment_container.querySelector(".comment_content_footer .actions").appendChild(delete_action);
-       	    } 
+                comment_container.querySelector(".comment_content_footer .actions").appendChild(delete_action);
+            }
             let add_comment = document.createElement("DIV");
             add_comment.setAttribute("class", "add_comment");
-            add_comment.innerHTML ='<textarea class="new_comment" name="new_comment" id="comment" rows="10" placeholder="'+gettext("Add a public comment")+'"></textarea>';
+            add_comment.innerHTML = '<textarea class="new_comment" name="new_comment" id="comment" rows="10" placeholder="' + gettext("Add a public comment") + '"></textarea>';
             let new_comment = add_comment.querySelector(".new_comment");
-            new_comment.addEventListener("keyup", function(e)
-            {
-                if (!((e.ctrlKey  &&  e.keyCode === 13) || (e.shiftKey  &&  e.keyCode === 13)) && e.keyCode === 13)
-                {
+            new_comment.addEventListener("keyup", function (e) {
+                if (!((e.ctrlKey && e.keyCode === 13) || (e.shiftKey && e.keyCode === 13)) && e.keyCode === 13) {
                     this.value = "";
-		    this.blur();
+                    this.blur();
                 }
             });
-            new_comment.addEventListener("keydown", function(e)
-            {
-                if ( 
-		    (e.ctrlKey  &&  e.keyCode === 13) ||
-		    (e.shiftKey  &&  e.keyCode === 13)
-		){
-		    e.preventDefault();
-		    this.value = this.value + '\r\n'; 
-		    this.scrollTop = this.scrollHeight;
-		}
-		else if (e.keyCode === 13) {
+            new_comment.addEventListener("keydown", function (e) {
+                if (
+                    (e.ctrlKey && e.keyCode === 13) ||
+                    (e.shiftKey && e.keyCode === 13)
+                ) {
+                    e.preventDefault();
+                    this.value = this.value + '\r\n';
+                    this.scrollTop = this.scrollHeight;
+                }
+                else if (e.keyCode === 13) {
                     let child_container = get_node(this, "comments_children_container");
-                    if(!child_container.classList.contains("show"))
+                    if (!child_container.classList.contains("show"))
                         child_container.classList.add("show");
-                    if(this.value.trim() !== "")
-                    {
-                        let comment_parent = get_node(this, "comment_element", "comment_child" );
+                    if (this.value.trim() !== "") {
+                        let comment_parent = get_node(this, "comment_element", "comment_child");
                         add_comment.parentElement.classList.toggle("show");
-                        if(!comment_parent.classList.contains("show"))
+                        if (!comment_parent.classList.contains("show"))
                             comment_parent.classList.add("show")
                         hide_show_child_comment_text(this, comment_parent.querySelector(".comments_children_container").childElementCount)
-                        add_child_comment( this, child_container, comment_parent );
+                        add_child_comment(this, child_container, comment_parent);
                         this.value = "";
                     }
                 }
             });
             comment_container.querySelector(".comment_content_footer .form").appendChild(add_comment);
-	}
-        if(is_parent)
-        {
+        }
+        if (is_parent) {
             let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comments" class="svg-inline--fa fa-comments fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"></path></svg>`;
             let comment_icon = document.createElement("DIV");
             comment_icon.innerHTML = comment_icon_svg;
@@ -244,8 +232,7 @@ class Comment extends HTMLElement
             comment.appendChild(comment_container);
             this.appendChild(comment);
         }
-        else
-        {
+        else {
             let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="replyd" class="svg-inline--fa fa-replyd fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 480H128C57.6 480 0 422.4 0 352V160C0 89.6 57.6 32 128 32h192c70.4 0 128 57.6 128 128v192c0 70.4-57.6 128-128 128zM193.4 273.2c-6.1-2-11.6-3.1-16.4-3.1-7.2 0-13.5 1.9-18.9 5.6-5.4 3.7-9.6 9-12.8 15.8h-1.1l-4.2-18.3h-28v138.9h36.1v-89.7c1.5-5.4 4.4-9.8 8.7-13.2 4.3-3.4 9.8-5.1 16.2-5.1 4.6 0 9.8 1 15.6 3.1l4.8-34zm115.2 103.4c-3.2 2.4-7.7 4.8-13.7 7.1-6 2.3-12.8 3.5-20.4 3.5-12.2 0-21.1-3-26.5-8.9-5.5-5.9-8.5-14.7-9-26.4h83.3c.9-4.8 1.6-9.4 2.1-13.9.5-4.4.7-8.6.7-12.5 0-10.7-1.6-19.7-4.7-26.9-3.2-7.2-7.3-13-12.5-17.2-5.2-4.3-11.1-7.3-17.8-9.2-6.7-1.8-13.5-2.8-20.6-2.8-21.1 0-37.5 6.1-49.2 18.3s-17.5 30.5-17.5 55c0 22.8 5.2 40.7 15.6 53.7 10.4 13.1 26.8 19.6 49.2 19.6 10.7 0 20.9-1.5 30.4-4.6 9.5-3.1 17.1-6.8 22.6-11.2l-12-23.6zm-21.8-70.3c3.8 5.4 5.3 13.1 4.6 23.1h-51.7c.9-9.4 3.7-17 8.2-22.6 4.5-5.6 11.5-8.5 21-8.5 8.2-.1 14.1 2.6 17.9 8zm79.9 2.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4s2 11.7 6.1 15.6zm0 100.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4 0 6.6 2 11.7 6.1 15.6z"></path></svg>`;
             let comment_icon = document.createElement("DIV");
             comment_icon.innerHTML = comment_icon_svg;
@@ -260,15 +247,14 @@ class Comment extends HTMLElement
         }
     }
 }
-function createFooterBtnAction( classes, icon_classes, title, svg, span_classes, span_text, comment_id=null )
-{
+function createFooterBtnAction(classes, icon_classes, title, svg, span_classes, span_text, comment_id = null) {
     let el = document.createElement("DIV");
     el.setAttribute("class", classes);
-    if(comment_id) el.setAttribute("data-comment", comment_id);
+    if (comment_id) el.setAttribute("data-comment", comment_id);
     let el_icon = document.createElement("DIV");
     el_icon.setAttribute("class", icon_classes)
     el_icon.setAttribute("title", title)
-    if(Array.isArray(svg))
+    if (Array.isArray(svg))
         el_icon.innerHTML = svg.join(" ")
     else
         el_icon.innerHTML = svg
@@ -281,35 +267,30 @@ function createFooterBtnAction( classes, icon_classes, title, svg, span_classes,
     el.appendChild(el_span);
     return el;
 }
-function hide_or_add_show_children_btn(parent_comment=null, nb_child=null)
-{
+function hide_or_add_show_children_btn(parent_comment = null, nb_child = null) {
     let svg_icon_show = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="show svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>`
     let svg_icon_hide = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye-slash" class="hide svg-inline--fa fa-eye-slash fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"></path></svg>`
     let txt = gettext("Answers");
-    txt = nb_child?`${nb_child} ${txt}`: txt;
+    txt = nb_child ? `${nb_child} ${txt}` : txt;
     let children_action = createFooterBtnAction(
         "comment_actions comment_show_children_action",
         "icon comment_show_children_icon",
         gettext("Show answers"),
         [svg_icon_show, svg_icon_hide],
         "comment_show_children_btn",
-	txt
+        txt
     );
-    children_action.addEventListener("click", function()
-    {
+    children_action.addEventListener("click", function () {
         get_node(this.parentElement, "comment_element", "comment_child").classList.toggle("show");
         hide_show_child_comment_text(this, nb_child);
     });
-    
-    if(parent_comment)
-    {
+
+    if (parent_comment) {
         let children_container = parent_comment.querySelector(".comments_children_container");
-        if(!parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount >0)
-        {
-            parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after( children_action );
+        if (!parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount > 0) {
+            parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after(children_action);
         }
-        else if(parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount===0)
-        {
+        else if (parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount === 0) {
             // remove action if exist
             parent_comment.querySelector(".comment_content_footer .actions").removeChild(
                 parent_comment.querySelector(".comment_content_footer .actions .comment_show_children_action")
@@ -319,15 +300,12 @@ function hide_or_add_show_children_btn(parent_comment=null, nb_child=null)
     else // check all comments
     {
         let all_comments = document.querySelectorAll(".comment_element:not(.comment_child)");
-        all_comments.forEach(comment=>
-        {
-            let comments_children_container= comment.querySelector(".comment .comment_container .comments_children_container");
-            if(!comment.querySelector(".comment_content_footer .actions .comment_show_children_action") && comments_children_container.childElementCount > 0)
-            {
-                comment.querySelector(".comment_content_footer .actions .comment_vote_action").after( children_action );
+        all_comments.forEach(comment => {
+            let comments_children_container = comment.querySelector(".comment .comment_container .comments_children_container");
+            if (!comment.querySelector(".comment_content_footer .actions .comment_show_children_action") && comments_children_container.childElementCount > 0) {
+                comment.querySelector(".comment_content_footer .actions .comment_vote_action").after(children_action);
             }
-            else if(comment.querySelector(".comment_content_footer .actions .comment_show_children_action") && comments_children_container.childElementCount===0)
-            {
+            else if (comment.querySelector(".comment_content_footer .actions .comment_show_children_action") && comments_children_container.childElementCount === 0) {
                 // remove action if exist
                 comment.querySelector(".comment_content_footer .actions").removeChild(
                     comment_children_container.querySelector(".actions .comment_show_children_action")
@@ -341,168 +319,158 @@ customElements.define("comment-element", Comment)
 
 /*******************  Voting for a comment  ********************
  ***************************************************************/
-function vote(comment_id, target_html_el)
-{
+function vote(comment_id, target_html_el) {
     // send request to the server to check if the current user already vote
-    let vote_url = base_vote_url + comment_id +"/";
+    let vote_url = base_vote_url + comment_id + "/";
     let btn = target_html_el.querySelector('.comment_vote_btn')
     let data = new FormData();
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
     fetch(vote_url, {
-	method: "POST",
-	body: data
-    }).then(response=>{
-	response.json().then(data=>{
-	    if(data.voted === true)
-	    {
-	    	VOTED_USERS.push({
-		    'user__id': user_id,
-		    'comment__id': comment_id,
-		});
-		btn.innerHTML = parseInt(btn.textContent)+1;
-		if(!target_html_el.classList.contains('voted'))
-		    target_html_el.classList.add('voted');
-	    }
-	    else
-	    {
-		VOTED_USERS = VOTED_USERS.filter(obj=>{
-		    obj.comment__id !== comment_id
-		})
-		btn.innerHTML = parseInt(btn.textContent)-1;
-		if(target_html_el.classList.contains('voted'))
-		    target_html_el.classList.remove('voted');
-	    }
-	})
-    }).catch(error=>{
-	console.log(error);
+        method: "POST",
+        body: data
+    }).then(response => {
+        response.json().then(data => {
+            if (data.voted === true) {
+                VOTED_USERS.push({
+                    'user__id': user_id,
+                    'comment__id': comment_id,
+                });
+                btn.innerHTML = parseInt(btn.textContent) + 1;
+                if (!target_html_el.classList.contains('voted'))
+                    target_html_el.classList.add('voted');
+            }
+            else {
+                VOTED_USERS = VOTED_USERS.filter(obj => {
+                    obj.comment__id !== comment_id
+                })
+                btn.innerHTML = parseInt(btn.textContent) - 1;
+                if (target_html_el.classList.contains('voted'))
+                    target_html_el.classList.remove('voted');
+            }
+        })
+    }).catch(error => {
+        console.log(error);
     });
 }
 
 /****************  Save comment into the server  ****************
  ***************************************************************/
-function save_comment(content, date, parent_id=null, top_parent_id=null)
-{
+function save_comment(content, date, parent_id = null, top_parent_id = null) {
     let post_url = base_url.replace("comment", "comment/add");
-    post_url = parent_id?post_url+parent_id+'/':post_url	
+    post_url = parent_id ? post_url + parent_id + '/' : post_url
     let data = new FormData();
     data.append('content', content);
     data.append('date_added', date);
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
-    fetch(post_url,{
+    fetch(post_url, {
         method: "POST",
         body: data
-    }).then(response=>{
-	if(response.ok)
-	{
-	    response.json().then(data=>{
-	        let c = {
-	            author__first_name: data.author__first_name,
-	            author__last_name: data.author__last_name,
-	            content: content,
-	            id: data.id,
-	            added: date,
-		    parent__id: parent_id,
-		    top_parent__id: top_parent_id
-	        }
-	        if(!parent_id)
-		{
-		    // update all_comment data
-		    let p_c = {
-			parent_comment: c,
-		        children: []
-		    }
-	            all_comment = [...all_comment, p_c];
-		}
-	        else
-	        {
-		    // update all_comment data
-	            all_comment = all_comment.map((comment)=>{
-	   	        if(comment.parent_comment.id === top_parent_id)
-		            comment.children = [...comment.children, c];
-		        return comment;
-		    });
-	        }
-	    	set_comments_number()
-	    });
-	}
-	else{ console.log("Mauvaise réponse du réseau", response); }
+    }).then(response => {
+        if (response.ok) {
+            response.json().then(data => {
+                let c = {
+                    author__first_name: data.author__first_name,
+                    author__last_name: data.author__last_name,
+                    content: content,
+                    id: data.id,
+                    added: date,
+                    parent__id: parent_id,
+                    top_parent__id: top_parent_id
+                }
+                if (!parent_id) {
+                    // update all_comment data
+                    let p_c = {
+                        parent_comment: c,
+                        children: []
+                    }
+                    all_comment = [...all_comment, p_c];
+                }
+                else {
+                    // update all_comment data
+                    all_comment = all_comment.map((comment) => {
+                        if (comment.parent_comment.id === top_parent_id)
+                            comment.children = [...comment.children, c];
+                        return comment;
+                    });
+                }
+                set_comments_number()
+            });
+        }
+        else { console.log("Mauvaise réponse du réseau", response); }
     })
-    .catch(error =>{
-	    console.log(error)
-	    console.log(error.message)
-    });
+        .catch(error => {
+            console.log(error)
+            console.log(error.message)
+        });
 }
 
 /****************  Delete Comment  ****************
  ******************************************************/
-function delete_comment(comment)
-{
+function delete_comment(comment) {
     let comment_id = get_comment_attribute(comment);
     let is_child = !!get_comment_attribute(comment, 'parent__id');
     let url = base_delete_url + comment_id + '/';
     let data = new FormData();
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
     fetch(url, {
-	method: "POST",
-	body: data
+        method: "POST",
+        body: data
     }
-    ).then(response=>{
-	response.json().then( data=>{
-	    if(data.deleted){
-	        document.body.appendChild(new AlertMessage(gettext("Comment has been deleted successfully.")));
-
-		if(is_child) delete_comment_child_DOM(comment, is_child);
-
-		else all_comment = all_comment.filter(c => c.parent_comment.id != data.comment_deleted );
-
-	    	set_comments_number();
-	    }
-	    else
-	        document.body.appendChild(new AlertMessage(data.message));
-	});
-    }).catch(error=>{
-	console.log(error);
-	console.log(error.message);
+    ).then(response => {
+        response.json().then(data => {
+            if (data.deleted) {
+                document.body.appendChild(new AlertMessage(gettext("Comment has been deleted successfully.")));
+
+                if (is_child) delete_comment_child_DOM(comment, is_child);
+
+                else all_comment = all_comment.filter(c => c.parent_comment.id != data.comment_deleted);
+
+                set_comments_number();
+            }
+            else
+                document.body.appendChild(new AlertMessage(data.message));
+        });
+    }).catch(error => {
+        console.log(error);
+        console.log(error.message);
     })
 }
 
-function delete_comment_child_DOM(comment, is_child)
-{
-    if(is_child){
+function delete_comment_child_DOM(comment, is_child) {
+    if (is_child) {
         let comment_id = get_comment_attribute(comment);
-        let comment_top_parent_id = get_comment_attribute(comment, attr='top_parent__id');
-	
+        let comment_top_parent_id = get_comment_attribute(comment, attr = 'top_parent__id');
+
         all_comment = all_comment.map(p_comment => {
-	    if(p_comment.parent_comment.id === comment_top_parent_id){
-		p_comment.children = p_comment.children
-		    .filter(c_comment => c_comment.id !== comment_id)
-	            .filter( c_comment => {
-			if(c_comment.parent__id === comment_id){
-			    // Remove comment html element from DOM
+            if (p_comment.parent_comment.id === comment_top_parent_id) {
+                p_comment.children = p_comment.children
+                    .filter(c_comment => c_comment.id !== comment_id)
+                    .filter(c_comment => {
+                        if (c_comment.parent__id === comment_id) {
+                            // Remove comment html element from DOM
                             let html_id = `#comment_${new Date(c_comment.added).getTime()}`;
-		            let c = document.querySelector(html_id)
-		            c.parentElement.removeChild(c);
-	                }
-			return c_comment.parent__id !== comment_id; // Remove comment data from all_comment
-	            });
-		return p_comment;
-	    }
-	    return p_comment;
-	});
+                            let c = document.querySelector(html_id)
+                            c.parentElement.removeChild(c);
+                        }
+                        return c_comment.parent__id !== comment_id; // Remove comment data from all_comment
+                    });
+                return p_comment;
+            }
+            return p_comment;
+        });
     }
 }
 
 /*********** Scroll to a specific comment *************
  * ****************************************************/
-function scrollToComment(targetComment)
-{
+function scrollToComment(targetComment) {
     targetComment.scrollIntoView({
-	behavior: "smooth",
-	block: "center",
-	inline: "nearest"
+        behavior: "smooth",
+        block: "center",
+        inline: "nearest"
     });
     let htmlTarget = targetComment.querySelector(".comment_content");
-    if(htmlTarget.classList.contains("scroll_to"))
+    if (htmlTarget.classList.contains("scroll_to"))
         htmlTarget.classList.remove("scroll_to");
 
     window.setTimeout(() => {
@@ -515,22 +483,21 @@ function scrollToComment(targetComment)
 
 /****** Add the owner of parent comment as a tag ******
  ******************************************************/
-function add_user_tag(comment_value, parent_comment)
-{
+function add_user_tag(comment_value, parent_comment) {
     let reply_to = get_comment_attribute(
-	parent_comment,
-	attr="author__first_name"
+        parent_comment,
+        attr = "author__first_name"
     );
-    reply_content = get_comment_attribute( parent_comment, attr="content" );
+    reply_content = get_comment_attribute(parent_comment, attr = "content");
     let htmlTarget = parent_comment.querySelector(".comment_content");
     let tag = document.createElement("a");
     tag.setAttribute("href", "#");
     tag.addEventListener("click", (e) => {
-	e.preventDefault();
-	e.stopPropagation();
-	scrollToComment(parent_comment)
+        e.preventDefault();
+        e.stopPropagation();
+        scrollToComment(parent_comment)
     });
-    tag.innerHTML =`
+    tag.innerHTML = `
 	<span class="reply_to">
 	    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="reply" class="svg-inline--fa fa-reply fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M8.309 189.836L184.313 37.851C199.719 24.546 224 35.347 224 56.015v80.053c160.629 1.839 288 34.032 288 186.258 0 61.441-39.581 122.309-83.333 154.132-13.653 9.931-33.111-2.533-28.077-18.631 45.344-145.012-21.507-183.51-176.59-185.742V360c0 20.7-24.3 31.453-39.687 18.164l-176.004-152c-11.071-9.562-11.086-26.753 0-36.328z"></path></svg>
 	    <span class="reply_author">@${reply_to}</span>
@@ -548,163 +515,153 @@ function add_user_tag(comment_value, parent_comment)
 
 /****************  return color index  ****************
  ******************************************************/
-function setBorderLeftColor(comment, parent_element){
-    try{
+function setBorderLeftColor(comment, parent_element) {
+    try {
         let index = Number.parseInt(parent_element.dataset.level) + 1;
-	if(index >= COLORS.length){
-	    comment.dataset.level = COLORS.length - 1;
-	    comment.querySelector(".comment_content")
-	        .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`; 
-	    comment.querySelector(".comments_icon")
-	        .style.color = `${COLORS[COLORS.length - 1]}`; 
-	}
-	else{
-	    comment.dataset.level = index;
-	    comment.querySelector(".comment_content")
-	        .style.borderLeft = `4px solid ${COLORS[index]}`; 
-	    comment.querySelector(".comments_icon")
-	        .style.color = `${COLORS[index]}`; 
-	}
-    }catch(e){
-	comment.dataset.level = COLORS.length - 1;
-	comment.querySelector(".comment_content")
-	    .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`; 
-	comment.querySelector(".comments_icon")
-	    .style.color = `${COLORS[COLORS.length - 1]}`; 
+        if (index >= COLORS.length) {
+            comment.dataset.level = COLORS.length - 1;
+            comment.querySelector(".comment_content")
+                .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`;
+            comment.querySelector(".comments_icon")
+                .style.color = `${COLORS[COLORS.length - 1]}`;
+        }
+        else {
+            comment.dataset.level = index;
+            comment.querySelector(".comment_content")
+                .style.borderLeft = `4px solid ${COLORS[index]}`;
+            comment.querySelector(".comments_icon")
+                .style.color = `${COLORS[index]}`;
+        }
+    } catch (e) {
+        comment.dataset.level = COLORS.length - 1;
+        comment.querySelector(".comment_content")
+            .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`;
+        comment.querySelector(".comments_icon")
+            .style.color = `${COLORS[COLORS.length - 1]}`;
     }
 }
 /****************  Add parent Comment  ****************
  ******************************************************/
-if(is_authenticated){
+if (is_authenticated) {
     let add_parent_comment = document.querySelector("form.add_parent_comment");
-    add_parent_comment.addEventListener("submit", (e)=>
-    {
+    add_parent_comment.addEventListener("submit", (e) => {
         e.preventDefault();
         let date_added = new Date();
-        let el = add_parent_comment.querySelector(".new_parent_comment") 
-        if(el.value.trim() != "")
-        {
-	    let comment_content = el.value;
+        let el = add_parent_comment.querySelector(".new_parent_comment")
+        if (el.value.trim() != "") {
+            let comment_content = el.value;
             let c = new Comment(
-                owner=user_fullName,
-                content=comment_content,
-                likes=0,
-                added_since=date_added,
-                id=`comment_${date_added.getTime()}`,
-                is_parent=true,
-	        is_comment_owner=true);
-	    c.dataset.level = '-1';
+                owner = user_fullName,
+                content = comment_content,
+                likes = 0,
+                added_since = date_added,
+                id = `comment_${date_added.getTime()}`,
+                is_parent = true,
+                is_comment_owner = true);
+            c.dataset.level = '-1';
             document.querySelector(".comment_container .comment_content form.add_parent_comment").after(c);
             el.value = "";
             // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-	   save_comment(comment_content, date_added.toISOString());
+            save_comment(comment_content, date_added.toISOString());
         }
     });
 }
 /****************  Add child Comment  *****************
  ******************************************************/
-function add_child_comment(el, container_el, parent_comment)
-{
+function add_child_comment(el, container_el, parent_comment) {
     let date_added = new Date();
-    if(el.value.trim() !== "")
-    {
-	let child_direct_parent = document.querySelector(
-		`#${el.parentElement.parentElement.dataset.comment}`)
-	    
-	let comment_child_content = add_user_tag(
-		el.value,
-		child_direct_parent,
-	);
+    if (el.value.trim() !== "") {
+        let child_direct_parent = document.querySelector(
+            `#${el.parentElement.parentElement.dataset.comment}`)
+
+        let comment_child_content = add_user_tag(
+            el.value,
+            child_direct_parent,
+        );
         let c = new Comment(
-            owner=user_fullName,
-            content=comment_child_content,
-            likes=0,
-            added_since=date_added,
+            owner = user_fullName,
+            content = comment_child_content,
+            likes = 0,
+            added_since = date_added,
             id = `comment_${date_added.getTime()}`,
-	    is_parent=false,
-	    is_comment_owner=true);
-	setBorderLeftColor(c, child_direct_parent)
-	//container_el.prepend(c);
-	container_el.appendChild(c);
-	
+            is_parent = false,
+            is_comment_owner = true);
+        setBorderLeftColor(c, child_direct_parent)
+        //container_el.prepend(c);
+        container_el.appendChild(c);
+
         hide_or_add_show_children_btn(
-	    get_node(container_el, "comment_element", "comment_child"),
-	    parent_comment.querySelector('.comments_children_container').childElementCount
-	);
+            get_node(container_el, "comment_element", "comment_child"),
+            parent_comment.querySelector('.comments_children_container').childElementCount
+        );
 
         // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-	let p_id = get_comment_attribute( child_direct_parent );
-	let t_p_id = get_comment_attribute(parent_comment);
+        let p_id = get_comment_attribute(child_direct_parent);
+        let t_p_id = get_comment_attribute(parent_comment);
 
-	// Scroll to the comment child
-	scrollToComment( c );
+        // Scroll to the comment child
+        scrollToComment(c);
 
-	save_comment(el.value, date_added.toISOString(), p_id, t_p_id);
+        save_comment(el.value, date_added.toISOString(), p_id, t_p_id);
     }
 }
 
 /*********  Return backend comment attribute  *********
  ******************************************************/
-function get_comment_attribute(comment_html, attr="id")
-{
+function get_comment_attribute(comment_html, attr = "id") {
     let curr_html_id = comment_html.getAttribute('id');
     let comment_attr = null
-    for(const comment of all_comment){
+    for (const comment of all_comment) {
         let comment_htmlid = `comment_${new Date(comment.parent_comment.added).getTime()}`;
 
-	if(comment_htmlid == curr_html_id)
-	{
-	    comment_attr = comment.parent_comment[attr];
-	    break;
-	}
-	for(const c_comment of comment.children)
-	{
-
-	    let c_comment_htmlid = `comment_${new Date(c_comment.added).getTime()}`;
-	    if(c_comment_htmlid == curr_html_id){
-	        comment_attr = c_comment[attr];
-	        break;
-	    }
-	}
-	if(comment_attr) break;
+        if (comment_htmlid == curr_html_id) {
+            comment_attr = comment.parent_comment[attr];
+            break;
+        }
+        for (const c_comment of comment.children) {
+
+            let c_comment_htmlid = `comment_${new Date(c_comment.added).getTime()}`;
+            if (c_comment_htmlid == curr_html_id) {
+                comment_attr = c_comment[attr];
+                break;
+            }
+        }
+        if (comment_attr) break;
     }
     return comment_attr;
 }
 
-function htmlContainsClass(html_el, classes)
-{
+function htmlContainsClass(html_el, classes) {
     let ctn = true;
-    classes.split('.').forEach(cls =>{
-	if( !html_el.classList.contains(cls))
-	    ctn = false;
+    classes.split('.').forEach(cls => {
+        if (!html_el.classList.contains(cls))
+            ctn = false;
     });
     return ctn;
 }
 
 /**********  Get parentNode or sibling node  **********
  ******************************************************/
-function get_node(el, class_name, not)
-{
+function get_node(el, class_name, not) {
     class_name = class_name || "comment_container";
     not = not || "";
-    let selector = !!not?`.${class_name}:not(.${not})`: `.${class_name}`;
+    let selector = !!not ? `.${class_name}:not(.${not})` : `.${class_name}`;
     let foundedElement = el.querySelector(selector);
-    if(htmlContainsClass(el, class_name) && !htmlContainsClass(el, not)) {
+    if (htmlContainsClass(el, class_name) && !htmlContainsClass(el, not)) {
         return el;
     }
-    if(foundedElement){
+    if (foundedElement) {
         return foundedElement;
     }
-    else{
+    else {
         return get_node(el.parentElement, class_name, not);
     }
 }
 
 /*******  Manage hide/show child comment text  ********
  ******************************************************/
-function hide_show_child_comment_text(el, nb_child=null)
-{
-    nb_child = nb_child?nb_child:'';
+function hide_show_child_comment_text(el, nb_child = null) {
+    nb_child = nb_child ? nb_child : '';
     let node = get_node(el, "comment_element", "comment_child");
     let target_node = get_node(el, "comment_show_children_btn");
     let txt = gettext("Answers");
@@ -714,92 +671,85 @@ function hide_show_child_comment_text(el, nb_child=null)
 
 /*****************  Manage vote svg  ******************
  ******************************************************/
-function manage_vote_frontend(id, el)
-{
-    VOTED_USERS.forEach(obj =>{
-	if(obj.comment__id === id && obj.user__id === user_id)
-	{
-	    el.querySelector(".comment_vote_action").classList.add('voted');
-	}
+function manage_vote_frontend(id, el) {
+    VOTED_USERS.forEach(obj => {
+        if (obj.comment__id === id && obj.user__id === user_id) {
+            el.querySelector(".comment_vote_action").classList.add('voted');
+        }
     });
 }
 
 /******* Set number comments in comment label *********
  * ****************************************************/
-function set_comments_number()
-{
+function set_comments_number() {
     let label_text = comment_label.innerText.replace(/\d+\s+/, '');
-    let nb_comments = all_comment.reduce( (acc, curr) => acc += curr.children.length, 0) + all_comment.length;
+    let nb_comments = all_comment.reduce((acc, curr) => acc += curr.children.length, 0) + all_comment.length;
     comment_label.innerText = `${nb_comments} ${label_text}`;
 }
 
 /************  Get vote from the server  **************
  ******************************************************/
-fetch(base_vote_url).then(response=>{
-    response.json().then(data=>{
-	VOTED_USERS = data.votes;
+fetch(base_vote_url).then(response => {
+    response.json().then(data => {
+        VOTED_USERS = data.votes;
     });
-}).finally(function(){
+}).finally(function () {
     /************  Get data from the server  **************
      ******************************************************/
-    fetch(base_url).then(response=>{
-        response.json().then(data=>{
-	    all_comment = data;
-	    set_comments_number()
-            data.forEach(comment_data=>
-            {
+    fetch(base_url).then(response => {
+        response.json().then(data => {
+            all_comment = data;
+            set_comments_number()
+            data.forEach(comment_data => {
                 let parent_container = document.querySelector('.comment_container .comment_content');
                 let children_data = comment_data.children;
-                let parent_data   = comment_data.parent_comment;
+                let parent_data = comment_data.parent_comment;
                 let date_added = new Date(parent_data.added);
-	        let html_id =`comment_${date_added.getTime().toString()}`;
+                let html_id = `comment_${date_added.getTime().toString()}`;
                 let parent_c = new Comment(
-	            owner=`${parent_data.author__first_name} ${parent_data.author__last_name.toUpperCase()}`,
-	            content=parent_data.content,
-	            likes=parent_data.nbr_vote,
-	            added_since=date_added,
-	            id=html_id,
-	            is_parent=true,
-		    is_comment_owner= user_id===parent_data.author__id
+                    owner = `${parent_data.author__first_name} ${parent_data.author__last_name.toUpperCase()}`,
+                    content = parent_data.content,
+                    likes = parent_data.nbr_vote,
+                    added_since = date_added,
+                    id = html_id,
+                    is_parent = true,
+                    is_comment_owner = user_id === parent_data.author__id
                 );
-		parent_c.dataset.level = '-1';
-	        manage_vote_frontend(parent_data.id, parent_c);
-                if(children_data.length>0)
-                {
-	            children_data.forEach(child_data=>{
-	                date_added = new Date(child_data.added);
-	    	        html_id =`comment_${date_added.getTime().toString()}`;
-			let parent_to_scroll = parent_c;
-			if(child_data.parent__id !== child_data.top_parent__id)
-			{
-			    let direct_parent_comment = children_data.filter((c_obj) => c_obj.id === child_data.parent__id )[0];
-			    let direct_parent_html_id = `comment_${new Date(direct_parent_comment.added).getTime().toString()}`;
-			    parent_to_scroll = parent_c.querySelector(`#${direct_parent_html_id}`);
-			}
-			let comment_child_content = add_user_tag(
-			    child_data.content,
-			    parent_to_scroll,
-			    comment_data.parent_comment.author__first_name
-			);
-	                let child_c = new Comment(
-		            owner=`${child_data.author__first_name} ${child_data.author__last_name.toUpperCase()}`,
-		            content=comment_child_content,
-		            likes=child_data.nbr_vote,
-		            added_since=date_added,
-		            id=html_id,
-			    is_parent=false,
-		            is_comment_owner= user_id===child_data.author__id
-	                );
-			setBorderLeftColor(child_c, parent_to_scroll)
-	                //parent_c.querySelector(".comments_children_container").prepend(child_c);
-	                parent_c.querySelector(".comments_children_container").appendChild(child_c);
-	    	        manage_vote_frontend(child_data.id, child_c);
-	            });
+                parent_c.dataset.level = '-1';
+                manage_vote_frontend(parent_data.id, parent_c);
+                if (children_data.length > 0) {
+                    children_data.forEach(child_data => {
+                        date_added = new Date(child_data.added);
+                        html_id = `comment_${date_added.getTime().toString()}`;
+                        let parent_to_scroll = parent_c;
+                        if (child_data.parent__id !== child_data.top_parent__id) {
+                            let direct_parent_comment = children_data.filter((c_obj) => c_obj.id === child_data.parent__id)[0];
+                            let direct_parent_html_id = `comment_${new Date(direct_parent_comment.added).getTime().toString()}`;
+                            parent_to_scroll = parent_c.querySelector(`#${direct_parent_html_id}`);
+                        }
+                        let comment_child_content = add_user_tag(
+                            child_data.content,
+                            parent_to_scroll,
+                            comment_data.parent_comment.author__first_name
+                        );
+                        let child_c = new Comment(
+                            owner = `${child_data.author__first_name} ${child_data.author__last_name.toUpperCase()}`,
+                            content = comment_child_content,
+                            likes = child_data.nbr_vote,
+                            added_since = date_added,
+                            id = html_id,
+                            is_parent = false,
+                            is_comment_owner = user_id === child_data.author__id
+                        );
+                        setBorderLeftColor(child_c, parent_to_scroll)
+                        parent_c.querySelector(".comments_children_container").appendChild(child_c);
+                        manage_vote_frontend(child_data.id, child_c);
+                    });
                 }
-		if(is_authenticated)
+                if (is_authenticated)
                     parent_container.querySelector('form.add_parent_comment').after(parent_c);
-		else
-                    parent_container.prepend(parent_c);
+                else
+                    parent_container.querySelector(".comment_counter_container").after(parent_c);
                 hide_or_add_show_children_btn(parent_c, children_data.length);
             });
         });

From 33632df47a612770826b200f4e28704a60639b46 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 10:04:25 +0100
Subject: [PATCH 042/145] remove login required on vote function

---
 pod/video/views.py | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pod/video/views.py b/pod/video/views.py
index 9214a44d50..e1bf2e73e5 100644
--- a/pod/video/views.py
+++ b/pod/video/views.py
@@ -1649,7 +1649,6 @@ def video_add(request):
         'TRANSCRIPT': TRANSCRIPT})
 
 
-@login_required(redirect_field_name='referrer')
 @csrf_protect
 def vote(request, video_slug, comment_id=None):
     c_video = get_object_or_404(Video, slug=video_slug)

From 4f93e7c569bd261b327786612e9025df6c540445 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 10:04:57 +0100
Subject: [PATCH 043/145] remove unused css rules

---
 pod/video/static/css/comment-style.css | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 92076917b8..ddd95e7060 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -318,10 +318,7 @@
 {
     width: 100%;
     border-bottom: 1px solid var(--background-color);
-    margin: 1em 0;
     padding: 1em 0;
-    /*margin-top: 1em;
-    padding-top: 0;*/
 }
 .comment_main .form-wrapper
 {

From aba6ddd3793fc675b7c46c7660b23afeb12fec14 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Tue, 12 Jan 2021 11:43:59 +0100
Subject: [PATCH 044/145] defin function to transcript video, call it from
 admin and remote_encode

---
 pod/video/admin.py         | 45 +++++++++++++++++++++++---------------
 pod/video/remote_encode.py | 23 ++++++++++++-------
 2 files changed, 42 insertions(+), 26 deletions(-)

diff --git a/pod/video/admin.py b/pod/video/admin.py
index 6cf829c445..d261b21849 100644
--- a/pod/video/admin.py
+++ b/pod/video/admin.py
@@ -5,6 +5,7 @@
 from django.utils.html import format_html
 from django.utils.translation import ugettext_lazy as _
 from modeltranslation.admin import TranslationAdmin
+
 from .models import Video
 from .models import Channel
 from .models import Theme
@@ -20,7 +21,6 @@
 from .models import ViewCount
 from .models import VideoToDelete
 from .models import VideoVersion
-from .transcript import start_transcript
 
 from .forms import VideoForm, VideoVersionForm
 from .forms import ChannelForm
@@ -46,6 +46,14 @@
 
 TRANSCRIPT = getattr(settings, 'USE_TRANSCRIPTION', False)
 
+if TRANSCRIPT:
+    from . import transcript
+    TRANSCRIPT_VIDEO = getattr(
+        settings,
+        'TRANSCRIPT_VIDEO',
+        'start_transcript'
+    )
+
 USE_OBSOLESCENCE = getattr(
     settings, "USE_OBSOLESCENCE", False)
 
@@ -75,10 +83,10 @@ def queryset(self, request, queryset):
         value = self.value()
         if value == 'Yes':
             queryset = queryset.exclude(
-                    pk__in=[vid.id for vid in queryset if not vid.encoded])
+                pk__in=[vid.id for vid in queryset if not vid.encoded])
         elif value == 'No':
             queryset = queryset.exclude(
-                    pk__in=[vid.id for vid in queryset if vid.encoded])
+                pk__in=[vid.id for vid in queryset if vid.encoded])
         return queryset
 
 
@@ -199,7 +207,8 @@ def transcript_video(self, request, queryset):
                 if CELERY_TO_ENCODE:
                     task_start_transcript.delay(item.id)
                 else:
-                    start_transcript(item.id)
+                    transcript_video = getattr(transcript, TRANSCRIPT_VIDEO)
+                    transcript_video(item.id)
     transcript_video.short_description = _('Transcript selected')
 
     def get_queryset(self, request):
@@ -212,9 +221,9 @@ def get_queryset(self, request):
     def change_view(self, request, object_id, form_url='', extra_context=None):
         extra_context = extra_context or {}
         extra_context['max_duration_date_delete'] = getattr(
-                settings, 'MAX_DURATION_DATE_DELETE', 10)
+            settings, 'MAX_DURATION_DATE_DELETE', 10)
         return super(VideoAdmin, self).change_view(
-                request, object_id, form_url, extra_context)
+            request, object_id, form_url, extra_context)
 
     def save_model(self, request, obj, form, change):
         super().save_model(request, obj, form, change)
@@ -342,10 +351,10 @@ def get_queryset(self, request):
     def formfield_for_foreignkey(self, db_field, request, **kwargs):
         if (db_field.name) == "parentId":
             kwargs["queryset"] = Theme.objects.filter(
-                    channel__sites=Site.objects.get_current())
+                channel__sites=Site.objects.get_current())
         if (db_field.name) == "channel":
             kwargs["queryset"] = Channel.objects.filter(
-                    sites=Site.objects.get_current())
+                sites=Site.objects.get_current())
 
         return super().formfield_for_foreignkey(db_field, request, **kwargs)
 
@@ -447,10 +456,10 @@ def get_queryset(self, request):
     def formfield_for_foreignkey(self, db_field, request, **kwargs):
         if (db_field.name) == "video":
             kwargs["queryset"] = Video.objects.filter(
-                    sites=Site.objects.get_current())
+                sites=Site.objects.get_current())
         if (db_field.name) == "rendition":
             kwargs["queryset"] = VideoRendition.objects.filter(
-                    sites=Site.objects.get_current())
+                sites=Site.objects.get_current())
         return super().formfield_for_foreignkey(db_field, request, **kwargs)
 
 
@@ -467,7 +476,7 @@ def get_queryset(self, request):
     def formfield_for_foreignkey(self, db_field, request, **kwargs):
         if (db_field.name) == "video":
             kwargs["queryset"] = Video.objects.filter(
-                    sites=Site.objects.get_current())
+                sites=Site.objects.get_current())
         return super().formfield_for_foreignkey(db_field, request, **kwargs)
 
 
@@ -484,7 +493,7 @@ def get_queryset(self, request):
     def formfield_for_foreignkey(self, db_field, request, **kwargs):
         if (db_field.name) == "video":
             kwargs["queryset"] = Video.objects.filter(
-                    sites=Site.objects.get_current())
+                sites=Site.objects.get_current())
 
         return super().formfield_for_foreignkey(db_field, request, **kwargs)
 
@@ -560,10 +569,10 @@ def get_queryset(self, request):
     def formfield_for_foreignkey(self, db_field, request, **kwargs):
         if (db_field.name) == "user":
             kwargs["queryset"] = User.objects.filter(
-                    owner__sites=Site.objects.get_current())
+                owner__sites=Site.objects.get_current())
         if (db_field.name) == "video":
             kwargs["queryset"] = Video.objects.filter(
-                    sites=Site.objects.get_current())
+                sites=Site.objects.get_current())
 
         return super().formfield_for_foreignkey(db_field, request, **kwargs)
 
@@ -589,10 +598,10 @@ def get_queryset(self, request):
     def formfield_for_foreignkey(self, db_field, request, **kwargs):
         if (db_field.name) == "user":
             kwargs["queryset"] = User.objects.filter(
-                    owner__sites=Site.objects.get_current())
+                owner__sites=Site.objects.get_current())
         if (db_field.name) == "video":
             kwargs["queryset"] = Video.objects.filter(
-                    sites=Site.objects.get_current())
+                sites=Site.objects.get_current())
 
         return super().formfield_for_foreignkey(db_field, request, **kwargs)
 
@@ -617,10 +626,10 @@ def get_queryset(self, request):
     def formfield_for_foreignkey(self, db_field, request, **kwargs):
         if (db_field.name) == "user":
             kwargs["queryset"] = User.objects.filter(
-                    owner__sites=Site.objects.get_current())
+                owner__sites=Site.objects.get_current())
         if (db_field.name) == "parentNote":
             kwargs["queryset"] = AdvancedNotes.objects.filter(
-                    video__owner__owner__sites=Site.objects.get_current())
+                video__owner__owner__sites=Site.objects.get_current())
         if (db_field.name) == "parentCom":
             kwargs["queryset"] = NoteComments. \
                 objects.filter(
diff --git a/pod/video/remote_encode.py b/pod/video/remote_encode.py
index a81c777acf..3ea783132a 100644
--- a/pod/video/remote_encode.py
+++ b/pod/video/remote_encode.py
@@ -35,6 +35,14 @@
 
 DEBUG = getattr(settings, 'DEBUG', True)
 
+TRANSCRIPT = getattr(settings, 'USE_TRANSCRIPTION', False)
+
+if TRANSCRIPT:
+    from . import transcript
+    TRANSCRIPT_VIDEO = getattr(settings,
+                               'TRANSCRIPT_VIDEO',
+                               'start_transcript')
+
 EMAIL_ON_ENCODING_COMPLETION = getattr(
     settings, 'EMAIL_ON_ENCODING_COMPLETION', True)
 
@@ -163,9 +171,9 @@ def store_remote_encoding_video(video_id):
     with open(output_dir + "/info_video.json") as json_file:
         info_video = json.load(json_file)
 
-    if DEBUG:
-        print(output_dir)
-        print(json.dumps(info_video, indent=2))
+    # if DEBUG:
+    #    print(output_dir)
+    #    print(json.dumps(info_video, indent=2))
 
     video_to_encode.duration = info_video["duration"]
     video_to_encode.encoding_in_progress = True
@@ -197,11 +205,10 @@ def store_remote_encoding_video(video_id):
         send_email_encoding(video_encoding)
 
     # Transcript
-    """
-    main_threaded_transcript(video_id) if (
-            TRANSCRIPT and video_to_encode.transcript
-        ) else False
-    """
+    if (TRANSCRIPT and video_encoding.transcript):
+        transcript_video = getattr(transcript, TRANSCRIPT_VIDEO)
+        transcript_video(video_id)
+
     print('ALL is DONE')
 
 

From c1a8b2e9a81ec176b9e41fdfe6a2fcff6454e7e1 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Tue, 12 Jan 2021 12:12:59 +0100
Subject: [PATCH 045/145] add threaded option to start encode or transcript,
 call it directly in each module

---
 pod/video/admin.py         |  9 ++------
 pod/video/encode.py        | 23 ++++++++++++++-------
 pod/video/remote_encode.py |  2 +-
 pod/video/transcript.py    | 42 ++++++++++++++++++++++++--------------
 4 files changed, 46 insertions(+), 30 deletions(-)

diff --git a/pod/video/admin.py b/pod/video/admin.py
index d261b21849..a879d98f65 100644
--- a/pod/video/admin.py
+++ b/pod/video/admin.py
@@ -36,8 +36,6 @@
 from django.contrib.sites.shortcuts import get_current_site
 from pod.chapter.admin import ChapterInline
 
-from pod.main.tasks import task_start_transcript
-
 # Ordering user by username !
 User._meta.ordering = ["username"]
 # SET USE_ESTABLISHMENT_FIELD
@@ -204,11 +202,8 @@ def encode_video(self, request, queryset):
     def transcript_video(self, request, queryset):
         for item in queryset:
             if item.get_video_mp3() and not item.encoding_in_progress:
-                if CELERY_TO_ENCODE:
-                    task_start_transcript.delay(item.id)
-                else:
-                    transcript_video = getattr(transcript, TRANSCRIPT_VIDEO)
-                    transcript_video(item.id)
+                transcript_video = getattr(transcript, TRANSCRIPT_VIDEO)
+                transcript_video(item.id)
     transcript_video.short_description = _('Transcript selected')
 
     def get_queryset(self, request):
diff --git a/pod/video/encode.py b/pod/video/encode.py
index 54237ec18d..d4dfd41b98 100755
--- a/pod/video/encode.py
+++ b/pod/video/encode.py
@@ -34,10 +34,15 @@
     FILEPICKER = False
     from pod.main.models import CustomImageModel
 
-TRANSCRIPT = False
-if getattr(settings, 'USE_TRANSCRIPTION', False):
-    TRANSCRIPT = True
-    from .transcript import main_threaded_transcript
+TRANSCRIPT = getattr(settings, 'USE_TRANSCRIPTION', False)
+
+if TRANSCRIPT:
+    from . import transcript
+    TRANSCRIPT_VIDEO = getattr(
+        settings,
+        'TRANSCRIPT_VIDEO',
+        'start_transcript'
+    )
 
 USE_ESTABLISHMENT = getattr(
     settings, 'USE_ESTABLISHMENT_FIELD', False)
@@ -356,9 +361,7 @@ def encode_video(video_id):
         if EMAIL_ON_ENCODING_COMPLETION:
             send_email_encoding(video_to_encode)
 
-        main_threaded_transcript(video_id) if (
-            TRANSCRIPT and video_to_encode.transcript
-        ) else False
+        transcript_video(video_id)
 
     else:
         msg = "Wrong file or path:"\
@@ -368,6 +371,12 @@ def encode_video(video_id):
         send_email(msg, video_id)
 
 
+def transcript_video(video_id):
+    video = Video.objects.get(id=video_id)
+    if (TRANSCRIPT and video.transcript):
+        start_transcript_video = getattr(transcript, TRANSCRIPT_VIDEO)
+        start_transcript_video(video_id, False)
+
 # ##########################################################################
 # ENCODE VIDEO: GET VIDEO DATA
 # ##########################################################################
diff --git a/pod/video/remote_encode.py b/pod/video/remote_encode.py
index 3ea783132a..2a054d0422 100644
--- a/pod/video/remote_encode.py
+++ b/pod/video/remote_encode.py
@@ -207,7 +207,7 @@ def store_remote_encoding_video(video_id):
     # Transcript
     if (TRANSCRIPT and video_encoding.transcript):
         transcript_video = getattr(transcript, TRANSCRIPT_VIDEO)
-        transcript_video(video_id)
+        transcript_video(video_id, False)
 
     print('ALL is DONE')
 
diff --git a/pod/video/transcript.py b/pod/video/transcript.py
index 042a781308..1589613ce6 100644
--- a/pod/video/transcript.py
+++ b/pod/video/transcript.py
@@ -1,6 +1,7 @@
 from django.conf import settings
 from django.core.files import File
 from pod.completion.models import Track
+from pod.main.tasks import task_start_transcript
 
 from .utils import change_encoding_step, add_encoding_log
 from .utils import send_email, send_email_transcript
@@ -53,6 +54,8 @@
 EMAIL_ON_TRANSCRIPTING_COMPLETION = getattr(
     settings, 'EMAIL_ON_TRANSCRIPTING_COMPLETION', True)
 
+CELERY_TO_ENCODE = getattr(settings, 'CELERY_TO_ENCODE', False)
+
 log = logging.getLogger(__name__)
 
 """
@@ -68,26 +71,35 @@
 """
 
 # ##########################################################################
-# ENCODE VIDEO: THREAD TO LAUNCH ENCODE
+# TRANSCRIPT VIDEO: THREAD TO LAUNCH TRANSCRIPT
 # ##########################################################################
 
 
-def start_remote_transcript(video_id):
+def start_remote_transcript(video_id, threaded=True):
     # load module here to prevent circular import
     from .remote_transcript import remote_transcript_video
-    log.info("START ENCODE VIDEO ID %s" % video_id)
-    t = threading.Thread(target=remote_transcript_video,
-                         args=[video_id])
-    t.setDaemon(True)
-    t.start()
-
-
-def start_transcript(video_id):
-    log.info("START TRANSCRIPT VIDEO %s" % video_id)
-    t = threading.Thread(target=main_threaded_transcript,
-                         args=[video_id])
-    t.setDaemon(True)
-    t.start()
+    if threaded:
+        log.info("START ENCODE VIDEO ID %s" % video_id)
+        t = threading.Thread(target=remote_transcript_video,
+                             args=[video_id])
+        t.setDaemon(True)
+        t.start()
+    else:
+        remote_transcript_video(video_id)
+
+
+def start_transcript(video_id, threaded=True):
+    if threaded:
+        if CELERY_TO_ENCODE:
+            task_start_transcript.delay(video_id)
+        else:
+            log.info("START TRANSCRIPT VIDEO %s" % video_id)
+            t = threading.Thread(target=main_threaded_transcript,
+                                 args=[video_id])
+            t.setDaemon(True)
+            t.start()
+    else:
+        main_threaded_transcript(video_id)
 
 
 def get_model(lang):

From 108166f931705fdbf7d09c4fd2d1f1b6b2d3d463 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 15:32:51 +0100
Subject: [PATCH 046/145] Add loader element

---
 pod/video/templates/videos/video-comment.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pod/video/templates/videos/video-comment.html b/pod/video/templates/videos/video-comment.html
index b7daa7b6aa..7db4c4aa21 100644
--- a/pod/video/templates/videos/video-comment.html
+++ b/pod/video/templates/videos/video-comment.html
@@ -5,13 +5,12 @@
 <div class="comment_main">
     <div class="comment_container">
         <div class="comment_content">
+	    <div class="inline_flex_space comment_counter_container">
+	        <label class="comment_label" for="comment">{% trans "Comments" %}</label>
+            </div>
 	    {% if is_auth %}
             <form class="add_comment add_parent_comment">
                 <div class="form-wrapper">
-                    <div class="inline_flex_space">
-			    <label class="comment_label" for="comment">{% trans "Comments" %}</label>
-                        <span class="show_comments"></span>
-                    </div>
 		    <textarea class="new_comment new_parent_comment" name="new_parent_comment" id="comment" placeholder='{% trans "Add a public comment" %}'></textarea>
                 </div>
                 <div class="add_comment_footer">
@@ -19,6 +18,7 @@
                 </div>
             </form>
 	    {% endif %}
+	    <div class="lds-ring hide"><div></div><div></div><div></div><div></div></div>
         </div>
 	<confirm-modal id="custom_element_confirm_modal" confirm_title='{% trans "Delete comment" %}' message='{% trans "Permanently delete your comment ?" %}'></confirm-modal>
     </div>

From d5776cc22872b0109c6f82d33fa42e230904a33c Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 15:33:01 +0100
Subject: [PATCH 047/145] Css loader

---
 pod/video/static/css/comment-style.css | 40 ++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index ddd95e7060..43de68b35b 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -606,3 +606,43 @@
 	 background-color: var(--third-background-color);
     }
  }
+/* ************ Loader ************* */
+.lds-ring.hide{display: none; opacity: 0; visibility: none;}
+.lds-ring {
+  position: relative;
+  width: 50px;
+  height: 50px;
+  margin: 0 auto;
+  display: flex;
+  justify-content: center;
+}
+.lds-ring div {
+  box-sizing: border-box;
+  display: block;
+  position: absolute;
+  width: 34px;
+  height: 34px;
+  margin: 8px;
+  border: 4px solid #fff;
+  border-radius: 50%;
+  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  border-color: var(--background-color) transparent transparent transparent;
+}
+.lds-ring div:nth-child(1) {
+  animation-delay: -0.45s;
+}
+.lds-ring div:nth-child(2) {
+  animation-delay: -0.3s;
+}
+.lds-ring div:nth-child(3) {
+  animation-delay: -0.15s;
+}
+@keyframes lds-ring {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+

From ab14aefa8e033e09026c71d28333cdff64ed49e4 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 15:33:45 +0100
Subject: [PATCH 048/145] toggle hide/show loader

---
 pod/video/static/js/comment-script.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index a688bf4d3c..6d3c566ba9 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -687,9 +687,13 @@ function set_comments_number() {
     comment_label.innerText = `${nb_comments} ${label_text}`;
 }
 
+// Loader Element
+const loader = document.querySelector(".comment_content > .lds-ring");
+
 /************  Get vote from the server  **************
  ******************************************************/
 fetch(base_vote_url).then(response => {
+    loader.classList.remove('hide'); // show loader
     response.json().then(data => {
         VOTED_USERS = data.votes;
     });
@@ -698,6 +702,7 @@ fetch(base_vote_url).then(response => {
      ******************************************************/
     fetch(base_url).then(response => {
         response.json().then(data => {
+            loader.classList.add('hide'); // hide loader
             all_comment = data;
             set_comments_number()
             data.forEach(comment_data => {

From 2b1559436f0ab28120b68657e5b17c1da225e4a7 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 15:52:21 +0100
Subject: [PATCH 049/145] import vote_post and vote_get

---
 pod/urls.py | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/pod/urls.py b/pod/urls.py
index 6768f7bbf2..3f6c988839 100644
--- a/pod/urls.py
+++ b/pod/urls.py
@@ -31,7 +31,8 @@
 from pod.video.views import video_count, video_version
 from pod.video.views import video_oembed
 from pod.video.views import stats_view
-from pod.video.views import get_comments, add_comment, delete_comment, vote
+from pod.video.views import get_comments, add_comment, delete_comment
+from pod.video.views import vote_get, vote_post
 from pod.video.views import get_categories, add_category
 from pod.video.views import edit_category, delete_category
 from pod.video.feeds import RssSiteVideosFeed, RssSiteAudiosFeed
@@ -238,9 +239,9 @@
         url(r'^comment/del/(?P<video_slug>[\-\d\w]+)/(?P<comment_id>[\d]+)/$',
             delete_comment, name='delete_comment'),
         url(r'^comment/vote/(?P<video_slug>[\-\d\w]+)/$',
-            vote, name='get_votes'),
+            vote_get, name='get_votes'),
         url(r'^comment/vote/(?P<video_slug>[\-\d\w]+)/(?P<comment_id>[\d]+)/$',
-            vote, name='add_vote'),
+            vote_post, name='add_vote'),
     ]
 
 # VIDEO CATEGORY

From 787541e375cbb7ed71e1fe5b2b40dab90a618ca4 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 15:54:03 +0100
Subject: [PATCH 050/145] extract vote post code to vote_post function, rename
 vote function to vote_get

---
 pod/video/views.py | 52 ++++++++++++++++++++++++++--------------------
 1 file changed, 29 insertions(+), 23 deletions(-)

diff --git a/pod/video/views.py b/pod/video/views.py
index e1bf2e73e5..3abf74a97b 100644
--- a/pod/video/views.py
+++ b/pod/video/views.py
@@ -1650,31 +1650,9 @@ def video_add(request):
 
 
 @csrf_protect
-def vote(request, video_slug, comment_id=None):
+def vote_get(request, video_slug):
     c_video = get_object_or_404(Video, slug=video_slug)
     if request.method == "POST":
-        c = get_object_or_404(
-            Comment, video=c_video, id=comment_id)if comment_id else None
-        c_user = request.user
-        if not c_user:
-            return HttpResponse('<h1>Bad Request</h1>', status=400)
-        response = {}
-        c_vote = Vote.objects.filter(
-            user=c_user, comment=c, comment__video=c_video).first()
-        if c_vote:
-            c_vote.delete()
-            response['voted'] = False
-        else:
-            c_vote = Vote()
-            c_vote.comment = c
-            c_vote.user = c_user
-            c_vote.save()
-            response['voted'] = True
-
-        return HttpResponse(
-            json.dumps(response),
-            content_type="application/json")
-    if comment_id:
         return HttpResponseNotFound('<h1>Method Not Allowed</h1>', status=405)
     else:
         votes = Vote.objects.filter(
@@ -1683,6 +1661,34 @@ def vote(request, video_slug, comment_id=None):
         return HttpResponse(json.dumps(data), content_type='application/json')
 
 
+@login_required(redirect_field_name='referrer')
+def vote_post(request, video_slug, comment_id):
+    if request.method == "GET":
+        return HttpResponseNotFound('<h1>Method Not Allowed</h1>', status=405)
+
+    c_video = get_object_or_404(Video, slug=video_slug)
+    c = get_object_or_404(
+        Comment, video=c_video, id=comment_id)if comment_id else None
+    c_user = request.user
+    if not c_user:
+        return HttpResponse('<h1>Bad Request</h1>', status=400)
+    response = {}
+    c_vote = Vote.objects.filter(
+        user=c_user, comment=c, comment__video=c_video).first()
+    if c_vote:
+        c_vote.delete()
+        response['voted'] = False
+    else:
+        c_vote = Vote()
+        c_vote.comment = c
+        c_vote.user = c_user
+        c_vote.save()
+        response['voted'] = True
+
+    return HttpResponse(
+        json.dumps(response), content_type="application/json")
+
+
 @login_required(redirect_field_name='referrer')
 @csrf_protect
 def add_comment(request, video_slug, comment_id=None):

From ca6fa238bc56fd1a5408003dd05ed09e9f220fa8 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 16:28:52 +0100
Subject: [PATCH 051/145] change COLORS

---
 pod/video/static/js/comment-script.js | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 6d3c566ba9..d0b0b03f28 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -6,15 +6,15 @@ const lang_btn = document.querySelector(".btn-lang.btn-lang-active");
 const comment_label = document.querySelector('.comment_label');
 let VOTED_USERS = [];
 const COLORS = [
-    "#5F616D",
-    "#6B6D79",
-    "#767984",
-    "#828590",
-    "#8D929B",
-    "#999EA7",
-    "#A4AAB2",
-    "#B0B6BE",
-    "#BBC2C9",
+    "#050710",
+    "#0E112A",
+    "#1D1543",
+    "#302163",
+    "#432B82",
+    "#53358F",
+    "#643FBD",
+    "#755CC9",
+    "#877CD3",
 ]
 const LANG = lang_btn ? lang_btn.textContent.trim() : "fr";
 const ACTION_COMMENT = {
@@ -587,7 +587,6 @@ function add_child_comment(el, container_el, parent_comment) {
             is_parent = false,
             is_comment_owner = true);
         setBorderLeftColor(c, child_direct_parent)
-        //container_el.prepend(c);
         container_el.appendChild(c);
 
         hide_or_add_show_children_btn(

From 0e081d3dfead007b0969b599ca42c41151955aee Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 16:45:23 +0100
Subject: [PATCH 052/145] fix missing vote

---
 pod/video/static/js/comment-script.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index d0b0b03f28..00d27aaf85 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -146,7 +146,7 @@ class Comment extends HTMLElement {
         else
             comment_container.querySelector('.comment_content_body').appendChild(content);
         let svg_icon = [`<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="unvoted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>`, `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="voted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>`];
-        let vote_action = createFooterBtnAction("comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), svg_icon, "comment_vote_btn", `${likes} votes`, id);
+        let vote_action = createFooterBtnAction("comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), is_authenticated ? svg_icon : '', "comment_vote_btn", `${likes} votes`, id);
         if (is_authenticated) {
             vote_action.addEventListener("click", () => {
                 let comment_id = get_comment_attribute(document.getElementById(id));
@@ -335,7 +335,7 @@ function vote(comment_id, target_html_el) {
                     'user__id': user_id,
                     'comment__id': comment_id,
                 });
-                btn.innerHTML = parseInt(btn.textContent) + 1;
+                btn.innerHTML = parseInt(btn.textContent) + 1 + " votes";
                 if (!target_html_el.classList.contains('voted'))
                     target_html_el.classList.add('voted');
             }
@@ -343,7 +343,7 @@ function vote(comment_id, target_html_el) {
                 VOTED_USERS = VOTED_USERS.filter(obj => {
                     obj.comment__id !== comment_id
                 })
-                btn.innerHTML = parseInt(btn.textContent) - 1;
+                btn.innerHTML = parseInt(btn.textContent) - 1 + " votes";
                 if (target_html_el.classList.contains('voted'))
                     target_html_el.classList.remove('voted');
             }

From a7b2b9d75f70764d99804550dbf3703834f6e1c9 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 16:50:43 +0100
Subject: [PATCH 053/145] margin bottom comment form

---
 pod/video/static/css/comment-style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 43de68b35b..b77387f65b 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -319,6 +319,7 @@
     width: 100%;
     border-bottom: 1px solid var(--background-color);
     padding: 1em 0;
+    margin-bottom: 2em;
 }
 .comment_main .form-wrapper
 {

From e171eaca3321a39b714fcebcade54dd88af3a681 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 12 Jan 2021 16:51:49 +0100
Subject: [PATCH 054/145] fix bug css

---
 pod/video/static/css/comment-style.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index b77387f65b..b11da1940a 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -57,7 +57,9 @@
 .reply_author{
     font-weight: 600;
 }
-.reply_content:{font-weight: 500;}
+.reply_content{
+    font-weight: 500;
+}
 .comment_main .icon.comment_vote_icon svg
 {
     -webkit-transform: translateY(-1px);

From 18b73c1e225a03bb794fd00a5ca70e54ffdc721b Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Wed, 13 Jan 2021 10:28:43 +0100
Subject: [PATCH 055/145] Fix bug update counter of comment children and delete
 nested comment children

---
 pod/video/static/js/comment-script.js | 65 ++++++++++++++++-----------
 1 file changed, 38 insertions(+), 27 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 00d27aaf85..361df10c7e 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -75,13 +75,6 @@ class ConfirmModal extends HTMLElement {
             e.preventDefault();
             document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.remove("show");
             // Delete comment
-            let parent_el = ACTION_COMMENT.comment_to_delete.parentElement
-            parent_el.removeChild(ACTION_COMMENT.comment_to_delete);
-            // remove show children btn if no child in the node
-            if (parent_el.classList.contains("comments_children_container") && parent_el.childElementCount === 0) {
-                let parent_e = get_node(parent_el, "comment_element", "comment_child");
-                hide_or_add_show_children_btn(parent_e, parent_el.childElementCount);
-            }
             delete_comment(ACTION_COMMENT.comment_to_delete);
             ACTION_COMMENT.comment_to_delete = null;
         });
@@ -212,7 +205,6 @@ class Comment extends HTMLElement {
                         add_comment.parentElement.classList.toggle("show");
                         if (!comment_parent.classList.contains("show"))
                             comment_parent.classList.add("show")
-                        hide_show_child_comment_text(this, comment_parent.querySelector(".comments_children_container").childElementCount)
                         add_child_comment(this, child_container, comment_parent);
                         this.value = "";
                     }
@@ -282,9 +274,7 @@ function hide_or_add_show_children_btn(parent_comment = null, nb_child = null) {
     );
     children_action.addEventListener("click", function () {
         get_node(this.parentElement, "comment_element", "comment_child").classList.toggle("show");
-        hide_show_child_comment_text(this, nb_child);
     });
-
     if (parent_comment) {
         let children_container = parent_comment.querySelector(".comments_children_container");
         if (!parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount > 0) {
@@ -311,7 +301,7 @@ function hide_or_add_show_children_btn(parent_comment = null, nb_child = null) {
                     comment_children_container.querySelector(".actions .comment_show_children_action")
                 )
             }
-            hide_show_child_comment_text(comments_children_container, nb_child);
+            update_answer_text(comment);
         })
     }
 }
@@ -355,7 +345,7 @@ function vote(comment_id, target_html_el) {
 
 /****************  Save comment into the server  ****************
  ***************************************************************/
-function save_comment(content, date, parent_id = null, top_parent_id = null) {
+function save_comment(content, date, parent_id = null, parent_comment = null) {
     let post_url = base_url.replace("comment", "comment/add");
     post_url = parent_id ? post_url + parent_id + '/' : post_url
     let data = new FormData();
@@ -367,6 +357,7 @@ function save_comment(content, date, parent_id = null, top_parent_id = null) {
         body: data
     }).then(response => {
         if (response.ok) {
+            let top_parent_id = get_comment_attribute(parent_comment);
             response.json().then(data => {
                 let c = {
                     author__first_name: data.author__first_name,
@@ -393,6 +384,12 @@ function save_comment(content, date, parent_id = null, top_parent_id = null) {
                         return comment;
                     });
                 }
+                console.log(parent_comment);
+                console.log(parent_comment.querySelector('.comments_children_container').childElementCount);
+                hide_or_add_show_children_btn(
+                    parent_comment,
+                    parent_comment.querySelector('.comments_children_container').childElementCount
+                );
                 set_comments_number()
             });
         }
@@ -420,11 +417,18 @@ function delete_comment(comment) {
         response.json().then(data => {
             if (data.deleted) {
                 document.body.appendChild(new AlertMessage(gettext("Comment has been deleted successfully.")));
-
-                if (is_child) delete_comment_child_DOM(comment, is_child);
-
-                else all_comment = all_comment.filter(c => c.parent_comment.id != data.comment_deleted);
-
+                let parent_el = null
+                if (is_child) {
+                    let remaining_children = delete_comment_child_DOM(comment, is_child);
+                    parent_el = get_node(comment, "comment_element", "comment_child");
+                    comment.parentElement.removeChild(comment);
+                    hide_or_add_show_children_btn(parent_el, remaining_children);
+                    update_answer_text(parent_el);
+                    set_comments_number();
+                    return;
+                }
+                all_comment = all_comment.filter(c => c.parent_comment.id != data.comment_deleted);
+                comment.parentElement.removeChild(comment);
                 set_comments_number();
             }
             else
@@ -437,28 +441,33 @@ function delete_comment(comment) {
 }
 
 function delete_comment_child_DOM(comment, is_child) {
+    let remaining_children = 0;
     if (is_child) {
         let comment_id = get_comment_attribute(comment);
         let comment_top_parent_id = get_comment_attribute(comment, attr = 'top_parent__id');
+        let list_parent_id = [comment_id];
 
         all_comment = all_comment.map(p_comment => {
             if (p_comment.parent_comment.id === comment_top_parent_id) {
                 p_comment.children = p_comment.children
                     .filter(c_comment => c_comment.id !== comment_id)
                     .filter(c_comment => {
-                        if (c_comment.parent__id === comment_id) {
+                        if (list_parent_id.includes(c_comment.parent__id)) {
+                            list_parent_id = [...list_parent_id, c_comment.id];
                             // Remove comment html element from DOM
                             let html_id = `#comment_${new Date(c_comment.added).getTime()}`;
                             let c = document.querySelector(html_id)
                             c.parentElement.removeChild(c);
                         }
-                        return c_comment.parent__id !== comment_id; // Remove comment data from all_comment
+                        return !list_parent_id.includes(c_comment.parent__id); // Remove comment data from all_comment
                     });
+                remaining_children = p_comment.children.length;
                 return p_comment;
             }
             return p_comment;
         });
     }
+    return remaining_children;
 }
 
 /*********** Scroll to a specific comment *************
@@ -590,18 +599,18 @@ function add_child_comment(el, container_el, parent_comment) {
         container_el.appendChild(c);
 
         hide_or_add_show_children_btn(
-            get_node(container_el, "comment_element", "comment_child"),
+            parent_comment,
             parent_comment.querySelector('.comments_children_container').childElementCount
         );
+        update_answer_text(parent_comment)
 
         // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
         let p_id = get_comment_attribute(child_direct_parent);
-        let t_p_id = get_comment_attribute(parent_comment);
 
         // Scroll to the comment child
         scrollToComment(c);
 
-        save_comment(el.value, date_added.toISOString(), p_id, t_p_id);
+        save_comment(el.value, date_added.toISOString(), p_id, parent_comment);
     }
 }
 
@@ -659,13 +668,15 @@ function get_node(el, class_name, not) {
 
 /*******  Manage hide/show child comment text  ********
  ******************************************************/
-function hide_show_child_comment_text(el, nb_child = null) {
-    nb_child = nb_child ? nb_child : '';
-    let node = get_node(el, "comment_element", "comment_child");
-    let target_node = get_node(el, "comment_show_children_btn");
+function update_answer_text(el) {
+    let children_container = get_node(el, "comments_children_container");
+    let nb_child = children_container.childElementCount;
+    nb_child = nb_child === 0 ? '' : nb_child;
     let txt = gettext("Answers");
     txt = `${nb_child} ${txt}`;
-    target_node.innerText = txt;
+    let answer_text_element = el.querySelector(".comment_show_children_btn");
+    if (answer_text_element)
+        answer_text_element.innerText = txt;
 }
 
 /*****************  Manage vote svg  ******************

From 65b2ac87803d7a8ca9dda5c41fee7cfe70550ee0 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 14 Jan 2021 12:05:44 +0100
Subject: [PATCH 056/145] add action to video view set to show list of video
 for username pass in get request - create VideoUserSerializer to serialize it

---
 pod/video/rest_views.py | 42 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/pod/video/rest_views.py b/pod/video/rest_views.py
index d465686f50..a259c0c650 100644
--- a/pod/video/rest_views.py
+++ b/pod/video/rest_views.py
@@ -5,6 +5,8 @@
 # from rest_framework import authentication, permissions
 from rest_framework import renderers
 from rest_framework.decorators import api_view
+from rest_framework.decorators import action
+
 from django.template.loader import render_to_string
 from django.shortcuts import get_object_or_404
 
@@ -70,6 +72,32 @@ class Meta:
                             )
 
 
+class VideoUserSerializer(serializers.ModelSerializer):
+
+    def to_representation(self, instance):
+        data = super(VideoUserSerializer, self).to_representation(instance)
+        import json
+        video_data = json.loads(instance.get_json_to_index())
+        video_data.update({"encoded": instance.encoded})
+        video_data.update(
+            {"encoding_in_progress": instance.encoding_in_progress})
+        video_data.update(
+            {"get_thumbnail_admin": instance.get_thumbnail_admin})
+        video_data.update({"mp4_file": instance.get_video_mp4_json()})
+        video_data.update({"mp3_file": instance.get_video_mp3(
+        ).source_file.url if instance.get_video_mp3() else ""})
+        video_data.update({"m4a_file": instance.get_video_m4a(
+        ).source_file.url if instance.get_video_m4a() else ""})
+        data["video_data"] = video_data
+        return data
+
+    class Meta:
+        model = Video
+        fields = (
+            'id', 'url', 'get_version'
+        )
+
+
 class VideoRenditionSerializer(serializers.HyperlinkedModelSerializer):
 
     class Meta:
@@ -136,6 +164,20 @@ class VideoViewSet(viewsets.ModelViewSet):
     serializer_class = VideoSerializer
     filter_fields = ('owner', 'type', 'date_added', 'channel', 'discipline')
 
+    @action(detail=False, methods=['get'])
+    def user_videos(self, request):
+        user_videos = Video.objects.filter(
+            owner__username=request.GET.get('username'))
+        page = self.paginate_queryset(user_videos)
+        if page is not None:
+            serializer = VideoUserSerializer(
+                page, many=True, context={'request': request})
+            return self.get_paginated_response(serializer.data)
+
+        serializer = VideoUserSerializer(
+            user_videos, many=True, context={'request': request})
+        return Response(serializer.data)
+
 
 class VideoRenditionViewSet(viewsets.ModelViewSet):
     queryset = VideoRendition.objects.all()

From 9952fbb6d2118ff35d372db885c7b4d7ccdd0ba1 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 14 Jan 2021 15:00:29 +0100
Subject: [PATCH 057/145] add filter in list video for user

---
 pod/video/rest_views.py | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/pod/video/rest_views.py b/pod/video/rest_views.py
index a259c0c650..4ffbd67e6f 100644
--- a/pod/video/rest_views.py
+++ b/pod/video/rest_views.py
@@ -17,6 +17,8 @@
 from .views import VIDEOS
 from .remote_encode import start_store_remote_encoding_video
 
+import json
+
 # Serializers define the API representation.
 
 
@@ -65,7 +67,6 @@ class Meta:
             'encoding_in_progress', 'duration', 'sites', 'disable_comment',
             'get_encoding_step', 'get_version', 'encoded', 'duration_in_time'
         )
-        filter_fields = ('owner', 'type', 'date_added')
         read_only_fields = ('encoding_in_progress', 'duration',
                             'get_encoding_step',
                             'get_version', 'encoded', 'duration_in_time'
@@ -76,7 +77,6 @@ class VideoUserSerializer(serializers.ModelSerializer):
 
     def to_representation(self, instance):
         data = super(VideoUserSerializer, self).to_representation(instance)
-        import json
         video_data = json.loads(instance.get_json_to_index())
         video_data.update({"encoded": instance.encoded})
         video_data.update(
@@ -94,8 +94,13 @@ def to_representation(self, instance):
     class Meta:
         model = Video
         fields = (
-            'id', 'url', 'get_version'
+            'id', 'url', 'get_version', 'type', 'date_added', 'is_draft',
+            'is_restricted', 'encoding_in_progress', 'encoded',
         )
+        read_only_fields = ('encoding_in_progress', 'duration',
+                            'get_encoding_step',
+                            'get_version', 'encoded', 'duration_in_time'
+                            )
 
 
 class VideoRenditionSerializer(serializers.HyperlinkedModelSerializer):
@@ -162,11 +167,14 @@ class DisciplineViewSet(viewsets.ModelViewSet):
 class VideoViewSet(viewsets.ModelViewSet):
     queryset = Video.objects.all()
     serializer_class = VideoSerializer
-    filter_fields = ('owner', 'type', 'date_added', 'channel', 'discipline')
+    filter_fields = ('owner', 'type', 'date_added', 'is_draft',
+                     'is_restricted', 'encoding_in_progress')
 
     @action(detail=False, methods=['get'])
     def user_videos(self, request):
-        user_videos = Video.objects.filter(
+        # user_videos = Video.objects.filter(
+        #    owner__username=request.GET.get('username'))
+        user_videos = self.filter_queryset(self.get_queryset()).filter(
             owner__username=request.GET.get('username'))
         page = self.paginate_queryset(user_videos)
         if page is not None:

From f579eac59078fe5ea5a4dd18f333fbc5eec1012c Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 14 Jan 2021 15:27:30 +0100
Subject: [PATCH 058/145] add filter to get only encoded video

---
 pod/video/rest_views.py | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/pod/video/rest_views.py b/pod/video/rest_views.py
index 4ffbd67e6f..018686de21 100644
--- a/pod/video/rest_views.py
+++ b/pod/video/rest_views.py
@@ -81,6 +81,8 @@ def to_representation(self, instance):
         video_data.update({"encoded": instance.encoded})
         video_data.update(
             {"encoding_in_progress": instance.encoding_in_progress})
+        video_data.update(
+            {"get_encoding_step": instance.get_encoding_step})
         video_data.update(
             {"get_thumbnail_admin": instance.get_thumbnail_admin})
         video_data.update({"mp4_file": instance.get_video_mp4_json()})
@@ -176,6 +178,9 @@ def user_videos(self, request):
         #    owner__username=request.GET.get('username'))
         user_videos = self.filter_queryset(self.get_queryset()).filter(
             owner__username=request.GET.get('username'))
+        if request.GET.get('encoded') and request.GET.get('encoded') == "true":
+            user_videos = user_videos.exclude(
+                pk__in=[vid.id for vid in VIDEOS if not vid.encoded])
         page = self.paginate_queryset(user_videos)
         if page is not None:
             serializer = VideoUserSerializer(

From 3af30f537bb931cb8d0048aea0570cb4ce2fb70e Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 14 Jan 2021 17:10:10 +0100
Subject: [PATCH 059/145] add rest view to launch transcript, rename
 store_encoded_video in store_remote_encoded_video

---
 pod/main/rest_router.py |  7 +++++--
 pod/video/rest_views.py | 16 +++++++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/pod/main/rest_router.py b/pod/main/rest_router.py
index d1ec2bfbad..e30a9559e4 100644
--- a/pod/main/rest_router.py
+++ b/pod/main/rest_router.py
@@ -60,8 +60,11 @@
         name='dublincore'),
     url(r'launch_encode_view/$', video_views.launch_encode_view,
         name='launch_encode_view'),
-    url(r'store_encoded_video/$', video_views.store_encoded_video,
-        name='store_encoded_video'),
+    url(r'launch_transcript_view/$', video_views.launch_transcript_view,
+        name='launch_transcript_view'),
+    url(r'store_remote_encoded_video/$',
+        video_views.store_remote_encoded_video,
+        name='store_remote_encoded_video'),
 ]
 
 for apps in settings.THIRD_PARTY_APPS:
diff --git a/pod/video/rest_views.py b/pod/video/rest_views.py
index 018686de21..11ea3c6701 100644
--- a/pod/video/rest_views.py
+++ b/pod/video/rest_views.py
@@ -16,6 +16,7 @@
 from .models import PlaylistVideo
 from .views import VIDEOS
 from .remote_encode import start_store_remote_encoding_video
+from .transcript import start_transcript
 
 import json
 
@@ -279,7 +280,20 @@ def launch_encode_view(request):
 
 
 @api_view(['GET'])
-def store_encoded_video(request):
+def launch_transcript_view(request):
+    video = get_object_or_404(Video, slug=request.GET.get('slug'))
+    if (
+            video is not None
+            and video.get_video_mp3()
+    ):
+        start_transcript(video.id, threaded=True)
+    return Response(
+        VideoSerializer(instance=video, context={'request': request}).data
+    )
+
+
+@api_view(['GET'])
+def store_remote_encoded_video(request):
     video_id = request.GET.get('id', 0)
     video = get_object_or_404(Video, id=video_id)
     start_store_remote_encoding_video(video_id)

From 9ce5031d9041af2c01ed5fe6cea5144e26cb913c Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Fri, 15 Jan 2021 09:25:45 +0100
Subject: [PATCH 060/145] update settings example

---
 pod/custom/settings_local.py.example | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index 4ca7b29949..f6c1892e96 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -566,8 +566,15 @@ ENCODE_VIDEO = "start_encode"
 # -n encoding-<video_id> -i <video_src_file>  -v <video_id> -u <video_user_hash> -d <settings_debug>
 # SSH_REMOTE_CMD = "" 
 """
+
 """
-# pourl'encodage distant, il faut préciser le login, l'host et la clé pour appeler cet encodage
+# Fonction appelée pour lancer la transcription des vidéos
+# Pour la transcription distant, il faut préciser "start_remote_transcript"
+"""
+TRANSCRIPT_VIDEO = "start_transcript"
+
+"""
+# pour la transcription distant, il faut préciser le login, l'host et la clé pour appeler la fonction
 # REMOTE ENCODING SETTINGS
 # SSH_TRANSCRIPT_REMOTE_USER = "pod"
 # SSH_TRANSCRIPT_REMOTE_HOST = "xxx.univ.fr"
@@ -801,7 +808,7 @@ AFFILIATION = (
     ('retired', ('retired')),
     ('emeritus', ('emeritus')),
     ('teacher', ('teacher')),
-    ('registered-reader', _('registered-reader'))
+    ('registered-reader', ('registered-reader'))
 )
 
 """

From 5b7a3dbc8de94e542fa61da9110016aebe94b5a1 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Fri, 15 Jan 2021 14:54:39 +0100
Subject: [PATCH 061/145] remove video-js-6.8.0, add video-js-7.10.2, call it
 in header and update script to use it

---
 .../video-js-6.8.0/alt/video-js-cdn.css       |  1446 -
 .../video-js-6.8.0/alt/video-js-cdn.min.css   |     1 -
 .../static/video-js-6.8.0/alt/video.novtt.js  | 24545 --------------
 .../video-js-6.8.0/alt/video.novtt.min.js     |     6 -
 .../examples/elephantsdream/captions.ar.vtt   |   330 -
 .../examples/elephantsdream/captions.en.vtt   |   334 -
 .../examples/elephantsdream/captions.ja.vtt   |   326 -
 .../examples/elephantsdream/captions.ru.vtt   |   356 -
 .../examples/elephantsdream/captions.sv.vtt   |   349 -
 .../examples/elephantsdream/chapters.en.vtt   |    44 -
 .../elephantsdream/descriptions.en.vtt        |   280 -
 .../examples/elephantsdream/index.html        |    42 -
 .../static/video-js-6.8.0/examples/index.html |    18 -
 .../examples/shared/example-captions.vtt      |    41 -
 .../examples/simple-embed/index.html          |    26 -
 .../static/video-js-6.8.0/font/VideoJS.eot    |   Bin 6952 -> 0 bytes
 .../static/video-js-6.8.0/font/VideoJS.svg    |   108 -
 .../static/video-js-6.8.0/font/VideoJS.ttf    |   Bin 6788 -> 0 bytes
 .../static/video-js-6.8.0/font/VideoJS.woff   |   Bin 4168 -> 0 bytes
 .../static/video-js-6.8.0/ie8/videojs-ie8.js  |  2600 --
 .../video-js-6.8.0/ie8/videojs-ie8.min.js     |     1 -
 pod/main/static/video-js-6.8.0/lang/ar.js     |    34 -
 pod/main/static/video-js-6.8.0/lang/ba.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/bg.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/ca.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/cs.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/da.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/de.js     |    84 -
 pod/main/static/video-js-6.8.0/lang/el.js     |    40 -
 pod/main/static/video-js-6.8.0/lang/en.js     |    85 -
 pod/main/static/video-js-6.8.0/lang/es.js     |    27 -
 pod/main/static/video-js-6.8.0/lang/fa.js     |    84 -
 pod/main/static/video-js-6.8.0/lang/fi.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/fr.js     |    84 -
 pod/main/static/video-js-6.8.0/lang/gl.js     |    27 -
 pod/main/static/video-js-6.8.0/lang/he.js     |    84 -
 pod/main/static/video-js-6.8.0/lang/hr.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/hu.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/it.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/ja.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/ko.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/nb.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/nl.js     |    84 -
 pod/main/static/video-js-6.8.0/lang/nn.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/pl.js     |    34 -
 pod/main/static/video-js-6.8.0/lang/pt-BR.js  |    26 -
 pod/main/static/video-js-6.8.0/lang/pt-PT.js  |    41 -
 pod/main/static/video-js-6.8.0/lang/ru.js     |    84 -
 pod/main/static/video-js-6.8.0/lang/sk.js     |    84 -
 pod/main/static/video-js-6.8.0/lang/sr.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/sv.js     |    26 -
 pod/main/static/video-js-6.8.0/lang/tr.js     |    76 -
 pod/main/static/video-js-6.8.0/lang/uk.js     |    40 -
 pod/main/static/video-js-6.8.0/lang/vi.js     |    84 -
 pod/main/static/video-js-6.8.0/lang/zh-CN.js  |    83 -
 pod/main/static/video-js-6.8.0/lang/zh-TW.js  |    83 -
 pod/main/static/video-js-6.8.0/video-js.css   |  1458 -
 .../static/video-js-6.8.0/video-js.min.css    |     1 -
 pod/main/static/video-js-6.8.0/video.cjs.js   | 24104 --------------
 pod/main/static/video-js-6.8.0/video.es.js    | 24102 --------------
 pod/main/static/video-js-6.8.0/video.js       | 26371 ----------------
 pod/main/static/video-js-6.8.0/video.min.js   |     7 -
 .../videojs-contrib-quality-levels.min.js     |     2 +
 .../player/videojs-hls-quality-selector.css   |     7 +
 .../videojs-hls-quality-selector.min.js       |     7 +
 .../static/player/videojs-seek-buttons.css    |     2 +
 .../static/player/videojs-seek-buttons.min.js |     2 +
 pod/video/static/player/videojs/lang/fr.js    |    84 +
 pod/video/static/player/videojs/lang/fr.json  |    84 +
 .../static/player/videojs/video-js.min.css    |     1 +
 pod/video/static/player/videojs/video.min.js  |    25 +
 pod/video/templates/videos/video-header.html  |    48 +-
 pod/video/templates/videos/video-script.html  |    60 +-
 73 files changed, 292 insertions(+), 108584 deletions(-)
 delete mode 100755 pod/main/static/video-js-6.8.0/alt/video-js-cdn.css
 delete mode 100755 pod/main/static/video-js-6.8.0/alt/video-js-cdn.min.css
 delete mode 100755 pod/main/static/video-js-6.8.0/alt/video.novtt.js
 delete mode 100755 pod/main/static/video-js-6.8.0/alt/video.novtt.min.js
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.ar.vtt
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.en.vtt
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.ja.vtt
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.ru.vtt
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.sv.vtt
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/elephantsdream/chapters.en.vtt
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/elephantsdream/descriptions.en.vtt
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/elephantsdream/index.html
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/index.html
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/shared/example-captions.vtt
 delete mode 100755 pod/main/static/video-js-6.8.0/examples/simple-embed/index.html
 delete mode 100755 pod/main/static/video-js-6.8.0/font/VideoJS.eot
 delete mode 100755 pod/main/static/video-js-6.8.0/font/VideoJS.svg
 delete mode 100755 pod/main/static/video-js-6.8.0/font/VideoJS.ttf
 delete mode 100755 pod/main/static/video-js-6.8.0/font/VideoJS.woff
 delete mode 100755 pod/main/static/video-js-6.8.0/ie8/videojs-ie8.js
 delete mode 100755 pod/main/static/video-js-6.8.0/ie8/videojs-ie8.min.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/ar.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/ba.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/bg.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/ca.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/cs.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/da.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/de.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/el.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/en.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/es.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/fa.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/fi.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/fr.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/gl.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/he.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/hr.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/hu.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/it.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/ja.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/ko.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/nb.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/nl.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/nn.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/pl.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/pt-BR.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/pt-PT.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/ru.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/sk.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/sr.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/sv.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/tr.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/uk.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/vi.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/zh-CN.js
 delete mode 100755 pod/main/static/video-js-6.8.0/lang/zh-TW.js
 delete mode 100755 pod/main/static/video-js-6.8.0/video-js.css
 delete mode 100755 pod/main/static/video-js-6.8.0/video-js.min.css
 delete mode 100755 pod/main/static/video-js-6.8.0/video.cjs.js
 delete mode 100755 pod/main/static/video-js-6.8.0/video.es.js
 delete mode 100755 pod/main/static/video-js-6.8.0/video.js
 delete mode 100755 pod/main/static/video-js-6.8.0/video.min.js
 create mode 100644 pod/video/static/player/videojs-contrib-quality-levels.min.js
 create mode 100644 pod/video/static/player/videojs-hls-quality-selector.css
 create mode 100644 pod/video/static/player/videojs-hls-quality-selector.min.js
 create mode 100644 pod/video/static/player/videojs-seek-buttons.css
 create mode 100644 pod/video/static/player/videojs-seek-buttons.min.js
 create mode 100644 pod/video/static/player/videojs/lang/fr.js
 create mode 100644 pod/video/static/player/videojs/lang/fr.json
 create mode 100644 pod/video/static/player/videojs/video-js.min.css
 create mode 100644 pod/video/static/player/videojs/video.min.js

diff --git a/pod/main/static/video-js-6.8.0/alt/video-js-cdn.css b/pod/main/static/video-js-6.8.0/alt/video-js-cdn.css
deleted file mode 100755
index b2ce11a9fe..0000000000
--- a/pod/main/static/video-js-6.8.0/alt/video-js-cdn.css
+++ /dev/null
@@ -1,1446 +0,0 @@
-.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .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("//vjs.zencdn.net/font/1.5.1/VideoJS.eot?#iefix") format("eot"); }
-
-@font-face {
-  font-family: VideoJS;
-  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");
-  font-weight: normal;
-  font-style: normal; }
-
-.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal; }
-  .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .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-subtitles-button .vjs-icon-placeholder, .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 {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal; }
-  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder: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 {
-    content: "\f10c"; }
-
-.vjs-icon-captions, .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 {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal; }
-  .vjs-icon-captions:before, .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 {
-    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, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal; }
-  .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level: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"; }
-
-.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%;
-  overflow-y: auto; }
-
-.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.5em;
-  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);
-  -webkit-border-radius: 0.3em;
-  -moz-border-radius: 0.3em;
-  border-radius: 0.3em;
-  -webkit-transition: all 0.4s;
-  -moz-transition: all 0.4s;
-  -ms-transition: all 0.4s;
-  -o-transition: all 0.4s;
-  transition: all 0.4s; }
-
-.vjs-big-play-centered .vjs-big-play-button {
-  top: 50%;
-  left: 50%;
-  margin-top: -0.75em;
-  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);
-  -webkit-transition: all 0s;
-  -moz-transition: all 0s;
-  -ms-transition: all 0s;
-  -o-transition: all 0s;
-  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;
-  overflow: visible;
-  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: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
-  overflow: auto;
-  box-sizing: content-box; }
-
-.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;
-  box-sizing: content-box; }
-
-.vjs-menu .vjs-menu-content > * {
-  box-sizing: border-box; }
-
-.vjs-scrubbing .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 {
-  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 {
-  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-workinghover .vjs-menu-button-popup:hover .vjs-menu,
-.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
-  display: block; }
-
-.video-js .vjs-menu-button-inline {
-  -webkit-transition: all 0.4s;
-  -moz-transition: all 0.4s;
-  -ms-transition: all 0.4s;
-  -o-transition: all 0.4s;
-  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;
-  -webkit-transition: all 0.4s;
-  -moz-transition: all 0.4s;
-  -ms-transition: all 0.4s;
-  -o-transition: all 0.4s;
-  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: 3.0em;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7); }
-
-.vjs-has-started .vjs-control-bar {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  visibility: visible;
-  opacity: 1;
-  -webkit-transition: visibility 0.1s, opacity 0.1s;
-  -moz-transition: visibility 0.1s, opacity 0.1s;
-  -ms-transition: visibility 0.1s, opacity 0.1s;
-  -o-transition: visibility 0.1s, opacity 0.1s;
-  transition: visibility 0.1s, opacity 0.1s; }
-
-.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-  visibility: visible;
-  opacity: 0;
-  -webkit-transition: visibility 1s, opacity 1s;
-  -moz-transition: visibility 1s, opacity 1s;
-  -ms-transition: visibility 1s, opacity 1s;
-  -o-transition: visibility 1s, opacity 1s;
-  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;
-  -webkit-box-flex: none;
-  -moz-box-flex: none;
-  -webkit-flex: none;
-  -ms-flex: none;
-  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;
-  -webkit-box-flex: auto;
-  -moz-box-flex: auto;
-  -webkit-flex: auto;
-  -ms-flex: auto;
-  flex: auto;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-width: 4em; }
-
-.video-js .vjs-progress-control.disabled {
-  cursor: default; }
-
-.vjs-live .vjs-progress-control {
-  display: none; }
-
-.vjs-no-flex .vjs-progress-control {
-  width: auto; }
-
-.video-js .vjs-progress-holder {
-  -webkit-box-flex: auto;
-  -moz-box-flex: auto;
-  -webkit-flex: auto;
-  -ms-flex: auto;
-  flex: auto;
-  -webkit-transition: all 0.2s;
-  -moz-transition: all 0.2s;
-  -ms-transition: all 0.2s;
-  -o-transition: all 0.2s;
-  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.666666666666666666em; }
-
-.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;
-  left: 0;
-  top: 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.333333333333333em;
-    z-index: 1; }
-
-.video-js .vjs-load-progress {
-  background: #bfc7d3;
-  background: rgba(115, 133, 159, 0.5); }
-
-.video-js .vjs-load-progress div {
-  background: white;
-  background: rgba(115, 133, 159, 0.75); }
-
-.video-js .vjs-time-tooltip {
-  background-color: #fff;
-  background-color: rgba(255, 255, 255, 0.8);
-  -webkit-border-radius: 0.3em;
-  -moz-border-radius: 0.3em;
-  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: relative;
-  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;
-  -webkit-transition: visibility 1s, opacity 1s;
-  -moz-transition: visibility 1s, opacity 1s;
-  -ms-transition: visibility 1s, opacity 1s;
-  -o-transition: visibility 1s, opacity 1s;
-  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 */
-  -khtml-user-select: none;
-  /* 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;
-  -webkit-box-shadow: 0 0 1em #fff;
-  -moz-box-shadow: 0 0 1em #fff;
-  box-shadow: 0 0 1em #fff; }
-
-.video-js .vjs-mute-control {
-  cursor: pointer;
-  -webkit-box-flex: none;
-  -moz-box-flex: none;
-  -webkit-flex: none;
-  -ms-flex: none;
-  flex: none;
-  padding-left: 2em;
-  padding-right: 2em;
-  padding-bottom: 3em; }
-
-.video-js .vjs-volume-control {
-  cursor: pointer;
-  margin-right: 1em;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  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; }
-
-.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
-  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
-  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
-
-.video-js .vjs-volume-panel {
-  -webkit-transition: width 1s;
-  -moz-transition: width 1s;
-  -ms-transition: width 1s;
-  -o-transition: width 1s;
-  transition: width 1s; }
-  .video-js .vjs-volume-panel: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:hover,
-  .video-js .vjs-volume-panel .vjs-volume-control:active,
-  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
-  .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
-    visibility: visible;
-    opacity: 1;
-    position: relative;
-    -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-    -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-    -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-    -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
-    .video-js .vjs-volume-panel: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:hover.vjs-volume-horizontal,
-    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
-    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
-    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
-      width: 5em;
-      height: 3em; }
-    .video-js .vjs-volume-panel: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:hover.vjs-volume-vertical,
-    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
-    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
-    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
-      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
-      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
-        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
-  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
-    width: 9em;
-    -webkit-transition: width 0.1s;
-    -moz-transition: width 0.1s;
-    -ms-transition: width 0.1s;
-    -o-transition: width 0.1s;
-    transition: width 0.1s; }
-
-.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  height: 8em;
-  width: 3em;
-  left: -3.5em;
-  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  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 {
-  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  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;
-  -webkit-transition: none;
-  -moz-transition: none;
-  -ms-transition: none;
-  -o-transition: none;
-  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: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  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-poster img {
-  display: block;
-  vertical-align: middle;
-  margin: 0 auto;
-  max-height: 100%;
-  padding: 0;
-  width: 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: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: flex-start;
-  -webkit-align-items: flex-start;
-  -ms-flex-align: flex-start;
-  align-items: flex-start;
-  -webkit-box-flex: auto;
-  -moz-box-flex: auto;
-  -webkit-flex: auto;
-  -ms-flex: auto;
-  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-time-control {
-  -webkit-box-flex: none;
-  -moz-box-flex: none;
-  -webkit-flex: none;
-  -ms-flex: none;
-  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; }
-
-.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
-  width: 0px !important;
-  white-space: nowrap; }
-
-.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 .vjs-icon-placeholder {
-  cursor: pointer;
-  -webkit-box-flex: none;
-  -moz-box-flex: none;
-  -webkit-flex: none;
-  -ms-flex: none;
-  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;
-  background-color: #000;
-  background-color: rgba(0, 0, 0, 0.5); }
-
-.vjs-subtitles {
-  color: #fff; }
-
-.vjs-captions {
-  color: #fc6; }
-
-.vjs-tt-cue {
-  display: block; }
-
-video::-webkit-media-text-track-display {
-  -moz-transform: translateY(-3em);
-  -ms-transform: translateY(-3em);
-  -o-transform: translateY(-3em);
-  -webkit-transform: translateY(-3em);
-  transform: translateY(-3em); }
-
-.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-  -moz-transform: translateY(-1.5em);
-  -ms-transform: translateY(-1.5em);
-  -o-transform: translateY(-1.5em);
-  -webkit-transform: translateY(-1.5em);
-  transform: translateY(-1.5em); }
-
-.video-js .vjs-fullscreen-control {
-  cursor: pointer;
-  -webkit-box-flex: none;
-  -moz-box-flex: none;
-  -webkit-flex: none;
-  -ms-flex: none;
-  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;
-  animation: 0s linear 0.3s forwards vjs-spinner-show; }
-
-.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 {
-  position: absolute; }
-
-.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  content: "\f10d";
-  font-size: 1.5em;
-  line-height: inherit; }
-
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
-  -webkit-box-flex: auto;
-  -moz-box-flex: auto;
-  -webkit-flex: auto;
-  -ms-flex: auto;
-  flex: auto; }
-
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
-  width: auto; }
-
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
-  display: none; }
-
-.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
-.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
-.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
-.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
-.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
-  display: none; }
-
-.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
-.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
-.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
-.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
-.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
-  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 auto; }
-  .vjs-text-track-settings .vjs-track-settings-colors {
-    display: block;
-    grid-column: 1;
-    grid-row: 1; }
-  .vjs-text-track-settings .vjs-track-settings-font {
-    grid-column: 2;
-    grid-row: 1; }
-  .vjs-text-track-settings .vjs-track-settings-controls {
-    grid-column: 2;
-    grid-row: 2; } }
-
-.vjs-track-setting > select {
-  margin-right: 5px; }
-
-.vjs-text-track-settings fieldset {
-  margin: 5px;
-  padding: 3px;
-  border: none; }
-
-.vjs-text-track-settings fieldset span {
-  display: inline-block; }
-
-.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;
-  visibility: hidden; }
diff --git a/pod/main/static/video-js-6.8.0/alt/video-js-cdn.min.css b/pod/main/static/video-js-6.8.0/alt/video-js-cdn.min.css
deleted file mode 100755
index 414fd4c7a6..0000000000
--- a/pod/main/static/video-js-6.8.0/alt/video-js-cdn.min.css
+++ /dev/null
@@ -1 +0,0 @@
-.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(//vjs.zencdn.net/font/1.5.1/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");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{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{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{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%;overflow-y:auto}.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.5em;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);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;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);-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 0s;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;overflow:visible;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:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto;box-sizing:content-box}.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;box-sizing:content-box}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .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}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.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-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;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;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-ms-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-ms-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;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;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;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;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:4em}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;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.666666666666666666em}.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;left:0;top:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.333333333333333em;z-index:1}.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:#fff;background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;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:relative;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;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-ms-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;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;-khtml-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;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;padding-left:2em;padding-right:2em;padding-bottom:3em}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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{-webkit-transition:width 1s;-moz-transition:width 1s;-ms-transition:width 1s;-o-transition:width 1s;transition:width 1s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.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-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control{visibility:visible;opacity:1;position:relative;-webkit-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-moz-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-ms-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-o-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.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-volume-control:hover.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:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:9em;-webkit-transition:width .1s;-moz-transition:width .1s;-ms-transition:width .1s;-o-transition:width .1s;transition:width .1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3.5em;-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;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{-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;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;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width: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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;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-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;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}.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control{width:0!important;white-space:nowrap}.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 .vjs-icon-placeholder{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;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;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;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;animation:0s linear .3s forwards vjs-spinner-show}.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{position:absolute}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10d";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-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 auto}.vjs-text-track-settings .vjs-track-settings-colors{display:block;grid-column:1;grid-row:1}.vjs-text-track-settings .vjs-track-settings-font{grid-column:2;grid-row:1}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:2;grid-row:2}}.vjs-track-setting>select{margin-right:5px}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.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;visibility:hidden}
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/alt/video.novtt.js b/pod/main/static/video-js-6.8.0/alt/video.novtt.js
deleted file mode 100755
index 78167933ba..0000000000
--- a/pod/main/static/video-js-6.8.0/alt/video.novtt.js
+++ /dev/null
@@ -1,24545 +0,0 @@
-/**
- * @license
- * Video.js 6.8.0 <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>
- */
-
-(function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define(factory) :
-	(global.videojs = factory());
-}(this, (function () {
-
-var version = "6.8.0";
-
-var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-
-
-
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-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 empty = {};
-
-
-var empty$1 = (Object.freeze || Object)({
-	'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;
-
-/**
- * @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;
-
-/*
- * Device is an iPhone
- *
- * @type {Boolean}
- * @constant
- * @private
- */
-var IS_IPAD = /iPad/i.test(USER_AGENT);
-
-// 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;
-var IS_IPOD = /iPod/i.test(USER_AGENT);
-var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
-
-var IOS_VERSION = function () {
-  var match = USER_AGENT.match(/OS (\d+)_/i);
-
-  if (match && match[1]) {
-    return match[1];
-  }
-  return null;
-}();
-
-var IS_ANDROID = /Android/i.test(USER_AGENT);
-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;
-}();
-
-// Old Android is defined as Version older than 2.3, and requiring a webkit version of the android browser
-var IS_OLD_ANDROID = IS_ANDROID && /webkit/i.test(USER_AGENT) && ANDROID_VERSION < 2.3;
-var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
-
-var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
-var IS_EDGE = /Edge/i.test(USER_AGENT);
-var IS_CHROME = !IS_EDGE && /Chrome/i.test(USER_AGENT);
-var CHROME_VERSION = function () {
-  var match = USER_AGENT.match(/Chrome\/(\d+)/);
-
-  if (match && match[1]) {
-    return parseFloat(match[1]);
-  }
-  return null;
-}();
-var IS_IE8 = /MSIE\s8\.0/.test(USER_AGENT);
-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;
-}();
-
-var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
-var IS_ANY_SAFARI = IS_SAFARI || IS_IOS;
-
-var TOUCH_ENABLED = isReal() && ('ontouchstart' in window_1 || window_1.DocumentTouch && window_1.document instanceof window_1.DocumentTouch);
-
-var BACKGROUND_SIZE_SUPPORTED = isReal() && 'backgroundSize' in window_1.document.createElement('video').style;
-
-var browser = (Object.freeze || Object)({
-	IS_IPAD: IS_IPAD,
-	IS_IPHONE: IS_IPHONE,
-	IS_IPOD: IS_IPOD,
-	IS_IOS: IS_IOS,
-	IOS_VERSION: IOS_VERSION,
-	IS_ANDROID: IS_ANDROID,
-	ANDROID_VERSION: ANDROID_VERSION,
-	IS_OLD_ANDROID: IS_OLD_ANDROID,
-	IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
-	IS_FIREFOX: IS_FIREFOX,
-	IS_EDGE: IS_EDGE,
-	IS_CHROME: IS_CHROME,
-	CHROME_VERSION: CHROME_VERSION,
-	IS_IE8: IS_IE8,
-	IE_VERSION: IE_VERSION,
-	IS_SAFARI: IS_SAFARI,
-	IS_ANY_SAFARI: IS_ANY_SAFARI,
-	TOUCH_ENABLED: TOUCH_ENABLED,
-	BACKGROUND_SIZE_SUPPORTED: BACKGROUND_SIZE_SUPPORTED
-});
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-
-
-
-
-
-
-
-
-
-
-
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
-
-
-
-
-
-
-
-
-
-
-
-var inherits = function (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 (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 taggedTemplateLiteralLoose = function (strings, raw) {
-  strings.raw = raw;
-  return strings;
-};
-
-/**
- * @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) {
-  var initial = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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 = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    sources[_key - 1] = arguments[_key];
-  }
-
-  if (Object.assign) {
-    return Object.assign.apply(Object, [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 === 'undefined' ? 'undefined' : _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 log.js
- * @module log
- */
-var log = void 0;
-
-// This is the private tracking variable for logging level.
-var level = 'info';
-
-// This is the private tracking variable for the logging history.
-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.
- *
- * @param  {boolean} [stringify]
- *         By default, only old IEs should get console argument stringification,
- *         but this is exposed as a parameter to facilitate testing.
- */
-var logByType = function logByType(type, args) {
-  var stringify = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !!IE_VERSION && IE_VERSION < 11;
-
-  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 a clone of the args at this point to history.
-  if (history) {
-    history.push([].concat(args));
-  }
-
-  // Add console prefix after adding to history.
-  args.unshift('VIDEOJS:');
-
-  // 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;
-  }
-
-  // IEs previous to 11 log objects uselessly as "[object Object]"; so, JSONify
-  // objects and arrays for those less-capable browsers.
-  if (stringify) {
-    args = args.map(function (a) {
-      if (isObject(a) || Array.isArray(a)) {
-        try {
-          return JSON.stringify(a);
-        } catch (x) {
-          return String(a);
-        }
-      }
-
-      // Cast to string before joining, so we get null and undefined explicitly
-      // included in output (as we would in a modern console).
-      return String(a);
-    }).join(' ');
-  }
-
-  // Old IE versions do not allow .apply() for console methods (they are
-  // reported as objects rather than functions).
-  if (!fn.apply) {
-    fn(args);
-  } else {
-    fn[Array.isArray(args) ? 'apply' : 'call'](window_1.console, args);
-  }
-};
-
-/**
- * Logs plain debug messages. Similar to `console.log`.
- *
- * @class
- * @param    {Mixed[]} args
- *           One or more messages or objects that should be logged.
- */
-log = function log() {
-  for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  logByType('log', args);
-};
-
-/**
- * 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 log.levels} is provided, acts as a setter. Regardless of argument,
- * returns the current logging level.
- *
- * @param  {string} [lvl]
- *         Pass 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) : [];
-};
-
-/**
- * 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 = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-
-  return logByType('error', 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 = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-    args[_key3] = arguments[_key3];
-  }
-
-  return logByType('warn', 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 = Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-    args[_key4] = arguments[_key4];
-  }
-
-  return logByType('debug', args);
-};
-
-var log$1 = log;
-
-function clean (s) {
-  return s.replace(/\n\r?\s*/g, '')
-}
-
-
-var tsml = function tsml (sa) {
-  var s = ''
-    , i = 0;
-
-  for (; i < arguments.length; i++)
-    s += clean(sa[i]) + (arguments[i + 1] || '');
-
-  return s
-};
-
-/**
- * @file computed-style.js
- * @module computed-style
- */
-/**
- * A safe getComputedStyle with an IE8 fallback.
- *
- * 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.
- *
- * @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
- *
- * @static
- * @const
- */
-function computedStyle(el, prop) {
-  if (!el || !prop) {
-    return '';
-  }
-
-  if (typeof window_1.getComputedStyle === 'function') {
-    var cs = window_1.getComputedStyle(el);
-
-    return cs ? cs[prop] : '';
-  }
-
-  return el.currentStyle[prop] || '';
-}
-
-var _templateObject = taggedTemplateLiteralLoose(['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 ', ' to ', '.'], ['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 ', ' to ', '.']);
-
-/**
- * @file dom.js
- * @module dom
- */
-/**
- * Detect if a value is a string with any non-whitespace characters.
- *
- * @param {string} str
- *        The string to check
- *
- * @return {boolean}
- *         - True if the string is non-blank
- *         - False otherwise
- *
- */
-function isNonBlankString(str) {
-  return typeof str === 'string' && /\S/.test(str);
-}
-
-/**
- * Throws an error if the passed string has whitespace. This is used by
- * class methods to be relatively consistent with the classList API.
- *
- * @param {string} str
- *         The string to check for whitespace.
- *
- * @throws {Error}
- *         Throws an error if there is whitespace in the string.
- *
- */
-function throwIfWhitespace(str) {
-  if (/\s/.test(str)) {
-    throw new Error('class has illegal whitespace characters');
-  }
-}
-
-/**
- * Produce a regular expression for matching a className within an elements className.
- *
- * @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.
- *
- * @return {Boolean}
- */
-function isReal() {
-  return (
-
-    // Both document and window will never be undefined thanks to `global`.
-    document_1 === window_1.document &&
-
-    // In IE < 9, DOM methods return "object" as their type, so all we can
-    // confidently check is that it exists.
-    typeof document_1.createElement !== 'undefined'
-  );
-}
-
-/**
- * Determines, via duck typing, whether or not a value is a DOM element.
- *
- * @param {Mixed} value
- *        The thing to check
- *
- * @return {boolean}
- *         - True if it 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}
- *
- */
-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.
- *
- * @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_1[method](null);
-    }
-    if (isNonBlankString(context)) {
-      context = document_1.querySelector(context);
-    }
-
-    var ctx = isEl(context) ? context : document_1;
-
-    return ctx[method] && ctx[method](selector);
-  };
-}
-
-/**
- * Creates an element and applies properties.
- *
- * @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 {String|Element|TextNode|Array|Function} [content]
- *         Contents for the element (see: {@link dom:normalizeContent})
- *
- * @return {Element}
- *         The element that was created.
- */
-function createEl() {
-  var tagName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';
-  var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var content = arguments[3];
-
-  var el = document_1.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$1.warn(tsml(_templateObject, propName, 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 {
-      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 CSS class
- *
- * @param {Element} element
- *        Element to check
- *
- * @param {string} classToCheck
- *        Class name to check for
- *
- * @return {boolean}
- *         - True if the element had the 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 CSS 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 CSS 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 toggleElClass.
- *
- * @callback 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 the `classToToggle` will get added to `element`.
- *         - If false the `classToToggle` will get removed from `element`.
- *         - If undefined this callback will be ignored
- */
-
-/**
- * Adds or removes a CSS class name on 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|PredicateCallback} [predicate]
- *        See the return value for {@link Dom~PredicateCallback}
- *
- * @return {Element}
- *         The element with a class that has been toggled.
- */
-function toggleClass(element, classToToggle, predicate) {
-
-  // This CANNOT use `classList` internally because IE 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 (which shouldn't be used with HTML)
- * This will return true or false for boolean attributes.
- *
- * @param {Element} tag
- *        Element from which to get tag attributes.
- *
- * @return {Object}
- *         All attributes of the element.
- */
-function getAttributes(tag) {
-  var obj = {};
-
-  // known boolean attributes
-  // we can check for matching boolean properties, but older browsers
-  // won't know about HTML5 boolean attributes that we still read from
-  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}
- *         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 while dragging controls
- */
-function blockTextSelection() {
-  document_1.body.focus();
-  document_1.onselectstart = function () {
-    return false;
-  };
-}
-
-/**
- * Turn off text selection blocking
- */
-function unblockTextSelection() {
-  document_1.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
- */
-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;
-  }
-}
-
-/**
- * The postion of a DOM element on the page.
- *
- * @typedef {Object} module:dom~Position
- *
- * @property {number} left
- *           Pixels to the left
- *
- * @property {number} top
- *           Pixels on top
- */
-
-/**
- * Offset Left.
- * 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 = void 0;
-
-  if (el.getBoundingClientRect && el.parentNode) {
-    box = el.getBoundingClientRect();
-  }
-
-  if (!box) {
-    return {
-      left: 0,
-      top: 0
-    };
-  }
-
-  var docEl = document_1.documentElement;
-  var body = document_1.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)
-  };
-}
-
-/**
- * x and y coordinates for a dom element or mouse pointer
- *
- * @typedef {Object} Dom~Coordinates
- *
- * @property {number} x
- *           x coordinate in pixels
- *
- * @property {number} y
- *           y coordinate in pixels
- */
-
-/**
- * Get pointer position in element
- * Returns an object with x and y coordinates.
- * 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 {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}
- *         - True if it 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;
-}
-
-/**
- * Normalizes content for eventual insertion into the DOM.
- *
- * This allows a wide range of content definition methods, but protects
- * from falling into the trap of simply writing to `innerHTML`, which is
- * an XSS concern.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * @param {String|Element|TextNode|Array|Function} content
- *        - String: Normalized into a text node.
- *        - Element/TextNode: Passed through.
- *        - Array: A one-dimensional array of strings, elements, nodes, or functions
- *          (which return single strings, elements, or nodes).
- *        - Function: If the sole argument, is expected to produce a string, element,
- *          node, or array as defined above.
- *
- * @return {Array}
- *         All of the content that was passed in normalized.
- */
-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_1.createTextNode(value);
-    }
-  }).filter(function (value) {
-    return value;
-  });
-}
-
-/**
- * Normalizes and appends content to an element.
- *
- * @param {Element} el
- *        Element to append normalized content to.
- *
- *
- * @param {String|Element|TextNode|Array|Function} content
- *        See the `content` argument of {@link dom:normalizeContent}
- *
- * @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 {String|Element|TextNode|Array|Function} content
- *        See the `content` argument of {@link dom:normalizeContent}
- *
- * @return {Element}
- *         The element with inserted normalized content.
- *
- */
-function insertContent(el, content) {
-  return appendContent(emptyEl(el), content);
-}
-
-/**
- * Check if event was a single left click
- *
- * @param {EventTarget~Event} event
- *        Event object
- *
- * @return {boolean}
- *         - True if a left click
- *         - False if not a left click
- */
-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;
-  }
-
-  if (IE_VERSION === 9) {
-    // Ignore IE9
-
-    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 = (Object.freeze || Object)({
-	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 guid.js
- * @module guid
- */
-
-/**
- * Unique ID for an element or function
- * @type {Number}
- */
-var _guid = 1;
-
-/**
- * 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
- */
-/**
- * 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 elData = {};
-
-/*
- * Unique attribute name to store an element's guid in
- *
- * @type {String}
- * @constant
- * @private
- */
-var elIdAttr = 'vdata' + new Date().getTime();
-
-/**
- * Returns the cache object where data for an element is stored
- *
- * @param {Element} el
- *        Element to store data for.
- *
- * @return {Object}
- *         The cache object for that el that was passed in.
- */
-function getData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    id = el[elIdAttr] = newGUID();
-  }
-
-  if (!elData[id]) {
-    elData[id] = {};
-  }
-
-  return elData[id];
-}
-
-/**
- * Returns whether or not an element has cached data
- *
- * @param {Element} el
- *        Check if this element has cached data.
- *
- * @return {boolean}
- *         - True if the DOM element has cached data.
- *         - False otherwise.
- */
-function hasData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    return false;
-  }
-
-  return !!Object.getOwnPropertyNames(elData[id]).length;
-}
-
-/**
- * Delete data for the element from the cache and the guid attr from getElementById
- *
- * @param {Element} el
- *        Remove cached data for this element.
- */
-function removeData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    return;
-  }
-
-  // Remove all stored data
-  delete elData[id];
-
-  // Remove the elIdAttr property from the DOM node
-  try {
-    delete el[elIdAttr];
-  } catch (e) {
-    if (el.removeAttribute) {
-      el.removeAttribute(elIdAttr);
-    } else {
-      // IE doesn't appear to support removeAttribute on the document element
-      el[elIdAttr] = null;
-    }
-  }
-}
-
-/**
- * @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.
- *
- * @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) {
-  var data = getData(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) {
-    removeData(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) {
-
-  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_1;
-    }
-
-    // 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_1.documentElement;
-      var body = document_1.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 */
-    }
-  }
-
-  // Returns fixed-up instance
-  return event;
-}
-
-/**
- * Whether passive event listeners are supported
- */
-var _supportsPassive = false;
-
-(function () {
-  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
-  }
-})();
-
-/**
- * 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);
-  }
-
-  var data = getData(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$1.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 (!hasData(elem)) {
-    return;
-  }
-
-  var data = getData(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 = hasData(elem) ? getData(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) {
-    var targetData = getData(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);
-}
-
-var Events = (Object.freeze || Object)({
-	fixEvent: fixEvent,
-	on: on,
-	off: off,
-	trigger: trigger,
-	one: one
-});
-
-/**
- * @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$2 = void 0;
-
-/**
- * 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.
-  if (!isReal()) {
-    return;
-  }
-
-  // One day, when we stop supporting IE8, go back to this, but in the meantime...*hack hack hack*
-  // var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
-  // var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
-  // var mediaEls = vids.concat(audios);
-
-  // Because IE8 doesn't support calling slice on a node list, we need to loop
-  // through each list of elements to build up a new, combined list of elements.
-  var vids = document_1.getElementsByTagName('video');
-  var audios = document_1.getElementsByTagName('audio');
-  var divs = document_1.getElementsByTagName('video-js');
-  var mediaEls = [];
-
-  if (vids && vids.length > 0) {
-    for (var i = 0, e = vids.length; i < e; i++) {
-      mediaEls.push(vids[i]);
-    }
-  }
-
-  if (audios && audios.length > 0) {
-    for (var _i = 0, _e = audios.length; _i < _e; _i++) {
-      mediaEls.push(audios[_i]);
-    }
-  }
-
-  if (divs && divs.length > 0) {
-    for (var _i2 = 0, _e2 = divs.length; _i2 < _e2; _i2++) {
-      mediaEls.push(divs[_i2]);
-    }
-  }
-
-  // Check if any media elements exist
-  if (mediaEls && mediaEls.length > 0) {
-
-    for (var _i3 = 0, _e3 = mediaEls.length; _i3 < _e3; _i3++) {
-      var mediaEl = mediaEls[_i3];
-
-      // Check if element exists, has getAttribute func.
-      // IE seems to consider typeof el.getAttribute == 'object' instead of
-      // 'function' like expected, at least when loading the player immediately.
-      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$2(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$2 = vjs;
-  }
-
-  window_1.setTimeout(autoSetup, wait);
-}
-
-if (isReal() && document_1.readyState === 'complete') {
-  _windowLoaded = true;
-} else {
-  /**
-   * Listen for the load event on window, and set _windowLoaded to true.
-   *
-   * @listens load
-   */
-  one(window_1, 'load', function () {
-    _windowLoaded = true;
-  });
-}
-
-/**
- * @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_1.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 fn.js
- * @module fn
- */
-/**
- * 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.
- *
- * @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 = function bound() {
-    return fn.apply(context, arguments);
-  };
-
-  // 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.
- *
- * @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 = Date.now();
-
-  var throttled = function throttled() {
-    var now = Date.now();
-
-    if (now - last >= wait) {
-      fn.apply(undefined, 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.
- *
- * @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) {
-  var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : window_1;
-
-  var timeout = void 0;
-
-  /* eslint-disable consistent-this */
-  return function () {
-    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 */
-};
-
-/**
- * @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 alialing 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;
-};
-
-/**
- * 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;
-
-  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;
-
-/**
- * @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';
-  });
-};
-
-/**
- * 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 = void 0;
-  var type = void 0;
-  var listener = void 0;
-
-  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 capabilites 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$$1() {
-    var _this = this;
-
-    for (var _len = arguments.length, args = 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 only be called once 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$$1() {
-    var _this2 = this;
-
-    for (var _len2 = arguments.length, args = 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 {
-      var wrapper = function wrapper() {
-        for (var _len3 = arguments.length, largs = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          largs[_key3] = arguments[_key3];
-        }
-
-        _this2.off(target, type, wrapper);
-        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);
-    }
-  },
-
-
-  /**
-   * 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.
-   *
-   * @returns {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) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var 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);
-
-  // 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.
-   *
-   * @returns {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 = void 0;
-
-    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.
- *
- * @returns {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 to-title-case.js
- * @module to-title-case
- */
-
-/**
- * Uppercase the first letter of a string.
- *
- * @param {string} string
- *        String to be uppercased
- *
- * @return {string}
- *         The string with an uppercased first letter
- */
-function toTitleCase(string) {
-  if (typeof string !== 'string') {
-    return string;
-  }
-
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-/**
- * 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
- */
-function titleCaseEquals(str1, str2) {
-  return toTitleCase(str1) === toTitleCase(str2);
-}
-
-/**
- * @file merge-options.js
- * @module merge-options
- */
-/**
- * Deep-merge one or more options objects, recursively merging **only** plain
- * object properties.
- *
- * @param   {Object[]} sources
- *          One or more objects to merge into a new object.
- *
- * @returns {Object}
- *          A new object that is the merged result of all sources.
- */
-function mergeOptions() {
-  var result = {};
-
-  for (var _len = arguments.length, sources = 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 = 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) {
-    classCallCheck(this, Component);
-
-
-    // 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;
-    }
-
-    // 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_ = {};
-
-    // 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
-   */
-
-
-  Component.prototype.dispose = function dispose() {
-
-    /**
-     * Triggered when a `Component` is disposed.
-     *
-     * @event Component#dispose
-     * @type {EventTarget~Event}
-     *
-     * @property {boolean} [bubbles=false]
-     *           set to false so that the close event does not
-     *           bubble up
-     */
-    this.trigger({ type: 'dispose', bubbles: false });
-
-    // 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;
-
-    if (this.el_) {
-      // Remove element from DOM
-      if (this.el_.parentNode) {
-        this.el_.parentNode.removeChild(this.el_);
-      }
-
-      removeData(this.el_);
-      this.el_ = null;
-    }
-
-    // remove reference to the player after disposing of the element
-    this.player_ = null;
-  };
-
-  /**
-   * Return the {@link Player} that the `Component` has attached to.
-   *
-   * @return {Player}
-   *         The player that this `Component` has attached to.
-   */
-
-
-  Component.prototype.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.
-   *
-   * @deprecated since version 5
-   */
-
-
-  Component.prototype.options = function options(obj) {
-    log$1.warn('this.options() has been deprecated and will be moved to the constructor in 6.0');
-
-    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`.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.localize = function localize(string, tokens) {
-    var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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`.
-   */
-
-
-  Component.prototype.contentEl = function contentEl() {
-    return this.contentEl_ || this.el_;
-  };
-
-  /**
-   * Get this `Component`s ID
-   *
-   * @return {string}
-   *         The id of this `Component`
-   */
-
-
-  Component.prototype.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`.
-   */
-
-
-  Component.prototype.name = function name() {
-    return this.name_;
-  };
-
-  /**
-   * Get an array of all child components
-   *
-   * @return {Array}
-   *         The children
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.getChild = function getChild(name) {
-    if (!name) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    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.
-   */
-
-
-  Component.prototype.addChild = function addChild(child) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.children_.length;
-
-    var component = void 0;
-    var componentName = void 0;
-
-    // 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;
-    }
-
-    this.children_.splice(index, 0, component);
-
-    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;
-    }
-
-    // Add the UI object's element to the container div (box)
-    // Having an element is not required
-    if (typeof component.el === 'function' && component.el()) {
-      var childNodes = this.contentEl().children;
-      var refNode = childNodes[index] || null;
-
-      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.
-   */
-
-
-  Component.prototype.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;
-    }
-
-    this.childIndex_[component.id()] = null;
-    this.childNameIndex_[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.
-   */
-
-
-  Component.prototype.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 = void 0;
-      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 = void 0;
-        var opts = void 0;
-
-        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
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.ready = function ready(fn) {
-    var sync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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
-   */
-
-
-  Component.prototype.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)
-   */
-
-
-  Component.prototype.$ = 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)
-   */
-
-
-  Component.prototype.$$ = 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`
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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'.
-   */
-
-
-  Component.prototype.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'.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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 width or the height of the `Component` elements computed style. 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.
-   */
-
-
-  Component.prototype.currentDimension = function currentDimension(widthOrHeight) {
-    var computedWidthOrHeight = 0;
-
-    if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
-      throw new Error('currentDimension only accepts width or height value');
-    }
-
-    if (typeof window_1.getComputedStyle === 'function') {
-      var computedStyle = window_1.getComputedStyle(this.el_);
-
-      computedWidthOrHeight = computedStyle.getPropertyValue(widthOrHeight) || computedStyle[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 on IE8 and wherever getComputedStyle doesn't exist.
-    if (computedWidthOrHeight === 0) {
-      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 width and height values of the `Component`s
-   * computed style.
-   *
-   * @return {Component~DimensionObject}
-   *         The dimensions of the components element
-   */
-
-
-  Component.prototype.currentDimensions = function currentDimensions() {
-    return {
-      width: this.currentDimension('width'),
-      height: this.currentDimension('height')
-    };
-  };
-
-  /**
-   * Get the width of the `Component`s computed style. Uses `window.getComputedStyle`.
-   *
-   * @return {number} width
-   *           The width of the `Component`s computed style.
-   */
-
-
-  Component.prototype.currentWidth = function currentWidth() {
-    return this.currentDimension('width');
-  };
-
-  /**
-   * Get the height of the `Component`s computed style. Uses `window.getComputedStyle`.
-   *
-   * @return {number} height
-   *           The height of the `Component`s computed style.
-   */
-
-
-  Component.prototype.currentHeight = function currentHeight() {
-    return this.currentDimension('height');
-  };
-
-  /**
-   * Set the focus to this component
-   */
-
-
-  Component.prototype.focus = function focus() {
-    this.el_.focus();
-  };
-
-  /**
-   * Remove the focus from this component
-   */
-
-
-  Component.prototype.blur = function blur() {
-    this.el_.blur();
-  };
-
-  /**
-   * 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
-    */
-
-
-  Component.prototype.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 = void 0;
-
-    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 = new Date().getTime();
-        // 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 = new Date().getTime() - 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
-   */
-
-
-  Component.prototype.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 = void 0;
-
-    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 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}.
-   *
-   * @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}
-   */
-
-
-  Component.prototype.setTimeout = function setTimeout(fn, timeout) {
-    var _this2 = this;
-
-    fn = bind(this, fn);
-
-    var timeoutId = window_1.setTimeout(fn, timeout);
-    var disposeFn = function disposeFn() {
-      return _this2.clearTimeout(timeoutId);
-    };
-
-    disposeFn.guid = 'vjs-timeout-' + timeoutId;
-
-    this.on('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.clearTimeout = function clearTimeout(timeoutId) {
-    window_1.clearTimeout(timeoutId);
-
-    var disposeFn = function disposeFn() {};
-
-    disposeFn.guid = 'vjs-timeout-' + timeoutId;
-
-    this.off('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.setInterval = function setInterval(fn, interval) {
-    var _this3 = this;
-
-    fn = bind(this, fn);
-
-    var intervalId = window_1.setInterval(fn, interval);
-
-    var disposeFn = function disposeFn() {
-      return _this3.clearInterval(intervalId);
-    };
-
-    disposeFn.guid = 'vjs-interval-' + intervalId;
-
-    this.on('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.clearInterval = function clearInterval(intervalId) {
-    window_1.clearInterval(intervalId);
-
-    var disposeFn = function disposeFn() {};
-
-    disposeFn.guid = 'vjs-interval-' + intervalId;
-
-    this.off('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.requestAnimationFrame = function requestAnimationFrame(fn) {
-    var _this4 = this;
-
-    if (this.supportsRaf_) {
-      fn = bind(this, fn);
-
-      var id = window_1.requestAnimationFrame(fn);
-      var disposeFn = function disposeFn() {
-        return _this4.cancelAnimationFrame(id);
-      };
-
-      disposeFn.guid = 'vjs-raf-' + id;
-      this.on('dispose', disposeFn);
-
-      return id;
-    }
-
-    // Fall back to using a timer.
-    return this.setTimeout(fn, 1000 / 60);
-  };
-
-  /**
-   * 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}
-   */
-
-
-  Component.prototype.cancelAnimationFrame = function cancelAnimationFrame(id) {
-    if (this.supportsRaf_) {
-      window_1.cancelAnimationFrame(id);
-
-      var disposeFn = function disposeFn() {};
-
-      disposeFn.guid = 'vjs-raf-' + id;
-
-      this.off('dispose', disposeFn);
-
-      return id;
-    }
-
-    // Fall back to using a timer.
-    return this.clearTimeout(id);
-  };
-
-  /**
-   * 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 = void 0;
-
-      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;
-
-    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) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    if (Component.components_ && Component.components_[name]) {
-      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 time-ranges.js
- * @module time-ranges
- */
-
-/**
- * Returns the time for the specified index at the start or end
- * of a TimeRange object.
- *
- * @function time-ranges:indexFunction
- *
- * @param {number} [index=0]
- *        The range number to return the time for.
- *
- * @return {number}
- *         The time that offset at the specified index.
- *
- * @depricated index must be set to a value, in the future this will throw an error.
- */
-
-/**
- * An object that contains ranges of time for various reasons.
- *
- * @typedef {Object} TimeRange
- *
- * @property {number} length
- *           The number of time ranges represented by this Object
- *
- * @property {time-ranges:indexFunction} start
- *           Returns the time offset at which a specified time range begins.
- *
- * @property {time-ranges:indexFunction} 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.
- *
- * @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.
- *
- * @param {string} fnName
- *        The function name to use for logging
- *
- * @param {string} valueIndex
- *        The proprety 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.
- *
- *
- * @depricated 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.
- *
- * @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)
-  };
-}
-
-/**
- * Should create a fake `TimeRange` object which mimics an HTML5 time range instance.
- *
- * @param {number|Array} start
- *        The start of a single range or an array of ranges
- *
- * @param {number} end
- *        The end of a single range.
- *
- * @private
- */
-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 = void 0;
-  var end = void 0;
-
-  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 = {};
-
-// browser API methods
-var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'],
-// WebKit
-['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror'],
-// Old WebKit (Safari 5.1)
-['webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitCurrentFullScreenElement', 'webkitCancelFullScreen', 'webkitfullscreenchange', 'webkitfullscreenerror'],
-// Mozilla
-['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'],
-// Microsoft
-['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']];
-
-var specApi = apiMap[0];
-var browserApi = void 0;
-
-// determine the supported set of functions
-for (var i = 0; i < apiMap.length; i++) {
-  // check for exitFullscreen function
-  if (apiMap[i][1] in document_1) {
-    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];
-  }
-}
-
-/**
- * @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_CUSTOM
- * @property {string} 2 - MEDIA_ERR_ABORTED
- * @property {string} 3 - MEDIA_ERR_NETWORK
- * @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;
-}
-
-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_ };
-
-/**
- * @file modal-dialog.js
- */
-var MODAL_CLASS_NAME = 'vjs-modal-dialog';
-var ESC = 27;
-
-/**
- * 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 = function (_Component) {
-  inherits(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.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) {
-    classCallCheck(this, ModalDialog);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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.
-   */
-
-
-  ModalDialog.prototype.createEl = function createEl$$1() {
-    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'
-    });
-  };
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.buildCSSClass = function buildCSSClass() {
-    return MODAL_CLASS_NAME + ' vjs-hidden ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Handles `keydown` events on the document, looking for ESC, which closes
-   * the modal.
-   *
-   * @param {EventTarget~Event} e
-   *        The keypress that triggered this event.
-   *
-   * @listens keydown
-   */
-
-
-  ModalDialog.prototype.handleKeyPress = function handleKeyPress(e) {
-    if (e.which === ESC && this.closeable()) {
-      this.close();
-    }
-  };
-
-  /**
-   * Returns the label string for this modal. Primarily used for accessibility.
-   *
-   * @return {string}
-   *         the localized or raw label of this modal.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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();
-      }
-
-      if (this.closeable()) {
-        this.on(this.el_.ownerDocument, 'keydown', bind(this, this.handleKeyPress));
-      }
-
-      // 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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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();
-    }
-
-    if (this.closeable()) {
-      this.off(this.el_.ownerDocument, 'keydown', bind(this, this.handleKeyPress));
-    }
-
-    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.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.conditionalFocus_ = function conditionalFocus_() {
-    var activeEl = document_1.activeElement;
-    var playerEl = this.player_.el_;
-
-    this.previouslyActiveEl_ = null;
-
-    if (playerEl.contains(activeEl) || playerEl === activeEl) {
-      this.previouslyActiveEl_ = activeEl;
-
-      this.focus();
-
-      this.on(document_1, 'keydown', this.handleKeyDown);
-    }
-  };
-
-  /**
-   * conditionally blur the element and refocus the last focused element
-   *
-   * @private
-   */
-
-
-  ModalDialog.prototype.conditionalBlur_ = function conditionalBlur_() {
-    if (this.previouslyActiveEl_) {
-      this.previouslyActiveEl_.focus();
-      this.previouslyActiveEl_ = null;
-    }
-
-    this.off(document_1, 'keydown', this.handleKeyDown);
-  };
-
-  /**
-   * Keydown handler. Attached when modal is focused.
-   *
-   * @listens keydown
-   */
-
-
-  ModalDialog.prototype.handleKeyDown = function handleKeyDown(event) {
-    // exit early if it isn't a tab key
-    if (event.which !== 9) {
-      return;
-    }
-
-    var focusableEls = this.focusableEls_();
-    var activeEl = this.el_.querySelector(':focus');
-    var focusIndex = void 0;
-
-    for (var i = 0; i < focusableEls.length; i++) {
-      if (activeEl === focusableEls[i]) {
-        focusIndex = i;
-        break;
-      }
-    }
-
-    if (document_1.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
-   */
-
-
-  ModalDialog.prototype.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);
-
-/**
- * @file track-list.js
- */
-/**
- * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
- * {@link VideoTrackList}
- *
- * @extends EventTarget
- */
-
-var TrackList = function (_EventTarget) {
-  inherits(TrackList, _EventTarget);
-
-  /**
-   * Create an instance of this class
-   *
-   * @param {Track[]} tracks
-   *        A list of tracks to initialize the list with.
-   *
-   * @param {Object} [list]
-   *        The child object with inheritance done manually for ie8.
-   *
-   * @abstract
-   */
-  function TrackList() {
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-    var _ret;
-
-    var list = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    classCallCheck(this, TrackList);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    if (!list) {
-      list = _this; // eslint-disable-line
-      if (IS_IE8) {
-        list = document_1.createElement('custom');
-        for (var prop in TrackList.prototype) {
-          if (prop !== 'constructor') {
-            list[prop] = TrackList.prototype[prop];
-          }
-        }
-      }
-    }
-
-    list.tracks_ = [];
-
-    /**
-     * @memberof TrackList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.tracks_.length;
-      }
-    });
-
-    for (var i = 0; i < tracks.length; i++) {
-      list.addTrack(tracks[i]);
-    }
-
-    // must return the object, as for ie8 it will not be this
-    // but a reference to a document object
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link Track} to the `TrackList`
-   *
-   * @param {Track} track
-   *        The audio, video, or text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  TrackList.prototype.addTrack = function addTrack(track) {
-    var index = this.tracks_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get$$1() {
-          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'
-      });
-    }
-  };
-
-  /**
-   * Remove a {@link Track} from the `TrackList`
-   *
-   * @param {Track} rtrack
-   *        The audio, video, or text track to remove from the list.
-   *
-   * @fires TrackList#removetrack
-   */
-
-
-  TrackList.prototype.removeTrack = function removeTrack(rtrack) {
-    var track = void 0;
-
-    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'
-    });
-  };
-
-  /**
-   * 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
-   */
-
-
-  TrackList.prototype.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;
-}
-
-/**
- * @file audio-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(AudioTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {AudioTrack[]} [tracks=[]]
-   *        A list of `AudioTrack` to instantiate the list with.
-   */
-  function AudioTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, AudioTrackList);
-
-    var list = void 0;
-
-    // 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;
-      }
-    }
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document_1.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in AudioTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = AudioTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    list.changing_ = false;
-
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add an {@link AudioTrack} to the `AudioTrackList`.
-   *
-   * @param {AudioTrack} track
-   *        The AudioTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  AudioTrackList.prototype.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;
-    }
-
-    /**
-     * @listens AudioTrack#enabledchange
-     * @fires TrackList#change
-     */
-    track.addEventListener('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');
-    });
-  };
-
-  return AudioTrackList;
-}(TrackList);
-
-/**
- * @file video-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(VideoTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {VideoTrack[]} [tracks=[]]
-   *        A list of `VideoTrack` to instantiate the list with.
-   */
-  function VideoTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, VideoTrackList);
-
-    var list = void 0;
-
-    // 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;
-      }
-    }
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document_1.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in VideoTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = VideoTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    list.changing_ = false;
-
-    /**
-     * @member {number} VideoTrackList#selectedIndex
-     *         The current index of the selected {@link VideoTrack`}.
-     */
-    Object.defineProperty(list, 'selectedIndex', {
-      get: function get$$1() {
-        for (var _i = 0; _i < this.length; _i++) {
-          if (this[_i].selected) {
-            return _i;
-          }
-        }
-        return -1;
-      },
-      set: function set$$1() {}
-    });
-
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link VideoTrack} to the `VideoTrackList`.
-   *
-   * @param {VideoTrack} track
-   *        The VideoTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  VideoTrackList.prototype.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;
-    }
-
-    /**
-     * @listens VideoTrack#selectedchange
-     * @fires TrackList#change
-     */
-    track.addEventListener('selectedchange', function () {
-      if (_this2.changing_) {
-        return;
-      }
-      _this2.changing_ = true;
-      disableOthers$1(_this2, track);
-      _this2.changing_ = false;
-      _this2.trigger('change');
-    });
-  };
-
-  return VideoTrackList;
-}(TrackList);
-
-/**
- * @file text-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(TextTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {TextTrack[]} [tracks=[]]
-   *        A list of `TextTrack` to instantiate the list with.
-   */
-  function TextTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, TextTrackList);
-
-    var list = void 0;
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document_1.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in TextTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = TextTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link TextTrack} to the `TextTrackList`
-   *
-   * @param {TextTrack} track
-   *        The text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  TextTrackList.prototype.addTrack = function addTrack(track) {
-    _TrackList.prototype.addTrack.call(this, track);
-
-    /**
-     * @listens TextTrack#modechange
-     * @fires TrackList#change
-     */
-    track.addEventListener('modechange', bind(this, function () {
-      this.trigger('change');
-    }));
-
-    var nonLanguageTextTrackKind = ['metadata', 'chapters'];
-
-    if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
-      track.addEventListener('modechange', bind(this, function () {
-        this.trigger('selectedlanguagechange');
-      }));
-    }
-  };
-
-  return TextTrackList;
-}(TrackList);
-
-/**
- * @file html-track-element-list.js
- */
-
-/**
- * The current list of {@link HtmlTrackElement}s.
- */
-
-var HtmlTrackElementList = function () {
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {HtmlTrackElement[]} [tracks=[]]
-   *        A list of `HtmlTrackElement` to instantiate the list with.
-   */
-  function HtmlTrackElementList() {
-    var trackElements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, HtmlTrackElementList);
-
-    var list = this; // eslint-disable-line
-
-    if (IS_IE8) {
-      list = document_1.createElement('custom');
-
-      for (var prop in HtmlTrackElementList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = HtmlTrackElementList.prototype[prop];
-        }
-      }
-    }
-
-    list.trackElements_ = [];
-
-    /**
-     * @memberof HtmlTrackElementList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.trackElements_.length;
-      }
-    });
-
-    for (var i = 0, length = trackElements.length; i < length; i++) {
-      list.addTrackElement_(trackElements[i]);
-    }
-
-    if (IS_IE8) {
-      return list;
-    }
-  }
-
-  /**
-   * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
-   *
-   * @param {HtmlTrackElement} trackElement
-   *        The track element to add to the list.
-   *
-   * @private
-   */
-
-
-  HtmlTrackElementList.prototype.addTrackElement_ = function addTrackElement_(trackElement) {
-    var index = this.trackElements_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get$$1() {
-          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
-   */
-
-
-  HtmlTrackElementList.prototype.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
-    var trackElement_ = void 0;
-
-    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
-   */
-
-
-  HtmlTrackElementList.prototype.removeTrackElement_ = function removeTrackElement_(trackElement) {
-    for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-      if (trackElement === this.trackElements_[i]) {
-        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 = function () {
-
-  /**
-   * Create an instance of this class..
-   *
-   * @param {Array} cues
-   *        A list of cues to be initialized with
-   */
-  function TextTrackCueList(cues) {
-    classCallCheck(this, TextTrackCueList);
-
-    var list = this; // eslint-disable-line
-
-    if (IS_IE8) {
-      list = document_1.createElement('custom');
-
-      for (var prop in TextTrackCueList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TextTrackCueList.prototype[prop];
-        }
-      }
-    }
-
-    TextTrackCueList.prototype.setCues_.call(list, cues);
-
-    /**
-     * @memberof TextTrackCueList
-     * @member {number} length
-     *         The current number of `TextTrackCue`s in the TextTrackCueList.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.length_;
-      }
-    });
-
-    if (IS_IE8) {
-      return list;
-    }
-  }
-
-  /**
-   * 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
-   */
-
-
-  TextTrackCueList.prototype.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$$1() {
-            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.
-   */
-
-
-  TextTrackCueList.prototype.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'
-};
-
-/**
- * @file track.js
- */
-/**
- * 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 = function (_EventTarget) {
-  inherits(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() {
-    var _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, Track);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    var track = _this; // eslint-disable-line
-
-    if (IS_IE8) {
-      track = document_1.createElement('custom');
-      for (var prop in Track.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = Track.prototype[prop];
-        }
-      }
-    }
-
-    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(track, key, {
-        get: function get$$1() {
-          return trackProps[key];
-        },
-        set: function set$$1() {}
-      });
-    };
-
-    for (var key in trackProps) {
-      _loop(key);
-    }
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  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.
- *
- * @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_1.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 = void 0;
-
-  if (addToBody) {
-    div = document_1.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_1.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_1.body.removeChild(div);
-  }
-
-  return details;
-};
-
-/**
- * Get absolute version of relative URL. Used to tell flash correct URL.
- *
- *
- * @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_1.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.
- *
- * @param {string} path
- *        The fileName path like '/path/to/file.mp4'
- *
- * @returns {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}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/i;
-    var pathParts = splitPathRe.exec(path);
-
-    if (pathParts) {
-      return pathParts.pop().toLowerCase();
-    }
-  }
-
-  return '';
-};
-
-/**
- * Returns whether the url passed is a cross domain request or not.
- *
- * @param {string} url
- *        The url to check.
- *
- * @return {boolean}
- *         Whether it is a cross domain request or not.
- */
-var isCrossOrigin = function isCrossOrigin(url) {
-  var 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 = (Object.freeze || Object)({
-	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))
-}
-
-var trim_1 = createCommonjsModule(function (module, exports) {
-exports = module.exports = trim;
-
-function trim(str){
-  return str.replace(/^\s*|\s*$/g, '');
-}
-
-exports.left = function(str){
-  return str.replace(/^\s*/, '');
-};
-
-exports.right = function(str){
-  return str.replace(/\s*$/, '');
-};
-});
-
-var forEach_1 = forEach;
-
-var toString$2 = Object.prototype.toString;
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-
-function forEach(list, iterator, context) {
-    if (!isFunction_1(iterator)) {
-        throw new TypeError('iterator must be a function')
-    }
-
-    if (arguments.length < 3) {
-        context = this;
-    }
-    
-    if (toString$2.call(list) === '[object Array]')
-        forEachArray$1(list, iterator, context);
-    else if (typeof list === 'string')
-        forEachString(list, iterator, context);
-    else
-        forEachObject(list, iterator, context);
-}
-
-function forEachArray$1(array, iterator, context) {
-    for (var i = 0, len = array.length; i < len; i++) {
-        if (hasOwnProperty.call(array, i)) {
-            iterator.call(context, array[i], i, array);
-        }
-    }
-}
-
-function forEachString(string, iterator, context) {
-    for (var i = 0, len = string.length; i < len; i++) {
-        // no such thing as a sparse string.
-        iterator.call(context, string.charAt(i), i, string);
-    }
-}
-
-function forEachObject(object, iterator, context) {
-    for (var k in object) {
-        if (hasOwnProperty.call(object, k)) {
-            iterator.call(context, object[k], k, object);
-        }
-    }
-}
-
-var isArray = function(arg) {
-      return Object.prototype.toString.call(arg) === '[object Array]';
-    };
-
-var parseHeaders = function (headers) {
-  if (!headers)
-    return {}
-
-  var result = {};
-
-  forEach_1(
-      trim_1(headers).split('\n')
-    , function (row) {
-        var index = row.indexOf(':')
-          , key = trim_1(row.slice(0, index)).toLowerCase()
-          , value = trim_1(row.slice(index + 1));
-
-        if (typeof(result[key]) === 'undefined') {
-          result[key] = value;
-        } else if (isArray(result[key])) {
-          result[key].push(value);
-        } else {
-          result[key] = [ result[key], value ];
-        }
-      }
-  );
-
-  return result
-};
-
-var immutable = extend;
-
-var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
-
-function extend() {
-    var target = {};
-
-    for (var i = 0; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-            if (hasOwnProperty$1.call(source, key)) {
-                target[key] = source[key];
-            }
-        }
-    }
-
-    return target
-}
-
-var xhr = 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 = immutable(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) {
-    if (xhr.responseType === "document") {
-        return xhr.responseXML
-    }
-    var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === "parsererror";
-    if (xhr.responseType === "" && !firefoxBugTakenEffect) {
-        return xhr.responseXML
-    }
-
-    return null
-}
-
-function noop() {}
-
-/**
- * @file text-track.js
- */
-/**
- * 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$1.error(error);
-    });
-    if (window_1.console && window_1.console.groupEnd) {
-      window_1.console.groupEnd();
-    }
-  }
-
-  parser.flush();
-};
-
-/**
- * Load a `TextTrack` from a specifed 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$1.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_) {
-        var loadHandler = function loadHandler() {
-          return parseCues(responseBody, track);
-        };
-
-        track.tech_.on('vttjsloaded', loadHandler);
-        track.tech_.on('vttjserror', function () {
-          log$1.error('vttjs failed to load, stopping trying to process ' + track.src);
-          track.tech_.off('vttjsloaded', loadHandler);
-        });
-      }
-    } 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 = function (_Track) {
-  inherits(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
-   *        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 TextTrack() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, TextTrack);
-
-    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';
-    }
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var tt = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-
-    tt.tech_ = settings.tech;
-
-    if (IS_IE8) {
-      for (var prop in TextTrack.prototype) {
-        if (prop !== 'constructor') {
-          tt[prop] = TextTrack.prototype[prop];
-        }
-      }
-    }
-
-    tt.cues_ = [];
-    tt.activeCues_ = [];
-
-    var cues = new TextTrackCueList(tt.cues_);
-    var activeCues = new TextTrackCueList(tt.activeCues_);
-    var changed = false;
-    var timeupdateHandler = bind(tt, function () {
-
-      // Accessing this.activeCues for the side-effects of updating itself
-      // due to it's nature as a getter function. Do not remove or cues will
-      // stop updating!
-      /* eslint-disable no-unused-expressions */
-      this.activeCues;
-      /* eslint-enable no-unused-expressions */
-      if (changed) {
-        this.trigger('cuechange');
-        changed = false;
-      }
-    });
-
-    if (mode !== 'disabled') {
-      tt.tech_.ready(function () {
-        tt.tech_.on('timeupdate', timeupdateHandler);
-      }, true);
-    }
-
-    /**
-     * @memberof TextTrack
-     * @member {boolean} default
-     *         If this track was set to be on or off by default. Cannot be changed after
-     *         creation.
-     * @instance
-     *
-     * @readonly
-     */
-    Object.defineProperty(tt, 'default', {
-      get: function get$$1() {
-        return default_;
-      },
-      set: function set$$1() {}
-    });
-
-    /**
-     * @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
-     */
-    Object.defineProperty(tt, 'mode', {
-      get: function get$$1() {
-        return mode;
-      },
-      set: function set$$1(newMode) {
-        var _this2 = this;
-
-        if (!TextTrackMode[newMode]) {
-          return;
-        }
-        mode = newMode;
-        if (mode === 'showing') {
-
-          this.tech_.ready(function () {
-            _this2.tech_.on('timeupdate', timeupdateHandler);
-          }, true);
-        }
-        /**
-         * 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
-     */
-    Object.defineProperty(tt, 'cues', {
-      get: function get$$1() {
-        if (!this.loaded_) {
-          return null;
-        }
-
-        return cues;
-      },
-      set: function set$$1() {}
-    });
-
-    /**
-     * @memberof TextTrack
-     * @member {TextTrackCueList} activeCues
-     *         The list text track cues that are currently active for this TextTrack.
-     * @instance
-     */
-    Object.defineProperty(tt, 'activeCues', {
-      get: function get$$1() {
-        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;
-      },
-      set: function set$$1() {}
-    });
-
-    if (settings.src) {
-      tt.src = settings.src;
-      loadTrack(settings.src, tt);
-    } else {
-      tt.loaded_ = true;
-    }
-
-    return _ret = tt, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a cue to the internal list of cues.
-   *
-   * @param {TextTrack~Cue} cue
-   *        The cue to add to our internal list
-   */
-
-
-  TextTrack.prototype.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
-   */
-
-
-  TextTrack.prototype.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 = function (_Track) {
-  inherits(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() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, AudioTrack);
-
-    var settings = mergeOptions(options, {
-      kind: AudioTrackKind[options.kind] || ''
-    });
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var track = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-    var enabled = false;
-
-    if (IS_IE8) {
-      for (var prop in AudioTrack.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = AudioTrack.prototype[prop];
-        }
-      }
-    }
-    /**
-     * @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(track, 'enabled', {
-      get: function get$$1() {
-        return enabled;
-      },
-      set: function set$$1(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) {
-      track.enabled = settings.enabled;
-    }
-    track.loaded_ = true;
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  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 = function (_Track) {
-  inherits(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() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, VideoTrack);
-
-    var settings = mergeOptions(options, {
-      kind: VideoTrackKind[options.kind] || ''
-    });
-
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var track = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-    var selected = false;
-
-    if (IS_IE8) {
-      for (var prop in VideoTrack.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = VideoTrack.prototype[prop];
-        }
-      }
-    }
-
-    /**
-     * @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(track, 'selected', {
-      get: function get$$1() {
-        return selected;
-      },
-      set: function set$$1(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) {
-      track.selected = settings.selected;
-    }
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  return VideoTrack;
-}(Track);
-
-/**
- * @file html-track-element.js
- */
-
-/**
- * @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 = function (_EventTarget) {
-  inherits(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() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, HTMLTrackElement);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    var readyState = void 0;
-    var trackElement = _this; // eslint-disable-line
-
-    if (IS_IE8) {
-      trackElement = document_1.createElement('custom');
-
-      for (var prop in HTMLTrackElement.prototype) {
-        if (prop !== 'constructor') {
-          trackElement[prop] = HTMLTrackElement.prototype[prop];
-        }
-      }
-    }
-
-    var track = new TextTrack(options);
-
-    trackElement.kind = track.kind;
-    trackElement.src = track.src;
-    trackElement.srclang = track.language;
-    trackElement.label = track.label;
-    trackElement['default'] = track['default'];
-
-    /**
-     * @memberof HTMLTrackElement
-     * @member {HTMLTrackElement~ReadyState} readyState
-     *         The current ready state of the track element.
-     * @instance
-     */
-    Object.defineProperty(trackElement, 'readyState', {
-      get: function get$$1() {
-        return readyState;
-      }
-    });
-
-    /**
-     * @memberof HTMLTrackElement
-     * @member {TextTrack} track
-     *         The underlying TextTrack object.
-     * @instance
-     *
-     */
-    Object.defineProperty(trackElement, 'track', {
-      get: function get$$1() {
-        return track;
-      }
-    });
-
-    readyState = NONE;
-
-    /**
-     * @listens TextTrack#loadeddata
-     * @fires HTMLTrackElement#load
-     */
-    track.addEventListener('loadeddata', function () {
-      readyState = LOADED;
-
-      trackElement.trigger({
-        type: 'load',
-        target: trackElement
-      });
-    });
-
-    if (IS_IE8) {
-      var _ret;
-
-      return _ret = trackElement, possibleConstructorReturn(_this, _ret);
-    }
-    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 = mergeOptions(NORMAL, REMOTE);
-
-REMOTE.names = Object.keys(REMOTE);
-NORMAL.names = Object.keys(NORMAL);
-ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
-
-var vtt = {};
-
-/**
- * @file tech.js
- */
-
-/**
- * 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) {
-  var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-
-  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 = function (_Component) {
-  inherits(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() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var ready = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-    classCallCheck(this, Tech);
-
-    // we don't want the tech to report user activity automatically.
-    // This is done manually in addControlsListeners
-    options.reportTouchActivity = false;
-
-    // keep track of whether the current source has played at all to
-    // implement a very limited played()
-    var _this = possibleConstructorReturn(this, _Component.call(this, null, options, ready));
-
-    _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.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.
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   *
-   */
-
-
-  Tech.prototype.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}.
-   */
-
-
-  Tech.prototype.stopTrackingProgress = function stopTrackingProgress() {
-    this.clearInterval(this.progressInterval);
-  };
-
-  /**
-   * Polyfill the `timeupdate` event for browsers that don't support it.
-   *
-   * @see {@link Tech#trackCurrentTime}
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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`.
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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 wether 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.
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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_1.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_1.createElement('script');
-
-      script.src = this.options_['vtt.js'] || 'https://vjs.zencdn.net/vttjs/0.12.4/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
-   *
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.addRemoteTextTrack = function addRemoteTextTrack() {
-    var _this7 = this;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var manualCleanup = arguments[1];
-
-    var htmlTrackElement = this.createRemoteTextTrack(options);
-
-    if (manualCleanup !== true && manualCleanup !== false) {
-      // deprecation warning
-      log$1.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`
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return {};
-  };
-
-  /**
-   * A method to set a poster from a `Tech`.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.setPoster = function setPoster() {};
-
-  /**
-   * A method to check for the presence of the 'playsinine' <video> attribute.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.playsinline = function playsinline() {};
-
-  /**
-   * A method to set or unset the 'playsinine' <video> attribute.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.setPlaysinline = function setPlaysinline() {};
-
-  /*
-   * 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
-   */
-
-
-  Tech.prototype.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;
-    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 requsted.
-   */
-
-
-  Tech.getTech = function getTech(name) {
-    if (!name) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    if (Tech.techs_ && Tech.techs_[name]) {
-      return Tech.techs_[name];
-    }
-
-    if (window_1 && window_1.videojs && window_1.videojs[name]) {
-      log$1.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 wether the `Tech` supports volume control.
- *
- * @type {boolean}
- * @default
- */
-Tech.prototype.featuresVolumeControl = true;
-
-/**
- * Boolean indicating wether the `Tech` support fullscreen resize control.
- * Resizing plugins using request fullscreen reloads the plugin
- *
- * @type {boolean}
- * @default
- */
-Tech.prototype.featuresFullscreenResize = false;
-
-/**
- * Boolean indicating wether 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 wether 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 wether 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 wether 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 wether 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 = void 0;
-
-    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 = void 0;
-
-    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', '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$1.error('No source hander 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.on('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_ = [];
-
-var middlewares = {};
-var middlewareInstances = {};
-
-var TERMINATOR = {};
-
-function use(type, middleware) {
-  middlewares[type] = middlewares[type] || [];
-  middlewares[type].push(middleware);
-}
-
-
-
-function setSource(player, src, next) {
-  player.setTimeout(function () {
-    return setSourceHelper(src, middlewares[src.type], next, player);
-  }, 1);
-}
-
-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.
- */
-function get$1(middleware, tech, method) {
-  return middleware.reduceRight(middlewareIterator(method), tech[method]());
-}
-
-/**
- * Takes the argument given to the player and calls the setter method on each
- * middlware from left to right to the tech.
- */
-function set$1(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.
- */
-function mediate(middleware, tech, method) {
-  var arg = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-
-  var callMethod = 'call' + toTitleCase(method);
-  var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
-  var terminated = middlewareValue === TERMINATOR;
-  var returnValue = terminated ? null : tech[method](middlewareValue);
-
-  executeRight(middleware, method, returnValue, terminated);
-
-  return returnValue;
-}
-
-var allowedGetters = {
-  buffered: 1,
-  currentTime: 1,
-  duration: 1,
-  seekable: 1,
-  played: 1,
-  paused: 1
-};
-
-var allowedSetters = {
-  setCurrentTime: 1
-};
-
-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);
-    }
-  }
-}
-
-function clearCacheForPlayer(player) {
-  middlewareInstances[player.id()] = null;
-}
-
-/**
- * {
- *  [playerId]: [[mwFactory, mwInstance], ...]
- * }
- */
-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() {
-  var src = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var middleware = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var next = arguments[2];
-  var player = arguments[3];
-  var acc = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-  var lastRun = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  var 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);
-
-    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',
-  mp3: 'audio/mpeg',
-  aac: 'audio/aac',
-  oga: 'audio/ogg',
-  m3u8: 'application/x-mpegURL'
-};
-
-/**
- * @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 = [checkMimetype({ src: src })];
-  } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
-    // src is already valid
-    src = [checkMimetype(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 checkMimetype(src) {
-  var ext = getFileExtension(src.src);
-  var mimetype = MimetypesKind[ext.toLowerCase()];
-
-  if (!src.type && mimetype) {
-    src.type = mimetype;
-  }
-
-  return src;
-}
-
-/**
- * @file loader.js
- */
-/**
- * The `MediaLoader` is the `Component` that decides which playback technology to load
- * when a player is initialized.
- *
- * @extends Component
- */
-
-var MediaLoader = function (_Component) {
-  inherits(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 stroe of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function that is run when this component is ready.
-   */
-  function MediaLoader(player, options, ready) {
-    classCallCheck(this, MediaLoader);
-
-    // MediaLoader has no element
-    var options_ = mergeOptions({ createEl: false }, options);
-
-    // If there are no sources when the player is initialized,
-    // load the first supported playback technology.
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options_, ready));
-
-    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);
-
-/**
- * @file button.js
- */
-/**
- * Clickable Component which is clickable or keyboard actionable,
- * but is not a native HTML button.
- *
- * @extends Component
- */
-
-var ClickableComponent = function (_Component) {
-  inherits(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.
-   */
-  function ClickableComponent(player, options) {
-    classCallCheck(this, ClickableComponent);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.emitTapEvents();
-
-    _this.enable();
-    return _this;
-  }
-
-  /**
-   * Create the `Component`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.
-   */
-
-
-  ClickableComponent.prototype.createEl = function createEl$$1() {
-    var tag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    props = assign({
-      innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-      className: this.buildCSSClass(),
-      tabIndex: 0
-    }, props);
-
-    if (tag === 'button') {
-      log$1.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',
-
-      // let the screen reader user know that the text of the element may change
-      'aria-live': 'polite'
-    }, attributes);
-
-    this.tabIndex_ = props.tabIndex;
-
-    var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
-    this.createControlTextEl(el);
-
-    return el;
-  };
-
-  ClickableComponent.prototype.dispose = function dispose() {
-    // remove controlTextEl_ on dipose
-    this.controlTextEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * Create a control text element on this `Component`
-   *
-   * @param {Element} [el]
-   *        Parent element for the control text.
-   *
-   * @return {Element}
-   *         The control text element that gets created.
-   */
-
-
-  ClickableComponent.prototype.createControlTextEl = function createControlTextEl(el) {
-    this.controlTextEl_ = createEl('span', {
-      className: 'vjs-control-text'
-    });
-
-    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 `Component`.
-   *
-   * @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
-   */
-
-
-  ClickableComponent.prototype.controlText = function controlText(text) {
-    var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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.
-   */
-
-
-  ClickableComponent.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-control vjs-button ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Enable this `Component`s element.
-   */
-
-
-  ClickableComponent.prototype.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('focus', this.handleFocus);
-      this.on('blur', this.handleBlur);
-    }
-  };
-
-  /**
-   * Disable this `Component`s element.
-   */
-
-
-  ClickableComponent.prototype.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(['tap', 'click'], this.handleClick);
-    this.off('focus', this.handleFocus);
-    this.off('blur', this.handleBlur);
-  };
-
-  /**
-   * This gets called when a `ClickableComponent` gets:
-   * - Clicked (via the `click` event, listening starts in the constructor)
-   * - Tapped (via the `tap` event, listening starts in the constructor)
-   * - The following things happen in order:
-   *   1. {@link ClickableComponent#handleFocus} is called via a `focus` event on the
-   *      `ClickableComponent`.
-   *   2. {@link ClickableComponent#handleFocus} adds a listener for `keydown` on using
-   *      {@link ClickableComponent#handleKeyPress}.
-   *   3. `ClickableComponent` has not had a `blur` event (`blur` means that focus was lost). The user presses
-   *      the space or enter key.
-   *   4. {@link ClickableComponent#handleKeyPress} calls this function with the `keydown`
-   *      event as a parameter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   * @abstract
-   */
-
-
-  ClickableComponent.prototype.handleClick = function handleClick(event) {};
-
-  /**
-   * This gets called when a `ClickableComponent` gains focus via a `focus` event.
-   * Turns on listening for `keydown` events. When they happen it
-   * calls `this.handleKeyPress`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to be called.
-   *
-   * @listens focus
-   */
-
-
-  ClickableComponent.prototype.handleFocus = function handleFocus(event) {
-    on(document_1, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Called when this ClickableComponent has focus and a key gets pressed down. By
-   * default it will call `this.handleClick` when the key is space or enter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  ClickableComponent.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Support Space (32) or Enter (13) key operation to fire a click event
-    if (event.which === 32 || event.which === 13) {
-      event.preventDefault();
-      this.trigger('click');
-    } else if (_Component.prototype.handleKeyPress) {
-
-      // Pass keypress handling up for unsupported keys
-      _Component.prototype.handleKeyPress.call(this, event);
-    }
-  };
-
-  /**
-   * Called when a `ClickableComponent` loses focus. Turns off the listener for
-   * `keydown` events. Which Stops `this.handleKeyPress` from getting called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to be called.
-   *
-   * @listens blur
-   */
-
-
-  ClickableComponent.prototype.handleBlur = function handleBlur(event) {
-    off(document_1, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  return ClickableComponent;
-}(Component);
-
-Component.registerComponent('ClickableComponent', ClickableComponent);
-
-/**
- * @file poster-image.js
- */
-/**
- * A `ClickableComponent` that handles showing the poster image for the player.
- *
- * @extends ClickableComponent
- */
-
-var PosterImage = function (_ClickableComponent) {
-  inherits(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) {
-    classCallCheck(this, PosterImage);
-
-    var _this = possibleConstructorReturn(this, _ClickableComponent.call(this, player, options));
-
-    _this.update();
-    player.on('posterchange', bind(_this, _this.update));
-    return _this;
-  }
-
-  /**
-   * Clean up and dispose of the `PosterImage`.
-   */
-
-
-  PosterImage.prototype.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.
-   */
-
-
-  PosterImage.prototype.createEl = function createEl$$1() {
-    var el = createEl('div', {
-      className: 'vjs-poster',
-
-      // Don't want poster to be tabbable.
-      tabIndex: -1
-    });
-
-    // To ensure the poster image resizes while maintaining its original aspect
-    // ratio, use a div with `background-size` when available. For browsers that
-    // do not support `background-size` (e.g. IE8), fall back on using a regular
-    // img element.
-    if (!BACKGROUND_SIZE_SUPPORTED) {
-      this.fallbackImg_ = createEl('img');
-      el.appendChild(this.fallbackImg_);
-    }
-
-    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.
-   */
-
-
-  PosterImage.prototype.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`.
-   */
-
-
-  PosterImage.prototype.setSrc = function setSrc(url) {
-    if (this.fallbackImg_) {
-      this.fallbackImg_.src = url;
-    } else {
-      var backgroundImage = '';
-
-      // Any falsey values 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.
-   */
-
-
-  PosterImage.prototype.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_.paused()) {
-      this.player_.play();
-    } else {
-      this.player_.pause();
-    }
-  };
-
-  return PosterImage;
-}(ClickableComponent);
-
-Component.registerComponent('PosterImage', PosterImage);
-
-/**
- * @file text-track-display.js
- */
-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.
- *
- * @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)'.
- *
- * @private
- */
-function constructColor(color, opacity) {
-  return 'rgba(' +
-  // color looks like "#f0e"
-  parseInt(color[1] + color[1], 16) + ',' + parseInt(color[2] + color[2], 16) + ',' + parseInt(color[3] + color[3], 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, TextTrackDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options, ready));
-
-    player.on('loadstart', bind(_this, _this.toggleDisplay));
-    player.on('texttrackchange', bind(_this, _this.updateDisplay));
-    player.on('loadstart', bind(_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(_this, function () {
-      if (player.tech_ && player.tech_.featuresNativeTextTracks) {
-        this.hide();
-        return;
-      }
-
-      player.on('fullscreenchange', bind(this, this.updateDisplay));
-
-      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
-  */
-
-
-  TextTrackDisplay.prototype.preselectTrack = function preselectTrack() {
-    var modes = { captions: 1, subtitles: 1 };
-    var trackList = this.player_.textTracks();
-    var userPref = this.player_.cache_.selectedLanguage;
-    var firstDesc = void 0;
-    var firstCaptions = void 0;
-    var preferredTrack = void 0;
-
-    for (var i = 0; i < trackList.length; i++) {
-      var track = trackList[i];
-
-      if (userPref && userPref.enabled && userPref.language === track.language) {
-        // 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
-    // precendence 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
-   */
-
-
-  TextTrackDisplay.prototype.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.
-   */
-
-
-  TextTrackDisplay.prototype.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.
-   */
-
-
-  TextTrackDisplay.prototype.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
-   */
-
-
-  TextTrackDisplay.prototype.updateDisplay = function updateDisplay() {
-    var tracks = this.player_.textTracks();
-
-    this.clearDisplay();
-
-    // 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);
-    }
-  };
-
-  /**
-   * Add an {@link Texttrack} to to the {@link Tech}s {@link TextTrackList}.
-   *
-   * @param {TextTrack} track
-   *        Text track object to be added to the list.
-   */
-
-
-  TextTrackDisplay.prototype.updateForTrack = function updateForTrack(track) {
-    if (typeof window_1.WebVTT !== 'function' || !track.activeCues) {
-      return;
-    }
-
-    var cues = [];
-
-    for (var _i = 0; _i < track.activeCues.length; _i++) {
-      cues.push(track.activeCues[_i]);
-    }
-
-    window_1.WebVTT.processCues(window_1, cues, this.el_);
-
-    if (!this.player_.textTrackSettings) {
-      return;
-    }
-
-    var overrides = this.player_.textTrackSettings.getValues();
-
-    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];
-        }
-      }
-    }
-  };
-
-  return TextTrackDisplay;
-}(Component);
-
-Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
-
-/**
- * @file loading-spinner.js
- */
-/**
- * A loading spinner for use during waiting/loading events.
- *
- * @extends Component
- */
-
-var LoadingSpinner = function (_Component) {
-  inherits(LoadingSpinner, _Component);
-
-  function LoadingSpinner() {
-    classCallCheck(this, LoadingSpinner);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `LoadingSpinner`s DOM element.
-   *
-   * @return {Element}
-   *         The dom element that gets created.
-   */
-  LoadingSpinner.prototype.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);
-
-/**
- * @file button.js
- */
-/**
- * Base class for all buttons.
- *
- * @extends ClickableComponent
- */
-
-var Button = function (_ClickableComponent) {
-  inherits(Button, _ClickableComponent);
-
-  function Button() {
-    classCallCheck(this, Button);
-    return possibleConstructorReturn(this, _ClickableComponent.apply(this, arguments));
-  }
-
-  /**
-   * 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.
-   */
-  Button.prototype.createEl = function createEl(tag) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    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',
-
-      // let the screen reader user know that the text of the button may change
-      'aria-live': 'polite'
-    }, 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
-   */
-
-
-  Button.prototype.addChild = function addChild(child) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    var className = this.constructor.name;
-
-    log$1.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}.
-   */
-
-
-  Button.prototype.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}.
-   */
-
-
-  Button.prototype.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
-   */
-
-
-  Button.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Ignore Space (32) or Enter (13) key operation, which is handled by the browser for a button.
-    if (event.which === 32 || event.which === 13) {
-      return;
-    }
-
-    // Pass keypress handling up for unsupported keys
-    _ClickableComponent.prototype.handleKeyPress.call(this, event);
-  };
-
-  return Button;
-}(ClickableComponent);
-
-Component.registerComponent('Button', Button);
-
-/**
- * @file big-play-button.js
- */
-/**
- * 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 = function (_Button) {
-  inherits(BigPlayButton, _Button);
-
-  function BigPlayButton(player, options) {
-    classCallCheck(this, BigPlayButton);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _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'.
-   */
-
-
-  BigPlayButton.prototype.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
-   */
-
-
-  BigPlayButton.prototype.handleClick = function handleClick(event) {
-    var playPromise = this.player_.play();
-
-    // exit early if clicked via the mouse
-    if (this.mouseused_ && event.clientX && event.clientY) {
-      return;
-    }
-
-    var cb = this.player_.getChild('controlBar');
-    var playToggle = cb && cb.getChild('playToggle');
-
-    if (!playToggle) {
-      this.player_.focus();
-      return;
-    }
-
-    var playFocus = function playFocus() {
-      return playToggle.focus();
-    };
-
-    if (isPromise(playPromise)) {
-      playPromise.then(playFocus, function () {});
-    } else {
-      this.setTimeout(playFocus, 1);
-    }
-  };
-
-  BigPlayButton.prototype.handleKeyPress = function handleKeyPress(event) {
-    this.mouseused_ = false;
-
-    _Button.prototype.handleKeyPress.call(this, event);
-  };
-
-  BigPlayButton.prototype.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);
-
-/**
- * @file close-button.js
- */
-/**
- * The `CloseButton` is a `{@link Button}` that fires a `close` event when
- * it gets clicked.
- *
- * @extends Button
- */
-
-var CloseButton = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, CloseButton);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.controlText(options && options.controlText || _this.localize('Close'));
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CloseButton.prototype.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
-   */
-
-
-  CloseButton.prototype.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 });
-  };
-
-  return CloseButton;
-}(Button);
-
-Component.registerComponent('CloseButton', CloseButton);
-
-/**
- * @file play-toggle.js
- */
-/**
- * Button to toggle between play and pause.
- *
- * @extends Button
- */
-
-var PlayToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, PlayToggle);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.on(player, 'play', _this.handlePlay);
-    _this.on(player, 'pause', _this.handlePause);
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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.
-*
-* @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;
-};
-
-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;
-}
-
-var formatTime = function (seconds) {
-  var guide = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : seconds;
-
-  return implementation(seconds, guide);
-};
-
-/**
- * @file time-display.js
- */
-/**
- * Displays the time left in the video
- *
- * @extends Component
- */
-
-var TimeDisplay = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, TimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.throttledUpdateContent = throttle(bind(_this, _this.updateContent), 25);
-    _this.on(player, 'timeupdate', _this.throttledUpdateContent);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  TimeDisplay.prototype.createEl = function createEl$$1(plainName) {
-    var className = this.buildCSSClass();
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: className + ' vjs-time-control vjs-control'
-    });
-
-    this.contentEl_ = createEl('div', {
-      className: className + '-display'
-    }, {
-      // tell screen readers not to automatically read the time as it changes
-      'aria-live': 'off'
-    }, createEl('span', {
-      className: 'vjs-control-text',
-      textContent: this.localize(this.controlText_)
-    }));
-
-    this.updateTextNode_();
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  TimeDisplay.prototype.dispose = function dispose() {
-    this.contentEl_ = null;
-    this.textNode_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * Updates the "remaining time" text node with new content using the
-   * contents of the `formattedTime_` property.
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.updateTextNode_ = function updateTextNode_() {
-    if (!this.contentEl_) {
-      return;
-    }
-
-    while (this.contentEl_.firstChild) {
-      this.contentEl_.removeChild(this.contentEl_.firstChild);
-    }
-
-    this.textNode_ = document_1.createTextNode(this.formattedTime_ || '0:00');
-    this.contentEl_.appendChild(this.textNode_);
-  };
-
-  /**
-   * Generates a formatted time for this component to use in display.
-   *
-   * @param  {number} time
-   *         A numeric time, in seconds.
-   *
-   * @return {string}
-   *         A formatted time
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.formatTime_ = function formatTime_(time) {
-    return formatTime(time);
-  };
-
-  /**
-   * Updates the time display text node if it has what was passed in changed
-   * the formatted time.
-   *
-   * @param {number} time
-   *        The time to update to
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.updateFormattedTime_ = function updateFormattedTime_(time) {
-    var formattedTime = this.formatTime_(time);
-
-    if (formattedTime === this.formattedTime_) {
-      return;
-    }
-
-    this.formattedTime_ = formattedTime;
-    this.requestAnimationFrame(this.updateTextNode_);
-  };
-
-  /**
-   * 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
-   */
-
-
-  TimeDisplay.prototype.updateContent = function updateContent(event) {};
-
-  return TimeDisplay;
-}(Component);
-
-/**
- * The text that should display over the `TimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-TimeDisplay.prototype.controlText_ = 'Time';
-
-Component.registerComponent('TimeDisplay', TimeDisplay);
-
-/**
- * @file current-time-display.js
- */
-/**
- * Displays the current time
- *
- * @extends Component
- */
-
-var CurrentTimeDisplay = function (_TimeDisplay) {
-  inherits(CurrentTimeDisplay, _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 CurrentTimeDisplay(player, options) {
-    classCallCheck(this, CurrentTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CurrentTimeDisplay.prototype.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
-   */
-
-
-  CurrentTimeDisplay.prototype.updateContent = function updateContent(event) {
-    // Allows for smooth scrubbing, when player can't keep up.
-    var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-
-    this.updateFormattedTime_(time);
-  };
-
-  /**
-   * When the player fires ended there should be no time left. Sadly
-   * this is not always the case, lets make it seem like that is the case
-   * for users.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  CurrentTimeDisplay.prototype.handleEnded = function handleEnded(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-    this.updateFormattedTime_(this.player_.duration());
-  };
-
-  return CurrentTimeDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
-
-Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
-
-/**
- * @file duration-display.js
- */
-/**
- * Displays the duration
- *
- * @extends Component
- */
-
-var DurationDisplay = function (_TimeDisplay) {
-  inherits(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) {
-    classCallCheck(this, DurationDisplay);
-
-    // we do not want to/need to throttle duration changes,
-    // as they should always display the changed duration as
-    // it has changed
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'durationchange', _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.throttledUpdateContent);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  DurationDisplay.prototype.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
-   */
-
-
-  DurationDisplay.prototype.updateContent = function updateContent(event) {
-    var duration = this.player_.duration();
-
-    if (duration && this.duration_ !== duration) {
-      this.duration_ = duration;
-      this.updateFormattedTime_(duration);
-    }
-  };
-
-  return DurationDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `DurationDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-DurationDisplay.prototype.controlText_ = 'Duration Time';
-
-Component.registerComponent('DurationDisplay', DurationDisplay);
-
-/**
- * @file time-divider.js
- */
-/**
- * The separator between the current time and duration.
- * Can be hidden if it's not needed in the design.
- *
- * @extends Component
- */
-
-var TimeDivider = function (_Component) {
-  inherits(TimeDivider, _Component);
-
-  function TimeDivider() {
-    classCallCheck(this, TimeDivider);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the component's DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  TimeDivider.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-control vjs-time-divider',
-      innerHTML: '<div><span>/</span></div>'
-    });
-  };
-
-  return TimeDivider;
-}(Component);
-
-Component.registerComponent('TimeDivider', TimeDivider);
-
-/**
- * @file remaining-time-display.js
- */
-/**
- * Displays the time left in the video
- *
- * @extends Component
- */
-
-var RemainingTimeDisplay = function (_TimeDisplay) {
-  inherits(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) {
-    classCallCheck(this, RemainingTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'durationchange', _this.throttledUpdateContent);
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  RemainingTimeDisplay.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-remaining-time';
-  };
-
-  /**
-   * The remaining time display prefixes numbers with a "minus" character.
-   *
-   * @param  {number} time
-   *         A numeric time, in seconds.
-   *
-   * @return {string}
-   *         A formatted time
-   *
-   * @private
-   */
-
-
-  RemainingTimeDisplay.prototype.formatTime_ = function formatTime_(time) {
-    return '-' + _TimeDisplay.prototype.formatTime_.call(this, time);
-  };
-
-  /**
-   * Update remaining time display.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `durationchange` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   * @listens Player#durationchange
-   */
-
-
-  RemainingTimeDisplay.prototype.updateContent = function updateContent(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-
-    // @deprecated We should only use remainingTimeDisplay
-    // as of video.js 7
-    if (this.player_.remainingTimeDisplay) {
-      this.updateFormattedTime_(this.player_.remainingTimeDisplay());
-    } else {
-      this.updateFormattedTime_(this.player_.remainingTime());
-    }
-  };
-
-  /**
-   * When the player fires ended there should be no time left. Sadly
-   * this is not always the case, lets make it seem like that is the case
-   * for users.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  RemainingTimeDisplay.prototype.handleEnded = function handleEnded(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-    this.updateFormattedTime_(0);
-  };
-
-  return RemainingTimeDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
-
-Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
-
-/**
- * @file live-display.js
- */
-// TODO - Future make it click to snap to live
-
-/**
- * Displays the live indicator when duration is Infinity.
- *
- * @extends Component
- */
-
-var LiveDisplay = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, LiveDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.updateShowing();
-    _this.on(_this.player(), 'durationchange', _this.updateShowing);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  LiveDisplay.prototype.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') + '</span>' + this.localize('LIVE')
-    }, {
-      'aria-live': 'off'
-    });
-
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  LiveDisplay.prototype.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
-   */
-
-
-  LiveDisplay.prototype.updateShowing = function updateShowing(event) {
-    if (this.player().duration() === Infinity) {
-      this.show();
-    } else {
-      this.hide();
-    }
-  };
-
-  return LiveDisplay;
-}(Component);
-
-Component.registerComponent('LiveDisplay', LiveDisplay);
-
-/**
- * @file slider.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Slider);
-
-    // Set property names to bar to match with the child Slider class is looking for
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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
-   */
-
-
-  Slider.prototype.enabled = function enabled() {
-    return this.enabled_;
-  };
-
-  /**
-   * Enable controls for this slider if they are disabled
-   */
-
-
-  Slider.prototype.enable = function enable() {
-    if (this.enabled()) {
-      return;
-    }
-
-    this.on('mousedown', this.handleMouseDown);
-    this.on('touchstart', this.handleMouseDown);
-    this.on('focus', this.handleFocus);
-    this.on('blur', this.handleBlur);
-    this.on('click', this.handleClick);
-
-    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
-   */
-
-
-  Slider.prototype.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('focus', this.handleFocus);
-    this.off('blur', this.handleBlur);
-    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 `Button`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.
-   */
-
-
-  Slider.prototype.createEl = function createEl$$1(type) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    // 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
-   */
-
-
-  Slider.prototype.handleMouseDown = function handleMouseDown(event) {
-    var doc = this.bar.el_.ownerDocument;
-
-    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
-   */
-
-
-  Slider.prototype.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
-   */
-
-
-  Slider.prototype.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`.
-   *
-   * @returns {number}
-   *          The percentage of progress the progress bar represents as a
-   *          number from 0 to 1.
-   */
-
-
-  Slider.prototype.update = function update() {
-
-    // 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 (!this.el_) {
-      return;
-    }
-
-    // If scrubbing, we could use a cached value to make the handle keep up
-    // with the user's mouse. On HTML5 browsers scrubbing is really smooth, but
-    // some flash players are slow, so we might want to utilize this later.
-    // var progress =  (this.player_.scrubbing()) ? this.player_.getCache().currentTime / this.player_.duration() : this.player_.currentTime() / this.player_.duration();
-    var progress = this.getPercent();
-    var bar = this.bar;
-
-    // If there's no bar...
-    if (!bar) {
-      return;
-    }
-
-    // Protect against no duration and other division issues
-    if (typeof progress !== 'number' || progress !== progress || progress < 0 || progress === Infinity) {
-      progress = 0;
-    }
-
-    // Convert to a percentage for setting
-    var percentage = (progress * 100).toFixed(2) + '%';
-    var style = bar.el().style;
-
-    // Set the new bar width or height
-    if (this.vertical()) {
-      style.height = percentage;
-    } else {
-      style.width = percentage;
-    }
-
-    return progress;
-  };
-
-  /**
-   * Calculate distance for slider
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run.
-   *
-   * @return {number}
-   *         The current position of the Slider.
-   *         - postition.x for vertical `Slider`s
-   *         - postition.y for horizontal `Slider`s
-   */
-
-
-  Slider.prototype.calculateDistance = function calculateDistance(event) {
-    var position = getPointerPosition(this.el_, event);
-
-    if (this.vertical()) {
-      return position.y;
-    }
-    return position.x;
-  };
-
-  /**
-   * Handle a `focus` event on this `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to run.
-   *
-   * @listens focus
-   */
-
-
-  Slider.prototype.handleFocus = function handleFocus() {
-    this.on(this.bar.el_.ownerDocument, 'keydown', this.handleKeyPress);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Slider.prototype.handleKeyPress = function handleKeyPress(event) {
-    // Left and Down Arrows
-    if (event.which === 37 || event.which === 40) {
-      event.preventDefault();
-      this.stepBack();
-
-      // Up and Right Arrows
-    } else if (event.which === 38 || event.which === 39) {
-      event.preventDefault();
-      this.stepForward();
-    }
-  };
-
-  /**
-   * Handle a `blur` event on this `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to run.
-   *
-   * @listens blur
-   */
-
-  Slider.prototype.handleBlur = function handleBlur() {
-    this.off(this.bar.el_.ownerDocument, 'keydown', this.handleKeyPress);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Slider.prototype.handleClick = function handleClick(event) {
-    event.stopImmediatePropagation();
-    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
-   */
-
-
-  Slider.prototype.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);
-
-/**
- * @file load-progress-bar.js
- */
-/**
- * Shows loading progress
- *
- * @extends Component
- */
-
-var LoadProgressBar = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, LoadProgressBar);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.partEls_ = [];
-    _this.on(player, 'progress', _this.update);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  LoadProgressBar.prototype.createEl = function createEl$$1() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-load-progress',
-      innerHTML: '<span class="vjs-control-text"><span>' + this.localize('Loaded') + '</span>: 0%</span>'
-    });
-  };
-
-  LoadProgressBar.prototype.dispose = function dispose() {
-    this.partEls_ = 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
-   */
-
-
-  LoadProgressBar.prototype.update = function update(event) {
-    var buffered = this.player_.buffered();
-    var duration = this.player_.duration();
-    var bufferedEnd = this.player_.bufferedEnd();
-    var children = this.partEls_;
-
-    // get the percent width of a time compared to the total end
-    var percentify = function percentify(time, end) {
-      // no NaN
-      var percent = time / end || 0;
-
-      return (percent >= 1 ? 1 : percent) * 100 + '%';
-    };
-
-    // update the width of the progress bar
-    this.el_.style.width = percentify(bufferedEnd, duration);
-
-    // 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 = this.el_.appendChild(createEl());
-        children[i] = part;
-      }
-
-      // 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--) {
-      this.el_.removeChild(children[_i - 1]);
-    }
-    children.length = buffered.length;
-  };
-
-  return LoadProgressBar;
-}(Component);
-
-Component.registerComponent('LoadProgressBar', LoadProgressBar);
-
-/**
- * @file time-tooltip.js
- */
-/**
- * Time tooltips display a time above the progress bar.
- *
- * @extends Component
- */
-
-var TimeTooltip = function (_Component) {
-  inherits(TimeTooltip, _Component);
-
-  function TimeTooltip() {
-    classCallCheck(this, TimeTooltip);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the time tooltip DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  TimeTooltip.prototype.createEl = function createEl$$1() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-tooltip'
-    });
-  };
-
-  /**
-   * 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}
-   */
-
-
-  TimeTooltip.prototype.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';
-    textContent(this.el_, content);
-  };
-
-  return TimeTooltip;
-}(Component);
-
-Component.registerComponent('TimeTooltip', TimeTooltip);
-
-/**
- * @file play-progress-bar.js
- */
-/**
- * Used by {@link SeekBar} to display media playback progress as part of the
- * {@link ProgressControl}.
- *
- * @extends Component
- */
-
-var PlayProgressBar = function (_Component) {
-  inherits(PlayProgressBar, _Component);
-
-  function PlayProgressBar() {
-    classCallCheck(this, PlayProgressBar);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  PlayProgressBar.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-play-progress vjs-slider-bar',
-      innerHTML: '<span class="vjs-control-text"><span>' + this.localize('Progress') + '</span>: 0%</span>'
-    });
-  };
-
-  /**
-   * 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}
-   */
-
-
-  PlayProgressBar.prototype.update = function update(seekBarRect, seekBarPoint) {
-    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 time = _this2.player_.scrubbing() ? _this2.player_.getCache().currentTime : _this2.player_.currentTime();
-
-      var content = formatTime(time, _this2.player_.duration());
-      var timeTooltip = _this2.getChild('timeTooltip');
-
-      if (timeTooltip) {
-        timeTooltip.update(seekBarRect, seekBarPoint, content);
-      }
-    });
-  };
-
-  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 or IE8
-if ((!IE_VERSION || IE_VERSION > 8) && !IS_IOS && !IS_ANDROID) {
-  PlayProgressBar.prototype.options_.children.push('timeTooltip');
-}
-
-Component.registerComponent('PlayProgressBar', PlayProgressBar);
-
-/**
- * @file mouse-time-display.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, MouseTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.update = throttle(bind(_this, _this.update), 25);
-    return _this;
-  }
-
-  /**
-   * Create the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  MouseTimeDisplay.prototype.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}
-   */
-
-
-  MouseTimeDisplay.prototype.update = function update(seekBarRect, seekBarPoint) {
-    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 duration = _this2.player_.duration();
-      var content = formatTime(seekBarPoint * duration, duration);
-
-      _this2.el_.style.left = seekBarRect.width * seekBarPoint + 'px';
-      _this2.getChild('timeTooltip').update(seekBarRect, seekBarPoint, content);
-    });
-  };
-
-  return MouseTimeDisplay;
-}(Component);
-
-/**
- * Default options for `MouseTimeDisplay`
- *
- * @type {Object}
- * @private
- */
-
-
-MouseTimeDisplay.prototype.options_ = {
-  children: ['timeTooltip']
-};
-
-Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
-
-/**
- * @file seek-bar.js
- */
-// The number of seconds the `step*` functions move the timeline.
-var STEP_SECONDS = 5;
-
-// The interval at which the bar should update as it progresses.
-var UPDATE_REFRESH_INTERVAL = 30;
-
-/**
- * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
- * as its `bar`.
- *
- * @extends Slider
- */
-
-var SeekBar = function (_Slider) {
-  inherits(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) {
-    classCallCheck(this, SeekBar);
-
-    var _this = possibleConstructorReturn(this, _Slider.call(this, player, options));
-
-    _this.update = throttle(bind(_this, _this.update), UPDATE_REFRESH_INTERVAL);
-
-    _this.on(player, 'timeupdate', _this.update);
-    _this.on(player, 'ended', _this.handleEnded);
-
-    // when playing, let's ensure we smoothly update the play progress bar
-    // via an interval
-    _this.updateInterval = null;
-
-    _this.on(player, ['playing'], function () {
-      _this.clearInterval(_this.updateInterval);
-
-      _this.updateInterval = _this.setInterval(function () {
-        _this.requestAnimationFrame(function () {
-          _this.update();
-        });
-      }, UPDATE_REFRESH_INTERVAL);
-    });
-
-    _this.on(player, ['ended', 'pause', 'waiting'], function () {
-      _this.clearInterval(_this.updateInterval);
-    });
-
-    _this.on(player, ['timeupdate', 'ended'], _this.update);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  SeekBar.prototype.createEl = function createEl$$1() {
-    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 accessiblity
-   * attributes to whatever is passed in.
-   *
-   * @param {number} currentTime
-   *        The currentTime value that should be used for accessiblity
-   *
-   * @param {number} percent
-   *        The percentage as a decimal that the bar should be filled from 0-1.
-   *
-   * @private
-   */
-
-
-  SeekBar.prototype.update_ = function update_(currentTime, percent) {
-    var duration = this.player_.duration();
-
-    // machine readable value of progress bar (percentage complete)
-    this.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
-
-    // human readable value of progress bar (time complete)
-    this.el_.setAttribute('aria-valuetext', this.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
-
-    // Update the `PlayProgressBar`.
-    this.bar.update(getBoundingClientRect(this.el_), percent);
-  };
-
-  /**
-   * Update the seek bar's UI.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `ended` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   *
-   * @returns {number}
-   *          The current percent at a number from 0-1
-   */
-
-
-  SeekBar.prototype.update = function update(event) {
-    var percent = _Slider.prototype.update.call(this);
-
-    this.update_(this.getCurrentTime_(), percent);
-    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
-   */
-
-
-  SeekBar.prototype.getCurrentTime_ = function getCurrentTime_() {
-    return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-  };
-
-  /**
-   * We want the seek bar to be full on ended
-   * no matter what the actual internal values are. so we force it.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  SeekBar.prototype.handleEnded = function handleEnded(event) {
-    this.update_(this.player_.duration(), 1);
-  };
-
-  /**
-   * Get the percentage of media played so far.
-   *
-   * @return {number}
-   *         The percentage of media played so far (0 to 1).
-   */
-
-
-  SeekBar.prototype.getPercent = function getPercent() {
-    var percent = this.getCurrentTime_() / this.player_.duration();
-
-    return percent >= 1 ? 1 : percent;
-  };
-
-  /**
-   * Handle mouse down on seek bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousedown` event that caused this to run.
-   *
-   * @listens mousedown
-   */
-
-
-  SeekBar.prototype.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
-   */
-
-
-  SeekBar.prototype.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    var newTime = this.calculateDistance(event) * this.player_.duration();
-
-    // Don't let video end while scrubbing.
-    if (newTime === this.player_.duration()) {
-      newTime = newTime - 0.1;
-    }
-
-    // Set new time (tell player to seek to new time)
-    this.player_.currentTime(newTime);
-  };
-
-  SeekBar.prototype.enable = function enable() {
-    _Slider.prototype.enable.call(this);
-    var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-    if (!mouseTimeDisplay) {
-      return;
-    }
-
-    mouseTimeDisplay.show();
-  };
-
-  SeekBar.prototype.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
-   */
-
-
-  SeekBar.prototype.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());
-    }
-  };
-
-  /**
-   * Move more quickly fast forward for keyboard-only users
-   */
-
-
-  SeekBar.prototype.stepForward = function stepForward() {
-    this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
-  };
-
-  /**
-   * Move more quickly rewind for keyboard-only users
-   */
-
-
-  SeekBar.prototype.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
-   *
-   */
-
-
-  SeekBar.prototype.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. By
-   * default it will call `this.handleAction` when the key is space or enter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  SeekBar.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Support Space (32) or Enter (13) key operation to fire a click event
-    if (event.which === 32 || event.which === 13) {
-      event.preventDefault();
-      this.handleAction(event);
-    } else if (_Slider.prototype.handleKeyPress) {
-
-      // Pass keypress handling up for unsupported keys
-      _Slider.prototype.handleKeyPress.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 or IE8
-if ((!IE_VERSION || IE_VERSION > 8) && !IS_IOS && !IS_ANDROID) {
-  SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
-}
-
-/**
- * Call the update event for this Slider when this event happens on the player.
- *
- * @type {string}
- */
-SeekBar.prototype.playerEvent = 'timeupdate';
-
-Component.registerComponent('SeekBar', SeekBar);
-
-/**
- * @file progress-control.js
- */
-/**
- * The Progress Control component contains the seek bar, load progress,
- * and play progress.
- *
- * @extends Component
- */
-
-var ProgressControl = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, ProgressControl);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.handleMouseMove = throttle(bind(_this, _this.handleMouseMove), 25);
-    _this.throttledHandleMouseSeek = throttle(bind(_this, _this.handleMouseSeek), 25);
-
-    _this.enable();
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  ProgressControl.prototype.createEl = function createEl$$1() {
-    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
-   */
-
-
-  ProgressControl.prototype.handleMouseMove = function handleMouseMove(event) {
-    var seekBar = this.getChild('seekBar');
-
-    if (seekBar) {
-      var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
-      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.
-      if (seekBarPoint > 1) {
-        seekBarPoint = 1;
-      } else if (seekBarPoint < 0) {
-        seekBarPoint = 0;
-      }
-
-      if (mouseTimeDisplay) {
-        mouseTimeDisplay.update(seekBarRect, seekBarPoint);
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.enabled = function enabled() {
-    return this.enabled_;
-  };
-
-  /**
-   * Disable all controls on the progress control and its children
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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);
-
-/**
- * @file fullscreen-toggle.js
- */
-/**
- * Toggle fullscreen video
- *
- * @extends Button
- */
-
-var FullscreenToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, FullscreenToggle);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  FullscreenToggle.prototype.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
-   */
-
-
-  FullscreenToggle.prototype.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
-   */
-
-
-  FullscreenToggle.prototype.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');
-    }
-  });
-};
-
-/**
- * @file volume-level.js
- */
-/**
- * Shows volume level
- *
- * @extends Component
- */
-
-var VolumeLevel = function (_Component) {
-  inherits(VolumeLevel, _Component);
-
-  function VolumeLevel() {
-    classCallCheck(this, VolumeLevel);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  VolumeLevel.prototype.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);
-
-/**
- * @file volume-bar.js
- */
-// Required children
-/**
- * The bar that contains the volume level and can be clicked on to adjust the level
- *
- * @extends Slider
- */
-
-var VolumeBar = function (_Slider) {
-  inherits(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) {
-    classCallCheck(this, VolumeBar);
-
-    var _this = possibleConstructorReturn(this, _Slider.call(this, player, options));
-
-    _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.
-   */
-
-
-  VolumeBar.prototype.createEl = function createEl$$1() {
-    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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    this.checkMuted();
-    this.player_.volume(this.calculateDistance(event));
-  };
-
-  /**
-   * If the player is muted unmute it.
-   */
-
-
-  VolumeBar.prototype.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.
-   */
-
-
-  VolumeBar.prototype.getPercent = function getPercent() {
-    if (this.player_.muted()) {
-      return 0;
-    }
-    return this.player_.volume();
-  };
-
-  /**
-   * Increase volume level for keyboard users
-   */
-
-
-  VolumeBar.prototype.stepForward = function stepForward() {
-    this.checkMuted();
-    this.player_.volume(this.player_.volume() + 0.1);
-  };
-
-  /**
-   * Decrease volume level for keyboard users
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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);
-
-/**
- * @file volume-control.js
- */
-// Required children
-/**
- * The component for controlling the volume level
- *
- * @extends Component
- */
-
-var VolumeControl = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, VolumeControl);
-
-    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;
-    }
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    _this.throttledHandleMouseMove = throttle(bind(_this, _this.handleMouseMove), 25);
-
-    _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.
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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);
-
-/**
- * @file mute-toggle.js
- */
-/**
- * A button component for muting the audio.
- *
- * @extends Button
- */
-
-var MuteToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, MuteToggle);
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    _this.on(player, ['loadstart', 'volumechange'], _this.update);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.updateIcon_ = function updateIcon_() {
-    var vol = this.player_.volume();
-    var level = 3;
-
-    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
-   */
-
-
-  MuteToggle.prototype.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);
-
-/**
- * @file volume-control.js
- */
-// Required children
-/**
- * A Component to contain the MuteToggle and VolumeControl so that
- * they can work together.
- *
- * @extends Component
- */
-
-var VolumePanel = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, VolumePanel);
-
-    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;
-    }
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    // 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
-   */
-
-
-  VolumePanel.prototype.sliderActive_ = function sliderActive_() {
-    this.addClass('vjs-slider-active');
-  };
-
-  /**
-   * Removes vjs-slider-active class to the VolumePanel
-   *
-   * @listens VolumeControl#sliderinactive
-   * @private
-   */
-
-
-  VolumePanel.prototype.sliderInactive_ = function sliderInactive_() {
-    this.removeClass('vjs-slider-active');
-  };
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  VolumePanel.prototype.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
-    });
-  };
-
-  return VolumePanel;
-}(Component);
-
-/**
- * Default options for the `VolumeControl`
- *
- * @type {Object}
- * @private
- */
-
-
-VolumePanel.prototype.options_ = {
-  children: ['muteToggle', 'volumeControl']
-};
-
-Component.registerComponent('VolumePanel', VolumePanel);
-
-/**
- * @file menu.js
- */
-/**
- * The Menu component is used to build popup menus, including subtitle and
- * captions selection menus.
- *
- * @extends Component
- */
-
-var Menu = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Menu);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    if (options) {
-      _this.menuButton_ = options.menuButton;
-    }
-
-    _this.focusedChild_ = -1;
-
-    _this.on('keydown', _this.handleKeyPress);
-    return _this;
-  }
-
-  /**
-   * Add a {@link MenuItem} to the menu.
-   *
-   * @param {Object|string} component
-   *        The name or instance of the `MenuItem` to add.
-   *
-   */
-
-
-  Menu.prototype.addItem = function addItem(component) {
-    this.addChild(component);
-    component.on('click', bind(this, function (event) {
-      // Unpress the associated MenuButton, and move focus back to it
-      if (this.menuButton_) {
-        this.menuButton_.unpressButton();
-
-        // don't focus menu button if item is a caption settings item
-        // because focus will move elsewhere and it logs an error on IE8
-        if (component.name() !== 'CaptionSettingsMenuItem') {
-          this.menuButton_.focus();
-        }
-      }
-    }));
-  };
-
-  /**
-   * Create the `Menu`s DOM element.
-   *
-   * @return {Element}
-   *         the element that was created
-   */
-
-
-  Menu.prototype.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;
-  };
-
-  Menu.prototype.dispose = function dispose() {
-    this.contentEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Menu.prototype.handleKeyPress = function handleKeyPress(event) {
-    // Left and Down Arrows
-    if (event.which === 37 || event.which === 40) {
-      event.preventDefault();
-      this.stepForward();
-
-      // Up and Right Arrows
-    } else if (event.which === 38 || event.which === 39) {
-      event.preventDefault();
-      this.stepBack();
-    }
-  };
-
-  /**
-   * Move to next (lower) menu item for keyboard users.
-   */
-
-
-  Menu.prototype.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.
-   */
-
-
-  Menu.prototype.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.
-   */
-
-
-  Menu.prototype.focus = function focus() {
-    var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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);
-
-/**
- * @file menu-button.js
- */
-/**
- * A `MenuButton` class for any popup {@link Menu}.
- *
- * @extends Component
- */
-
-var MenuButton = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, MenuButton);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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_, 'focus', _this.handleFocus);
-    _this.on(_this.menuButton_, 'blur', _this.handleBlur);
-
-    _this.on('keydown', _this.handleSubmenuKeyPress);
-    return _this;
-  }
-
-  /**
-   * Update the menu based on the current state of its items.
-   */
-
-
-  MenuButton.prototype.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
-   */
-
-
-  MenuButton.prototype.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 title = createEl('li', {
-        className: 'vjs-menu-title',
-        innerHTML: toTitleCase(this.options_.title),
-        tabIndex: -1
-      });
-
-      this.hideThreshold_ += 1;
-
-      menu.children_.unshift(title);
-      prependTo(title, menu.contentEl());
-    }
-
-    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
-   */
-
-
-  MenuButton.prototype.createItems = function createItems() {};
-
-  /**
-   * Create the `MenuButtons`s DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  MenuButton.prototype.createEl = function createEl$$1() {
-    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`
-   */
-
-
-  MenuButton.prototype.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.
-   */
-
-
-  MenuButton.prototype.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
-   */
-
-
-  MenuButton.prototype.controlText = function controlText(text) {
-    var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.menuButton_.el();
-
-    return this.menuButton_.controlText(text, el);
-  };
-
-  /**
-   * 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
-   */
-
-
-  MenuButton.prototype.handleClick = function handleClick(event) {
-    // When you click the button it adds focus, which will show the menu.
-    // So we'll remove focus when the mouse leaves the button. Focus is needed
-    // for tab navigation.
-
-    this.one(this.menu.contentEl(), 'mouseleave', bind(this, function (e) {
-      this.unpressButton();
-      this.el_.blur();
-    }));
-    if (this.buttonPressed_) {
-      this.unpressButton();
-    } else {
-      this.pressButton();
-    }
-  };
-
-  /**
-   * Set the focus to the actual button, not to this element
-   */
-
-
-  MenuButton.prototype.focus = function focus() {
-    this.menuButton_.focus();
-  };
-
-  /**
-   * Remove the focus from the actual button, not this element
-   */
-
-
-  MenuButton.prototype.blur = function blur() {
-    this.menuButton_.blur();
-  };
-
-  /**
-   * This gets called when a `MenuButton` gains focus via a `focus` event.
-   * Turns on listening for `keydown` events. When they happen it
-   * calls `this.handleKeyPress`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to be called.
-   *
-   * @listens focus
-   */
-
-
-  MenuButton.prototype.handleFocus = function handleFocus() {
-    on(document_1, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Called when a `MenuButton` loses focus. Turns off the listener for
-   * `keydown` events. Which Stops `this.handleKeyPress` from getting called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to be called.
-   *
-   * @listens blur
-   */
-
-
-  MenuButton.prototype.handleBlur = function handleBlur() {
-    off(document_1, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
-   * {@link ClickableComponent#handleKeyPress} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  MenuButton.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Escape (27) key or Tab (9) key unpress the 'button'
-    if (event.which === 27 || event.which === 9) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      }
-      // Don't preventDefault for Tab key - we still want to lose focus
-      if (event.which !== 9) {
-        event.preventDefault();
-        // Set focus back to the menu button's button
-        this.menuButton_.el_.focus();
-      }
-      // Up (38) key or Down (40) key press the 'button'
-    } else if (event.which === 38 || event.which === 40) {
-      if (!this.buttonPressed_) {
-        this.pressButton();
-        event.preventDefault();
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  MenuButton.prototype.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
-
-    // Escape (27) key or Tab (9) key unpress the 'button'
-    if (event.which === 27 || event.which === 9) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      }
-      // Don't preventDefault for Tab key - we still want to lose focus
-      if (event.which !== 9) {
-        event.preventDefault();
-        // Set focus back to the menu button's button
-        this.menuButton_.el_.focus();
-      }
-    }
-  };
-
-  /**
-   * Put the current `MenuButton` into a pressed state.
-   */
-
-
-  MenuButton.prototype.pressButton = function pressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = true;
-      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.
-   */
-
-
-  MenuButton.prototype.unpressButton = function unpressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = false;
-      this.menu.unlockShowing();
-      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-    }
-  };
-
-  /**
-   * Disable the `MenuButton`. Don't allow it to be clicked.
-   */
-
-
-  MenuButton.prototype.disable = function disable() {
-    this.unpressButton();
-
-    this.enabled_ = false;
-    this.addClass('vjs-disabled');
-
-    this.menuButton_.disable();
-  };
-
-  /**
-   * Enable the `MenuButton`. Allow it to be clicked.
-   */
-
-
-  MenuButton.prototype.enable = function enable() {
-    this.enabled_ = true;
-    this.removeClass('vjs-disabled');
-
-    this.menuButton_.enable();
-  };
-
-  return MenuButton;
-}(Component);
-
-Component.registerComponent('MenuButton', MenuButton);
-
-/**
- * @file track-button.js
- */
-/**
- * The base class for buttons that toggle specific  track types (e.g. subtitles).
- *
- * @extends MenuButton
- */
-
-var TrackButton = function (_MenuButton) {
-  inherits(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) {
-    classCallCheck(this, TrackButton);
-
-    var tracks = options.tracks;
-
-    var _this = possibleConstructorReturn(this, _MenuButton.call(this, player, options));
-
-    if (_this.items.length <= 1) {
-      _this.hide();
-    }
-
-    if (!tracks) {
-      return possibleConstructorReturn(_this);
-    }
-
-    var updateHandler = bind(_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-item.js
- */
-/**
- * The component for a menu item. `<li>`
- *
- * @extends ClickableComponent
- */
-
-var MenuItem = function (_ClickableComponent) {
-  inherits(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) {
-    classCallCheck(this, MenuItem);
-
-    var _this = possibleConstructorReturn(this, _ClickableComponent.call(this, player, options));
-
-    _this.selectable = options.selectable;
-    _this.isSelected_ = options.selected || false;
-
-    _this.selected(_this.isSelected_);
-
-    if (_this.selectable) {
-      // TODO: May need to be either menuitemcheckbox or menuitemradio,
-      //       and may need logical grouping of menu items.
-      _this.el_.setAttribute('role', 'menuitemcheckbox');
-    } 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.
-   */
-
-
-  MenuItem.prototype.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);
-  };
-
-  /**
-   * Any click on a `MenuItem` puts int 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
-   */
-
-
-  MenuItem.prototype.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
-   */
-
-
-  MenuItem.prototype.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);
-
-/**
- * @file text-track-menu-item.js
- */
-/**
- * The specific menu item type for selecting a language within a text track kind
- *
- * @extends MenuItem
- */
-
-var TextTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, TextTrackMenuItem);
-
-    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';
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_this, args);
-    };
-    var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
-      for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      _this.handleSelectedLanguageChange.apply(_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 = void 0;
-
-      _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_1.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
-   */
-
-
-  TextTrackMenuItem.prototype.handleClick = function handleClick(event) {
-    var kind = this.track.kind;
-    var kinds = this.track.kinds;
-    var tracks = this.player_.textTracks();
-
-    if (!kinds) {
-      kinds = [kind];
-    }
-
-    _MenuItem.prototype.handleClick.call(this, event);
-
-    if (!tracks) {
-      return;
-    }
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i];
-
-      if (track === this.track && kinds.indexOf(track.kind) > -1) {
-        if (track.mode !== 'showing') {
-          track.mode = 'showing';
-        }
-      } 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
-   */
-
-
-  TextTrackMenuItem.prototype.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);
-    }
-  };
-
-  TextTrackMenuItem.prototype.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
-      };
-    }
-  };
-
-  TextTrackMenuItem.prototype.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);
-
-/**
- * @file off-text-track-menu-item.js
- */
-/**
- * A special menu item for turning of a specific type of text track
- *
- * @extends TextTrackMenuItem
- */
-
-var OffTextTrackMenuItem = function (_TextTrackMenuItem) {
-  inherits(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) {
-    classCallCheck(this, OffTextTrackMenuItem);
-
-    // Create pseudo track info
-    // Requires options['kind']
-    options.track = {
-      player: player,
-      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;
-
-    return possibleConstructorReturn(this, _TextTrackMenuItem.call(this, player, options));
-  }
-
-  /**
-   * Handle text track change
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run
-   */
-
-
-  OffTextTrackMenuItem.prototype.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);
-    }
-  };
-
-  OffTextTrackMenuItem.prototype.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);
-
-/**
- * @file text-track-button.js
- */
-/**
- * The base class for buttons that toggle specific text track types (e.g. subtitles)
- *
- * @extends MenuButton
- */
-
-var TextTrackButton = function (_TrackButton) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, TextTrackButton);
-
-    options.tracks = player.textTracks();
-
-    return possibleConstructorReturn(this, _TrackButton.call(this, player, options));
-  }
-
-  /**
-   * 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
-   */
-
-
-  TextTrackButton.prototype.createItems = function createItems() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var TrackMenuItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TextTrackMenuItem;
-
-
-    // Label is an overide for the [track] off label
-    // USed to localise captions/subtitles
-    var label = void 0;
-
-    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,
-          // MenuItem is selectable
-          selectable: true
-        });
-
-        item.addClass('vjs-' + track.kind + '-menu-item');
-        items.push(item);
-      }
-    }
-
-    return items;
-  };
-
-  return TextTrackButton;
-}(TrackButton);
-
-Component.registerComponent('TextTrackButton', TextTrackButton);
-
-/**
- * @file chapters-track-menu-item.js
- */
-/**
- * The chapter track menu item
- *
- * @extends MenuItem
- */
-
-var ChaptersTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, ChaptersTrackMenuItem);
-
-    var track = options.track;
-    var cue = options.cue;
-    var currentTime = player.currentTime();
-
-    // Modify options for parent MenuItem class's init.
-    options.selectable = true;
-    options.label = cue.text;
-    options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-    _this.cue = cue;
-    track.addEventListener('cuechange', bind(_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
-   */
-
-
-  ChaptersTrackMenuItem.prototype.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
-   */
-
-
-  ChaptersTrackMenuItem.prototype.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);
-
-/**
- * @file chapters-button.js
- */
-/**
- * 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 = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, ChaptersButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  ChaptersButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-chapters-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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);
-
-/**
- * @file descriptions-button.js
- */
-/**
- * The button component for toggling and selecting descriptions
- *
- * @extends TextTrackButton
- */
-
-var DescriptionsButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, DescriptionsButton);
-
-    var _this = possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-
-    var tracks = player.textTracks();
-    var changeHandler = bind(_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
-   */
-
-
-  DescriptionsButton.prototype.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.
-   */
-
-
-  DescriptionsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-descriptions-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  DescriptionsButton.prototype.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);
-
-/**
- * @file subtitles-button.js
- */
-/**
- * The button component for toggling and selecting subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubtitlesButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, SubtitlesButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  SubtitlesButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-subtitles-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  SubtitlesButton.prototype.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);
-
-/**
- * @file caption-settings-menu-item.js
- */
-/**
- * The menu item for caption track settings menu
- *
- * @extends TextTrackMenuItem
- */
-
-var CaptionSettingsMenuItem = function (_TextTrackMenuItem) {
-  inherits(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) {
-    classCallCheck(this, CaptionSettingsMenuItem);
-
-    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';
-
-    var _this = possibleConstructorReturn(this, _TextTrackMenuItem.call(this, player, options));
-
-    _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
-   */
-
-
-  CaptionSettingsMenuItem.prototype.handleClick = function handleClick(event) {
-    this.player().getChild('textTrackSettings').open();
-  };
-
-  return CaptionSettingsMenuItem;
-}(TextTrackMenuItem);
-
-Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
-
-/**
- * @file captions-button.js
- */
-/**
- * The button component for toggling and selecting captions
- *
- * @extends TextTrackButton
- */
-
-var CaptionsButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, CaptionsButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CaptionsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-captions-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  CaptionsButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return 'vjs-captions-button ' + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  };
-
-  /**
-   * Create caption menu items
-   *
-   * @return {CaptionSettingsMenuItem[]}
-   *         The array of current menu items.
-   */
-
-
-  CaptionsButton.prototype.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);
-
-/**
- * @file subs-caps-menu-item.js
- */
-/**
- * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
- * in the SubsCapsMenu.
- *
- * @extends TextTrackMenuItem
- */
-
-var SubsCapsMenuItem = function (_TextTrackMenuItem) {
-  inherits(SubsCapsMenuItem, _TextTrackMenuItem);
-
-  function SubsCapsMenuItem() {
-    classCallCheck(this, SubsCapsMenuItem);
-    return possibleConstructorReturn(this, _TextTrackMenuItem.apply(this, arguments));
-  }
-
-  SubsCapsMenuItem.prototype.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);
-
-/**
- * @file sub-caps-button.js
- */
-/**
- * The button component for toggling and selecting captions and/or subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubsCapsButton = function (_TextTrackButton) {
-  inherits(SubsCapsButton, _TextTrackButton);
-
-  function SubsCapsButton(player) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, SubsCapsButton);
-
-    // Although North America uses "captions" in most cases for
-    // "captions and subtitles" other locales use "subtitles"
-    var _this = possibleConstructorReturn(this, _TextTrackButton.call(this, player, options));
-
-    _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.
-   */
-
-
-  SubsCapsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-subs-caps-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  SubsCapsButton.prototype.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.
-   */
-
-
-  SubsCapsButton.prototype.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);
-
-/**
- * @file audio-track-menu-item.js
- */
-/**
- * An {@link AudioTrack} {@link MenuItem}
- *
- * @extends MenuItem
- */
-
-var AudioTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, AudioTrackMenuItem);
-
-    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;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_this, args);
-    };
-
-    tracks.addEventListener('change', changeHandler);
-    _this.on('dispose', function () {
-      tracks.removeEventListener('change', changeHandler);
-    });
-    return _this;
-  }
-
-  /**
-   * 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
-   */
-
-
-  AudioTrackMenuItem.prototype.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
-   */
-
-
-  AudioTrackMenuItem.prototype.handleTracksChange = function handleTracksChange(event) {
-    this.selected(this.track.enabled);
-  };
-
-  return AudioTrackMenuItem;
-}(MenuItem);
-
-Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
-
-/**
- * @file audio-track-button.js
- */
-/**
- * The base class for buttons that toggle specific {@link AudioTrack} types.
- *
- * @extends TrackButton
- */
-
-var AudioTrackButton = function (_TrackButton) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, AudioTrackButton);
-
-    options.tracks = player.audioTracks();
-
-    return possibleConstructorReturn(this, _TrackButton.call(this, player, options));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  AudioTrackButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-audio-button ' + _TrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  AudioTrackButton.prototype.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
-   */
-
-
-  AudioTrackButton.prototype.createItems = function createItems() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-    // 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
-      }));
-    }
-
-    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);
-
-/**
- * @file playback-rate-menu-item.js
- */
-/**
- * The specific menu item type for selecting a playback rate.
- *
- * @extends MenuItem
- */
-
-var PlaybackRateMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, PlaybackRateMenuItem);
-
-    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;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _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
-   */
-
-
-  PlaybackRateMenuItem.prototype.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
-   */
-
-
-  PlaybackRateMenuItem.prototype.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);
-
-/**
- * @file playback-rate-menu-button.js
- */
-/**
- * The component for controlling the playback rate.
- *
- * @extends MenuButton
- */
-
-var PlaybackRateMenuButton = function (_MenuButton) {
-  inherits(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) {
-    classCallCheck(this, PlaybackRateMenuButton);
-
-    var _this = possibleConstructorReturn(this, _MenuButton.call(this, player, options));
-
-    _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.
-   */
-
-
-  PlaybackRateMenuButton.prototype.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;
-  };
-
-  PlaybackRateMenuButton.prototype.dispose = function dispose() {
-    this.labelEl_ = null;
-
-    _MenuButton.prototype.dispose.call(this);
-  };
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  PlaybackRateMenuButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-playback-rate ' + _MenuButton.prototype.buildCSSClass.call(this);
-  };
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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);
-
-/**
- * @file spacer.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(Spacer, _Component);
-
-  function Spacer() {
-    classCallCheck(this, Spacer);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  Spacer.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-spacer ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  Spacer.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: this.buildCSSClass()
-    });
-  };
-
-  return Spacer;
-}(Component);
-
-Component.registerComponent('Spacer', Spacer);
-
-/**
- * @file custom-control-spacer.js
- */
-/**
- * Spacer specifically meant to be used as an insertion point for new plugins, etc.
- *
- * @extends Spacer
- */
-
-var CustomControlSpacer = function (_Spacer) {
-  inherits(CustomControlSpacer, _Spacer);
-
-  function CustomControlSpacer() {
-    classCallCheck(this, CustomControlSpacer);
-    return possibleConstructorReturn(this, _Spacer.apply(this, arguments));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  CustomControlSpacer.prototype.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.
-   */
-
-
-  CustomControlSpacer.prototype.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);
-
-/**
- * @file control-bar.js
- */
-// Required children
-/**
- * Container of main controls.
- *
- * @extends Component
- */
-
-var ControlBar = function (_Component) {
-  inherits(ControlBar, _Component);
-
-  function ControlBar() {
-    classCallCheck(this, ControlBar);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ControlBar.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-control-bar',
-      dir: 'ltr'
-    }, {
-      // The control bar is a group, but we don't aria-label it to avoid
-      //  over-announcing by JAWS
-      role: 'group'
-    });
-  };
-
-  return ControlBar;
-}(Component);
-
-/**
- * Default options for `ControlBar`
- *
- * @type {Object}
- * @private
- */
-
-
-ControlBar.prototype.options_ = {
-  children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
-};
-
-Component.registerComponent('ControlBar', ControlBar);
-
-/**
- * @file error-display.js
- */
-/**
- * A display that indicates an error has occurred. This means that the video
- * is unplayable.
- *
- * @extends ModalDialog
- */
-
-var ErrorDisplay = function (_ModalDialog) {
-  inherits(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) {
-    classCallCheck(this, ErrorDisplay);
-
-    var _this = possibleConstructorReturn(this, _ModalDialog.call(this, player, options));
-
-    _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.
-   */
-
-
-  ErrorDisplay.prototype.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.
-   */
-
-
-  ErrorDisplay.prototype.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_ = mergeOptions(ModalDialog.prototype.options_, {
-  pauseOnOpen: false,
-  fillAlways: true,
-  temporary: false,
-  uncloseable: true
-});
-
-Component.registerComponent('ErrorDisplay', ErrorDisplay);
-
-/**
- * @file text-track-settings.js
- */
-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 = function (_ModalDialog) {
-  inherits(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) {
-    classCallCheck(this, TextTrackSettings);
-
-    options.temporary = false;
-
-    var _this = possibleConstructorReturn(this, _ModalDialog.call(this, player, options));
-
-    _this.updateDisplay = bind(_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;
-  }
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.createElSelect_ = function createElSelect_(key) {
-    var _this2 = this;
-
-    var legendId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';
-
-    var config = selectConfigs[key];
-    var id = config.id.replace('%s', this.id_);
-
-    return ['<' + type + ' id="' + id + '" class="' + (type === 'label' ? 'vjs-label' : '') + '">', this.localize(config.label), '</' + type + '>', '<select aria-labelledby="' + (legendId !== '' ? legendId + ' ' : '') + id + '">'].concat(config.options.map(function (o) {
-      var optionId = id + '-' + o[1];
-
-      return ['<option id="' + optionId + '" value="' + o[0] + '" ', 'aria-labelledby="' + (legendId !== '' ? legendId + ' ' : '') + id + ' ' + optionId + '">', _this2.localize(o[1]), '</option>'].join('');
-    })).concat('</select>').join('');
-  };
-
-  /**
-   * Create foreground color element for the component
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.createElControls_ = function createElControls_() {
-    var defaultsDescription = this.localize('restore all settings to the default values');
-
-    return createEl('div', {
-      className: 'vjs-track-settings-controls',
-      innerHTML: ['<button class="vjs-default-button" title="' + defaultsDescription + '">', this.localize('Reset'), '<span class="vjs-control-text"> ' + defaultsDescription + '</span>', '</button>', '<button class="vjs-done-button">' + this.localize('Done') + '</button>'].join('')
-    });
-  };
-
-  TextTrackSettings.prototype.content = function content() {
-    return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
-  };
-
-  TextTrackSettings.prototype.label = function label() {
-    return this.localize('Caption Settings Dialog');
-  };
-
-  TextTrackSettings.prototype.description = function description() {
-    return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
-  };
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.restoreSettings = function restoreSettings() {
-    var values = void 0;
-
-    try {
-      values = JSON.parse(window_1.localStorage.getItem(LOCAL_STORAGE_KEY));
-    } catch (err) {
-      log$1.warn(err);
-    }
-
-    if (values) {
-      this.setValues(values);
-    }
-  };
-
-  /**
-   * Save text track settings to localStorage
-   */
-
-
-  TextTrackSettings.prototype.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$1.warn(err);
-    }
-  };
-
-  /**
-   * Update display of text track settings
-   */
-
-
-  TextTrackSettings.prototype.updateDisplay = function updateDisplay() {
-    var ttDisplay = this.player_.getChild('textTrackDisplay');
-
-    if (ttDisplay) {
-      ttDisplay.updateDisplay();
-    }
-  };
-
-  /**
-   * conditionally blur the element and refocus the captions button
-   *
-   * @private
-   */
-
-
-  TextTrackSettings.prototype.conditionalBlur_ = function conditionalBlur_() {
-    this.previouslyActiveEl_ = null;
-    this.off(document_1, 'keydown', this.handleKeyDown);
-
-    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);
-
-/**
- * @file resize-manager.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, ResizeManager);
-
-    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 }, options);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options_));
-
-    _this.ResizeObserver = options.ResizeObserver || window_1.ResizeObserver;
-    _this.loadListener_ = null;
-    _this.resizeObserver_ = null;
-    _this.debouncedHandler_ = debounce(function () {
-      _this.resizeHandler();
-    }, 100, false, player);
-
-    if (RESIZE_OBSERVER_AVAILABLE) {
-      _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
-      _this.resizeObserver_.observe(player.el());
-    } else {
-      _this.loadListener_ = function () {
-        if (_this.el_.contentWindow) {
-          on(_this.el_.contentWindow, 'resize', _this.debouncedHandler_);
-        }
-        _this.off('load', _this.loadListener_);
-      };
-
-      _this.on('load', _this.loadListener_);
-    }
-    return _this;
-  }
-
-  ResizeManager.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'iframe', {
-      className: 'vjs-resize-manager'
-    });
-  };
-
-  /**
-   * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
-   *
-   * @fires Player#playerresize
-   */
-
-
-  ResizeManager.prototype.resizeHandler = function resizeHandler() {
-    /**
-     * Called when the player size has changed
-     *
-     * @event Player#playerresize
-     * @type {EventTarget~Event}
-     */
-    this.player_.trigger('playerresize');
-  };
-
-  ResizeManager.prototype.dispose = function dispose() {
-    if (this.resizeObserver_) {
-      this.resizeObserver_.unobserve(this.player_.el());
-      this.resizeObserver_.disconnect();
-    }
-
-    if (this.el_ && this.el_.contentWindow) {
-      off(this.el_.contentWindow, 'resize', this.debouncedHandler_);
-    }
-
-    if (this.loadListener_) {
-      this.off('load', this.loadListener_);
-    }
-
-    this.ResizeObserver = null;
-    this.resizeObserver = null;
-    this.debouncedHandler_ = null;
-    this.loadListener_ = null;
-  };
-
-  return ResizeManager;
-}(Component);
-
-Component.registerComponent('ResizeManager', ResizeManager);
-
-var _templateObject$2 = taggedTemplateLiteralLoose(['Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n            This may prevent text tracks from loading.'], ['Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n            This may prevent text tracks from loading.']);
-
-/**
- * @file html5.js
- */
-/**
- * HTML5 Media Controller - Wrapper for HTML5 Media API
- *
- * @mixes Tech~SouceHandlerAdditions
- * @extends Tech
- */
-
-var Html5 = function (_Tech) {
-  inherits(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) {
-    classCallCheck(this, Html5);
-
-    var _this = possibleConstructorReturn(this, _Tech.call(this, options, ready));
-
-    if (options.enableSourceset) {
-      _this.setupSourcesetHandling_();
-    }
-
-    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_);
-    }
-
-    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$1.warn(tsml(_templateObject$2));
-    }
-
-    // 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.
-   */
-
-
-  Html5.prototype.dispose = function dispose() {
-    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
-   */
-
-
-  Html5.prototype.setupSourcesetHandling_ = function setupSourcesetHandling_() {
-    var _this2 = this;
-
-    if (!this.featuresSourceset) {
-      return;
-    }
-
-    var el = this.el();
-
-    // we need to fire sourceset when the player is ready
-    // if we find that the media element had a src when it was
-    // given to us and that tech element is not in a stalled state
-    if (el.src || el.currentSrc && this.el().initNetworkState_ !== 3) {
-      this.triggerSourceset(el.src || el.currentSrc);
-    }
-
-    var proto = window_1.HTMLMediaElement.prototype;
-    var srcDescriptor = {};
-
-    // preserve getters/setters already on `el.src` if they exist
-    if (Object.getOwnPropertyDescriptor(el, 'src')) {
-      srcDescriptor = Object.getOwnPropertyDescriptor(el, 'src');
-    } else if (Object.getOwnPropertyDescriptor(proto, 'src')) {
-      srcDescriptor = mergeOptions(srcDescriptor, Object.getOwnPropertyDescriptor(proto, 'src'));
-    }
-
-    if (!srcDescriptor.get) {
-      srcDescriptor.get = function () {
-        return proto.getAttribute.call(this, 'src');
-      };
-    }
-
-    if (!srcDescriptor.set) {
-      srcDescriptor.set = function (v) {
-        return proto.setAttribute.call(this, 'src', v);
-      };
-    }
-
-    if (typeof srcDescriptor.enumerable === 'undefined') {
-      srcDescriptor.enumerable = true;
-    }
-
-    Object.defineProperty(el, 'src', {
-      get: srcDescriptor.get.bind(el),
-      set: function set$$1(v) {
-        var retval = srcDescriptor.set.call(el, v);
-
-        _this2.triggerSourceset(v);
-
-        return retval;
-      },
-      configurable: true,
-      enumerable: srcDescriptor.enumerable
-    });
-
-    var oldSetAttribute = el.setAttribute;
-
-    el.setAttribute = function (n, v) {
-      var retval = oldSetAttribute.call(el, n, v);
-
-      if (n === 'src') {
-        _this2.triggerSourceset(v);
-      }
-
-      return retval;
-    };
-
-    var oldLoad = el.load;
-
-    el.load = function () {
-      var retval = oldLoad.call(el);
-
-      // if `el.src` is set, that source will be loaded
-      // otherwise, we can't know for sure what source will be set because
-      // source elements will be used but implementing the source selection algorithm
-      // is laborious and asynchronous, so,
-      // instead return an empty string to basically indicate source may change
-      _this2.triggerSourceset(el.src || '');
-
-      return retval;
-    };
-  };
-
-  /**
-   * 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
-   */
-
-
-  Html5.prototype.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
-    var textTracks = this.textTracks();
-    var metadataTracksPreFullscreenState = void 0;
-
-    // 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);
-    });
-  };
-
-  /**
-   * Proxy all native track list events to our track lists if the browser we are playing
-   * in supports that type of track list.
-   *
-   * @private
-   */
-
-
-  Html5.prototype.proxyNativeTracks_ = function proxyNativeTracks_() {
-    var _this3 = this;
-
-    NORMAL.names.forEach(function (name) {
-      var props = NORMAL[name];
-      var elTracks = _this3.el()[props.getterName];
-      var techTracks = _this3[props.getterName]();
-
-      if (!_this3['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());
-        }
-      };
-
-      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
-      _this3.on('loadstart', removeOldTracks);
-      _this3.on('dispose', function (e) {
-        return _this3.off('loadstart', removeOldTracks);
-      });
-    });
-  };
-
-  /**
-   * Create the `Html5` Tech's DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  Html5.prototype.createEl = function createEl$$1() {
-    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_1.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.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.setCurrentTime = function setCurrentTime(seconds) {
-    try {
-      this.el_.currentTime = seconds;
-    } catch (e) {
-      log$1(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.
-   */
-
-
-  Html5.prototype.duration = function duration() {
-    var _this4 = 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 (_this4.el_.currentTime > 0) {
-          // Trigger durationchange for genuinely live video
-          if (_this4.el_.duration === Infinity) {
-            _this4.trigger('durationchange');
-          }
-          _this4.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.
-   */
-
-
-  Html5.prototype.width = function width() {
-    return this.el_.offsetWidth;
-  };
-
-  /**
-   * Get the current height of the HTML5 media element.
-   *
-   * @return {number}
-   *         The heigth of the HTML5 media element.
-   */
-
-
-  Html5.prototype.height = function height() {
-    return this.el_.offsetHeight;
-  };
-
-  /**
-   * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
-   * `fullscreenchange` event.
-   *
-   * @private
-   * @fires fullscreenchange
-   * @listens webkitendfullscreen
-   * @listens webkitbeginfullscreen
-   * @listens webkitbeginfullscreen
-   */
-
-
-  Html5.prototype.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
-    var _this5 = 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 () {
-      _this5.off('webkitbeginfullscreen', beginFn);
-      _this5.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.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.exitFullScreen = function exitFullScreen() {
-    this.el_.webkitExitFullScreen();
-  };
-
-  /**
-   * 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.
-   */
-
-
-  Html5.prototype.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}.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.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 intialize 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.
-   */
-
-
-  Html5.prototype.createRemoteTextTrack = function createRemoteTextTrack(options) {
-    if (!this.featuresNativeTextTracks) {
-      return _Tech.prototype.createRemoteTextTrack.call(this, options);
-    }
-    var htmlTrackElement = document_1.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
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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 ---------------------------------------------------- */
-
-if (isReal()) {
-
-  /**
-   * Element for testing browser HTML5 media capabilities
-   *
-   * @type {Element}
-   * @constant
-   * @private
-   */
-  Html5.TEST_VID = document_1.createElement('video');
-  var track = document_1.createElement('track');
-
-  track.kind = 'captions';
-  track.srclang = 'en';
-  track.label = 'English';
-  Html5.TEST_VID.appendChild(track);
-}
-
-/**
- * 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 () {
-  // IE9 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 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 overriden
- *         - False otherwise
- */
-Html5.canOverrideAttributes = function () {
-  if (IS_IE8) {
-    return false;
-  }
-  // if we cannot overwrite the src property, there is no support
-  // iOS 7 safari for instance cannot do this.
-  try {
-    var noop = function noop() {};
-
-    Object.defineProperty(document_1.createElement('video'), 'src', { get: noop, set: noop });
-    Object.defineProperty(document_1.createElement('audio'), 'src', { 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;
-};
-
-/**
- * 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}
- */
-Html5.prototype.featuresVolumeControl = Html5.canControlVolume();
-
-/**
- * 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}
- */
-Html5.prototype.featuresPlaybackRate = Html5.canControlPlaybackRate();
-
-/**
- * Boolean indicating wether the `Tech` supports the `sourceset` event.
- *
- * @type {boolean}
- * @default
- */
-Html5.prototype.featuresSourceset = Html5.canOverrideAttributes();
-
-/**
- * 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 triggred 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 triggred instead.
- *
- * @default
- */
-Html5.prototype.featuresTimeupdateEvents = true;
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeTextTracks}
- */
-Html5.prototype.featuresNativeTextTracks = Html5.supportsNativeTextTracks();
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeVideoTracks}
- */
-Html5.prototype.featuresNativeVideoTracks = Html5.supportsNativeVideoTracks();
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeAudioTracks}
- */
-Html5.prototype.featuresNativeAudioTracks = Html5.supportsNativeAudioTracks();
-
-// HTML5 Feature detection and Device Fixes --------------------------------- //
-var canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
-var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
-var mp4RE = /^video\/mp4/i;
-
-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) {
-    Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-      if (type && mpegurlRE.test(type)) {
-        return 'maybe';
-      }
-      return canPlayType.call(this, type);
-    };
-
-    // Override Android 2.2 and less canPlayType method which is broken
-  } else if (IS_OLD_ANDROID) {
-    Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-      if (type && mp4RE.test(type)) {
-        return 'maybe';
-      }
-      return canPlayType.call(this, type);
-    };
-  }
-};
-
-Html5.unpatchCanPlayType = function () {
-  var r = Html5.TEST_VID.constructor.prototype.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 occured 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.
- *         - Flase 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: NEWORK_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. `videoHeigth` 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.
- *
- * @proprety {Tech~SourceObject} source
- *        The source object
- *
- * @proprety {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) {
-  // IE9 on Windows 7 without MediaPlayer throws an error here
-  // https://github.com/videojs/video.js/issues/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);
-
-var _templateObject$1 = taggedTemplateLiteralLoose(['\n        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      '], ['\n        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      ']);
-
-/**
- * @file player.js
- */
-// Subclasses Component
-// The following imports are used only to ensure that the corresponding modules
-// are always included in the video.js package. Importing the modules will
-// execute them and they will register themselves with video.js.
-// Import Html5 tech, at least for disposing the original video tag.
-// The following tech events are simply re-triggered
-// 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 playing speed of the audio/video is changed
- *
- * @event Player#ratechange
- * @type {event}
- */
-/**
- * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechRatechange_
- * @fires Player#ratechange
- * @listens Tech#ratechange
- */
-'ratechange',
-
-/**
- * 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'];
-
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Player);
-
-    // Make sure tag ID exists
-    tag.id = tag.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
-
-    // Tracks when a tech changes the poster
-    var _this = possibleConstructorReturn(this, _Component.call(this, null, options, ready));
-
-    _this.isPosterFromTech_ = false;
-
-    // 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$$1) {
-        languagesToLower[name$$1.toLowerCase()] = options.languages[name$$1];
-      });
-      _this.languages_ = languagesToLower;
-    } else {
-      _this.languages_ = Player.prototype.options_.languages;
-    }
-
-    // Cache for video property values.
-    _this.cache_ = {};
-
-    // Set poster
-    _this.poster_ = options.poster || '';
-
-    // Set controls
-    _this.controls_ = !!options.controls;
-
-    // Set default values for lastVolume
-    _this.cache_.lastVolume = 1;
-
-    // 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');
-
-    /*
-     * 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(_this, { eventBusKey: 'el_' });
-
-    // 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) {
-      var plugins = options.plugins;
-
-      Object.keys(plugins).forEach(function (name$$1) {
-        if (typeof this[name$$1] === 'function') {
-          this[name$$1](plugins[name$$1]);
-        } else {
-          throw new Error('plugin "' + name$$1 + '" does not exist');
-        }
-      }, _this);
-    }
-
-    _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.
-    // if (browser.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_] = _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.listenForUserActivity_();
-
-    _this.on('fullscreenchange', _this.handleFullscreenChange_);
-    _this.on('stageclick', _this.handleStageClick_);
-
-    _this.changingSrc_ = false;
-    _this.playWaitingForReady_ = false;
-    _this.playOnLoadstart_ = null;
-    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
-   */
-
-
-  Player.prototype.dispose = function dispose() {
-    /**
-     * 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');
-
-    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);
-
-    // 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.
-   */
-
-
-  Player.prototype.createEl = function createEl$$1() {
-    var tag = this.tag;
-    var el = void 0;
-    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_1.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;
-    }
-
-    // set tabindex to -1 so we could focus on the player element
-    tag.setAttribute('tabindex', '-1');
-
-    // Remove width/height attrs from tag so CSS can make it 100% width/height
-    tag.removeAttribute('width');
-    tag.removeAttribute('height');
-
-    Object.getOwnPropertyNames(attrs).forEach(function (attr) {
-      // workaround so we don't totally break IE7
-      // http://stackoverflow.com/questions/3653444/css-styles-not-applied-on-dynamic-elements-in-internet-explorer-7
-      if (attr === 'class') {
-        el.className += ' ' + attrs[attr];
-
-        if (divEmbed) {
-          tag.className += ' ' + attrs[attr];
-        }
-      } else {
-        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);
-    }
-
-    // Pass in the width/height/aspectRatio options which will update the style el
-    this.width(this.options_.width);
-    this.height(this.options_.height);
-    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.
-    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.
-   */
-
-
-  Player.prototype.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.
-   */
-
-
-  Player.prototype.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).
-   */
-
-
-  Player.prototype.dimension = function dimension(_dimension, value) {
-    var privDimension = _dimension + '_';
-
-    if (value === undefined) {
-      return this[privDimension] || 0;
-    }
-
-    if (value === '') {
-      // 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$1.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`.
-   *
-   * @param {boolean} [bool]
-   *        - A value of true adds the class.
-   *        - A value of false removes the class.
-   *        - No value will toggle the fluid class.
-   *
-   * @return {boolean|undefined}
-   *         - The value of fluid when getting.
-   *         - `undefined` when setting.
-   */
-
-
-  Player.prototype.fluid = function fluid(bool) {
-    if (bool === undefined) {
-      return !!this.fluid_;
-    }
-
-    this.fluid_ = !!bool;
-
-    if (bool) {
-      this.addClass('vjs-fluid');
-    } else {
-      this.removeClass('vjs-fluid');
-    }
-
-    this.updateStyleEl_();
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 = void 0;
-    var height = void 0;
-    var aspectRatio = void 0;
-    var idClass = void 0;
-
-    // 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
-   */
-
-
-  Player.prototype.loadTech_ = function loadTech_(techName, source) {
-    var _this2 = 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;
-
-    // Grab tech-specific options from player options and add source and parent element to use.
-    var techOptions = {
-      source: source,
-      'nativeControlsForTouch': this.options_.nativeControlsForTouch,
-      'playerId': this.id(),
-      'techId': this.id() + '_' + titleTechName + '_api',
-      'autoplay': this.options_.autoplay,
-      '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
-    };
-
-    ALL.names.forEach(function (name$$1) {
-      var props = ALL[name$$1];
-
-      techOptions[props.getterName] = _this2[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) {
-      _this2.on(_this2.tech_, event, _this2['handleTech' + toTitleCase(event) + '_']);
-    });
-    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_, 'canplay', this.handleTechCanPlay_);
-    this.on(this.tech_, 'canplaythrough', this.handleTechCanPlayThrough_);
-    this.on(this.tech_, 'playing', this.handleTechPlaying_);
-    this.on(this.tech_, 'ended', this.handleTechEnded_);
-    this.on(this.tech_, 'seeking', this.handleTechSeeking_);
-    this.on(this.tech_, 'seeked', this.handleTechSeeked_);
-    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_, '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.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
-   */
-
-
-  Player.prototype.unloadTech_ = function unloadTech_() {
-    var _this3 = this;
-
-    // Save the current text tracks so that we can reuse the same text tracks with the next tech
-    ALL.names.forEach(function (name$$1) {
-      var props = ALL[name$$1];
-
-      _this3[props.privateName] = _this3[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
-   */
-
-
-  Player.prototype.tech = function tech(safety) {
-    if (safety === undefined) {
-      log$1.warn(tsml(_templateObject$1));
-    }
-
-    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
-   */
-
-
-  Player.prototype.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_, 'mousedown', this.handleTechClick_);
-
-    // 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
-   */
-
-
-  Player.prototype.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_, 'mousedown', this.handleTechClick_);
-  };
-
-  /**
-   * Player waits for the tech to be ready
-   *
-   * @private
-   */
-
-
-  Player.prototype.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_();
-
-    // Chrome and Safari both have issues with autoplay.
-    // In Safari (5.1.1), when we move the video element into the container div, autoplay doesn't work.
-    // In Chrome (15), if you have autoplay + a poster + no controls, the video gets hidden (but audio plays)
-    // This fixes both issues. Need to wait for API, so it updates displays correctly
-    if ((this.src() || this.currentSrc()) && this.tag && this.options_.autoplay && this.paused()) {
-      try {
-        // Chrome Fix. Fixed in Chrome v16.
-        delete this.tag.poster;
-      } catch (e) {
-        log$1('deleting tag.poster throws in some browsers', e);
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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);
-
-    // 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');
-    }
-  };
-
-  /**
-   * *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
-   */
-
-
-  Player.prototype.handleTechSourceset_ = function handleTechSourceset_(event) {
-    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_
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 `waiting` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#waiting
-   * @listens Tech#waiting
-   * @private
-   */
-
-
-  Player.prototype.handleTechWaiting_ = function handleTechWaiting_() {
-    var _this4 = 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');
-    this.one('timeupdate', function () {
-      return _this4.removeClass('vjs-waiting');
-    });
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.handleTechSeeked_ = function handleTechSeeked_() {
-    this.removeClass('vjs-seeking');
-    /**
-     * 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.
-   * @deprecated As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
-   * @private
-   */
-
-
-  Player.prototype.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$1.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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#mousedown
-   * @private
-   */
-
-
-  Player.prototype.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()) {
-      this.play();
-    } else {
-      this.pause();
-    }
-  };
-
-  /**
-   * Handle a tap on the media element. It will toggle the user
-   * activity state, which hides and shows the controls.
-   *
-   * @listens Tech#tap
-   * @private
-   */
-
-
-  Player.prototype.handleTechTap_ = function handleTechTap_() {
-    this.userActive(!this.userActive());
-  };
-
-  /**
-   * Handle touch to start
-   *
-   * @listens Tech#touchstart
-   * @private
-   */
-
-
-  Player.prototype.handleTechTouchStart_ = function handleTechTouchStart_() {
-    this.userWasActive = this.userActive();
-  };
-
-  /**
-   * Handle touch to move
-   *
-   * @listens Tech#touchmove
-   * @private
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
-    // Stop the mouse events from also happening
-    event.preventDefault();
-  };
-
-  /**
-   * Fired when the player switches in or out of fullscreen mode
-   *
-   * @private
-   * @listens Player#fullscreenchange
-   */
-
-
-  Player.prototype.handleFullscreenChange_ = function handleFullscreenChange_() {
-    if (this.isFullscreen()) {
-      this.addClass('vjs-fullscreen');
-    } else {
-      this.removeClass('vjs-fullscreen');
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.handleStageClick_ = function handleStageClick_() {
-    this.reportUserActivity();
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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');
-  };
-
-  /**
-   * Fires when an error occurred during the loading of an audio/video.
-   *
-   * @private
-   * @listens Tech#error
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.getCache = function getCache() {
-    return this.cache_;
-  };
-
-  /**
-   * Pass values to the playback tech
-   *
-   * @param {string} [method]
-   *        the method to call
-   *
-   * @param {Object} arg
-   *        the argument to pass
-   *
-   * @private
-   */
-
-
-  Player.prototype.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$1(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$1(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
-   */
-
-
-  Player.prototype.techGet_ = function techGet_(method) {
-    if (!this.tech_ || !this.tech_.isReady_) {
-      return;
-    }
-
-    if (method in allowedGetters) {
-      return get$1(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$1('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$1('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$1(e);
-      throw e;
-    }
-  };
-
-  /**
-   * Attempt to begin playback at the first opportunity.
-   *
-   * @return {Promise|undefined}
-   *         Returns a `Promise` only if the browser returns one and the player
-   *         is ready to begin playback. For some browsers and all non-ready
-   *         situations, this will return `undefined`.
-   */
-
-
-  Player.prototype.play = function play() {
-    var _this5 = this;
-
-    // If this is called while we have a play queued up on a loadstart, remove
-    // that listener to avoid getting in a potentially bad state.
-    if (this.playOnLoadstart_) {
-      this.off('loadstart', this.playOnLoadstart_);
-    }
-
-    // If the player/tech is not ready, queue up another call to `play()` for
-    // when it is. This will loop back into this method for another attempt at
-    // playback when the tech is ready.
-    if (!this.isReady_) {
-
-      // Bail out if we're already waiting for `ready`!
-      if (this.playWaitingForReady_) {
-        return;
-      }
-
-      this.playWaitingForReady_ = true;
-      this.ready(function () {
-        _this5.playWaitingForReady_ = false;
-        silencePromise(_this5.play());
-      });
-
-      // If the player/tech is ready and we have a source, we can attempt playback.
-    } else if (!this.changingSrc_ && (this.src() || this.currentSrc())) {
-      return this.techGet_('play');
-
-      // If the tech is ready, but we do not have a source, we'll need to wait
-      // for both the `ready` and a `loadstart` when the source is finally
-      // resolved by middleware and set on the player.
-      //
-      // This can happen if `play()` is called while changing sources or before
-      // one has been set on the player.
-    } else {
-
-      this.playOnLoadstart_ = function () {
-        _this5.playOnLoadstart_ = null;
-        silencePromise(_this5.play());
-      };
-
-      this.one('loadstart', this.playOnLoadstart_);
-    }
-  };
-
-  /**
-   * Pause the video playback
-   *
-   * @return {Player}
-   *         A reference to the player object this function was called on
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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.
-   */
-
-
-  Player.prototype.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]
-   *        wether the user is or is not scrubbing
-   *
-   * @return {boolean}
-   *         The value of scrubbing when getting
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 Inifity 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');
-      } else {
-        this.removeClass('vjs-live');
-      }
-      /**
-       * @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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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)
-   */
-
-
-  Player.prototype.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 bufferred 0 being 0% and 1 being 100%
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.volume = function volume(percentAsDecimal) {
-    var vol = void 0;
-
-    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
-   */
-
-
-  Player.prototype.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 intial 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.isFullscreen = function isFullscreen(isFS) {
-    if (isFS !== undefined) {
-      this.isFullscreen_ = !!isFS;
-      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.
-   *
-   * @fires Player#fullscreenchange
-   */
-
-
-  Player.prototype.requestFullscreen = function requestFullscreen() {
-    var fsApi = FullscreenApi;
-
-    this.isFullscreen(true);
-
-    if (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_1, fsApi.fullscreenchange, bind(this, function documentFullscreenChange(e) {
-        this.isFullscreen(document_1[fsApi.fullscreenElement]);
-
-        // If cancelling fullscreen, remove event listener.
-        if (this.isFullscreen() === false) {
-          off(document_1, fsApi.fullscreenchange, documentFullscreenChange);
-        }
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-        this.trigger('fullscreenchange');
-      }));
-
-      this.el_[fsApi.requestFullscreen]();
-    } 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
-   */
-
-
-  Player.prototype.exitFullscreen = function exitFullscreen() {
-    var fsApi = FullscreenApi;
-
-    this.isFullscreen(false);
-
-    // Check for browser element fullscreen support
-    if (fsApi.requestFullscreen) {
-      document_1[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
-   */
-
-
-  Player.prototype.enterFullWindow = function enterFullWindow() {
-    this.isFullWindow = true;
-
-    // Storing original doc overflow value to return to when fullscreen is off
-    this.docOrigOverflow = document_1.documentElement.style.overflow;
-
-    // Add listener for esc key to exit fullscreen
-    on(document_1, 'keydown', bind(this, this.fullWindowOnEscKey));
-
-    // Hide any scroll bars
-    document_1.documentElement.style.overflow = 'hidden';
-
-    // Apply fullscreen styles
-    addClass(document_1.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
-   */
-
-
-  Player.prototype.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
-    if (event.keyCode === 27) {
-      if (this.isFullscreen() === true) {
-        this.exitFullscreen();
-      } else {
-        this.exitFullWindow();
-      }
-    }
-  };
-
-  /**
-   * Exit full window
-   *
-   * @fires Player#exitFullWindow
-   */
-
-
-  Player.prototype.exitFullWindow = function exitFullWindow() {
-    this.isFullWindow = false;
-    off(document_1, 'keydown', this.fullWindowOnEscKey);
-
-    // Unhide scroll bars.
-    document_1.documentElement.style.overflow = this.docOrigOverflow;
-
-    // Remove fullscreen styles
-    removeClass(document_1.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 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)
-   */
-
-
-  Player.prototype.canPlayType = function canPlayType(type) {
-    var can = void 0;
-
-    // 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$1.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
-   */
-
-
-  Player.prototype.selectSource = function selectSource(sources) {
-    var _this6 = 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$1.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 = void 0;
-
-      outerArray.some(function (outerChoice) {
-        return innerArray.some(function (innerChoice) {
-          found = tester(outerChoice, innerChoice);
-
-          if (found) {
-            return true;
-          }
-        });
-      });
-
-      return found;
-    };
-
-    var foundSourceAndTech = void 0;
-    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, _this6.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.
-   */
-
-
-  Player.prototype.src = function src(source) {
-    var _this7 = 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.cache_.sources = sources;
-    this.changingSrc_ = true;
-
-    // intial source
-    this.cache_.source = sources[0];
-
-    // middlewareSource is the source after it has been changed by middleware
-    setSource(this, sources[0], function (middlewareSource, mws) {
-      _this7.middleware_ = mws;
-
-      var err = _this7.src_(middlewareSource);
-
-      if (err) {
-        if (sources.length > 1) {
-          return _this7.src(sources.slice(1));
-        }
-
-        // We need to wrap this in a timeout to give folks a chance to add error event handlers
-        _this7.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
-        _this7.triggerReady();
-
-        return;
-      }
-
-      _this7.changingSrc_ = false;
-      // video element listed source
-      _this7.cache_.src = middlewareSource.src;
-
-      setTech(mws, _this7.tech_);
-    });
-  };
-
-  /**
-   * Set the source object on the tech, returns a boolean that indicates wether
-   * 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
-   */
-
-
-  Player.prototype.src_ = function src_(source) {
-    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);
-      return false;
-    }
-
-    // wait until the tech is ready to set the source
-    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);
-      }
-
-      if (this.options_.preload === 'auto') {
-        this.load();
-      }
-
-      // Set the source synchronously if possible (#2326)
-    }, true);
-
-    return false;
-  };
-
-  /**
-   * Begin loading the src data.
-   */
-
-
-  Player.prototype.load = function load() {
-    this.techCall_('load');
-  };
-
-  /**
-   * Reset the player. Loads the first tech in the techOrder,
-   * and calls `reset` on the tech`.
-   */
-
-
-  Player.prototype.reset = function reset() {
-    this.loadTech_(this.options_.techOrder[0], null);
-    this.techCall_('reset');
-  };
-
-  /**
-   * Returns all of the current source objects.
-   *
-   * @return {Tech~SourceObject[]}
-   *         The current source objects
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 conjuction with `currentType` to assist in rebuilding the current source object.
-   *
-   * @return {string}
-   *         The current source
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 maens that we should not preload
-   *
-   * @return {string}
-   *         The preload attribute value when getting
-   */
-
-
-  Player.prototype.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 attribute.
-   *
-   * @param {boolean} [value]
-   *        - true means that we should autoplay
-   *        - false means that we should not autoplay
-   *
-   * @return {string}
-   *         The current value of autoplay when getting
-   */
-
-
-  Player.prototype.autoplay = function autoplay(value) {
-    if (value !== undefined) {
-      this.techCall_('setAutoplay', value);
-      this.options_.autoplay = value;
-      return;
-    }
-    return this.techGet_('autoplay', value);
-  };
-
-  /**
-   * 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}
-   */
-
-
-  Player.prototype.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 {string}
-   *         The current value of loop when getting
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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)
-   */
-
-
-  Player.prototype.error = function error(err) {
-    if (err === undefined) {
-      return this.error_ || null;
-    }
-
-    // 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
-    // ie8 just logs "[object object]" if you just log the error object
-    log$1.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.listenForUserActivity_ = function listenForUserActivity_() {
-    var mouseInProgress = void 0;
-    var lastMoveX = void 0;
-    var lastMoveY = void 0;
-    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);
-
-    // 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 = void 0;
-
-    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
-   */
-
-
-  Player.prototype.playbackRate = function playbackRate(rate) {
-    if (rate !== undefined) {
-      this.techCall_('setPlaybackRate', rate);
-      return;
-    }
-
-    if (this.tech_ && this.tech_.featuresPlaybackRate) {
-      return 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 intial 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.removeRemoteTextTrack = function removeRemoteTextTrack() {
-    var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref3$track = _ref3.track,
-        track = _ref3$track === undefined ? arguments[0] : _ref3$track;
-
-    // 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.
-   */
-
-
-  Player.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return this.techGet_('getVideoPlaybackQuality');
-  };
-
-  /**
-   * Get video width
-   *
-   * @return {number}
-   *         current video width
-   */
-
-
-  Player.prototype.videoWidth = function videoWidth() {
-    return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
-  };
-
-  /**
-   * Get video height
-   *
-   * @return {number}
-   *         current video height
-   */
-
-
-  Player.prototype.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 lanugage
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.createModal = function createModal(content, options) {
-    var _this8 = this;
-
-    options = options || {};
-    options.content = content || '';
-
-    var modal = new ModalDialog(this, options);
-
-    this.addChild(modal);
-    modal.on('dispose', function () {
-      _this8.removeChild(modal);
-    });
-
-    modal.open();
-    return modal;
-  };
-
-  /**
-   * 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-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$1.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 wether or not flexbox is supported
-   *
-   * @return {boolean}
-   *         - true if flexbox is supported
-   *         - false if flexbox is not supported
-   */
-
-
-  Player.prototype.flexNotSupported_ = function flexNotSupported_() {
-    var elem = document_1.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)
-    '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$$1) {
-  var props = ALL[name$$1];
-
-  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 player list
- *
- * @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],
-
-  // Included control sets
-  children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'controlBar', 'errorDisplay', 'textTrackSettings'],
-
-  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.'
-};
-
-if (!IS_IE8) {
-  Player.prototype.options_.children.push('resizeManager');
-}
-
-[
-/**
- * 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);
-
-/**
- * @file plugin.js
- */
-/**
- * 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.
- *
- * @returns {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.
- *
- * @returns {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.
- *
- * @returns {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.
- *
- * @returns {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 = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var instance = new (Function.prototype.bind.apply(PluginSubClass, [null].concat([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 = 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) {
-    classCallCheck(this, Plugin);
-
-    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
-   */
-
-
-  Plugin.prototype.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.
-   *
-   * @returns {Plugin~PluginEventHash}
-   *          An event hash object with provided properties mixed-in.
-   */
-
-
-  Plugin.prototype.getEventHash = function getEventHash() {
-    var hash = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    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}.
-   *
-   * @returns {boolean}
-   *          Whether or not default was prevented.
-   */
-
-
-  Plugin.prototype.trigger = function trigger$$1(event) {
-    var hash = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    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.
-   */
-
-
-  Plugin.prototype.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
-   */
-
-
-  Plugin.prototype.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.
-   *
-   * @returns {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.
-   *
-   * @returns {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 === 'undefined' ? 'undefined' : _typeof(name)) + '.');
-    }
-
-    if (pluginExists(name)) {
-      log$1.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 === 'undefined' ? 'undefined' : _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 deregistered.
-   */
-
-
-  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.
-   *
-   * @returns {Object|undefined}
-   *          An object containing plugin(s) associated with their name(s) or
-   *          `undefined` if no matching plugins exist).
-   */
-
-
-  Plugin.getPlugins = function getPlugins() {
-    var names = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Object.keys(pluginStorage);
-
-    var result = void 0;
-
-    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.
-   *
-   * @returns {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
- */
-
-/**
- * A combination of node inherits and babel's inherits (after transpile).
- * Both work the same but node adds `super_` to the subClass
- * and Bable adds the superClass as __proto__. Both seem useful.
- *
- * @param {Object} subClass
- *        The class to inherit to
- *
- * @param {Object} superClass
- *        The class to inherit from
- *
- * @private
- */
-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 === 'undefined' ? 'undefined' : _typeof(superClass)));
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-
-  if (superClass) {
-    // node
-    subClass.super_ = superClass;
-  }
-};
-
-/**
- * Function for subclassing using the same inheritance that
- * videojs uses internally
- *
- * @static
- * @const
- *
- * @param {Object} superClass
- *        The class to inherit from
- *
- * @param {Object} [subClassMethods={}]
- *        The class to inherit to
- *
- * @return {Object}
- *         The new object with subClassMethods that inherited superClass.
- */
-var extendFn = function extendFn(superClass) {
-  var subClassMethods = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  var subClass = function subClass() {
-    superClass.apply(this, arguments);
-  };
-
-  var methods = {};
-
-  if ((typeof subClassMethods === 'undefined' ? 'undefined' : _typeof(subClassMethods)) === 'object') {
-    if (subClassMethods.constructor !== Object.prototype.constructor) {
-      subClass = subClassMethods.constructor;
-    }
-    methods = subClassMethods;
-  } else if (typeof subClassMethods === 'function') {
-    subClass = subClassMethods;
-  }
-
-  _inherits(subClass, 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
- */
-// Include the built-in techs
-// HTML5 Element Shim for IE8
-if (typeof HTMLVideoElement === 'undefined' && isReal()) {
-  document_1.createElement('video');
-  document_1.createElement('audio');
-  document_1.createElement('track');
-  document_1.createElement('video-js');
-}
-
-/**
- * Normalize an `id` value by trimming off a leading `#`
- *
- * @param   {string} id
- *          A string, maybe with a leading `#`.
- *
- * @returns {string}
- *          The string, without any leading `#`.
- */
-var normalizeId = function normalizeId(id) {
-  return id.indexOf('#') === 0 ? id.slice(1) : id;
-};
-
-/**
- * Doubles as the main function for users to create a player instance and also
- * the main library object.
- * The `videojs` function can be used to initialize or retrieve a player.
-  *
- * @param {string|Element} id
- *        Video element or video element ID
- *
- * @param {Object} [options]
- *        Optional options object for config/settings
- *
- * @param {Component~ReadyCallback} [ready]
- *        Optional ready callback
- *
- * @return {Player}
- *         A player instance
- */
-function videojs(id, options, ready) {
-  var player = videojs.getPlayer(id);
-
-  if (player) {
-    if (options) {
-      log$1.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)');
-  }
-
-  if (!document_1.body.contains(el)) {
-    log$1.warn('The element supplied is not included in the DOM');
-  }
-
-  options = options || {};
-
-  videojs.hooks('beforesetup').forEach(function (hookFunction) {
-    var opts = hookFunction(el, mergeOptions(options));
-
-    if (!isObject(opts) || Array.isArray(opts)) {
-      log$1.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.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
- */
-videojs.hooks_ = {};
-
-/**
- * Get a list of hooks for a specific lifecycle
- * @function videojs.hooks
- *
- * @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.hooks = function (type, fn) {
-  videojs.hooks_[type] = videojs.hooks_[type] || [];
-  if (fn) {
-    videojs.hooks_[type] = videojs.hooks_[type].concat(fn);
-  }
-  return videojs.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.hook = function (type, fn) {
-  videojs.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.hookOnce = function (type, fn) {
-  videojs.hooks(type, [].concat(fn).map(function (original) {
-    var wrapper = function wrapper() {
-      videojs.removeHook(type, wrapper);
-      return original.apply(undefined, 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.removeHook = function (type, fn) {
-  var index = videojs.hooks(type).indexOf(fn);
-
-  if (index <= -1) {
-    return false;
-  }
-
-  videojs.hooks_[type] = videojs.hooks_[type].slice();
-  videojs.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);
-
-/**
- * Current software version. Follows semver.
- *
- * @type {string}
- */
-videojs.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.options = Player.prototype.options_;
-
-/**
- * Get an object with the currently created players, keyed by player ID
- *
- * @return {Object}
- *         The created players
- */
-videojs.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.
- *
- * @returns {Player|undefined}
- *          A player instance or `undefined` if there is no player instance
- *          matching the argument.
- */
-videojs.getPlayer = function (id) {
-  var players = Player.players;
-  var tag = void 0;
-
-  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.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)
-  );
-};
-
-/**
- * Expose players object.
- *
- * @memberOf videojs
- * @property {Object} players
- */
-videojs.players = Player.players;
-
-/**
- * Get a component class object by name
- *
- * @borrows Component.getComponent as videojs.getComponent
- */
-videojs.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.registerComponent = function (name$$1, comp) {
-  if (Tech.isTech(comp)) {
-    log$1.warn('The ' + name$$1 + ' tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)');
-  }
-
-  Component.registerComponent.call(Component, name$$1, comp);
-};
-
-/**
- * Get a Tech class object by name
- *
- * @borrows Tech.getTech as videojs.getTech
- */
-videojs.getTech = Tech.getTech;
-
-/**
- * Register a Tech so it can referred to by name.
- * This is used in the tech order for the player.
- *
- * @borrows Tech.registerTech as videojs.registerTech
- */
-videojs.registerTech = Tech.registerTech;
-
-/**
- * Register a middleware to a source type.
- *
- * @param {String} type A string representing a MIME type.
- * @param {function(player):object} middleware A middleware factory that takes a player.
- */
-videojs.use = use;
-
-/**
- * An object that can be returned by a middleware to signify
- * that the middleware is being terminated.
- *
- * @type {object}
- * @memberOf {videojs}
- * @property {object} middleware.TERMINATOR
- */
-// Object.defineProperty is not available in IE8
-if (!IS_IE8 && Object.defineProperty) {
-  Object.defineProperty(videojs, 'middleware', {
-    value: {},
-    writeable: false,
-    enumerable: true
-  });
-
-  Object.defineProperty(videojs.middleware, 'TERMINATOR', {
-    value: TERMINATOR,
-    writeable: false,
-    enumerable: true
-  });
-} else {
-  videojs.middleware = { TERMINATOR: TERMINATOR };
-}
-
-/**
- * A suite of browser and device tests from {@link browser}.
- *
- * @type {Object}
- * @private
- */
-videojs.browser = browser;
-
-/**
- * Whether or not the browser supports touch events. Included for backward
- * compatibility with 4.x, but deprecated. Use `videojs.browser.TOUCH_ENABLED`
- * instead going forward.
- *
- * @deprecated since version 5.0
- * @type {boolean}
- */
-videojs.TOUCH_ENABLED = TOUCH_ENABLED;
-
-/**
- * Subclass an existing class
- * Mimics ES6 subclassing with the `extend` keyword
- *
- * @borrows extend:extendFn as videojs.extend
- */
-videojs.extend = extendFn;
-
-/**
- * Merge two options objects recursively
- * Performs a deep merge like lodash.merge but **only merges plain objects**
- * (not arrays, elements, anything else)
- * Other values will be copied directly from the second object.
- *
- * @borrows merge-options:mergeOptions as videojs.mergeOptions
- */
-videojs.mergeOptions = mergeOptions;
-
-/**
- * Change the context (this) of a function
- *
- * > NOTE: as of v5.0 we require an ES5 shim, so you should use the native
- * `function() {}.bind(newContext);` instead of this.
- *
- * @borrows fn:bind as videojs.bind
- */
-videojs.bind = bind;
-
-/**
- * Register a Video.js plugin.
- *
- * @borrows plugin:registerPlugin as videojs.registerPlugin
- * @method registerPlugin
- *
- * @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.
- */
-videojs.registerPlugin = Plugin.registerPlugin;
-
-/**
- * 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.plugin = function (name$$1, plugin) {
-  log$1.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
-  return Plugin.registerPlugin(name$$1, plugin);
-};
-
-/**
- * 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).
- */
-videojs.getPlugins = Plugin.getPlugins;
-
-/**
- * Gets a plugin by name if it exists.
- *
- * @param  {string} name
- *         The name of a plugin.
- *
- * @return {Function|undefined}
- *         The plugin (or `undefined`).
- */
-videojs.getPlugin = Plugin.getPlugin;
-
-/**
- * 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.
- */
-videojs.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.addLanguage = function (code, data) {
-  var _mergeOptions;
-
-  code = ('' + code).toLowerCase();
-
-  videojs.options.languages = mergeOptions(videojs.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
-
-  return videojs.options.languages[code];
-};
-
-/**
- * Log messages
- *
- * @borrows log:log as videojs.log
- */
-videojs.log = log$1;
-
-/**
- * Creates an emulated TimeRange object.
- *
- * @borrows time-ranges:createTimeRanges as videojs.createTimeRange
- */
-/**
- * @borrows time-ranges:createTimeRanges as videojs.createTimeRanges
- */
-videojs.createTimeRange = videojs.createTimeRanges = createTimeRanges;
-
-/**
- * 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
- *
- * @borrows format-time:formatTime as videojs.formatTime
- */
-videojs.formatTime = formatTime;
-
-/**
- * Replaces format-time with a custom implementation, to be used in place of the default.
- *
- * @borrows format-time:setFormatTime as videojs.setFormatTime
- *
- * @method setFormatTime
- *
- * @param {Function} customFn
- *        A custom format-time function which will be called with the current time and guide (in seconds) as arguments.
- *        Passed fn should return a string.
- */
-videojs.setFormatTime = setFormatTime;
-
-/**
- * Resets format-time to the default implementation.
- *
- * @borrows format-time:resetFormatTime as videojs.resetFormatTime
- *
- * @method resetFormatTime
- */
-videojs.resetFormatTime = resetFormatTime;
-
-/**
- * Resolve and parse the elements of a URL
- *
- * @borrows url:parseUrl as videojs.parseUrl
- *
- */
-videojs.parseUrl = parseUrl;
-
-/**
- * Returns whether the url passed is a cross domain request or not.
- *
- * @borrows url:isCrossOrigin as videojs.isCrossOrigin
- */
-videojs.isCrossOrigin = isCrossOrigin;
-
-/**
- * Event target class.
- *
- * @borrows EventTarget as videojs.EventTarget
- */
-videojs.EventTarget = EventTarget;
-
-/**
- * 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.
- *
- * @borrows events:on as videojs.on
- */
-videojs.on = on;
-
-/**
- * Trigger a listener only once for an event
- *
- * @borrows events:one as videojs.one
- */
-videojs.one = one;
-
-/**
- * Removes event listeners from an element
- *
- * @borrows events:off as videojs.off
- */
-videojs.off = off;
-
-/**
- * Trigger an event for an element
- *
- * @borrows events:trigger as videojs.trigger
- */
-videojs.trigger = trigger;
-
-/**
- * A cross-browser XMLHttpRequest wrapper. Here's a simple example:
- *
- * @param {Object} options
- *        settings for the request.
- *
- * @return {XMLHttpRequest|XDomainRequest}
- *         The request object.
- *
- * @see https://github.com/Raynos/xhr
- */
-videojs.xhr = xhr;
-
-/**
- * TextTrack class
- *
- * @borrows TextTrack as videojs.TextTrack
- */
-videojs.TextTrack = TextTrack;
-
-/**
- * export the AudioTrack class so that source handlers can create
- * AudioTracks and then add them to the players AudioTrackList
- *
- * @borrows AudioTrack as videojs.AudioTrack
- */
-videojs.AudioTrack = AudioTrack;
-
-/**
- * export the VideoTrack class so that source handlers can create
- * VideoTracks and then add them to the players VideoTrackList
- *
- * @borrows VideoTrack as videojs.VideoTrack
- */
-videojs.VideoTrack = VideoTrack;
-
-/**
- * Determines, via duck typing, whether or not a value is a DOM element.
- *
- * @borrows dom:isEl as videojs.isEl
- * @deprecated Use videojs.dom.isEl() instead
- */
-
-/**
- * Determines, via duck typing, whether or not a value is a text node.
- *
- * @borrows dom:isTextNode as videojs.isTextNode
- * @deprecated Use videojs.dom.isTextNode() instead
- */
-
-/**
- * Creates an element and applies properties.
- *
- * @borrows dom:createEl as videojs.createEl
- * @deprecated Use videojs.dom.createEl() instead
- */
-
-/**
- * Check if an element has a CSS class
- *
- * @borrows dom:hasElClass as videojs.hasClass
- * @deprecated Use videojs.dom.hasClass() instead
- */
-
-/**
- * Add a CSS class name to an element
- *
- * @borrows dom:addElClass as videojs.addClass
- * @deprecated Use videojs.dom.addClass() instead
- */
-
-/**
- * Remove a CSS class name from an element
- *
- * @borrows dom:removeElClass as videojs.removeClass
- * @deprecated Use videojs.dom.removeClass() instead
- */
-
-/**
- * Adds or removes a CSS class name on an element depending on an optional
- * condition or the presence/absence of the class name.
- *
- * @borrows dom:toggleElClass as videojs.toggleClass
- * @deprecated Use videojs.dom.toggleClass() instead
- */
-
-/**
- * Apply attributes to an HTML element.
- *
- * @borrows dom:setElAttributes as videojs.setAttribute
- * @deprecated Use videojs.dom.setAttributes() instead
- */
-
-/**
- * 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 (which shouldn't be used with HTML)
- * This will return true or false for boolean attributes.
- *
- * @borrows dom:getElAttributes as videojs.getAttributes
- * @deprecated Use videojs.dom.getAttributes() instead
- */
-
-/**
- * Empties the contents of an element.
- *
- * @borrows dom:emptyEl as videojs.emptyEl
- * @deprecated Use videojs.dom.emptyEl() instead
- */
-
-/**
- * Normalizes and appends content to an element.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * - String
- *   Normalized into a text node.
- *
- * - Element, TextNode
- *   Passed through.
- *
- * - Array
- *   A one-dimensional array of strings, elements, nodes, or functions (which
- *   return single strings, elements, or nodes).
- *
- * - Function
- *   If the sole argument, is expected to produce a string, element,
- *   node, or array.
- *
- * @borrows dom:appendContents as videojs.appendContet
- * @deprecated Use videojs.dom.appendContent() instead
- */
-
-/**
- * Normalizes and inserts content into an element; this is identical to
- * `appendContent()`, except it empties the element first.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * - String
- *   Normalized into a text node.
- *
- * - Element, TextNode
- *   Passed through.
- *
- * - Array
- *   A one-dimensional array of strings, elements, nodes, or functions (which
- *   return single strings, elements, or nodes).
- *
- * - Function
- *   If the sole argument, is expected to produce a string, element,
- *   node, or array.
- *
- * @borrows dom:insertContent as videojs.insertContent
- * @deprecated Use videojs.dom.insertContent() instead
- */
-['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
-  videojs[k] = function () {
-    log$1.warn('videojs.' + k + '() is deprecated; use videojs.dom.' + k + '() instead');
-    return Dom[k].apply(null, arguments);
-  };
-});
-
-/**
- * A safe getComputedStyle with an IE8 fallback.
- *
- * This is 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.
- * See https://bugzilla.mozilla.org/show_bug.cgi?id=548397 for more details.
- *
- * @borrows computed-style:computedStyle as videojs.computedStyle
- */
-videojs.computedStyle = computedStyle;
-
-/**
- * Export the Dom utilities for use in external plugins
- * and Tech's
- */
-videojs.dom = Dom;
-
-/**
- * Export the Url utilities for use in external plugins
- * and Tech's
- */
-videojs.url = Url;
-
-return videojs;
-
-})));
diff --git a/pod/main/static/video-js-6.8.0/alt/video.novtt.min.js b/pod/main/static/video-js-6.8.0/alt/video.novtt.min.js
deleted file mode 100755
index 79aa976917..0000000000
--- a/pod/main/static/video-js-6.8.0/alt/video.novtt.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.videojs=e()}(this,function(){function t(t,e){xe(t).forEach(function(r){return e(t[r],r)})}function e(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return xe(t).reduce(function(r,n){return e(r,t[n],n)},r)}function r(e){for(var r=arguments.length,n=Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];return Object.assign?Object.assign.apply(Object,[e].concat(n)):(n.forEach(function(r){r&&t(r,function(t,r){e[r]=t})}),e)}function n(t){return!!t&&"object"===(void 0===t?"undefined":Te(t))}function o(t){return n(t)&&"[object Object]"===Se.call(t)&&t.constructor===Object}function i(t){return t.replace(/\n\r?\s*/g,"")}function s(t,e){if(!t||!e)return"";if("function"==typeof Kt.getComputedStyle){var r=Kt.getComputedStyle(t);return r?r[e]:""}return t.currentStyle[e]||""}function a(t){return"string"==typeof t&&/\S/.test(t)}function l(t){if(/\s/.test(t))throw new Error("class has illegal whitespace characters")}function c(t){return new RegExp("(^|\\s)"+t+"($|\\s)")}function u(){return Jt===Kt.document&&void 0!==Jt.createElement}function h(t){return n(t)&&1===t.nodeType}function p(){try{return Kt.parent!==Kt.self}catch(t){return!0}}function d(t){return function(e,r){if(!a(e))return Jt[t](null);a(r)&&(r=Jt.querySelector(r));var n=h(r)?r:Jt;return n[t]&&n[t](e)}}function f(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"div",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments[3],o=Jt.createElement(t);return Object.getOwnPropertyNames(e).forEach(function(t){var r=e[t];-1!==t.indexOf("aria-")||"role"===t||"type"===t?(Ne.warn(Me(Ie,t,r)),o.setAttribute(t,r)):"textContent"===t?v(o,r):o[t]=r}),Object.getOwnPropertyNames(r).forEach(function(t){o.setAttribute(t,r[t])}),n&&I(o,n),o}function v(t,e){return void 0===t.textContent?t.innerText=e:t.textContent=e,t}function y(t,e){e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t)}function g(t,e){return l(e),t.classList?t.classList.contains(e):c(e).test(t.className)}function m(t,e){return t.classList?t.classList.add(e):g(t,e)||(t.className=(t.className+" "+e).trim()),t}function _(t,e){return t.classList?t.classList.remove(e):(l(e),t.className=t.className.split(/\s+/).filter(function(t){return t!==e}).join(" ")),t}function b(t,e,r){var n=g(t,e);if("function"==typeof r&&(r=r(t,e)),"boolean"!=typeof r&&(r=!n),r!==n)return r?m(t,e):_(t,e),t}function T(t,e){Object.getOwnPropertyNames(e).forEach(function(r){var n=e[r];null===n||void 0===n||!1===n?t.removeAttribute(r):t.setAttribute(r,!0===n?"":n)})}function C(t){var e={};if(t&&t.attributes&&t.attributes.length>0)for(var r=t.attributes,n=r.length-1;n>=0;n--){var o=r[n].name,i=r[n].value;"boolean"!=typeof t[o]&&-1===",autoplay,controls,playsinline,loop,muted,default,defaultMuted,".indexOf(","+o+",")||(i=null!==i),e[o]=i}return e}function k(t,e){return t.getAttribute(e)}function E(t,e,r){t.setAttribute(e,r)}function w(t,e){t.removeAttribute(e)}function S(){Jt.body.focus(),Jt.onselectstart=function(){return!1}}function x(){Jt.onselectstart=function(){return!0}}function j(t){if(t&&t.getBoundingClientRect&&t.parentNode){var e=t.getBoundingClientRect(),r={};return["bottom","height","left","right","top","width"].forEach(function(t){void 0!==e[t]&&(r[t]=e[t])}),r.height||(r.height=parseFloat(s(t,"height"))),r.width||(r.width=parseFloat(s(t,"width"))),r}}function P(t){var e=void 0;if(t.getBoundingClientRect&&t.parentNode&&(e=t.getBoundingClientRect()),!e)return{left:0,top:0};var r=Jt.documentElement,n=Jt.body,o=r.clientLeft||n.clientLeft||0,i=Kt.pageXOffset||n.scrollLeft,s=e.left+i-o,a=r.clientTop||n.clientTop||0,l=Kt.pageYOffset||n.scrollTop,c=e.top+l-a;return{left:Math.round(s),top:Math.round(c)}}function A(t,e){var r={},n=P(t),o=t.offsetWidth,i=t.offsetHeight,s=n.top,a=n.left,l=e.pageY,c=e.pageX;return e.changedTouches&&(c=e.changedTouches[0].pageX,l=e.changedTouches[0].pageY),r.y=Math.max(0,Math.min(1,(s-l+i)/i)),r.x=Math.max(0,Math.min(1,(c-a)/o)),r}function O(t){return n(t)&&3===t.nodeType}function N(t){for(;t.firstChild;)t.removeChild(t.firstChild);return t}function M(t){return"function"==typeof t&&(t=t()),(Array.isArray(t)?t:[t]).map(function(t){return"function"==typeof t&&(t=t()),h(t)||O(t)?t:"string"==typeof t&&/\S/.test(t)?Jt.createTextNode(t):void 0}).filter(function(t){return t})}function I(t,e){return M(e).forEach(function(e){return t.appendChild(e)}),t}function D(t,e){return I(N(t),e)}function F(t){return void 0===t.button&&void 0===t.buttons||(0===t.button&&void 0===t.buttons||(9===ve||0===t.button&&1===t.buttons))}function L(){return Re++}function R(t){var e=t[He];return e||(e=t[He]=L()),Be[e]||(Be[e]={}),Be[e]}function B(t){var e=t[He];return!!e&&!!Object.getOwnPropertyNames(Be[e]).length}function H(t){var e=t[He];if(e){delete Be[e];try{delete t[He]}catch(e){t.removeAttribute?t.removeAttribute(He):t[He]=null}}}function V(t,e){var r=R(t);0===r.handlers[e].length&&(delete r.handlers[e],t.removeEventListener?t.removeEventListener(e,r.dispatcher,!1):t.detachEvent&&t.detachEvent("on"+e,r.dispatcher)),Object.getOwnPropertyNames(r.handlers).length<=0&&(delete r.handlers,delete r.dispatcher,delete r.disabled),0===Object.getOwnPropertyNames(r).length&&H(t)}function z(t,e,r,n){r.forEach(function(r){t(e,r,n)})}function W(t){function e(){return!0}function r(){return!1}if(!t||!t.isPropagationStopped){var n=t||Kt.event;t={};for(var o in n)"layerX"!==o&&"layerY"!==o&&"keyLocation"!==o&&"webkitMovementX"!==o&&"webkitMovementY"!==o&&("returnValue"===o&&n.preventDefault||(t[o]=n[o]));if(t.target||(t.target=t.srcElement||Jt),t.relatedTarget||(t.relatedTarget=t.fromElement===t.target?t.toElement:t.fromElement),t.preventDefault=function(){n.preventDefault&&n.preventDefault(),t.returnValue=!1,n.returnValue=!1,t.defaultPrevented=!0},t.defaultPrevented=!1,t.stopPropagation=function(){n.stopPropagation&&n.stopPropagation(),t.cancelBubble=!0,n.cancelBubble=!0,t.isPropagationStopped=e},t.isPropagationStopped=r,t.stopImmediatePropagation=function(){n.stopImmediatePropagation&&n.stopImmediatePropagation(),t.isImmediatePropagationStopped=e,t.stopPropagation()},t.isImmediatePropagationStopped=r,null!==t.clientX&&void 0!==t.clientX){var i=Jt.documentElement,s=Jt.body;t.pageX=t.clientX+(i&&i.scrollLeft||s&&s.scrollLeft||0)-(i&&i.clientLeft||s&&s.clientLeft||0),t.pageY=t.clientY+(i&&i.scrollTop||s&&s.scrollTop||0)-(i&&i.clientTop||s&&s.clientTop||0)}t.which=t.charCode||t.keyCode,null!==t.button&&void 0!==t.button&&(t.button=1&t.button?0:4&t.button?1:2&t.button?2:0)}return t}function U(t,e,r){if(Array.isArray(e))return z(U,t,e,r);var n=R(t);if(n.handlers||(n.handlers={}),n.handlers[e]||(n.handlers[e]=[]),r.guid||(r.guid=L()),n.handlers[e].push(r),n.dispatcher||(n.disabled=!1,n.dispatcher=function(e,r){if(!n.disabled){e=W(e);var o=n.handlers[e.type];if(o)for(var i=o.slice(0),s=0,a=i.length;s<a&&!e.isImmediatePropagationStopped();s++)try{i[s].call(t,e,r)}catch(t){Ne.error(t)}}}),1===n.handlers[e].length)if(t.addEventListener){var o=!1;Ve&&ze.indexOf(e)>-1&&(o={passive:!0}),t.addEventListener(e,n.dispatcher,o)}else t.attachEvent&&t.attachEvent("on"+e,n.dispatcher)}function q(t,e,r){if(B(t)){var n=R(t);if(n.handlers){if(Array.isArray(e))return z(q,t,e,r);var o=function(t,e){n.handlers[e]=[],V(t,e)};if(void 0!==e){var i=n.handlers[e];if(i){if(!r)return void o(t,e);if(r.guid)for(var s=0;s<i.length;s++)i[s].guid===r.guid&&i.splice(s--,1);V(t,e)}}else for(var a in n.handlers)Object.prototype.hasOwnProperty.call(n.handlers||{},a)&&o(t,a)}}}function K(t,e,r){var n=B(t)?R(t):{},o=t.parentNode||t.ownerDocument;if("string"==typeof e?e={type:e,target:t}:e.target||(e.target=t),e=W(e),n.dispatcher&&n.dispatcher.call(t,e,r),o&&!e.isPropagationStopped()&&!0===e.bubbles)K.call(null,o,e,r);else if(!o&&!e.defaultPrevented){var i=R(e.target);e.target[e.type]&&(i.disabled=!0,"function"==typeof e.target[e.type]&&e.target[e.type](),i.disabled=!1)}return!e.defaultPrevented}function X(t,e,r){if(Array.isArray(e))return z(X,t,e,r);var n=function n(){q(t,e,n),r.apply(this,arguments)};n.guid=r.guid=r.guid||L(),U(t,e,n)}function G(t,e){e&&(qe=e),Kt.setTimeout(Ke,t)}function Y(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.eventBusKey;if(n){if(!t[n].nodeName)throw new Error('The eventBusKey "'+n+'" does not refer to an element.');t.eventBusEl_=t[n]}else t.eventBusEl_=f("span",{className:"vjs-event-bus"});return r(t,sr),t.on("dispose",function(){t.off(),Kt.setTimeout(function(){t.eventBusEl_=null},0)}),t}function $(t,e){return r(t,ar),t.state=r({},t.state,e),"function"==typeof t.handleStateChanged&&Ze(t)&&t.on("statechanged",t.handleStateChanged),t}function J(t){return"string"!=typeof t?t:t.charAt(0).toUpperCase()+t.slice(1)}function Q(t,e){return J(t)===J(e)}function Z(){for(var e={},r=arguments.length,n=Array(r),i=0;i<r;i++)n[i]=arguments[i];return n.forEach(function(r){r&&t(r,function(t,r){if(!o(t))return void(e[r]=t);o(e[r])||(e[r]={}),e[r]=Z(e[r],t)})}),e}function tt(t,e,r){if("number"!=typeof e||e<0||e>r)throw new Error("Failed to execute '"+t+"' on 'TimeRanges': The index provided ("+e+") is non-numeric or out of bounds (0-"+r+").")}function et(t,e,r,n){return tt(t,n,r.length-1),r[n][e]}function rt(t){return void 0===t||0===t.length?{length:0,start:function(){throw new Error("This TimeRanges object is empty")},end:function(){throw new Error("This TimeRanges object is empty")}}:{length:t.length,start:et.bind(null,"start",0,t),end:et.bind(null,"end",1,t)}}function nt(t,e){return Array.isArray(t)?rt(t):void 0===t||void 0===e?rt():rt([[t,e]])}function ot(t,e){var r=0,n=void 0,o=void 0;if(!e)return 0;t&&t.length||(t=nt(0,0));for(var i=0;i<t.length;i++)n=t.start(i),o=t.end(i),o>e&&(o=e),r+=o-n;return r/e}function it(t){if(t instanceof it)return t;"number"==typeof t?this.code=t:"string"==typeof t?this.message=t:n(t)&&("number"==typeof t.code&&(this.code=t.code),r(this,t)),this.message||(this.message=it.defaultMessages[this.code]||"")}function st(t,e){var r,n=null;try{r=JSON.parse(t,e)}catch(t){n=t}return[n,r]}function at(t){return void 0!==t&&null!==t&&"function"==typeof t.then}function lt(t){at(t)&&t.then(null,function(t){})}function ct(t){var e=Wr.call(t);return"[object Function]"===e||"function"==typeof t&&"[object RegExp]"!==e||"undefined"!=typeof window&&(t===window.setTimeout||t===window.alert||t===window.confirm||t===window.prompt)}function ut(t,e,r){if(!zr(e))throw new TypeError("iterator must be a function");arguments.length<3&&(r=this),"[object Array]"===Kr.call(t)?ht(t,e,r):"string"==typeof t?pt(t,e,r):dt(t,e,r)}function ht(t,e,r){for(var n=0,o=t.length;n<o;n++)Xr.call(t,n)&&e.call(r,t[n],n,t)}function pt(t,e,r){for(var n=0,o=t.length;n<o;n++)e.call(r,t.charAt(n),n,t)}function dt(t,e,r){for(var n in t)Xr.call(t,n)&&e.call(r,t[n],n,t)}function ft(){for(var t={},e=0;e<arguments.length;e++){var r=arguments[e];for(var n in r)Jr.call(r,n)&&(t[n]=r[n])}return t}function vt(t){for(var e in t)if(t.hasOwnProperty(e))return!1;return!0}function yt(t,e,r){var n=t;return zr(e)?(r=e,"string"==typeof t&&(n={uri:t})):n=$r(e,{uri:t}),n.callback=r,n}function gt(t,e,r){return e=yt(t,e,r),mt(e)}function mt(t){function e(){4===a.readyState&&setTimeout(o,0)}function r(){var t=void 0;if(t=a.response?a.response:a.responseText||_t(a),y)try{t=JSON.parse(t)}catch(t){}return t}function n(t){return clearTimeout(u),t instanceof Error||(t=new Error(""+(t||"Unknown XMLHttpRequest Error"))),t.statusCode=0,s(t,g)}function o(){if(!c){var e;clearTimeout(u),e=t.useXDR&&void 0===a.status?200:1223===a.status?204:a.status;var n=g,o=null;return 0!==e?(n={body:r(),statusCode:e,method:p,headers:{},url:h,rawRequest:a},a.getAllResponseHeaders&&(n.headers=Yr(a.getAllResponseHeaders()))):o=new Error("Internal XMLHttpRequest Error"),s(o,n,n.body)}}if(void 0===t.callback)throw new Error("callback argument missing");var i=!1,s=function(e,r,n){i||(i=!0,t.callback(e,r,n))},a=t.xhr||null;a||(a=t.cors||t.useXDR?new gt.XDomainRequest:new gt.XMLHttpRequest);var l,c,u,h=a.url=t.uri||t.url,p=a.method=t.method||"GET",d=t.body||t.data,f=a.headers=t.headers||{},v=!!t.sync,y=!1,g={body:void 0,headers:{},statusCode:0,method:p,url:h,rawRequest:a};if("json"in t&&!1!==t.json&&(y=!0,f.accept||f.Accept||(f.Accept="application/json"),"GET"!==p&&"HEAD"!==p&&(f["content-type"]||f["Content-Type"]||(f["Content-Type"]="application/json"),d=JSON.stringify(!0===t.json?d:t.json))),a.onreadystatechange=e,a.onload=o,a.onerror=n,a.onprogress=function(){},a.onabort=function(){c=!0},a.ontimeout=n,a.open(p,h,!v,t.username,t.password),v||(a.withCredentials=!!t.withCredentials),!v&&t.timeout>0&&(u=setTimeout(function(){if(!c){c=!0,a.abort("timeout");var t=new Error("XMLHttpRequest timeout");t.code="ETIMEDOUT",n(t)}},t.timeout)),a.setRequestHeader)for(l in f)f.hasOwnProperty(l)&&a.setRequestHeader(l,f[l]);else if(t.headers&&!vt(t.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in t&&(a.responseType=t.responseType),"beforeSend"in t&&"function"==typeof t.beforeSend&&t.beforeSend(a),a.send(d||null),a}function _t(t){if("document"===t.responseType)return t.responseXML;var e=t.responseXML&&"parsererror"===t.responseXML.documentElement.nodeName;return""!==t.responseType||e?null:t.responseXML}function bt(){}function Tt(t,e,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},i=t.textTracks();o.kind=e,r&&(o.label=r),n&&(o.language=n),o.tech=t;var s=new un.text.TrackClass(o);return i.addTrack(s),s}function Ct(t,e){dn[t]=dn[t]||[],dn[t].push(e)}function kt(t,e,r){t.setTimeout(function(){return Nt(e,dn[e.type],r,t)},1)}function Et(t,e){t.forEach(function(t){return t.setTech&&t.setTech(e)})}function wt(t,e,r){return t.reduceRight(jt(r),e[r]())}function St(t,e,r,n){return e[r](t.reduce(jt(r),n))}function xt(t,e,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o="call"+J(r),i=t.reduce(jt(o),n),s=i===vn,a=s?null:e[r](i);return Pt(t,r,a,s),a}function jt(t){return function(e,r){return e===vn?vn:r[t]?r[t](e):e}}function Pt(t,e,r,n){for(var o=t.length-1;o>=0;o--){var i=t[o];i[e]&&i[e](n,r)}}function At(t){fn[t.id()]=null}function Ot(t,e){var r=fn[t.id()],n=null;if(void 0===r||null===r)return n=e(t),fn[t.id()]=[[e,n]],n;for(var o=0;o<r.length;o++){var i=r[o],s=i[0],a=i[1];s===e&&(n=a)}return null===n&&(n=e(t),r.push([e,n])),n}function Nt(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments[2],o=arguments[3],i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]&&arguments[5],a=e[0],l=e.slice(1);if("string"==typeof a)Nt(t,dn[a],n,o,i,s);else if(a){var c=Ot(o,a);c.setSource(r({},t),function(e,r){if(e)return Nt(t,l,n,o,i,s);i.push(c),Nt(r,t.type===r.type?l:dn[r.type],n,o,i,s)})}else l.length?Nt(t,l,n,o,i,s):s?n(t,i):Nt(t,dn["*"],n,o,i,!0)}function Mt(t){var e=Br(t.src),r=_n[e.toLowerCase()];return!t.type&&r&&(t.type=r),t}function It(t,e){return"rgba("+parseInt(t[1]+t[1],16)+","+parseInt(t[2]+t[2],16)+","+parseInt(t[3]+t[3],16)+","+e+")"}function Dt(t,e,r){try{t.style[e]=r}catch(t){return}}function Ft(t){Nn=t}function Lt(){Nn=On}function Rt(t,e){if(e&&(t=e(t)),t&&"none"!==t)return t}function Bt(t,e){return Rt(t.options[t.options.selectedIndex].value,e)}function Ht(t,e,r){if(e)for(var n=0;n<t.options.length;n++)if(Rt(t.options[n].value,r)===e){t.selectedIndex=n;break}}function Vt(t,e,r){var o=Vt.getPlayer(t);if(o)return e&&Ne.warn('Player "'+t+'" is already initialised. Options will not be applied.'),r&&o.ready(r),o;var i="string"==typeof t?De("#"+ii(t)):t;if(!h(i))throw new TypeError("The element or ID supplied is not valid. (videojs)");Jt.body.contains(i)||Ne.warn("The element supplied is not included in the DOM"),e=e||{},Vt.hooks("beforesetup").forEach(function(t){var r=t(i,Z(e));if(!n(r)||Array.isArray(r))return void Ne.error("please return an object in beforesetup hooks");e=Z(e,r)});var s=lr.getComponent("Player");return o=new s(i,e,r),Vt.hooks("setup").forEach(function(t){return t(o)}),o}var zt,Wt="6.8.0",Ut="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};zt="undefined"!=typeof window?window:void 0!==Ut?Ut:"undefined"!=typeof self?self:{};var qt,Kt=zt,Xt={},Gt=(Object.freeze||Object)({default:Xt}),Yt=Gt&&Xt||Gt,$t=void 0!==Ut?Ut:"undefined"!=typeof window?window:{};"undefined"!=typeof document?qt=document:(qt=$t["__GLOBAL_DOCUMENT_CACHE@4"])||(qt=$t["__GLOBAL_DOCUMENT_CACHE@4"]=Yt);var Jt=qt,Qt=Kt.navigator&&Kt.navigator.userAgent||"",Zt=/AppleWebKit\/([\d.]+)/i.exec(Qt),te=Zt?parseFloat(Zt.pop()):null,ee=/iPad/i.test(Qt),re=/iPhone/i.test(Qt)&&!ee,ne=/iPod/i.test(Qt),oe=re||ee||ne,ie=function(){var t=Qt.match(/OS (\d+)_/i);return t&&t[1]?t[1]:null}(),se=/Android/i.test(Qt),ae=function(){var t=Qt.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);if(!t)return null;var e=t[1]&&parseFloat(t[1]),r=t[2]&&parseFloat(t[2]);return e&&r?parseFloat(t[1]+"."+t[2]):e||null}(),le=se&&/webkit/i.test(Qt)&&ae<2.3,ce=se&&ae<5&&te<537,ue=/Firefox/i.test(Qt),he=/Edge/i.test(Qt),pe=!he&&/Chrome/i.test(Qt),de=function(){var t=Qt.match(/Chrome\/(\d+)/);return t&&t[1]?parseFloat(t[1]):null}(),fe=/MSIE\s8\.0/.test(Qt),ve=function(){var t=/MSIE\s(\d+)\.\d/.exec(Qt),e=t&&parseFloat(t[1]);return!e&&/Trident\/7.0/i.test(Qt)&&/rv:11.0/.test(Qt)&&(e=11),e}(),ye=/Safari/i.test(Qt)&&!pe&&!se&&!he,ge=ye||oe,me=u()&&("ontouchstart"in Kt||Kt.DocumentTouch&&Kt.document instanceof Kt.DocumentTouch),_e=u()&&"backgroundSize"in Kt.document.createElement("video").style,be=(Object.freeze||Object)({IS_IPAD:ee,IS_IPHONE:re,IS_IPOD:ne,IS_IOS:oe,IOS_VERSION:ie,IS_ANDROID:se,ANDROID_VERSION:ae,IS_OLD_ANDROID:le,IS_NATIVE_ANDROID:ce,IS_FIREFOX:ue,IS_EDGE:he,IS_CHROME:pe,CHROME_VERSION:de,IS_IE8:fe,IE_VERSION:ve,IS_SAFARI:ye,IS_ANY_SAFARI:ge,TOUCH_ENABLED:me,BACKGROUND_SIZE_SUPPORTED:_e}),Te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ce=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},ke=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},Ee=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},we=function(t,e){return t.raw=e,t},Se=Object.prototype.toString,xe=function(t){return n(t)?Object.keys(t):[]},je=void 0,Pe="info",Ae=[],Oe=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:!!ve&&ve<11,o=je.levels[Pe],i=new RegExp("^("+o+")$");if("log"!==t&&e.unshift(t.toUpperCase()+":"),Ae&&Ae.push([].concat(e)),e.unshift("VIDEOJS:"),Kt.console){var s=Kt.console[t];s||"debug"!==t||(s=Kt.console.info||Kt.console.log),s&&o&&i.test(t)&&(r&&(e=e.map(function(t){if(n(t)||Array.isArray(t))try{return JSON.stringify(t)}catch(e){return String(t)}return String(t)}).join(" ")),s.apply?s[Array.isArray(e)?"apply":"call"](Kt.console,e):s(e))}};je=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];Oe("log",e)},je.levels={all:"debug|log|warn|error",off:"",debug:"debug|log|warn|error",info:"log|warn|error",warn:"warn|error",error:"error",DEFAULT:Pe},je.level=function(t){if("string"==typeof t){if(!je.levels.hasOwnProperty(t))throw new Error('"'+t+'" in not a valid log level');Pe=t}return Pe},je.history=function(){return Ae?[].concat(Ae):[]},je.history.clear=function(){Ae&&(Ae.length=0)},je.history.disable=function(){null!==Ae&&(Ae.length=0,Ae=null)},je.history.enable=function(){null===Ae&&(Ae=[])},je.error=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];return Oe("error",e)},je.warn=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];return Oe("warn",e)},je.debug=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];return Oe("debug",e)};var Ne=je,Me=function(t){for(var e="",r=0;r<arguments.length;r++)e+=i(t[r])+(arguments[r+1]||"");return e},Ie=we(["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 "," to ","."],["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 "," to ","."]),De=d("querySelector"),Fe=d("querySelectorAll"),Le=(Object.freeze||Object)({isReal:u,isEl:h,isInFrame:p,createEl:f,textContent:v,prependTo:y,hasClass:g,addClass:m,removeClass:_,toggleClass:b,setAttributes:T,getAttributes:C,getAttribute:k,setAttribute:E,removeAttribute:w,blockTextSelection:S,unblockTextSelection:x,getBoundingClientRect:j,findPosition:P,getPointerPosition:A,isTextNode:O,emptyEl:N,normalizeContent:M,appendContent:I,insertContent:D,isSingleLeftClick:F,$:De,$$:Fe}),Re=1,Be={},He="vdata"+(new Date).getTime(),Ve=!1;!function(){try{var t=Object.defineProperty({},"passive",{get:function(){Ve=!0}});Kt.addEventListener("test",null,t),Kt.removeEventListener("test",null,t)}catch(t){}}();var ze=["touchstart","touchmove"],We=(Object.freeze||Object)({fixEvent:W,on:U,off:q,trigger:K,one:X}),Ue=!1,qe=void 0,Ke=function(){if(u()){var t=Jt.getElementsByTagName("video"),e=Jt.getElementsByTagName("audio"),r=Jt.getElementsByTagName("video-js"),n=[];if(t&&t.length>0)for(var o=0,i=t.length;o<i;o++)n.push(t[o]);if(e&&e.length>0)for(var s=0,a=e.length;s<a;s++)n.push(e[s]);if(r&&r.length>0)for(var l=0,c=r.length;l<c;l++)n.push(r[l]);if(n&&n.length>0)for(var h=0,p=n.length;h<p;h++){var d=n[h];if(!d||!d.getAttribute){G(1);break}if(void 0===d.player){var f=d.getAttribute("data-setup");null!==f&&qe(d)}}else Ue||G(1)}};u()&&"complete"===Jt.readyState?Ue=!0:X(Kt,"load",function(){Ue=!0});var Xe=function(t){var e=Jt.createElement("style");return e.className=t,e},Ge=function(t,e){t.styleSheet?t.styleSheet.cssText=e:t.textContent=e},Ye=function(t,e,r){e.guid||(e.guid=L());var n=function(){return e.apply(t,arguments)};return n.guid=r?r+"_"+e.guid:e.guid,n},$e=function(t,e){var r=Date.now();return function(){var n=Date.now();n-r>=e&&(t.apply(void 0,arguments),r=n)}},Je=function(t,e,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:Kt,o=void 0;return function(){var i=this,s=arguments,a=function(){o=null,a=null,r||t.apply(i,s)};!o&&r&&t.apply(i,s),n.clearTimeout(o),o=n.setTimeout(a,e)}},Qe=function(){};Qe.prototype.allowedEvents_={},Qe.prototype.on=function(t,e){var r=this.addEventListener;this.addEventListener=function(){},U(this,t,e),this.addEventListener=r},Qe.prototype.addEventListener=Qe.prototype.on,Qe.prototype.off=function(t,e){q(this,t,e)},Qe.prototype.removeEventListener=Qe.prototype.off,Qe.prototype.one=function(t,e){var r=this.addEventListener;this.addEventListener=function(){},X(this,t,e),this.addEventListener=r},Qe.prototype.trigger=function(t){var e=t.type||t;"string"==typeof t&&(t={type:e}),t=W(t),this.allowedEvents_[e]&&this["on"+e]&&this["on"+e](t),K(this,t)},Qe.prototype.dispatchEvent=Qe.prototype.trigger;var Ze=function(t){return t instanceof Qe||!!t.eventBusEl_&&["on","one","off","trigger"].every(function(e){return"function"==typeof t[e]})},tr=function(t){return"string"==typeof t&&/\S/.test(t)||Array.isArray(t)&&!!t.length},er=function(t){if(!t.nodeName&&!Ze(t))throw new Error("Invalid target; must be a DOM node or evented object.")},rr=function(t){if(!tr(t))throw new Error("Invalid event type; must be a non-empty string or array.")},nr=function(t){if("function"!=typeof t)throw new Error("Invalid listener; must be a function.")},or=function(t,e){var r=e.length<3||e[0]===t||e[0]===t.eventBusEl_,n=void 0,o=void 0,i=void 0;return r?(n=t.eventBusEl_,e.length>=3&&e.shift(),o=e[0],i=e[1]):(n=e[0],o=e[1],i=e[2]),er(n),rr(o),nr(i),i=Ye(t,i),{isTargetingSelf:r,target:n,type:o,listener:i}},ir=function(t,e,r,n){er(t),t.nodeName?We[e](t,r,n):t[e](r,n)},sr={on:function(){for(var t=this,e=arguments.length,r=Array(e),n=0;n<e;n++)r[n]=arguments[n];var o=or(this,r),i=o.isTargetingSelf,s=o.target,a=o.type,l=o.listener;if(ir(s,"on",a,l),!i){var c=function(){return t.off(s,a,l)};c.guid=l.guid;var u=function(){return t.off("dispose",c)};u.guid=l.guid,ir(this,"on","dispose",c),ir(s,"on","dispose",u)}},one:function(){for(var t=this,e=arguments.length,r=Array(e),n=0;n<e;n++)r[n]=arguments[n];var o=or(this,r),i=o.isTargetingSelf,s=o.target,a=o.type,l=o.listener;if(i)ir(s,"one",a,l);else{var c=function e(){for(var r=arguments.length,n=Array(r),o=0;o<r;o++)n[o]=arguments[o];t.off(s,a,e),l.apply(null,n)};c.guid=l.guid,ir(s,"one",a,c)}},off:function(t,e,r){if(!t||tr(t))q(this.eventBusEl_,t,e);else{var n=t,o=e;er(n),rr(o),nr(r),r=Ye(this,r),this.off("dispose",r),n.nodeName?(q(n,o,r),q(n,"dispose",r)):Ze(n)&&(n.off(o,r),n.off("dispose",r))}},trigger:function(t,e){return K(this.eventBusEl_,t,e)}},ar={state:{},setState:function(e){var r=this;"function"==typeof e&&(e=e());var n=void 0;return t(e,function(t,e){r.state[e]!==t&&(n=n||{},n[e]={from:r.state[e],to:t}),r.state[e]=t}),n&&Ze(this)&&this.trigger({changes:n,type:"statechanged"}),n}},lr=function(){function t(e,r,n){if(Ce(this,t),!e&&this.play?this.player_=e=this:this.player_=e,this.options_=Z({},this.options_),r=this.options_=Z(this.options_,r),this.id_=r.id||r.el&&r.el.id,!this.id_){var o=e&&e.id&&e.id()||"no_player";this.id_=o+"_component_"+L()}this.name_=r.name||null,r.el?this.el_=r.el:!1!==r.createEl&&(this.el_=this.createEl()),!1!==r.evented&&Y(this,{eventBusKey:this.el_?"el_":null}),$(this,this.constructor.defaultState),this.children_=[],this.childIndex_={},this.childNameIndex_={},!1!==r.initChildren&&this.initChildren(),this.ready(n),!1!==r.reportTouchActivity&&this.enableTouchActivity()}return t.prototype.dispose=function(){if(this.trigger({type:"dispose",bubbles:!1}),this.children_)for(var t=this.children_.length-1;t>=0;t--)this.children_[t].dispose&&this.children_[t].dispose();this.children_=null,this.childIndex_=null,this.childNameIndex_=null,this.el_&&(this.el_.parentNode&&this.el_.parentNode.removeChild(this.el_),H(this.el_),this.el_=null),this.player_=null},t.prototype.player=function(){return this.player_},t.prototype.options=function(t){return Ne.warn("this.options() has been deprecated and will be moved to the constructor in 6.0"),t?(this.options_=Z(this.options_,t),this.options_):this.options_},t.prototype.el=function(){return this.el_},t.prototype.createEl=function(t,e,r){return f(t,e,r)},t.prototype.localize=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t,n=this.player_.language&&this.player_.language(),o=this.player_.languages&&this.player_.languages(),i=o&&o[n],s=n&&n.split("-")[0],a=o&&o[s],l=r;return i&&i[t]?l=i[t]:a&&a[t]&&(l=a[t]),e&&(l=l.replace(/\{(\d+)\}/g,function(t,r){var n=e[r-1],o=n;return void 0===n&&(o=t),o})),l},t.prototype.contentEl=function(){return this.contentEl_||this.el_},t.prototype.id=function(){return this.id_},t.prototype.name=function(){return this.name_},t.prototype.children=function(){return this.children_},t.prototype.getChildById=function(t){return this.childIndex_[t]},t.prototype.getChild=function(t){if(t)return t=J(t),this.childNameIndex_[t]},t.prototype.addChild=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.children_.length,o=void 0,i=void 0;if("string"==typeof e){i=J(e);var s=r.componentClass||i;r.name=i;var a=t.getComponent(s);if(!a)throw new Error("Component "+s+" does not exist");if("function"!=typeof a)return null;o=new a(this.player_||this,r)}else o=e;if(this.children_.splice(n,0,o),"function"==typeof o.id&&(this.childIndex_[o.id()]=o),i=i||o.name&&J(o.name()),i&&(this.childNameIndex_[i]=o),"function"==typeof o.el&&o.el()){var l=this.contentEl().children,c=l[n]||null;this.contentEl().insertBefore(o.el(),c)}return o},t.prototype.removeChild=function(t){if("string"==typeof t&&(t=this.getChild(t)),t&&this.children_){for(var e=!1,r=this.children_.length-1;r>=0;r--)if(this.children_[r]===t){e=!0,this.children_.splice(r,1);break}if(e){this.childIndex_[t.id()]=null,this.childNameIndex_[t.name()]=null;var n=t.el();n&&n.parentNode===this.contentEl()&&this.contentEl().removeChild(t.el())}}},t.prototype.initChildren=function(){var e=this,r=this.options_.children;if(r){var n=this.options_,o=function(t){var r=t.name,o=t.opts;if(void 0!==n[r]&&(o=n[r]),!1!==o){!0===o&&(o={}),o.playerOptions=e.options_.playerOptions;var i=e.addChild(r,o);i&&(e[r]=i)}},i=void 0,s=t.getComponent("Tech");i=Array.isArray(r)?r:Object.keys(r),i.concat(Object.keys(this.options_).filter(function(t){return!i.some(function(e){return"string"==typeof e?t===e:t===e.name})})).map(function(t){var n=void 0,o=void 0;return"string"==typeof t?(n=t,o=r[n]||e.options_[n]||{}):(n=t.name,o=t),{name:n,opts:o}}).filter(function(e){var r=t.getComponent(e.opts.componentClass||J(e.name));return r&&!s.isTech(r)}).forEach(o)}},t.prototype.buildCSSClass=function(){return""},t.prototype.ready=function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t)return this.isReady_?void(e?t.call(this):this.setTimeout(t,1)):(this.readyQueue_=this.readyQueue_||[],void this.readyQueue_.push(t))},t.prototype.triggerReady=function(){this.isReady_=!0,this.setTimeout(function(){var t=this.readyQueue_;this.readyQueue_=[],t&&t.length>0&&t.forEach(function(t){t.call(this)},this),this.trigger("ready")},1)},t.prototype.$=function(t,e){return De(t,e||this.contentEl())},t.prototype.$$=function(t,e){return Fe(t,e||this.contentEl())},t.prototype.hasClass=function(t){return g(this.el_,t)},t.prototype.addClass=function(t){m(this.el_,t)},t.prototype.removeClass=function(t){_(this.el_,t)},t.prototype.toggleClass=function(t,e){b(this.el_,t,e)},t.prototype.show=function(){this.removeClass("vjs-hidden")},t.prototype.hide=function(){this.addClass("vjs-hidden")},t.prototype.lockShowing=function(){this.addClass("vjs-lock-showing")},t.prototype.unlockShowing=function(){this.removeClass("vjs-lock-showing")},t.prototype.getAttribute=function(t){return k(this.el_,t)},t.prototype.setAttribute=function(t,e){E(this.el_,t,e)},t.prototype.removeAttribute=function(t){w(this.el_,t)},t.prototype.width=function(t,e){return this.dimension("width",t,e)},t.prototype.height=function(t,e){return this.dimension("height",t,e)},t.prototype.dimensions=function(t,e){this.width(t,!0),this.height(e)},t.prototype.dimension=function(t,e,r){if(void 0!==e)return null!==e&&e===e||(e=0),-1!==(""+e).indexOf("%")||-1!==(""+e).indexOf("px")?this.el_.style[t]=e:this.el_.style[t]="auto"===e?"":e+"px",void(r||this.trigger("componentresize"));if(!this.el_)return 0;var n=this.el_.style[t],o=n.indexOf("px");return-1!==o?parseInt(n.slice(0,o),10):parseInt(this.el_["offset"+J(t)],10)},t.prototype.currentDimension=function(t){var e=0;if("width"!==t&&"height"!==t)throw new Error("currentDimension only accepts width or height value");if("function"==typeof Kt.getComputedStyle){var r=Kt.getComputedStyle(this.el_);e=r.getPropertyValue(t)||r[t]}if(0===(e=parseFloat(e))){var n="offset"+J(t);e=this.el_[n]}return e},t.prototype.currentDimensions=function(){return{width:this.currentDimension("width"),height:this.currentDimension("height")}},t.prototype.currentWidth=function(){return this.currentDimension("width")},t.prototype.currentHeight=function(){return this.currentDimension("height")},t.prototype.focus=function(){this.el_.focus()},
-t.prototype.blur=function(){this.el_.blur()},t.prototype.emitTapEvents=function(){var t=0,e=null,r=void 0;this.on("touchstart",function(n){1===n.touches.length&&(e={pageX:n.touches[0].pageX,pageY:n.touches[0].pageY},t=(new Date).getTime(),r=!0)}),this.on("touchmove",function(t){if(t.touches.length>1)r=!1;else if(e){var n=t.touches[0].pageX-e.pageX,o=t.touches[0].pageY-e.pageY,i=Math.sqrt(n*n+o*o);i>10&&(r=!1)}});var n=function(){r=!1};this.on("touchleave",n),this.on("touchcancel",n),this.on("touchend",function(n){if(e=null,!0===r){(new Date).getTime()-t<200&&(n.preventDefault(),this.trigger("tap"))}})},t.prototype.enableTouchActivity=function(){if(this.player()&&this.player().reportUserActivity){var t=Ye(this.player(),this.player().reportUserActivity),e=void 0;this.on("touchstart",function(){t(),this.clearInterval(e),e=this.setInterval(t,250)});var r=function(r){t(),this.clearInterval(e)};this.on("touchmove",t),this.on("touchend",r),this.on("touchcancel",r)}},t.prototype.setTimeout=function(t,e){var r=this;t=Ye(this,t);var n=Kt.setTimeout(t,e),o=function(){return r.clearTimeout(n)};return o.guid="vjs-timeout-"+n,this.on("dispose",o),n},t.prototype.clearTimeout=function(t){Kt.clearTimeout(t);var e=function(){};return e.guid="vjs-timeout-"+t,this.off("dispose",e),t},t.prototype.setInterval=function(t,e){var r=this;t=Ye(this,t);var n=Kt.setInterval(t,e),o=function(){return r.clearInterval(n)};return o.guid="vjs-interval-"+n,this.on("dispose",o),n},t.prototype.clearInterval=function(t){Kt.clearInterval(t);var e=function(){};return e.guid="vjs-interval-"+t,this.off("dispose",e),t},t.prototype.requestAnimationFrame=function(t){var e=this;if(this.supportsRaf_){t=Ye(this,t);var r=Kt.requestAnimationFrame(t),n=function(){return e.cancelAnimationFrame(r)};return n.guid="vjs-raf-"+r,this.on("dispose",n),r}return this.setTimeout(t,1e3/60)},t.prototype.cancelAnimationFrame=function(t){if(this.supportsRaf_){Kt.cancelAnimationFrame(t);var e=function(){};return e.guid="vjs-raf-"+t,this.off("dispose",e),t}return this.clearTimeout(t)},t.registerComponent=function(e,r){if("string"!=typeof e||!e)throw new Error('Illegal component name, "'+e+'"; must be a non-empty string.');var n=t.getComponent("Tech"),o=n&&n.isTech(r),i=t===r||t.prototype.isPrototypeOf(r.prototype);if(o||!i){var s=void 0;throw s=o?"techs must be registered using Tech.registerTech()":"must be a Component subclass",new Error('Illegal component, "'+e+'"; '+s+".")}e=J(e),t.components_||(t.components_={});var a=t.getComponent("Player");if("Player"===e&&a&&a.players){var l=a.players,c=Object.keys(l);if(l&&c.length>0&&c.map(function(t){return l[t]}).every(Boolean))throw new Error("Can not register Player component after player has been created.")}return t.components_[e]=r,r},t.getComponent=function(e){if(e)return e=J(e),t.components_&&t.components_[e]?t.components_[e]:void 0},t}();lr.prototype.supportsRaf_="function"==typeof Kt.requestAnimationFrame&&"function"==typeof Kt.cancelAnimationFrame,lr.registerComponent("Component",lr);for(var cr={},ur=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],hr=ur[0],pr=void 0,dr=0;dr<ur.length;dr++)if(ur[dr][1]in Jt){pr=ur[dr];break}if(pr)for(var fr=0;fr<pr.length;fr++)cr[hr[fr]]=pr[fr];it.prototype.code=0,it.prototype.message="",it.prototype.status=null,it.errorTypes=["MEDIA_ERR_CUSTOM","MEDIA_ERR_ABORTED","MEDIA_ERR_NETWORK","MEDIA_ERR_DECODE","MEDIA_ERR_SRC_NOT_SUPPORTED","MEDIA_ERR_ENCRYPTED"],it.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 vr=0;vr<it.errorTypes.length;vr++)it[it.errorTypes[vr]]=vr,it.prototype[it.errorTypes[vr]]=vr;var yr=st,gr=function(t){return["kind","label","language","id","inBandMetadataTrackDispatchType","mode","src"].reduce(function(e,r,n){return t[r]&&(e[r]=t[r]),e},{cues:t.cues&&Array.prototype.map.call(t.cues,function(t){return{startTime:t.startTime,endTime:t.endTime,text:t.text,id:t.id}})})},mr=function(t){var e=t.$$("track"),r=Array.prototype.map.call(e,function(t){return t.track});return Array.prototype.map.call(e,function(t){var e=gr(t.track);return t.src&&(e.src=t.src),e}).concat(Array.prototype.filter.call(t.textTracks(),function(t){return-1===r.indexOf(t)}).map(gr))},_r=function(t,e){return t.forEach(function(t){var r=e.addRemoteTextTrack(t).track;!t.src&&t.cues&&t.cues.forEach(function(t){return r.addCue(t)})}),e.textTracks()},br={textTracksToJson:mr,jsonToTextTracks:_r,trackToJson_:gr},Tr="vjs-modal-dialog",Cr=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.opened_=o.hasBeenOpened_=o.hasBeenFilled_=!1,o.closeable(!o.options_.uncloseable),o.content(o.options_.content),o.contentEl_=f("div",{className:Tr+"-content"},{role:"document"}),o.descEl_=f("p",{className:Tr+"-description vjs-control-text",id:o.el().getAttribute("aria-describedby")}),v(o.descEl_,o.description()),o.el_.appendChild(o.descEl_),o.el_.appendChild(o.contentEl_),o}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:this.buildCSSClass(),tabIndex:-1},{"aria-describedby":this.id()+"_description","aria-hidden":"true","aria-label":this.label(),role:"dialog"})},e.prototype.dispose=function(){this.contentEl_=null,this.descEl_=null,this.previouslyActiveEl_=null,t.prototype.dispose.call(this)},e.prototype.buildCSSClass=function(){return Tr+" vjs-hidden "+t.prototype.buildCSSClass.call(this)},e.prototype.handleKeyPress=function(t){27===t.which&&this.closeable()&&this.close()},e.prototype.label=function(){return this.localize(this.options_.label||"Modal Window")},e.prototype.description=function(){var t=this.options_.description||this.localize("This is a modal window.");return this.closeable()&&(t+=" "+this.localize("This modal can be closed by pressing the Escape key or activating the close button.")),t},e.prototype.open=function(){if(!this.opened_){var t=this.player();this.trigger("beforemodalopen"),this.opened_=!0,(this.options_.fillAlways||!this.hasBeenOpened_&&!this.hasBeenFilled_)&&this.fill(),this.wasPlaying_=!t.paused(),this.options_.pauseOnOpen&&this.wasPlaying_&&t.pause(),this.closeable()&&this.on(this.el_.ownerDocument,"keydown",Ye(this,this.handleKeyPress)),this.hadControls_=t.controls(),t.controls(!1),this.show(),this.conditionalFocus_(),this.el().setAttribute("aria-hidden","false"),this.trigger("modalopen"),this.hasBeenOpened_=!0}},e.prototype.opened=function(t){return"boolean"==typeof t&&this[t?"open":"close"](),this.opened_},e.prototype.close=function(){if(this.opened_){var t=this.player();this.trigger("beforemodalclose"),this.opened_=!1,this.wasPlaying_&&this.options_.pauseOnOpen&&t.play(),this.closeable()&&this.off(this.el_.ownerDocument,"keydown",Ye(this,this.handleKeyPress)),this.hadControls_&&t.controls(!0),this.hide(),this.el().setAttribute("aria-hidden","true"),this.trigger("modalclose"),this.conditionalBlur_(),this.options_.temporary&&this.dispose()}},e.prototype.closeable=function(t){if("boolean"==typeof t){var e=this.closeable_=!!t,r=this.getChild("closeButton");if(e&&!r){var n=this.contentEl_;this.contentEl_=this.el_,r=this.addChild("closeButton",{controlText:"Close Modal Dialog"}),this.contentEl_=n,this.on(r,"close",this.close)}!e&&r&&(this.off(r,"close",this.close),this.removeChild(r),r.dispose())}return this.closeable_},e.prototype.fill=function(){this.fillWith(this.content())},e.prototype.fillWith=function(t){var e=this.contentEl(),r=e.parentNode,n=e.nextSibling;this.trigger("beforemodalfill"),this.hasBeenFilled_=!0,r.removeChild(e),this.empty(),D(e,t),this.trigger("modalfill"),n?r.insertBefore(e,n):r.appendChild(e);var o=this.getChild("closeButton");o&&r.appendChild(o.el_)},e.prototype.empty=function(){this.trigger("beforemodalempty"),N(this.contentEl()),this.trigger("modalempty")},e.prototype.content=function(t){return void 0!==t&&(this.content_=t),this.content_},e.prototype.conditionalFocus_=function(){var t=Jt.activeElement,e=this.player_.el_;this.previouslyActiveEl_=null,(e.contains(t)||e===t)&&(this.previouslyActiveEl_=t,this.focus(),this.on(Jt,"keydown",this.handleKeyDown))},e.prototype.conditionalBlur_=function(){this.previouslyActiveEl_&&(this.previouslyActiveEl_.focus(),this.previouslyActiveEl_=null),this.off(Jt,"keydown",this.handleKeyDown)},e.prototype.handleKeyDown=function(t){if(9===t.which){for(var e=this.focusableEls_(),r=this.el_.querySelector(":focus"),n=void 0,o=0;o<e.length;o++)if(r===e[o]){n=o;break}Jt.activeElement===this.el_&&(n=0),t.shiftKey&&0===n?(e[e.length-1].focus(),t.preventDefault()):t.shiftKey||n!==e.length-1||(e[0].focus(),t.preventDefault())}},e.prototype.focusableEls_=function(){var t=this.el_.querySelectorAll("*");return Array.prototype.filter.call(t,function(t){return(t instanceof Kt.HTMLAnchorElement||t instanceof Kt.HTMLAreaElement)&&t.hasAttribute("href")||(t instanceof Kt.HTMLInputElement||t instanceof Kt.HTMLSelectElement||t instanceof Kt.HTMLTextAreaElement||t instanceof Kt.HTMLButtonElement)&&!t.hasAttribute("disabled")||t instanceof Kt.HTMLIFrameElement||t instanceof Kt.HTMLObjectElement||t instanceof Kt.HTMLEmbedElement||t.hasAttribute("tabindex")&&-1!==t.getAttribute("tabindex")||t.hasAttribute("contenteditable")})},e}(lr);Cr.prototype.options_={pauseOnOpen:!0,temporary:!0},lr.registerComponent("ModalDialog",Cr);var kr=function(t){function e(){var r,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;Ce(this,e);var i=Ee(this,t.call(this));if(!o&&(o=i,fe)){o=Jt.createElement("custom");for(var s in e.prototype)"constructor"!==s&&(o[s]=e.prototype[s])}o.tracks_=[],Object.defineProperty(o,"length",{get:function(){return this.tracks_.length}});for(var a=0;a<n.length;a++)o.addTrack(n[a]);return r=o,Ee(i,r)}return ke(e,t),e.prototype.addTrack=function(t){var e=this.tracks_.length;""+e in this||Object.defineProperty(this,e,{get:function(){return this.tracks_[e]}}),-1===this.tracks_.indexOf(t)&&(this.tracks_.push(t),this.trigger({track:t,type:"addtrack"}))},e.prototype.removeTrack=function(t){for(var e=void 0,r=0,n=this.length;r<n;r++)if(this[r]===t){e=this[r],e.off&&e.off(),this.tracks_.splice(r,1);break}e&&this.trigger({track:e,type:"removetrack"})},e.prototype.getTrackById=function(t){for(var e=null,r=0,n=this.length;r<n;r++){var o=this[r];if(o.id===t){e=o;break}}return e},e}(Qe);kr.prototype.allowedEvents_={change:"change",addtrack:"addtrack",removetrack:"removetrack"};for(var Er in kr.prototype.allowedEvents_)kr.prototype["on"+Er]=null;var wr=function(t,e){for(var r=0;r<t.length;r++)Object.keys(t[r]).length&&e.id!==t[r].id&&(t[r].enabled=!1)},Sr=function(t){function e(){var r,n,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];Ce(this,e);for(var i=void 0,s=o.length-1;s>=0;s--)if(o[s].enabled){wr(o,o[s]);break}if(fe){i=Jt.createElement("custom");for(var a in kr.prototype)"constructor"!==a&&(i[a]=kr.prototype[a]);for(var l in e.prototype)"constructor"!==l&&(i[l]=e.prototype[l])}return i=r=Ee(this,t.call(this,o,i)),i.changing_=!1,n=i,Ee(r,n)}return ke(e,t),e.prototype.addTrack=function(e){var r=this;e.enabled&&wr(this,e),t.prototype.addTrack.call(this,e),e.addEventListener&&e.addEventListener("enabledchange",function(){r.changing_||(r.changing_=!0,wr(r,e),r.changing_=!1,r.trigger("change"))})},e}(kr),xr=function(t,e){for(var r=0;r<t.length;r++)Object.keys(t[r]).length&&e.id!==t[r].id&&(t[r].selected=!1)},jr=function(t){function e(){var r,n,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];Ce(this,e);for(var i=void 0,s=o.length-1;s>=0;s--)if(o[s].selected){xr(o,o[s]);break}if(fe){i=Jt.createElement("custom");for(var a in kr.prototype)"constructor"!==a&&(i[a]=kr.prototype[a]);for(var l in e.prototype)"constructor"!==l&&(i[l]=e.prototype[l])}return i=r=Ee(this,t.call(this,o,i)),i.changing_=!1,Object.defineProperty(i,"selectedIndex",{get:function(){for(var t=0;t<this.length;t++)if(this[t].selected)return t;return-1},set:function(){}}),n=i,Ee(r,n)}return ke(e,t),e.prototype.addTrack=function(e){var r=this;e.selected&&xr(this,e),t.prototype.addTrack.call(this,e),e.addEventListener&&e.addEventListener("selectedchange",function(){r.changing_||(r.changing_=!0,xr(r,e),r.changing_=!1,r.trigger("change"))})},e}(kr),Pr=function(t){function e(){var r,n,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];Ce(this,e);var i=void 0;if(fe){i=Jt.createElement("custom");for(var s in kr.prototype)"constructor"!==s&&(i[s]=kr.prototype[s]);for(var a in e.prototype)"constructor"!==a&&(i[a]=e.prototype[a])}return i=r=Ee(this,t.call(this,o,i)),n=i,Ee(r,n)}return ke(e,t),e.prototype.addTrack=function(e){t.prototype.addTrack.call(this,e),e.addEventListener("modechange",Ye(this,function(){this.trigger("change")})),-1===["metadata","chapters"].indexOf(e.kind)&&e.addEventListener("modechange",Ye(this,function(){this.trigger("selectedlanguagechange")}))},e}(kr),Ar=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];Ce(this,t);var r=this;if(fe){r=Jt.createElement("custom");for(var n in t.prototype)"constructor"!==n&&(r[n]=t.prototype[n])}r.trackElements_=[],Object.defineProperty(r,"length",{get:function(){return this.trackElements_.length}});for(var o=0,i=e.length;o<i;o++)r.addTrackElement_(e[o]);if(fe)return r}return t.prototype.addTrackElement_=function(t){var e=this.trackElements_.length;""+e in this||Object.defineProperty(this,e,{get:function(){return this.trackElements_[e]}}),-1===this.trackElements_.indexOf(t)&&this.trackElements_.push(t)},t.prototype.getTrackElementByTrack_=function(t){for(var e=void 0,r=0,n=this.trackElements_.length;r<n;r++)if(t===this.trackElements_[r].track){e=this.trackElements_[r];break}return e},t.prototype.removeTrackElement_=function(t){for(var e=0,r=this.trackElements_.length;e<r;e++)if(t===this.trackElements_[e]){this.trackElements_.splice(e,1);break}},t}(),Or=function(){function t(e){Ce(this,t);var r=this;if(fe){r=Jt.createElement("custom");for(var n in t.prototype)"constructor"!==n&&(r[n]=t.prototype[n])}if(t.prototype.setCues_.call(r,e),Object.defineProperty(r,"length",{get:function(){return this.length_}}),fe)return r}return t.prototype.setCues_=function(t){var e=this.length||0,r=0,n=t.length;this.cues_=t,this.length_=t.length;var o=function(t){""+t in this||Object.defineProperty(this,""+t,{get:function(){return this.cues_[t]}})};if(e<n)for(r=e;r<n;r++)o.call(this,r)},t.prototype.getCueById=function(t){for(var e=null,r=0,n=this.length;r<n;r++){var o=this[r];if(o.id===t){e=o;break}}return e},t}(),Nr={alternative:"alternative",captions:"captions",main:"main",sign:"sign",subtitles:"subtitles",commentary:"commentary"},Mr={alternative:"alternative",descriptions:"descriptions",main:"main","main-desc":"main-desc",translation:"translation",commentary:"commentary"},Ir={subtitles:"subtitles",captions:"captions",descriptions:"descriptions",chapters:"chapters",metadata:"metadata"},Dr={disabled:"disabled",hidden:"hidden",showing:"showing"},Fr=function(t){function e(){var r,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Ce(this,e);var o=Ee(this,t.call(this)),i=o;if(fe){i=Jt.createElement("custom");for(var s in e.prototype)"constructor"!==s&&(i[s]=e.prototype[s])}var a={id:n.id||"vjs_track_"+L(),kind:n.kind||"",label:n.label||"",language:n.language||""};for(var l in a)!function(t){Object.defineProperty(i,t,{get:function(){return a[t]},set:function(){}})}(l);return r=i,Ee(o,r)}return ke(e,t),e}(Qe),Lr=function(t){var e=["protocol","hostname","port","pathname","search","hash","host"],r=Jt.createElement("a");r.href=t;var n=""===r.host&&"file:"!==r.protocol,o=void 0;n&&(o=Jt.createElement("div"),o.innerHTML='<a href="'+t+'"></a>',r=o.firstChild,o.setAttribute("style","display:none; position:absolute;"),Jt.body.appendChild(o));for(var i={},s=0;s<e.length;s++)i[e[s]]=r[e[s]];return"http:"===i.protocol&&(i.host=i.host.replace(/:80$/,"")),"https:"===i.protocol&&(i.host=i.host.replace(/:443$/,"")),i.protocol||(i.protocol=Kt.location.protocol),n&&Jt.body.removeChild(o),i},Rr=function(t){if(!t.match(/^https?:\/\//)){var e=Jt.createElement("div");e.innerHTML='<a href="'+t+'">x</a>',t=e.firstChild.href}return t},Br=function(t){if("string"==typeof t){var e=/^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/i,r=e.exec(t);if(r)return r.pop().toLowerCase()}return""},Hr=function(t){var e=Kt.location,r=Lr(t);return(":"===r.protocol?e.protocol:r.protocol)+r.host!==e.protocol+e.host},Vr=(Object.freeze||Object)({parseUrl:Lr,getAbsoluteURL:Rr,getFileExtension:Br,isCrossOrigin:Hr}),zr=ct,Wr=Object.prototype.toString,Ur=function(t,e){return e={exports:{}},t(e,e.exports),e.exports}(function(t,e){function r(t){return t.replace(/^\s*|\s*$/g,"")}e=t.exports=r,e.left=function(t){return t.replace(/^\s*/,"")},e.right=function(t){return t.replace(/\s*$/,"")}}),qr=ut,Kr=Object.prototype.toString,Xr=Object.prototype.hasOwnProperty,Gr=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Yr=function(t){if(!t)return{};var e={};return qr(Ur(t).split("\n"),function(t){var r=t.indexOf(":"),n=Ur(t.slice(0,r)).toLowerCase(),o=Ur(t.slice(r+1));void 0===e[n]?e[n]=o:Gr(e[n])?e[n].push(o):e[n]=[e[n],o]}),e},$r=ft,Jr=Object.prototype.hasOwnProperty,Qr=gt;gt.XMLHttpRequest=Kt.XMLHttpRequest||bt,gt.XDomainRequest="withCredentials"in new gt.XMLHttpRequest?gt.XMLHttpRequest:Kt.XDomainRequest,function(t,e){for(var r=0;r<t.length;r++)e(t[r])}(["get","put","post","patch","head","delete"],function(t){gt["delete"===t?"del":t]=function(e,r,n){return r=yt(e,r,n),r.method=t.toUpperCase(),mt(r)}});var Zr=function(t,e){var r=new Kt.WebVTT.Parser(Kt,Kt.vttjs,Kt.WebVTT.StringDecoder()),n=[];r.oncue=function(t){e.addCue(t)},r.onparsingerror=function(t){n.push(t)},r.onflush=function(){e.trigger({type:"loadeddata",target:e})},r.parse(t),n.length>0&&(Kt.console&&Kt.console.groupCollapsed&&Kt.console.groupCollapsed("Text Track parsing errors for "+e.src),n.forEach(function(t){return Ne.error(t)}),Kt.console&&Kt.console.groupEnd&&Kt.console.groupEnd()),r.flush()},tn=function(t,e){var r={uri:t},n=Hr(t);n&&(r.cors=n),Qr(r,Ye(this,function(t,r,n){if(t)return Ne.error(t,r);if(e.loaded_=!0,"function"!=typeof Kt.WebVTT){if(e.tech_){var o=function(){return Zr(n,e)};e.tech_.on("vttjsloaded",o),e.tech_.on("vttjserror",function(){Ne.error("vttjs failed to load, stopping trying to process "+e.src),e.tech_.off("vttjsloaded",o)})}}else Zr(n,e)}))},en=function(t){function e(){var r,n,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(Ce(this,e),!o.tech)throw new Error("A tech was not provided.");var i=Z(o,{kind:Ir[o.kind]||"subtitles",language:o.language||o.srclang||""}),s=Dr[i.mode]||"disabled",a=i.default;"metadata"!==i.kind&&"chapters"!==i.kind||(s="hidden");var l=r=Ee(this,t.call(this,i));if(l.tech_=i.tech,fe)for(var c in e.prototype)"constructor"!==c&&(l[c]=e.prototype[c]);l.cues_=[],l.activeCues_=[];var u=new Or(l.cues_),h=new Or(l.activeCues_),p=!1,d=Ye(l,function(){this.activeCues,p&&(this.trigger("cuechange"),p=!1)});return"disabled"!==s&&l.tech_.ready(function(){l.tech_.on("timeupdate",d)},!0),Object.defineProperty(l,"default",{get:function(){return a},set:function(){}}),Object.defineProperty(l,"mode",{get:function(){return s},set:function(t){var e=this;Dr[t]&&(s=t,"showing"===s&&this.tech_.ready(function(){e.tech_.on("timeupdate",d)},!0),this.trigger("modechange"))}}),Object.defineProperty(l,"cues",{get:function(){return this.loaded_?u:null},set:function(){}}),Object.defineProperty(l,"activeCues",{get:function(){if(!this.loaded_)return null;if(0===this.cues.length)return h;for(var t=this.tech_.currentTime(),e=[],r=0,n=this.cues.length;r<n;r++){var o=this.cues[r];o.startTime<=t&&o.endTime>=t?e.push(o):o.startTime===o.endTime&&o.startTime<=t&&o.startTime+.5>=t&&e.push(o)}if(p=!1,e.length!==this.activeCues_.length)p=!0;else for(var i=0;i<e.length;i++)-1===this.activeCues_.indexOf(e[i])&&(p=!0);return this.activeCues_=e,h.setCues_(this.activeCues_),h},set:function(){}}),i.src?(l.src=i.src,tn(i.src,l)):l.loaded_=!0,n=l,Ee(r,n)}return ke(e,t),e.prototype.addCue=function(t){var e=t;if(Kt.vttjs&&!(t instanceof Kt.vttjs.VTTCue)){e=new Kt.vttjs.VTTCue(t.startTime,t.endTime,t.text);for(var r in t)r in e||(e[r]=t[r]);e.id=t.id,e.originalCue_=t}for(var n=this.tech_.textTracks(),o=0;o<n.length;o++)n[o]!==this&&n[o].removeCue(e);this.cues_.push(e),this.cues.setCues_(this.cues_)},e.prototype.removeCue=function(t){for(var e=this.cues_.length;e--;){var r=this.cues_[e];if(r===t||r.originalCue_&&r.originalCue_===t){this.cues_.splice(e,1),this.cues.setCues_(this.cues_);break}}},e}(Fr);en.prototype.allowedEvents_={cuechange:"cuechange"};var rn=function(t){function e(){var r,n,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Ce(this,e);var i=Z(o,{kind:Mr[o.kind]||""}),s=r=Ee(this,t.call(this,i)),a=!1;if(fe)for(var l in e.prototype)"constructor"!==l&&(s[l]=e.prototype[l]);return Object.defineProperty(s,"enabled",{get:function(){return a},set:function(t){"boolean"==typeof t&&t!==a&&(a=t,this.trigger("enabledchange"))}}),i.enabled&&(s.enabled=i.enabled),s.loaded_=!0,n=s,Ee(r,n)}return ke(e,t),e}(Fr),nn=function(t){function e(){var r,n,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Ce(this,e);var i=Z(o,{kind:Nr[o.kind]||""}),s=r=Ee(this,t.call(this,i)),a=!1;if(fe)for(var l in e.prototype)"constructor"!==l&&(s[l]=e.prototype[l]);return Object.defineProperty(s,"selected",{get:function(){return a},set:function(t){"boolean"==typeof t&&t!==a&&(a=t,this.trigger("selectedchange"))}}),i.selected&&(s.selected=i.selected),n=s,Ee(r,n)}return ke(e,t),e}(Fr),on=0,sn=2,an=function(t){function e(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Ce(this,e);var n=Ee(this,t.call(this)),o=void 0,i=n;if(fe){i=Jt.createElement("custom");for(var s in e.prototype)"constructor"!==s&&(i[s]=e.prototype[s])}var a=new en(r);if(i.kind=a.kind,i.src=a.src,i.srclang=a.language,i.label=a.label,i.default=a.default,Object.defineProperty(i,"readyState",{get:function(){return o}}),Object.defineProperty(i,"track",{get:function(){return a}}),o=on,a.addEventListener("loadeddata",function(){o=sn,i.trigger({type:"load",target:i})}),fe){var l;return l=i,Ee(n,l)}return n}return ke(e,t),e}(Qe);an.prototype.allowedEvents_={load:"load"},an.NONE=on,an.LOADING=1,an.LOADED=sn,an.ERROR=3;var ln={audio:{ListClass:Sr,TrackClass:rn,capitalName:"Audio"},video:{ListClass:jr,TrackClass:nn,capitalName:"Video"},text:{ListClass:Pr,TrackClass:en,capitalName:"Text"}};Object.keys(ln).forEach(function(t){ln[t].getterName=t+"Tracks",ln[t].privateName=t+"Tracks_"});var cn={remoteText:{ListClass:Pr,TrackClass:en,capitalName:"RemoteText",getterName:"remoteTextTracks",privateName:"remoteTextTracks_"},remoteTextEl:{ListClass:Ar,TrackClass:an,capitalName:"RemoteTextTrackEls",getterName:"remoteTextTrackEls",privateName:"remoteTextTrackEls_"}},un=Z(ln,cn);cn.names=Object.keys(cn),ln.names=Object.keys(ln),un.names=[].concat(cn.names).concat(ln.names);var hn={},pn=function(t){function e(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};Ce(this,e),r.reportTouchActivity=!1;var o=Ee(this,t.call(this,null,r,n));return o.hasStarted_=!1,o.on("playing",function(){this.hasStarted_=!0}),o.on("loadstart",function(){this.hasStarted_=!1}),un.names.forEach(function(t){var e=un[t];r&&r[e.getterName]&&(o[e.privateName]=r[e.getterName])}),o.featuresProgressEvents||o.manualProgressOn(),o.featuresTimeupdateEvents||o.manualTimeUpdatesOn(),["Text","Audio","Video"].forEach(function(t){!1===r["native"+t+"Tracks"]&&(o["featuresNative"+t+"Tracks"]=!1)}),!1===r.nativeCaptions||!1===r.nativeTextTracks?o.featuresNativeTextTracks=!1:!0!==r.nativeCaptions&&!0!==r.nativeTextTracks||(o.featuresNativeTextTracks=!0),o.featuresNativeTextTracks||o.emulateTextTracks(),o.autoRemoteTextTracks_=new un.text.ListClass,o.initTrackListeners(),r.nativeControlsForTouch||o.emitTapEvents(),o.constructor&&(o.name_=o.constructor.name||"Unknown Tech"),o}return ke(e,t),e.prototype.triggerSourceset=function(t){var e=this;this.isReady_||this.one("ready",function(){return e.setTimeout(function(){return e.triggerSourceset(t)},1)}),this.trigger({src:t,type:"sourceset"})},e.prototype.manualProgressOn=function(){this.on("durationchange",this.onDurationChange),this.manualProgress=!0,this.one("ready",this.trackProgress)},e.prototype.manualProgressOff=function(){this.manualProgress=!1,this.stopTrackingProgress(),this.off("durationchange",this.onDurationChange)},e.prototype.trackProgress=function(t){this.stopTrackingProgress(),this.progressInterval=this.setInterval(Ye(this,function(){var t=this.bufferedPercent();this.bufferedPercent_!==t&&this.trigger("progress"),this.bufferedPercent_=t,1===t&&this.stopTrackingProgress()}),500)},e.prototype.onDurationChange=function(t){this.duration_=this.duration()},e.prototype.buffered=function(){return nt(0,0)},e.prototype.bufferedPercent=function(){return ot(this.buffered(),this.duration_)},e.prototype.stopTrackingProgress=function(){this.clearInterval(this.progressInterval)},e.prototype.manualTimeUpdatesOn=function(){this.manualTimeUpdates=!0,this.on("play",this.trackCurrentTime),this.on("pause",this.stopTrackingCurrentTime)},e.prototype.manualTimeUpdatesOff=function(){this.manualTimeUpdates=!1,this.stopTrackingCurrentTime(),this.off("play",this.trackCurrentTime),this.off("pause",this.stopTrackingCurrentTime)},e.prototype.trackCurrentTime=function(){this.currentTimeInterval&&this.stopTrackingCurrentTime(),this.currentTimeInterval=this.setInterval(function(){this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},250)},e.prototype.stopTrackingCurrentTime=function(){this.clearInterval(this.currentTimeInterval),this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.prototype.dispose=function(){this.clearTracks(ln.names),this.manualProgress&&this.manualProgressOff(),this.manualTimeUpdates&&this.manualTimeUpdatesOff(),t.prototype.dispose.call(this)},e.prototype.clearTracks=function(t){var e=this;t=[].concat(t),t.forEach(function(t){for(var r=e[t+"Tracks"]()||[],n=r.length;n--;){var o=r[n];"text"===t&&e.removeRemoteTextTrack(o),r.removeTrack(o)}})},e.prototype.cleanupAutoTextTracks=function(){for(var t=this.autoRemoteTextTracks_||[],e=t.length;e--;){var r=t[e];this.removeRemoteTextTrack(r)}},e.prototype.reset=function(){},e.prototype.error=function(t){return void 0!==t&&(this.error_=new it(t),this.trigger("error")),this.error_},e.prototype.played=function(){return this.hasStarted_?nt(0,0):nt()},e.prototype.setCurrentTime=function(){this.manualTimeUpdates&&this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.prototype.initTrackListeners=function(){var t=this;ln.names.forEach(function(e){var r=ln[e],n=function(){t.trigger(e+"trackchange")},o=t[r.getterName]();o.addEventListener("removetrack",n),o.addEventListener("addtrack",n),t.on("dispose",function(){o.removeEventListener("removetrack",n),o.removeEventListener("addtrack",n)})})},e.prototype.addWebVttScript_=function(){var t=this;if(!Kt.WebVTT)if(Jt.body.contains(this.el())){if(!this.options_["vtt.js"]&&o(hn)&&Object.keys(hn).length>0)return void this.trigger("vttjsloaded");var e=Jt.createElement("script");e.src=this.options_["vtt.js"]||"https://vjs.zencdn.net/vttjs/0.12.4/vtt.min.js",e.onload=function(){t.trigger("vttjsloaded")},e.onerror=function(){t.trigger("vttjserror")},this.on("dispose",function(){e.onload=null,e.onerror=null}),Kt.WebVTT=!0,this.el().parentNode.appendChild(e)}else this.ready(this.addWebVttScript_)},e.prototype.emulateTextTracks=function(){var t=this,e=this.textTracks(),r=this.remoteTextTracks(),n=function(t){return e.addTrack(t.track)},o=function(t){return e.removeTrack(t.track)};r.on("addtrack",n),r.on("removetrack",o),this.addWebVttScript_();var i=function(){return t.trigger("texttrackchange")},s=function(){i();for(var t=0;t<e.length;t++){var r=e[t];r.removeEventListener("cuechange",i),"showing"===r.mode&&r.addEventListener("cuechange",i)}};s(),e.addEventListener("change",s),e.addEventListener("addtrack",s),e.addEventListener("removetrack",s),this.on("dispose",function(){r.off("addtrack",n),r.off("removetrack",o),e.removeEventListener("change",s),e.removeEventListener("addtrack",s),e.removeEventListener("removetrack",s);for(var t=0;t<e.length;t++){e[t].removeEventListener("cuechange",i)}})},e.prototype.addTextTrack=function(t,e,r){if(!t)throw new Error("TextTrack kind is required but was not provided");return Tt(this,t,e,r)},e.prototype.createRemoteTextTrack=function(t){var e=Z(t,{tech:this});return new cn.remoteTextEl.TrackClass(e)},e.prototype.addRemoteTextTrack=function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments[1],n=this.createRemoteTextTrack(e);return!0!==r&&!1!==r&&(Ne.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js'),r=!0),this.remoteTextTrackEls().addTrackElement_(n),this.remoteTextTracks().addTrack(n.track),!0!==r&&this.ready(function(){return t.autoRemoteTextTracks_.addTrack(n.track)}),n},e.prototype.removeRemoteTextTrack=function(t){var e=this.remoteTextTrackEls().getTrackElementByTrack_(t);this.remoteTextTrackEls().removeTrackElement_(e),this.remoteTextTracks().removeTrack(t),this.autoRemoteTextTracks_.removeTrack(t)},e.prototype.getVideoPlaybackQuality=function(){return{}},e.prototype.setPoster=function(){},e.prototype.playsinline=function(){},e.prototype.setPlaysinline=function(){},e.prototype.canPlayType=function(){return""},e.canPlayType=function(){return""},e.canPlaySource=function(t,r){return e.canPlayType(t.type)},e.isTech=function(t){return t.prototype instanceof e||t instanceof e||t===e},e.registerTech=function(t,r){if(e.techs_||(e.techs_={}),!e.isTech(r))throw new Error("Tech "+t+" must be a Tech");if(!e.canPlayType)throw new Error("Techs must have a static canPlayType method on them");if(!e.canPlaySource)throw new Error("Techs must have a static canPlaySource method on them");return t=J(t),e.techs_[t]=r,"Tech"!==t&&e.defaultTechOrder_.push(t),r},e.getTech=function(t){if(t)return t=J(t),e.techs_&&e.techs_[t]?e.techs_[t]:Kt&&Kt.videojs&&Kt.videojs[t]?(Ne.warn("The "+t+" tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)"),Kt.videojs[t]):void 0},e}(lr);un.names.forEach(function(t){var e=un[t];pn.prototype[e.getterName]=function(){return this[e.privateName]=this[e.privateName]||new e.ListClass,this[e.privateName]}}),pn.prototype.featuresVolumeControl=!0,pn.prototype.featuresFullscreenResize=!1,pn.prototype.featuresPlaybackRate=!1,pn.prototype.featuresProgressEvents=!1,pn.prototype.featuresSourceset=!1,pn.prototype.featuresTimeupdateEvents=!1,pn.prototype.featuresNativeTextTracks=!1,pn.withSourceHandlers=function(t){t.registerSourceHandler=function(e,r){var n=t.sourceHandlers;n||(n=t.sourceHandlers=[]),void 0===r&&(r=n.length),n.splice(r,0,e)},t.canPlayType=function(e){
-for(var r=t.sourceHandlers||[],n=void 0,o=0;o<r.length;o++)if(n=r[o].canPlayType(e))return n;return""},t.selectSourceHandler=function(e,r){for(var n=t.sourceHandlers||[],o=0;o<n.length;o++)if(n[o].canHandleSource(e,r))return n[o];return null},t.canPlaySource=function(e,r){var n=t.selectSourceHandler(e,r);return n?n.canHandleSource(e,r):""},["seekable","duration"].forEach(function(t){var e=this[t];"function"==typeof e&&(this[t]=function(){return this.sourceHandler_&&this.sourceHandler_[t]?this.sourceHandler_[t].apply(this.sourceHandler_,arguments):e.apply(this,arguments)})},t.prototype),t.prototype.setSource=function(e){var r=t.selectSourceHandler(e,this.options_);r||(t.nativeSourceHandler?r=t.nativeSourceHandler:Ne.error("No source hander found for the current source.")),this.disposeSourceHandler(),this.off("dispose",this.disposeSourceHandler),r!==t.nativeSourceHandler&&(this.currentSource_=e),this.sourceHandler_=r.handleSource(e,this,this.options_),this.on("dispose",this.disposeSourceHandler)},t.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)}},lr.registerComponent("Tech",pn),pn.registerTech("Tech",pn),pn.defaultTechOrder_=[];var dn={},fn={},vn={},yn={buffered:1,currentTime:1,duration:1,seekable:1,played:1,paused:1},gn={setCurrentTime:1},mn={play:1,pause:1},_n={opus:"video/ogg",ogv:"video/ogg",mp4:"video/mp4",mov:"video/mp4",m4v:"video/mp4",mkv:"video/x-matroska",mp3:"audio/mpeg",aac:"audio/aac",oga:"audio/ogg",m3u8:"application/x-mpegURL"},bn=function t(e){if(Array.isArray(e)){var r=[];e.forEach(function(e){e=t(e),Array.isArray(e)?r=r.concat(e):n(e)&&r.push(e)}),e=r}else e="string"==typeof e&&e.trim()?[Mt({src:e})]:n(e)&&"string"==typeof e.src&&e.src&&e.src.trim()?[Mt(e)]:[];return e},Tn=function(t){function e(r,n,o){Ce(this,e);var i=Z({createEl:!1},n),s=Ee(this,t.call(this,r,i,o));if(n.playerOptions.sources&&0!==n.playerOptions.sources.length)r.src(n.playerOptions.sources);else for(var a=0,l=n.playerOptions.techOrder;a<l.length;a++){var c=J(l[a]),u=pn.getTech(c);if(c||(u=lr.getComponent(c)),u&&u.isSupported()){r.loadTech_(c);break}}return s}return ke(e,t),e}(lr);lr.registerComponent("MediaLoader",Tn);var Cn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.emitTapEvents(),o.enable(),o}return ke(e,t),e.prototype.createEl=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"div",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};n=r({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass(),tabIndex:0},n),"button"===e&&Ne.error("Creating a ClickableComponent with an HTML element of "+e+" is not supported; use a Button instead."),o=r({role:"button","aria-live":"polite"},o),this.tabIndex_=n.tabIndex;var i=t.prototype.createEl.call(this,e,n,o);return this.createControlTextEl(i),i},e.prototype.dispose=function(){this.controlTextEl_=null,t.prototype.dispose.call(this)},e.prototype.createControlTextEl=function(t){return this.controlTextEl_=f("span",{className:"vjs-control-text"}),t&&t.appendChild(this.controlTextEl_),this.controlText(this.controlText_,t),this.controlTextEl_},e.prototype.controlText=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.el();if(void 0===t)return this.controlText_||"Need Text";var r=this.localize(t);this.controlText_=t,v(this.controlTextEl_,r),this.nonIconControl||e.setAttribute("title",r)},e.prototype.buildCSSClass=function(){return"vjs-control vjs-button "+t.prototype.buildCSSClass.call(this)},e.prototype.enable=function(){this.enabled_||(this.enabled_=!0,this.removeClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","false"),void 0!==this.tabIndex_&&this.el_.setAttribute("tabIndex",this.tabIndex_),this.on(["tap","click"],this.handleClick),this.on("focus",this.handleFocus),this.on("blur",this.handleBlur))},e.prototype.disable=function(){this.enabled_=!1,this.addClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","true"),void 0!==this.tabIndex_&&this.el_.removeAttribute("tabIndex"),this.off(["tap","click"],this.handleClick),this.off("focus",this.handleFocus),this.off("blur",this.handleBlur)},e.prototype.handleClick=function(t){},e.prototype.handleFocus=function(t){U(Jt,"keydown",Ye(this,this.handleKeyPress))},e.prototype.handleKeyPress=function(e){32===e.which||13===e.which?(e.preventDefault(),this.trigger("click")):t.prototype.handleKeyPress&&t.prototype.handleKeyPress.call(this,e)},e.prototype.handleBlur=function(t){q(Jt,"keydown",Ye(this,this.handleKeyPress))},e}(lr);lr.registerComponent("ClickableComponent",Cn);var kn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.update(),r.on("posterchange",Ye(o,o.update)),o}return ke(e,t),e.prototype.dispose=function(){this.player().off("posterchange",this.update),t.prototype.dispose.call(this)},e.prototype.createEl=function(){var t=f("div",{className:"vjs-poster",tabIndex:-1});return _e||(this.fallbackImg_=f("img"),t.appendChild(this.fallbackImg_)),t},e.prototype.update=function(t){var e=this.player().poster();this.setSrc(e),e?this.show():this.hide()},e.prototype.setSrc=function(t){if(this.fallbackImg_)this.fallbackImg_.src=t;else{var e="";t&&(e='url("'+t+'")'),this.el_.style.backgroundImage=e}},e.prototype.handleClick=function(t){this.player_.controls()&&(this.player_.paused()?this.player_.play():this.player_.pause())},e}(Cn);lr.registerComponent("PosterImage",kn);var En={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'},wn=function(t){function e(r,n,o){Ce(this,e);var i=Ee(this,t.call(this,r,n,o));return r.on("loadstart",Ye(i,i.toggleDisplay)),r.on("texttrackchange",Ye(i,i.updateDisplay)),r.on("loadstart",Ye(i,i.preselectTrack)),r.ready(Ye(i,function(){if(r.tech_&&r.tech_.featuresNativeTextTracks)return void this.hide();r.on("fullscreenchange",Ye(this,this.updateDisplay));for(var t=this.options_.playerOptions.tracks||[],e=0;e<t.length;e++)this.player_.addRemoteTextTrack(t[e],!0);this.preselectTrack()})),i}return ke(e,t),e.prototype.preselectTrack=function(){for(var t={captions:1,subtitles:1},e=this.player_.textTracks(),r=this.player_.cache_.selectedLanguage,n=void 0,o=void 0,i=void 0,s=0;s<e.length;s++){var a=e[s];r&&r.enabled&&r.language===a.language?a.kind===r.kind?i=a:i||(i=a):r&&!r.enabled?(i=null,n=null,o=null):a.default&&("descriptions"!==a.kind||n?a.kind in t&&!o&&(o=a):n=a)}i?i.mode="showing":o?o.mode="showing":n&&(n.mode="showing")},e.prototype.toggleDisplay=function(){this.player_.tech_&&this.player_.tech_.featuresNativeTextTracks?this.hide():this.show()},e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-text-track-display"},{"aria-live":"off","aria-atomic":"true"})},e.prototype.clearDisplay=function(){"function"==typeof Kt.WebVTT&&Kt.WebVTT.processCues(Kt,[],this.el_)},e.prototype.updateDisplay=function(){var t=this.player_.textTracks();this.clearDisplay();for(var e=null,r=null,n=t.length;n--;){var o=t[n];"showing"===o.mode&&("descriptions"===o.kind?e=o:r=o)}r?("off"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","off"),this.updateForTrack(r)):e&&("assertive"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","assertive"),this.updateForTrack(e))},e.prototype.updateForTrack=function(t){if("function"==typeof Kt.WebVTT&&t.activeCues){for(var e=[],r=0;r<t.activeCues.length;r++)e.push(t.activeCues[r]);if(Kt.WebVTT.processCues(Kt,e,this.el_),this.player_.textTrackSettings)for(var n=this.player_.textTrackSettings.getValues(),o=e.length;o--;){var i=e[o];if(i){var s=i.displayState;if(n.color&&(s.firstChild.style.color=n.color),n.textOpacity&&Dt(s.firstChild,"color",It(n.color||"#fff",n.textOpacity)),n.backgroundColor&&(s.firstChild.style.backgroundColor=n.backgroundColor),n.backgroundOpacity&&Dt(s.firstChild,"backgroundColor",It(n.backgroundColor||"#000",n.backgroundOpacity)),n.windowColor&&(n.windowOpacity?Dt(s,"backgroundColor",It(n.windowColor,n.windowOpacity)):s.style.backgroundColor=n.windowColor),n.edgeStyle&&("dropshadow"===n.edgeStyle?s.firstChild.style.textShadow="2px 2px 3px #222, 2px 2px 4px #222, 2px 2px 5px #222":"raised"===n.edgeStyle?s.firstChild.style.textShadow="1px 1px #222, 2px 2px #222, 3px 3px #222":"depressed"===n.edgeStyle?s.firstChild.style.textShadow="1px 1px #ccc, 0 1px #ccc, -1px -1px #222, 0 -1px #222":"uniform"===n.edgeStyle&&(s.firstChild.style.textShadow="0 0 4px #222, 0 0 4px #222, 0 0 4px #222, 0 0 4px #222")),n.fontPercent&&1!==n.fontPercent){var a=Kt.parseFloat(s.style.fontSize);s.style.fontSize=a*n.fontPercent+"px",s.style.height="auto",s.style.top="auto",s.style.bottom="2px"}n.fontFamily&&"default"!==n.fontFamily&&("small-caps"===n.fontFamily?s.firstChild.style.fontVariant="small-caps":s.firstChild.style.fontFamily=En[n.fontFamily])}}}},e}(lr);lr.registerComponent("TextTrackDisplay",wn);var Sn=function(t){function e(){return Ce(this,e),Ee(this,t.apply(this,arguments))}return ke(e,t),e.prototype.createEl=function(){var e=this.player_.isAudio(),r=this.localize(e?"Audio Player":"Video Player"),n=f("span",{className:"vjs-control-text",innerHTML:this.localize("{1} is loading.",[r])}),o=t.prototype.createEl.call(this,"div",{className:"vjs-loading-spinner",dir:"ltr"});return o.appendChild(n),o},e}(lr);lr.registerComponent("LoadingSpinner",Sn);var xn=function(t){function e(){return Ce(this,e),Ee(this,t.apply(this,arguments))}return ke(e,t),e.prototype.createEl=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t="button",e=r({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass()},e),n=r({type:"button","aria-live":"polite"},n);var o=lr.prototype.createEl.call(this,t,e,n);return this.createControlTextEl(o),o},e.prototype.addChild=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.constructor.name;return Ne.warn("Adding an actionable (user controllable) child to a Button ("+r+") is not supported; use a ClickableComponent instead."),lr.prototype.addChild.call(this,t,e)},e.prototype.enable=function(){t.prototype.enable.call(this),this.el_.removeAttribute("disabled")},e.prototype.disable=function(){t.prototype.disable.call(this),this.el_.setAttribute("disabled","disabled")},e.prototype.handleKeyPress=function(e){32!==e.which&&13!==e.which&&t.prototype.handleKeyPress.call(this,e)},e}(Cn);lr.registerComponent("Button",xn);var jn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.mouseused_=!1,o.on("mousedown",o.handleMouseDown),o}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-big-play-button"},e.prototype.handleClick=function(t){var e=this.player_.play();if(!(this.mouseused_&&t.clientX&&t.clientY)){var r=this.player_.getChild("controlBar"),n=r&&r.getChild("playToggle");if(!n)return void this.player_.focus();var o=function(){return n.focus()};at(e)?e.then(o,function(){}):this.setTimeout(o,1)}},e.prototype.handleKeyPress=function(e){this.mouseused_=!1,t.prototype.handleKeyPress.call(this,e)},e.prototype.handleMouseDown=function(t){this.mouseused_=!0},e}(xn);jn.prototype.controlText_="Play Video",lr.registerComponent("BigPlayButton",jn);var Pn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.controlText(n&&n.controlText||o.localize("Close")),o}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-close-button "+t.prototype.buildCSSClass.call(this)},e.prototype.handleClick=function(t){this.trigger({type:"close",bubbles:!1})},e}(xn);lr.registerComponent("CloseButton",Pn);var An=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.on(r,"play",o.handlePlay),o.on(r,"pause",o.handlePause),o.on(r,"ended",o.handleEnded),o}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-play-control "+t.prototype.buildCSSClass.call(this)},e.prototype.handleClick=function(t){this.player_.paused()?this.player_.play():this.player_.pause()},e.prototype.handleSeeked=function(t){this.removeClass("vjs-ended"),this.player_.paused()?this.handlePause(t):this.handlePlay(t)},e.prototype.handlePlay=function(t){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.controlText("Pause")},e.prototype.handlePause=function(t){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.controlText("Play")},e.prototype.handleEnded=function(t){this.removeClass("vjs-playing"),this.addClass("vjs-ended"),this.controlText("Replay"),this.one(this.player_,"seeked",this.handleSeeked)},e}(xn);An.prototype.controlText_="Play",lr.registerComponent("PlayToggle",An);var On=function(t,e){t=t<0?0:t;var r=Math.floor(t%60),n=Math.floor(t/60%60),o=Math.floor(t/3600),i=Math.floor(e/60%60),s=Math.floor(e/3600);return(isNaN(t)||t===1/0)&&(o=n=r="-"),o=o>0||s>0?o+":":"",n=((o||i>=10)&&n<10?"0"+n:n)+":",r=r<10?"0"+r:r,o+n+r},Nn=On,Mn=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t;return Nn(t,e)},In=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.throttledUpdateContent=$e(Ye(o,o.updateContent),25),o.on(r,"timeupdate",o.throttledUpdateContent),o}return ke(e,t),e.prototype.createEl=function(e){var r=this.buildCSSClass(),n=t.prototype.createEl.call(this,"div",{className:r+" vjs-time-control vjs-control"});return this.contentEl_=f("div",{className:r+"-display"},{"aria-live":"off"},f("span",{className:"vjs-control-text",textContent:this.localize(this.controlText_)})),this.updateTextNode_(),n.appendChild(this.contentEl_),n},e.prototype.dispose=function(){this.contentEl_=null,this.textNode_=null,t.prototype.dispose.call(this)},e.prototype.updateTextNode_=function(){if(this.contentEl_){for(;this.contentEl_.firstChild;)this.contentEl_.removeChild(this.contentEl_.firstChild);this.textNode_=Jt.createTextNode(this.formattedTime_||"0:00"),this.contentEl_.appendChild(this.textNode_)}},e.prototype.formatTime_=function(t){return Mn(t)},e.prototype.updateFormattedTime_=function(t){var e=this.formatTime_(t);e!==this.formattedTime_&&(this.formattedTime_=e,this.requestAnimationFrame(this.updateTextNode_))},e.prototype.updateContent=function(t){},e}(lr);In.prototype.controlText_="Time",lr.registerComponent("TimeDisplay",In);var Dn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.on(r,"ended",o.handleEnded),o}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-current-time"},e.prototype.updateContent=function(t){var e=this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime();this.updateFormattedTime_(e)},e.prototype.handleEnded=function(t){this.player_.duration()&&this.updateFormattedTime_(this.player_.duration())},e}(In);Dn.prototype.controlText_="Current Time",lr.registerComponent("CurrentTimeDisplay",Dn);var Fn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.on(r,"durationchange",o.updateContent),o.on(r,"loadedmetadata",o.throttledUpdateContent),o}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-duration"},e.prototype.updateContent=function(t){var e=this.player_.duration();e&&this.duration_!==e&&(this.duration_=e,this.updateFormattedTime_(e))},e}(In);Fn.prototype.controlText_="Duration Time",lr.registerComponent("DurationDisplay",Fn);var Ln=function(t){function e(){return Ce(this,e),Ee(this,t.apply(this,arguments))}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-time-control vjs-time-divider",innerHTML:"<div><span>/</span></div>"})},e}(lr);lr.registerComponent("TimeDivider",Ln);var Rn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.on(r,"durationchange",o.throttledUpdateContent),o.on(r,"ended",o.handleEnded),o}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-remaining-time"},e.prototype.formatTime_=function(e){return"-"+t.prototype.formatTime_.call(this,e)},e.prototype.updateContent=function(t){this.player_.duration()&&(this.player_.remainingTimeDisplay?this.updateFormattedTime_(this.player_.remainingTimeDisplay()):this.updateFormattedTime_(this.player_.remainingTime()))},e.prototype.handleEnded=function(t){this.player_.duration()&&this.updateFormattedTime_(0)},e}(In);Rn.prototype.controlText_="Remaining Time",lr.registerComponent("RemainingTimeDisplay",Rn);var Bn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.updateShowing(),o.on(o.player(),"durationchange",o.updateShowing),o}return ke(e,t),e.prototype.createEl=function(){var e=t.prototype.createEl.call(this,"div",{className:"vjs-live-control vjs-control"});return this.contentEl_=f("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},e.prototype.dispose=function(){this.contentEl_=null,t.prototype.dispose.call(this)},e.prototype.updateShowing=function(t){this.player().duration()===1/0?this.show():this.hide()},e}(lr);lr.registerComponent("LiveDisplay",Bn);var Hn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.bar=o.getChild(o.options_.barName),o.vertical(!!o.options_.vertical),o.enable(),o}return ke(e,t),e.prototype.enabled=function(){return this.enabled_},e.prototype.enable=function(){this.enabled()||(this.on("mousedown",this.handleMouseDown),this.on("touchstart",this.handleMouseDown),this.on("focus",this.handleFocus),this.on("blur",this.handleBlur),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)},e.prototype.disable=function(){if(this.enabled()){var t=this.bar.el_.ownerDocument;this.off("mousedown",this.handleMouseDown),this.off("touchstart",this.handleMouseDown),this.off("focus",this.handleFocus),this.off("blur",this.handleBlur),this.off("click",this.handleClick),this.off(this.player_,"controlsvisible",this.update),this.off(t,"mousemove",this.handleMouseMove),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchmove",this.handleMouseMove),this.off(t,"touchend",this.handleMouseUp),this.removeAttribute("tabindex"),this.addClass("disabled"),this.playerEvent&&this.off(this.player_,this.playerEvent,this.update),this.enabled_=!1}},e.prototype.createEl=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return n.className=n.className+" vjs-slider",n=r({tabIndex:0},n),o=r({role:"slider","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0},o),t.prototype.createEl.call(this,e,n,o)},e.prototype.handleMouseDown=function(t){var e=this.bar.el_.ownerDocument;t.preventDefault(),S(),this.addClass("vjs-sliding"),this.trigger("slideractive"),this.on(e,"mousemove",this.handleMouseMove),this.on(e,"mouseup",this.handleMouseUp),this.on(e,"touchmove",this.handleMouseMove),this.on(e,"touchend",this.handleMouseUp),this.handleMouseMove(t)},e.prototype.handleMouseMove=function(t){},e.prototype.handleMouseUp=function(){var t=this.bar.el_.ownerDocument;x(),this.removeClass("vjs-sliding"),this.trigger("sliderinactive"),this.off(t,"mousemove",this.handleMouseMove),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchmove",this.handleMouseMove),this.off(t,"touchend",this.handleMouseUp),this.update()},e.prototype.update=function(){if(this.el_){var t=this.getPercent(),e=this.bar;if(e){("number"!=typeof t||t!==t||t<0||t===1/0)&&(t=0);var r=(100*t).toFixed(2)+"%",n=e.el().style;return this.vertical()?n.height=r:n.width=r,t}}},e.prototype.calculateDistance=function(t){var e=A(this.el_,t);return this.vertical()?e.y:e.x},e.prototype.handleFocus=function(){this.on(this.bar.el_.ownerDocument,"keydown",this.handleKeyPress)},e.prototype.handleKeyPress=function(t){37===t.which||40===t.which?(t.preventDefault(),this.stepBack()):38!==t.which&&39!==t.which||(t.preventDefault(),this.stepForward())},e.prototype.handleBlur=function(){this.off(this.bar.el_.ownerDocument,"keydown",this.handleKeyPress)},e.prototype.handleClick=function(t){t.stopImmediatePropagation(),t.preventDefault()},e.prototype.vertical=function(t){if(void 0===t)return this.vertical_||!1;this.vertical_=!!t,this.vertical_?this.addClass("vjs-slider-vertical"):this.addClass("vjs-slider-horizontal")},e}(lr);lr.registerComponent("Slider",Hn);var Vn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.partEls_=[],o.on(r,"progress",o.update),o}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-load-progress",innerHTML:'<span class="vjs-control-text"><span>'+this.localize("Loaded")+"</span>: 0%</span>"})},e.prototype.dispose=function(){this.partEls_=null,t.prototype.dispose.call(this)},e.prototype.update=function(t){var e=this.player_.buffered(),r=this.player_.duration(),n=this.player_.bufferedEnd(),o=this.partEls_,i=function(t,e){var r=t/e||0;return 100*(r>=1?1:r)+"%"};this.el_.style.width=i(n,r);for(var s=0;s<e.length;s++){var a=e.start(s),l=e.end(s),c=o[s];c||(c=this.el_.appendChild(f()),o[s]=c),c.style.left=i(a,n),c.style.width=i(l-a,n)}for(var u=o.length;u>e.length;u--)this.el_.removeChild(o[u-1]);o.length=e.length},e}(lr);lr.registerComponent("LoadProgressBar",Vn);var zn=function(t){function e(){return Ce(this,e),Ee(this,t.apply(this,arguments))}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-time-tooltip"})},e.prototype.update=function(t,e,r){var n=j(this.el_),o=j(this.player_.el()),i=t.width*e;if(o&&n){var s=t.left-o.left+i,a=t.width-i+(o.right-t.right),l=n.width/2;s<l?l+=l-s:a<l&&(l=a),l<0?l=0:l>n.width&&(l=n.width),this.el_.style.right="-"+l+"px",v(this.el_,r)}},e}(lr);lr.registerComponent("TimeTooltip",zn);var Wn=function(t){function e(){return Ce(this,e),Ee(this,t.apply(this,arguments))}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-play-progress vjs-slider-bar",innerHTML:'<span class="vjs-control-text"><span>'+this.localize("Progress")+"</span>: 0%</span>"})},e.prototype.update=function(t,e){var r=this;this.rafId_&&this.cancelAnimationFrame(this.rafId_),this.rafId_=this.requestAnimationFrame(function(){var n=r.player_.scrubbing()?r.player_.getCache().currentTime:r.player_.currentTime(),o=Mn(n,r.player_.duration()),i=r.getChild("timeTooltip");i&&i.update(t,e,o)})},e}(lr);Wn.prototype.options_={children:[]},ve&&!(ve>8)||oe||se||Wn.prototype.options_.children.push("timeTooltip"),lr.registerComponent("PlayProgressBar",Wn);var Un=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.update=$e(Ye(o,o.update),25),o}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-mouse-display"})},e.prototype.update=function(t,e){var r=this;this.rafId_&&this.cancelAnimationFrame(this.rafId_),this.rafId_=this.requestAnimationFrame(function(){var n=r.player_.duration(),o=Mn(e*n,n);r.el_.style.left=t.width*e+"px",r.getChild("timeTooltip").update(t,e,o)})},e}(lr);Un.prototype.options_={children:["timeTooltip"]},lr.registerComponent("MouseTimeDisplay",Un);var qn=30,Kn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.update=$e(Ye(o,o.update),qn),o.on(r,"timeupdate",o.update),o.on(r,"ended",o.handleEnded),o.updateInterval=null,o.on(r,["playing"],function(){o.clearInterval(o.updateInterval),o.updateInterval=o.setInterval(function(){o.requestAnimationFrame(function(){o.update()})},qn)}),o.on(r,["ended","pause","waiting"],function(){o.clearInterval(o.updateInterval)}),o.on(r,["timeupdate","ended"],o.update),o}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-progress-holder"},{"aria-label":this.localize("Progress Bar")})},e.prototype.update_=function(t,e){var r=this.player_.duration();this.el_.setAttribute("aria-valuenow",(100*e).toFixed(2)),this.el_.setAttribute("aria-valuetext",this.localize("progress bar timing: currentTime={1} duration={2}",[Mn(t,r),Mn(r,r)],"{1} of {2}")),this.bar.update(j(this.el_),e)},e.prototype.update=function(e){var r=t.prototype.update.call(this);return this.update_(this.getCurrentTime_(),r),r},e.prototype.getCurrentTime_=function(){return this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime()},e.prototype.handleEnded=function(t){this.update_(this.player_.duration(),1)},e.prototype.getPercent=function(){var t=this.getCurrentTime_()/this.player_.duration();return t>=1?1:t},e.prototype.handleMouseDown=function(e){F(e)&&(e.stopPropagation(),this.player_.scrubbing(!0),this.videoWasPlaying=!this.player_.paused(),this.player_.pause(),t.prototype.handleMouseDown.call(this,e))},e.prototype.handleMouseMove=function(t){if(F(t)){var e=this.calculateDistance(t)*this.player_.duration();e===this.player_.duration()&&(e-=.1),this.player_.currentTime(e)}},e.prototype.enable=function(){t.prototype.enable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.show()},e.prototype.disable=function(){t.prototype.disable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.hide()},e.prototype.handleMouseUp=function(e){t.prototype.handleMouseUp.call(this,e),e&&e.stopPropagation(),this.player_.scrubbing(!1),this.player_.trigger({type:"timeupdate",target:this,manuallyTriggered:!0}),this.videoWasPlaying&&lt(this.player_.play())},e.prototype.stepForward=function(){this.player_.currentTime(this.player_.currentTime()+5)},e.prototype.stepBack=function(){this.player_.currentTime(this.player_.currentTime()-5)},e.prototype.handleAction=function(t){this.player_.paused()?this.player_.play():this.player_.pause()},e.prototype.handleKeyPress=function(e){32===e.which||13===e.which?(e.preventDefault(),this.handleAction(e)):t.prototype.handleKeyPress&&t.prototype.handleKeyPress.call(this,e)},e}(Hn);Kn.prototype.options_={children:["loadProgressBar","playProgressBar"],barName:"playProgressBar"},ve&&!(ve>8)||oe||se||Kn.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),Kn.prototype.playerEvent="timeupdate",lr.registerComponent("SeekBar",Kn);var Xn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.handleMouseMove=$e(Ye(o,o.handleMouseMove),25),o.throttledHandleMouseSeek=$e(Ye(o,o.handleMouseSeek),25),o.enable(),o}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-progress-control vjs-control"})},e.prototype.handleMouseMove=function(t){var e=this.getChild("seekBar");if(e){var r=e.getChild("mouseTimeDisplay"),n=e.el(),o=j(n),i=A(n,t).x;i>1?i=1:i<0&&(i=0),r&&r.update(o,i)}},e.prototype.handleMouseSeek=function(t){var e=this.getChild("seekBar");e&&e.handleMouseMove(t)},e.prototype.enabled=function(){return this.enabled_},e.prototype.disable=function(){this.children().forEach(function(t){return t.disable&&t.disable()}),this.enabled()&&(this.off(["mousedown","touchstart"],this.handleMouseDown),this.off(this.el_,"mousemove",this.handleMouseMove),this.handleMouseUp(),this.addClass("disabled"),this.enabled_=!1)},e.prototype.enable=function(){this.children().forEach(function(t){return t.enable&&t.enable()}),this.enabled()||(this.on(["mousedown","touchstart"],this.handleMouseDown),this.on(this.el_,"mousemove",this.handleMouseMove),this.removeClass("disabled"),this.enabled_=!0)},e.prototype.handleMouseDown=function(t){var e=this.el_.ownerDocument,r=this.getChild("seekBar");r&&r.handleMouseDown(t),this.on(e,"mousemove",this.throttledHandleMouseSeek),this.on(e,"touchmove",this.throttledHandleMouseSeek),this.on(e,"mouseup",this.handleMouseUp),this.on(e,"touchend",this.handleMouseUp)},e.prototype.handleMouseUp=function(t){var e=this.el_.ownerDocument,r=this.getChild("seekBar");r&&r.handleMouseUp(t),this.off(e,"mousemove",this.throttledHandleMouseSeek),this.off(e,"touchmove",this.throttledHandleMouseSeek),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchend",this.handleMouseUp)},e}(lr);Xn.prototype.options_={children:["seekBar"]},lr.registerComponent("ProgressControl",Xn);var Gn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.on(r,"fullscreenchange",o.handleFullscreenChange),o}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-fullscreen-control "+t.prototype.buildCSSClass.call(this)},e.prototype.handleFullscreenChange=function(t){this.player_.isFullscreen()?this.controlText("Non-Fullscreen"):this.controlText("Fullscreen")},e.prototype.handleClick=function(t){this.player_.isFullscreen()?this.player_.exitFullscreen():this.player_.requestFullscreen()},e}(xn);Gn.prototype.controlText_="Fullscreen",lr.registerComponent("FullscreenToggle",Gn);var Yn=function(t,e){e.tech_&&!e.tech_.featuresVolumeControl&&t.addClass("vjs-hidden"),t.on(e,"loadstart",function(){e.tech_.featuresVolumeControl?t.removeClass("vjs-hidden"):t.addClass("vjs-hidden")})},$n=function(t){function e(){return Ce(this,e),Ee(this,t.apply(this,arguments))}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-volume-level",innerHTML:'<span class="vjs-control-text"></span>'})},e}(lr);lr.registerComponent("VolumeLevel",$n);var Jn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.on("slideractive",o.updateLastVolume_),o.on(r,"volumechange",o.updateARIAAttributes),r.ready(function(){return o.updateARIAAttributes()}),o}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-volume-bar vjs-slider-bar"},{"aria-label":this.localize("Volume Level"),"aria-live":"polite"})},e.prototype.handleMouseDown=function(e){F(e)&&t.prototype.handleMouseDown.call(this,e)},e.prototype.handleMouseMove=function(t){F(t)&&(this.checkMuted(),this.player_.volume(this.calculateDistance(t)))},e.prototype.checkMuted=function(){this.player_.muted()&&this.player_.muted(!1)},e.prototype.getPercent=function(){return this.player_.muted()?0:this.player_.volume()},e.prototype.stepForward=function(){this.checkMuted(),this.player_.volume(this.player_.volume()+.1)},e.prototype.stepBack=function(){this.checkMuted(),this.player_.volume(this.player_.volume()-.1)},e.prototype.updateARIAAttributes=function(t){var e=this.player_.muted()?0:this.volumeAsPercentage_();this.el_.setAttribute("aria-valuenow",e),this.el_.setAttribute("aria-valuetext",e+"%")},e.prototype.volumeAsPercentage_=function(){return Math.round(100*this.player_.volume())},e.prototype.updateLastVolume_=function(){var t=this,e=this.player_.volume();this.one("sliderinactive",function(){0===t.player_.volume()&&t.player_.lastVolume_(e)})},e}(Hn);Jn.prototype.options_={children:["volumeLevel"],barName:"volumeLevel"},Jn.prototype.playerEvent="volumechange",lr.registerComponent("VolumeBar",Jn);var Qn=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Ce(this,e),n.vertical=n.vertical||!1,(void 0===n.volumeBar||o(n.volumeBar))&&(n.volumeBar=n.volumeBar||{},n.volumeBar.vertical=n.vertical);var i=Ee(this,t.call(this,r,n));return Yn(i,r),i.throttledHandleMouseMove=$e(Ye(i,i.handleMouseMove),25),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}return ke(e,t),e.prototype.createEl=function(){var e="vjs-volume-horizontal";return this.options_.vertical&&(e="vjs-volume-vertical"),t.prototype.createEl.call(this,"div",{className:"vjs-volume-control vjs-control "+e})},e.prototype.handleMouseDown=function(t){var e=this.el_.ownerDocument;this.on(e,"mousemove",this.throttledHandleMouseMove),this.on(e,"touchmove",this.throttledHandleMouseMove),this.on(e,"mouseup",this.handleMouseUp),this.on(e,"touchend",this.handleMouseUp)},e.prototype.handleMouseUp=function(t){var e=this.el_.ownerDocument;this.off(e,"mousemove",this.throttledHandleMouseMove),this.off(e,"touchmove",this.throttledHandleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchend",this.handleMouseUp)},e.prototype.handleMouseMove=function(t){this.volumeBar.handleMouseMove(t)},e}(lr);Qn.prototype.options_={children:["volumeBar"]},lr.registerComponent("VolumeControl",Qn);var Zn=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return Yn(o,r),o.on(r,["loadstart","volumechange"],o.update),o}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-mute-control "+t.prototype.buildCSSClass.call(this)},e.prototype.handleClick=function(t){var e=this.player_.volume(),r=this.player_.lastVolume_();if(0===e){var n=r<.1?.1:r;this.player_.volume(n),this.player_.muted(!1)}else this.player_.muted(!this.player_.muted())},e.prototype.update=function(t){this.updateIcon_(),this.updateControlText_()},e.prototype.updateIcon_=function(){var t=this.player_.volume(),e=3;0===t||this.player_.muted()?e=0:t<.33?e=1:t<.67&&(e=2);for(var r=0;r<4;r++)_(this.el_,"vjs-vol-"+r);m(this.el_,"vjs-vol-"+e)},e.prototype.updateControlText_=function(){var t=this.player_.muted()||0===this.player_.volume(),e=t?"Unmute":"Mute";this.controlText()!==e&&this.controlText(e)},e}(xn);Zn.prototype.controlText_="Mute",lr.registerComponent("MuteToggle",Zn);var to=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Ce(this,e),void 0!==n.inline?n.inline=n.inline:n.inline=!0,(void 0===n.volumeControl||o(n.volumeControl))&&(n.volumeControl=n.volumeControl||{},n.volumeControl.vertical=!n.inline);var i=Ee(this,t.call(this,r,n));return Yn(i,r),i.on(i.volumeControl,["slideractive"],i.sliderActive_),i.on(i.volumeControl,["sliderinactive"],i.sliderInactive_),i}return ke(e,t),e.prototype.sliderActive_=function(){this.addClass("vjs-slider-active")},e.prototype.sliderInactive_=function(){this.removeClass("vjs-slider-active")},e.prototype.createEl=function(){var e="vjs-volume-panel-horizontal";return this.options_.inline||(e="vjs-volume-panel-vertical"),t.prototype.createEl.call(this,"div",{className:"vjs-volume-panel vjs-control "+e})},e}(lr);to.prototype.options_={children:["muteToggle","volumeControl"]},lr.registerComponent("VolumePanel",to);var eo=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return n&&(o.menuButton_=n.menuButton),o.focusedChild_=-1,o.on("keydown",o.handleKeyPress),o}return ke(e,t),e.prototype.addItem=function(t){this.addChild(t),t.on("click",Ye(this,function(e){this.menuButton_&&(this.menuButton_.unpressButton(),"CaptionSettingsMenuItem"!==t.name()&&this.menuButton_.focus())}))},e.prototype.createEl=function(){var e=this.options_.contentElType||"ul";this.contentEl_=f(e,{className:"vjs-menu-content"}),this.contentEl_.setAttribute("role","menu");var r=t.prototype.createEl.call(this,"div",{append:this.contentEl_,className:"vjs-menu"});return r.appendChild(this.contentEl_),U(r,"click",function(t){t.preventDefault(),t.stopImmediatePropagation()}),r},e.prototype.dispose=function(){this.contentEl_=null,t.prototype.dispose.call(this)},e.prototype.handleKeyPress=function(t){37===t.which||40===t.which?(t.preventDefault(),this.stepForward()):38!==t.which&&39!==t.which||(t.preventDefault(),this.stepBack())},e.prototype.stepForward=function(){var t=0;void 0!==this.focusedChild_&&(t=this.focusedChild_+1),this.focus(t)},e.prototype.stepBack=function(){var t=0;void 0!==this.focusedChild_&&(t=this.focusedChild_-1),this.focus(t)},e.prototype.focus=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=this.children().slice();e.length&&e[0].className&&/vjs-menu-title/.test(e[0].className)&&e.shift(),e.length>0&&(t<0?t=0:t>=e.length&&(t=e.length-1),this.focusedChild_=t,e[t].el_.focus())},e}(lr);lr.registerComponent("Menu",eo);var ro=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Ce(this,e);var o=Ee(this,t.call(this,r,n));o.menuButton_=new xn(r,n),o.menuButton_.controlText(o.controlText_),o.menuButton_.el_.setAttribute("aria-haspopup","true");var i=xn.prototype.buildCSSClass();return o.menuButton_.el_.className=o.buildCSSClass()+" "+i,o.menuButton_.removeClass("vjs-control"),o.addChild(o.menuButton_),o.update(),o.enabled_=!0,o.on(o.menuButton_,"tap",o.handleClick),o.on(o.menuButton_,"click",o.handleClick),o.on(o.menuButton_,"focus",o.handleFocus),o.on(o.menuButton_,"blur",o.handleBlur),o.on("keydown",o.handleSubmenuKeyPress),o}return ke(e,t),e.prototype.update=function(){var t=this.createMenu();this.menu&&(this.menu.dispose(),this.removeChild(this.menu)),this.menu=t,this.addChild(t),this.buttonPressed_=!1,this.menuButton_.el_.setAttribute("aria-expanded","false"),this.items&&this.items.length<=this.hideThreshold_?this.hide():this.show()},e.prototype.createMenu=function(){var t=new eo(this.player_,{menuButton:this});if(this.hideThreshold_=0,this.options_.title){var e=f("li",{className:"vjs-menu-title",innerHTML:J(this.options_.title),tabIndex:-1});this.hideThreshold_+=1,t.children_.unshift(e),y(e,t.contentEl())}if(this.items=this.createItems(),this.items)for(var r=0;r<this.items.length;r++)t.addItem(this.items[r]);return t},e.prototype.createItems=function(){},e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:this.buildWrapperCSSClass()},{})},e.prototype.buildWrapperCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+xn.prototype.buildCSSClass()+" "+t.prototype.buildCSSClass.call(this)},e.prototype.buildCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+t.prototype.buildCSSClass.call(this)},e.prototype.controlText=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.menuButton_.el();return this.menuButton_.controlText(t,e)},e.prototype.handleClick=function(t){this.one(this.menu.contentEl(),"mouseleave",Ye(this,function(t){this.unpressButton(),this.el_.blur()})),this.buttonPressed_?this.unpressButton():this.pressButton()},e.prototype.focus=function(){this.menuButton_.focus()},e.prototype.blur=function(){this.menuButton_.blur()},e.prototype.handleFocus=function(){U(Jt,"keydown",Ye(this,this.handleKeyPress))},e.prototype.handleBlur=function(){q(Jt,"keydown",Ye(this,this.handleKeyPress))},e.prototype.handleKeyPress=function(t){27===t.which||9===t.which?(this.buttonPressed_&&this.unpressButton(),9!==t.which&&(t.preventDefault(),this.menuButton_.el_.focus())):38!==t.which&&40!==t.which||this.buttonPressed_||(this.pressButton(),t.preventDefault())},e.prototype.handleSubmenuKeyPress=function(t){27!==t.which&&9!==t.which||(this.buttonPressed_&&this.unpressButton(),9!==t.which&&(t.preventDefault(),this.menuButton_.el_.focus()))},e.prototype.pressButton=function(){if(this.enabled_){if(this.buttonPressed_=!0,this.menu.lockShowing(),this.menuButton_.el_.setAttribute("aria-expanded","true"),oe&&p())return;this.menu.focus()}},e.prototype.unpressButton=function(){this.enabled_&&(this.buttonPressed_=!1,this.menu.unlockShowing(),this.menuButton_.el_.setAttribute("aria-expanded","false"))},e.prototype.disable=function(){this.unpressButton(),this.enabled_=!1,this.addClass("vjs-disabled"),this.menuButton_.disable()},e.prototype.enable=function(){this.enabled_=!0,this.removeClass("vjs-disabled"),this.menuButton_.enable()},e}(lr);lr.registerComponent("MenuButton",ro);var no=function(t){function e(r,n){Ce(this,e);var o=n.tracks,i=Ee(this,t.call(this,r,n));if(i.items.length<=1&&i.hide(),!o)return Ee(i);var s=Ye(i,i.update);return o.addEventListener("removetrack",s),o.addEventListener("addtrack",s),i.player_.on("ready",s),i.player_.on("dispose",function(){o.removeEventListener("removetrack",s),o.removeEventListener("addtrack",s)}),i}return ke(e,t),e}(ro);lr.registerComponent("TrackButton",no);var oo=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.selectable=n.selectable,o.isSelected_=n.selected||!1,o.selected(o.isSelected_),o.selectable?o.el_.setAttribute("role","menuitemcheckbox"):o.el_.setAttribute("role","menuitem"),o}return ke(e,t),e.prototype.createEl=function(e,n,o){return this.nonIconControl=!0,t.prototype.createEl.call(this,"li",r({className:"vjs-menu-item",innerHTML:'<span class="vjs-menu-item-text">'+this.localize(this.options_.label)+"</span>",tabIndex:-1},n),o)},e.prototype.handleClick=function(t){this.selected(!0)},e.prototype.selected=function(t){this.selectable&&(t?(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}(Cn);lr.registerComponent("MenuItem",oo);var io=function(t){function e(r,n){Ce(this,e);var o=n.track,i=r.textTracks();n.label=o.label||o.language||"Unknown",n.selected="showing"===o.mode;var s=Ee(this,t.call(this,r,n));s.track=o;var a=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];s.handleTracksChange.apply(s,e)},l=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];s.handleSelectedLanguageChange.apply(s,e)};if(r.on(["loadstart","texttrackchange"],a),i.addEventListener("change",a),i.addEventListener("selectedlanguagechange",l),s.on("dispose",function(){r.off(["loadstart","texttrackchange"],a),i.removeEventListener("change",a),i.removeEventListener("selectedlanguagechange",l)}),void 0===i.onchange){var c=void 0;s.on(["tap","click"],function(){if("object"!==Te(Kt.Event))try{c=new Kt.Event("change")}catch(t){}c||(c=Jt.createEvent("Event"),c.initEvent("change",!0,!0)),i.dispatchEvent(c)})}return s.handleTracksChange(),s}return ke(e,t),e.prototype.handleClick=function(e){var r=this.track.kind,n=this.track.kinds,o=this.player_.textTracks();if(n||(n=[r]),t.prototype.handleClick.call(this,e),o)for(var i=0;i<o.length;i++){var s=o[i];s===this.track&&n.indexOf(s.kind)>-1?"showing"!==s.mode&&(s.mode="showing"):"disabled"!==s.mode&&(s.mode="disabled")}},e.prototype.handleTracksChange=function(t){var e="showing"===this.track.mode;e!==this.isSelected_&&this.selected(e)},e.prototype.handleSelectedLanguageChange=function(t){if("showing"===this.track.mode){var e=this.player_.cache_.selectedLanguage;if(e&&e.enabled&&e.language===this.track.language&&e.kind!==this.track.kind)return;this.player_.cache_.selectedLanguage={enabled:!0,language:this.track.language,kind:this.track.kind}}},e.prototype.dispose=function(){this.track=null,t.prototype.dispose.call(this)},e}(oo);lr.registerComponent("TextTrackMenuItem",io);var so=function(t){function e(r,n){return Ce(this,e),n.track={player:r,kind:n.kind,kinds:n.kinds,default:!1,mode:"disabled"},n.kinds||(n.kinds=[n.kind]),n.label?n.track.label=n.label:n.track.label=n.kinds.join(" and ")+" off",n.selectable=!0,Ee(this,t.call(this,r,n))}return ke(e,t),e.prototype.handleTracksChange=function(t){for(var e=this.player().textTracks(),r=!0,n=0,o=e.length;n<o;n++){var i=e[n];if(this.options_.kinds.indexOf(i.kind)>-1&&"showing"===i.mode){r=!1;break}}r!==this.isSelected_&&this.selected(r)},e.prototype.handleSelectedLanguageChange=function(t){for(var e=this.player().textTracks(),r=!0,n=0,o=e.length;n<o;n++){var i=e[n];if(["captions","descriptions","subtitles"].indexOf(i.kind)>-1&&"showing"===i.mode){r=!1;break}}r&&(this.player_.cache_.selectedLanguage={enabled:!1})},e}(io);lr.registerComponent("OffTextTrackMenuItem",so);var ao=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Ce(this,e),n.tracks=r.textTracks(),Ee(this,t.call(this,r,n))}return ke(e,t),e.prototype.createItems=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:io,r=void 0;this.label_&&(r=this.label_+" off"),t.push(new so(this.player_,{kinds:this.kinds_,kind:this.kind_,label:r})),this.hideThreshold_+=1;var n=this.player_.textTracks();Array.isArray(this.kinds_)||(this.kinds_=[this.kind_]);for(var o=0;o<n.length;o++){var i=n[o];if(this.kinds_.indexOf(i.kind)>-1){var s=new e(this.player_,{track:i,selectable:!0});s.addClass("vjs-"+i.kind+"-menu-item"),t.push(s)}}return t},e}(no);lr.registerComponent("TextTrackButton",ao);var lo=function(t){function e(r,n){Ce(this,e);var o=n.track,i=n.cue,s=r.currentTime();n.selectable=!0,n.label=i.text,n.selected=i.startTime<=s&&s<i.endTime;var a=Ee(this,t.call(this,r,n));return a.track=o,a.cue=i,o.addEventListener("cuechange",Ye(a,a.update)),a}return ke(e,t),e.prototype.handleClick=function(e){t.prototype.handleClick.call(this),this.player_.currentTime(this.cue.startTime),this.update(this.cue.startTime)},e.prototype.update=function(t){var e=this.cue,r=this.player_.currentTime();this.selected(e.startTime<=r&&r<e.endTime)},e}(oo);lr.registerComponent("ChaptersTrackMenuItem",lo);var co=function(t){function e(r,n,o){return Ce(this,e),Ee(this,t.call(this,r,n,o))}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-chapters-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-chapters-button "+t.prototype.buildWrapperCSSClass.call(this)},e.prototype.update=function(e){this.track_&&(!e||"addtrack"!==e.type&&"removetrack"!==e.type)||this.setTrack(this.findChaptersTrack()),t.prototype.update.call(this)},e.prototype.setTrack=function(t){if(this.track_!==t){if(this.updateHandler_||(this.updateHandler_=this.update.bind(this)),this.track_){var e=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);e&&e.removeEventListener("load",this.updateHandler_),this.track_=null}if(this.track_=t,this.track_){this.track_.mode="hidden";var r=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);r&&r.addEventListener("load",this.updateHandler_)}}},e.prototype.findChaptersTrack=function(){for(var t=this.player_.textTracks()||[],e=t.length-1;e>=0;e--){var r=t[e];if(r.kind===this.kind_)return r}},e.prototype.getMenuCaption=function(){return this.track_&&this.track_.label?this.track_.label:this.localize(J(this.kind_))},e.prototype.createMenu=function(){return this.options_.title=this.getMenuCaption(),t.prototype.createMenu.call(this)},e.prototype.createItems=function(){var t=[];if(!this.track_)return t;var e=this.track_.cues;if(!e)return t;for(var r=0,n=e.length;r<n;r++){var o=e[r],i=new lo(this.player_,{track:this.track_,cue:o});t.push(i)}return t},e}(ao);co.prototype.kind_="chapters",co.prototype.controlText_="Chapters",lr.registerComponent("ChaptersButton",co);var uo=function(t){function e(r,n,o){Ce(this,e);var i=Ee(this,t.call(this,r,n,o)),s=r.textTracks(),a=Ye(i,i.handleTracksChange);return s.addEventListener("change",a),i.on("dispose",function(){s.removeEventListener("change",a)}),i}return ke(e,t),e.prototype.handleTracksChange=function(t){for(var e=this.player().textTracks(),r=!1,n=0,o=e.length;n<o;n++){var i=e[n];if(i.kind!==this.kind_&&"showing"===i.mode){r=!0;break}}r?this.disable():this.enable()},e.prototype.buildCSSClass=function(){return"vjs-descriptions-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-descriptions-button "+t.prototype.buildWrapperCSSClass.call(this)},e}(ao);uo.prototype.kind_="descriptions",uo.prototype.controlText_="Descriptions",lr.registerComponent("DescriptionsButton",uo);var ho=function(t){function e(r,n,o){return Ce(this,e),Ee(this,t.call(this,r,n,o))}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-subtitles-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-subtitles-button "+t.prototype.buildWrapperCSSClass.call(this)},e}(ao);ho.prototype.kind_="subtitles",ho.prototype.controlText_="Subtitles",lr.registerComponent("SubtitlesButton",ho);var po=function(t){function e(r,n){Ce(this,e),n.track={player:r,kind:n.kind,label:n.kind+" settings",selectable:!1,default:!1,mode:"disabled"},n.selectable=!1,n.name="CaptionSettingsMenuItem";var o=Ee(this,t.call(this,r,n));return o.addClass("vjs-texttrack-settings"),o.controlText(", opens "+n.kind+" settings dialog"),o}return ke(e,t),e.prototype.handleClick=function(t){this.player().getChild("textTrackSettings").open()},e}(io);lr.registerComponent("CaptionSettingsMenuItem",po);var fo=function(t){function e(r,n,o){return Ce(this,e),Ee(this,t.call(this,r,n,o))}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-captions-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-captions-button "+t.prototype.buildWrapperCSSClass.call(this)},e.prototype.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new po(this.player_,{kind:this.kind_})),this.hideThreshold_+=1),t.prototype.createItems.call(this,e)},e}(ao);fo.prototype.kind_="captions",fo.prototype.controlText_="Captions",lr.registerComponent("CaptionsButton",fo);var vo=function(t){function e(){return Ce(this,e),Ee(this,t.apply(this,arguments))}return ke(e,t),e.prototype.createEl=function(e,n,o){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>",t.prototype.createEl.call(this,e,r({innerHTML:i},n),o)},e}(io);lr.registerComponent("SubsCapsMenuItem",vo);var yo=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.label_="subtitles",["en","en-us","en-ca","fr-ca"].indexOf(o.player_.language_)>-1&&(o.label_="captions"),o.menuButton_.controlText(J(o.label_)),o}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-subs-caps-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-subs-caps-button "+t.prototype.buildWrapperCSSClass.call(this)},e.prototype.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new po(this.player_,{kind:this.label_})),this.hideThreshold_+=1),e=t.prototype.createItems.call(this,e,vo)},e}(ao);yo.prototype.kinds_=["captions","subtitles"],yo.prototype.controlText_="Subtitles",lr.registerComponent("SubsCapsButton",yo);var go=function(t){function e(r,n){Ce(this,e);var o=n.track,i=r.audioTracks();n.label=o.label||o.language||"Unknown",n.selected=o.enabled;var s=Ee(this,t.call(this,r,n));s.track=o;var a=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];s.handleTracksChange.apply(s,e)};return i.addEventListener("change",a),s.on("dispose",function(){i.removeEventListener("change",a)}),s}return ke(e,t),e.prototype.handleClick=function(e){var r=this.player_.audioTracks();t.prototype.handleClick.call(this,e);for(var n=0;n<r.length;n++){var o=r[n];o.enabled=o===this.track}},e.prototype.handleTracksChange=function(t){this.selected(this.track.enabled)},e}(oo);lr.registerComponent("AudioTrackMenuItem",go);var mo=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Ce(this,e),n.tracks=r.audioTracks(),Ee(this,t.call(this,r,n))}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-audio-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-audio-button "+t.prototype.buildWrapperCSSClass.call(this)},e.prototype.createItems=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.hideThreshold_=1;for(var e=this.player_.audioTracks(),r=0;r<e.length;r++){var n=e[r];t.push(new go(this.player_,{track:n,selectable:!0}))}return t},e}(no);mo.prototype.controlText_="Audio Track",lr.registerComponent("AudioTrackButton",mo);var _o=function(t){function e(r,n){Ce(this,e);var o=n.rate,i=parseFloat(o,10);n.label=o,n.selected=1===i,n.selectable=!0;var s=Ee(this,t.call(this,r,n));return s.label=o,s.rate=i,s.on(r,"ratechange",s.update),s}return ke(e,t),e.prototype.handleClick=function(e){t.prototype.handleClick.call(this),this.player().playbackRate(this.rate)},e.prototype.update=function(t){this.selected(this.player().playbackRate()===this.rate)},e}(oo);_o.prototype.contentElType="button",lr.registerComponent("PlaybackRateMenuItem",_o);var bo=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.updateVisibility(),o.updateLabel(),o.on(r,"loadstart",o.updateVisibility),o.on(r,"ratechange",o.updateLabel),o}return ke(e,t),e.prototype.createEl=function(){var e=t.prototype.createEl.call(this);return this.labelEl_=f("div",{className:"vjs-playback-rate-value",innerHTML:"1x"}),e.appendChild(this.labelEl_),e},e.prototype.dispose=function(){this.labelEl_=null,t.prototype.dispose.call(this)},e.prototype.buildCSSClass=function(){return"vjs-playback-rate "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-playback-rate "+t.prototype.buildWrapperCSSClass.call(this)},e.prototype.createMenu=function(){var t=new eo(this.player()),e=this.playbackRates();if(e)for(var r=e.length-1;r>=0;r--)t.addChild(new _o(this.player(),{rate:e[r]+"x"}));return t},e.prototype.updateARIAAttributes=function(){this.el().setAttribute("aria-valuenow",this.player().playbackRate())},e.prototype.handleClick=function(t){for(var e=this.player().playbackRate(),r=this.playbackRates(),n=r[0],o=0;o<r.length;o++)if(r[o]>e){n=r[o];break}this.player().playbackRate(n)},e.prototype.playbackRates=function(){return this.options_.playbackRates||this.options_.playerOptions&&this.options_.playerOptions.playbackRates},e.prototype.playbackRateSupported=function(){return this.player().tech_&&this.player().tech_.featuresPlaybackRate&&this.playbackRates()&&this.playbackRates().length>0},e.prototype.updateVisibility=function(t){this.playbackRateSupported()?this.removeClass("vjs-hidden"):this.addClass("vjs-hidden")},e.prototype.updateLabel=function(t){this.playbackRateSupported()&&(this.labelEl_.innerHTML=this.player().playbackRate()+"x")},e}(ro);bo.prototype.controlText_="Playback Rate",lr.registerComponent("PlaybackRateMenuButton",bo);var To=function(t){function e(){return Ce(this,e),Ee(this,t.apply(this,arguments))}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-spacer "+t.prototype.buildCSSClass.call(this)},e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:this.buildCSSClass()})},e}(lr);lr.registerComponent("Spacer",To);var Co=function(t){function e(){return Ce(this,e),Ee(this,t.apply(this,arguments))}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-custom-control-spacer "+t.prototype.buildCSSClass.call(this)},e.prototype.createEl=function(){var e=t.prototype.createEl.call(this,{className:this.buildCSSClass()});return e.innerHTML=" ",e},e}(To);lr.registerComponent("CustomControlSpacer",Co);var ko=function(t){function e(){return Ce(this,e),Ee(this,t.apply(this,arguments))}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-control-bar",dir:"ltr"},{role:"group"})},e}(lr);ko.prototype.options_={children:["playToggle","volumePanel","currentTimeDisplay","timeDivider","durationDisplay","progressControl","liveDisplay","remainingTimeDisplay","customControlSpacer","playbackRateMenuButton","chaptersButton","descriptionsButton","subsCapsButton","audioTrackButton","fullscreenToggle"]},lr.registerComponent("ControlBar",ko);var Eo=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));return o.on(r,"error",o.open),o}return ke(e,t),e.prototype.buildCSSClass=function(){return"vjs-error-display "+t.prototype.buildCSSClass.call(this)},e.prototype.content=function(){var t=this.player().error();return t?this.localize(t.message):""},e}(Cr);Eo.prototype.options_=Z(Cr.prototype.options_,{pauseOnOpen:!1,fillAlways:!0,temporary:!1,uncloseable:!0}),lr.registerComponent("ErrorDisplay",Eo);var wo=["#000","Black"],So=["#00F","Blue"],xo=["#0FF","Cyan"],jo=["#0F0","Green"],Po=["#F0F","Magenta"],Ao=["#F00","Red"],Oo=["#FFF","White"],No=["#FF0","Yellow"],Mo=["1","Opaque"],Io=["0.5","Semi-Transparent"],Do=["0","Transparent"],Fo={backgroundColor:{selector:".vjs-bg-color > select",id:"captions-background-color-%s",label:"Color",options:[wo,Oo,Ao,jo,So,No,Po,xo]},backgroundOpacity:{selector:".vjs-bg-opacity > select",id:"captions-background-opacity-%s",label:"Transparency",options:[Mo,Io,Do]},color:{selector:".vjs-fg-color > select",id:"captions-foreground-color-%s",label:"Color",options:[Oo,wo,Ao,jo,So,No,Po,xo]},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(t){return"1.00"===t?null:Number(t)}},textOpacity:{selector:".vjs-text-opacity > select",id:"captions-foreground-opacity-%s",label:"Transparency",options:[Mo,Io]},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:[Do,Io,Mo]}};Fo.windowColor.options=Fo.backgroundColor.options;var Lo=function(r){function n(e,o){Ce(this,n),o.temporary=!1;var i=Ee(this,r.call(this,e,o));return i.updateDisplay=Ye(i,i.updateDisplay),i.fill(),i.hasBeenOpened_=i.hasBeenFilled_=!0,i.endDialog=f("p",{className:"vjs-control-text",textContent:i.localize("End of dialog window.")}),i.el().appendChild(i.endDialog),i.setDefaults(),void 0===o.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()}),t(Fo,function(t){i.on(i.$(t.selector),"change",i.updateDisplay)}),i.options_.persistTextTrackSettings&&i.restoreSettings(),i}return ke(n,r),n.prototype.dispose=function(){this.endDialog=null,r.prototype.dispose.call(this)},n.prototype.createElSelect_=function(t){var e=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"label",o=Fo[t],i=o.id.replace("%s",this.id_);return["<"+n+' id="'+i+'" class="'+("label"===n?"vjs-label":"")+'">',this.localize(o.label),"</"+n+">",'<select aria-labelledby="'+(""!==r?r+" ":"")+i+'">'].concat(o.options.map(function(t){var n=i+"-"+t[1];return['<option id="'+n+'" value="'+t[0]+'" ','aria-labelledby="'+(""!==r?r+" ":"")+i+" "+n+'">',e.localize(t[1]),"</option>"].join("")})).concat("</select>").join("")},n.prototype.createElFgColor_=function(){var t="captions-text-legend-"+this.id_;return['<fieldset class="vjs-fg-color vjs-track-setting">','<legend id="'+t+'">',this.localize("Text"),"</legend>",this.createElSelect_("color",t),'<span class="vjs-text-opacity vjs-opacity">',this.createElSelect_("textOpacity",t),"</span>","</fieldset>"].join("")},n.prototype.createElBgColor_=function(){var t="captions-background-"+this.id_;return['<fieldset class="vjs-bg-color vjs-track-setting">','<legend id="'+t+'">',this.localize("Background"),"</legend>",this.createElSelect_("backgroundColor",t),'<span class="vjs-bg-opacity vjs-opacity">',this.createElSelect_("backgroundOpacity",t),"</span>","</fieldset>"].join("")},n.prototype.createElWinColor_=function(){var t="captions-window-"+this.id_;return['<fieldset class="vjs-window-color vjs-track-setting">','<legend id="'+t+'">',this.localize("Window"),"</legend>",this.createElSelect_("windowColor",t),'<span class="vjs-window-opacity vjs-opacity">',this.createElSelect_("windowOpacity",t),"</span>","</fieldset>"].join("")},n.prototype.createElColors_=function(){return f("div",{className:"vjs-track-settings-colors",innerHTML:[this.createElFgColor_(),this.createElBgColor_(),this.createElWinColor_()].join("")})},n.prototype.createElFont_=function(){return f("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("")})},n.prototype.createElControls_=function(){var t=this.localize("restore all settings to the default values");return f("div",{className:"vjs-track-settings-controls",innerHTML:['<button class="vjs-default-button" title="'+t+'">',this.localize("Reset"),'<span class="vjs-control-text"> '+t+"</span>","</button>",'<button class="vjs-done-button">'+this.localize("Done")+"</button>"].join("")})},n.prototype.content=function(){return[this.createElColors_(),this.createElFont_(),this.createElControls_()]},n.prototype.label=function(){return this.localize("Caption Settings Dialog")},n.prototype.description=function(){return this.localize("Beginning of dialog window. Escape will cancel and close the window.")},n.prototype.buildCSSClass=function(){return r.prototype.buildCSSClass.call(this)+" vjs-text-track-settings"},n.prototype.getValues=function(){var t=this;return e(Fo,function(e,r,n){var o=Bt(t.$(r.selector),r.parser);return void 0!==o&&(e[n]=o),e},{})},n.prototype.setValues=function(e){var r=this;t(Fo,function(t,n){Ht(r.$(t.selector),e[n],t.parser)})},n.prototype.setDefaults=function(){var e=this;t(Fo,function(t){var r=t.hasOwnProperty("default")?t.default:0;e.$(t.selector).selectedIndex=r})},n.prototype.restoreSettings=function(){var t=void 0;try{t=JSON.parse(Kt.localStorage.getItem("vjs-text-track-settings"))}catch(t){Ne.warn(t)}t&&this.setValues(t)},n.prototype.saveSettings=function(){if(this.options_.persistTextTrackSettings){var t=this.getValues();try{Object.keys(t).length?Kt.localStorage.setItem("vjs-text-track-settings",JSON.stringify(t)):Kt.localStorage.removeItem("vjs-text-track-settings")}catch(t){Ne.warn(t)}}},n.prototype.updateDisplay=function(){var t=this.player_.getChild("textTrackDisplay");t&&t.updateDisplay()},n.prototype.conditionalBlur_=function(){this.previouslyActiveEl_=null,this.off(Jt,"keydown",this.handleKeyDown);var t=this.player_.controlBar,e=t&&t.subsCapsButton,r=t&&t.captionsButton;e?e.focus():r&&r.focus()},n}(Cr)
-;lr.registerComponent("TextTrackSettings",Lo);var Ro=function(t){function e(r,n){Ce(this,e);var o=n.ResizeObserver||Kt.ResizeObserver;null===n.ResizeObserver&&(o=!1);var i=Z({createEl:!o},n),s=Ee(this,t.call(this,r,i));return s.ResizeObserver=n.ResizeObserver||Kt.ResizeObserver,s.loadListener_=null,s.resizeObserver_=null,s.debouncedHandler_=Je(function(){s.resizeHandler()},100,!1,r),o?(s.resizeObserver_=new s.ResizeObserver(s.debouncedHandler_),s.resizeObserver_.observe(r.el())):(s.loadListener_=function(){s.el_.contentWindow&&U(s.el_.contentWindow,"resize",s.debouncedHandler_),s.off("load",s.loadListener_)},s.on("load",s.loadListener_)),s}return ke(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"iframe",{className:"vjs-resize-manager"})},e.prototype.resizeHandler=function(){this.player_.trigger("playerresize")},e.prototype.dispose=function(){this.resizeObserver_&&(this.resizeObserver_.unobserve(this.player_.el()),this.resizeObserver_.disconnect()),this.el_&&this.el_.contentWindow&&q(this.el_.contentWindow,"resize",this.debouncedHandler_),this.loadListener_&&this.off("load",this.loadListener_),this.ResizeObserver=null,this.resizeObserver=null,this.debouncedHandler_=null,this.loadListener_=null},e}(lr);lr.registerComponent("ResizeManager",Ro);var Bo=we(["Text Tracks are being loaded from another origin but the crossorigin attribute isn't used.\n            This may prevent text tracks from loading."],["Text Tracks are being loaded from another origin but the crossorigin attribute isn't used.\n            This may prevent text tracks from loading."]),Ho=function(t){function e(r,n){Ce(this,e);var o=Ee(this,t.call(this,r,n));r.enableSourceset&&o.setupSourcesetHandling_();var i=r.source,s=!1;if(i&&(o.el_.currentSrc!==i.src||r.tag&&3===r.tag.initNetworkState_)?o.setSource(i):o.handleLateInit_(o.el_),o.el_.hasChildNodes()){for(var a=o.el_.childNodes,l=a.length,c=[];l--;){var u=a[l];"track"===u.nodeName.toLowerCase()&&(o.featuresNativeTextTracks?(o.remoteTextTrackEls().addTrackElement_(u),o.remoteTextTracks().addTrack(u.track),o.textTracks().addTrack(u.track),s||o.el_.hasAttribute("crossorigin")||!Hr(u.src)||(s=!0)):c.push(u))}for(var h=0;h<c.length;h++)o.el_.removeChild(c[h])}return o.proxyNativeTracks_(),o.featuresNativeTextTracks&&s&&Ne.warn(Me(Bo)),o.restoreMetadataTracksInIOSNativePlayer_(),(me||re||ce)&&!0===r.nativeControlsForTouch&&o.setControls(!0),o.proxyWebkitFullscreen_(),o.triggerReady(),o}return ke(e,t),e.prototype.dispose=function(){e.disposeMediaElement(this.el_),this.options_=null,t.prototype.dispose.call(this)},e.prototype.setupSourcesetHandling_=function(){var t=this;if(this.featuresSourceset){var e=this.el();(e.src||e.currentSrc&&3!==this.el().initNetworkState_)&&this.triggerSourceset(e.src||e.currentSrc);var r=Kt.HTMLMediaElement.prototype,n={};Object.getOwnPropertyDescriptor(e,"src")?n=Object.getOwnPropertyDescriptor(e,"src"):Object.getOwnPropertyDescriptor(r,"src")&&(n=Z(n,Object.getOwnPropertyDescriptor(r,"src"))),n.get||(n.get=function(){return r.getAttribute.call(this,"src")}),n.set||(n.set=function(t){return r.setAttribute.call(this,"src",t)}),void 0===n.enumerable&&(n.enumerable=!0),Object.defineProperty(e,"src",{get:n.get.bind(e),set:function(r){var o=n.set.call(e,r);return t.triggerSourceset(r),o},configurable:!0,enumerable:n.enumerable});var o=e.setAttribute;e.setAttribute=function(r,n){var i=o.call(e,r,n);return"src"===r&&t.triggerSourceset(n),i};var i=e.load;e.load=function(){var r=i.call(e);return t.triggerSourceset(e.src||""),r}}},e.prototype.restoreMetadataTracksInIOSNativePlayer_=function(){var t=this.textTracks(),e=void 0,r=function(){e=[];for(var r=0;r<t.length;r++){var n=t[r];"metadata"===n.kind&&e.push({track:n,storedMode:n.mode})}};r(),t.addEventListener("change",r),this.on("dispose",function(){return t.removeEventListener("change",r)});var n=function r(){for(var n=0;n<e.length;n++){var o=e[n];"disabled"===o.track.mode&&o.track.mode!==o.storedMode&&(o.track.mode=o.storedMode)}t.removeEventListener("change",r)};this.on("webkitbeginfullscreen",function(){t.removeEventListener("change",r),t.removeEventListener("change",n),t.addEventListener("change",n)}),this.on("webkitendfullscreen",function(){t.removeEventListener("change",r),t.addEventListener("change",r),t.removeEventListener("change",n)})},e.prototype.proxyNativeTracks_=function(){var t=this;ln.names.forEach(function(e){var r=ln[e],n=t.el()[r.getterName],o=t[r.getterName]();if(t["featuresNative"+r.capitalName+"Tracks"]&&n&&n.addEventListener){var i={change:function(t){o.trigger({type:"change",target:o,currentTarget:o,srcElement:o})},addtrack:function(t){o.addTrack(t.track)},removetrack:function(t){o.removeTrack(t.track)}},s=function(){for(var t=[],e=0;e<o.length;e++){for(var r=!1,i=0;i<n.length;i++)if(n[i]===o[e]){r=!0;break}r||t.push(o[e])}for(;t.length;)o.removeTrack(t.shift())};Object.keys(i).forEach(function(e){var r=i[e];n.addEventListener(e,r),t.on("dispose",function(t){return n.removeEventListener(e,r)})}),t.on("loadstart",s),t.on("dispose",function(e){return t.off("loadstart",s)})}})},e.prototype.createEl=function(){var t=this.options_.tag;if(!t||!this.options_.playerElIngest&&!this.movingMediaElementInDOM){if(t){var n=t.cloneNode(!0);t.parentNode&&t.parentNode.insertBefore(n,t),e.disposeMediaElement(t),t=n}else{t=Jt.createElement("video");var o=this.options_.tag&&C(this.options_.tag),i=Z({},o);me&&!0===this.options_.nativeControlsForTouch||delete i.controls,T(t,r(i,{id:this.options_.techId,class:"vjs-tech"}))}t.playerId=this.options_.playerId}void 0!==this.options_.preload&&E(t,"preload",this.options_.preload);for(var s=["loop","muted","playsinline","autoplay"],a=0;a<s.length;a++){var l=s[a],c=this.options_[l];void 0!==c&&(c?E(t,l,l):w(t,l),t[l]=c)}return t},e.prototype.handleLateInit_=function(t){if(0!==t.networkState&&3!==t.networkState){if(0===t.readyState){var e=!1,r=function(){e=!0};this.on("loadstart",r);var n=function(){e||this.trigger("loadstart")};return this.on("loadedmetadata",n),void this.ready(function(){this.off("loadstart",r),this.off("loadedmetadata",n),e||this.trigger("loadstart")})}var o=["loadstart"];o.push("loadedmetadata"),t.readyState>=2&&o.push("loadeddata"),t.readyState>=3&&o.push("canplay"),t.readyState>=4&&o.push("canplaythrough"),this.ready(function(){o.forEach(function(t){this.trigger(t)},this)})}},e.prototype.setCurrentTime=function(t){try{this.el_.currentTime=t}catch(t){Ne(t,"Video is not ready. (Video.js)")}},e.prototype.duration=function(){var t=this;if(this.el_.duration===1/0&&se&&pe&&0===this.el_.currentTime){var e=function e(){t.el_.currentTime>0&&(t.el_.duration===1/0&&t.trigger("durationchange"),t.off("timeupdate",e))};return this.on("timeupdate",e),NaN}return this.el_.duration||NaN},e.prototype.width=function(){return this.el_.offsetWidth},e.prototype.height=function(){return this.el_.offsetHeight},e.prototype.proxyWebkitFullscreen_=function(){var t=this;if("webkitDisplayingFullscreen"in this.el_){var e=function(){this.trigger("fullscreenchange",{isFullscreen:!1})},r=function(){"webkitPresentationMode"in this.el_&&"picture-in-picture"!==this.el_.webkitPresentationMode&&(this.one("webkitendfullscreen",e),this.trigger("fullscreenchange",{isFullscreen:!0}))};this.on("webkitbeginfullscreen",r),this.on("dispose",function(){t.off("webkitbeginfullscreen",r),t.off("webkitendfullscreen",e)})}},e.prototype.supportsFullScreen=function(){if("function"==typeof this.el_.webkitEnterFullScreen){var t=Kt.navigator&&Kt.navigator.userAgent||"";if(/Android/.test(t)||!/Chrome|Mac OS X 10.5/.test(t))return!0}return!1},e.prototype.enterFullScreen=function(){var t=this.el_;t.paused&&t.networkState<=t.HAVE_METADATA?(this.el_.play(),this.setTimeout(function(){t.pause(),t.webkitEnterFullScreen()},0)):t.webkitEnterFullScreen()},e.prototype.exitFullScreen=function(){this.el_.webkitExitFullScreen()},e.prototype.src=function(t){if(void 0===t)return this.el_.src;this.setSrc(t)},e.prototype.reset=function(){e.resetMediaElement(this.el_)},e.prototype.currentSrc=function(){return this.currentSource_?this.currentSource_.src:this.el_.currentSrc},e.prototype.setControls=function(t){this.el_.controls=!!t},e.prototype.addTextTrack=function(e,r,n){return this.featuresNativeTextTracks?this.el_.addTextTrack(e,r,n):t.prototype.addTextTrack.call(this,e,r,n)},e.prototype.createRemoteTextTrack=function(e){if(!this.featuresNativeTextTracks)return t.prototype.createRemoteTextTrack.call(this,e);var r=Jt.createElement("track");return e.kind&&(r.kind=e.kind),e.label&&(r.label=e.label),(e.language||e.srclang)&&(r.srclang=e.language||e.srclang),e.default&&(r.default=e.default),e.id&&(r.id=e.id),e.src&&(r.src=e.src),r},e.prototype.addRemoteTextTrack=function(e,r){var n=t.prototype.addRemoteTextTrack.call(this,e,r);return this.featuresNativeTextTracks&&this.el().appendChild(n),n},e.prototype.removeRemoteTextTrack=function(e){if(t.prototype.removeRemoteTextTrack.call(this,e),this.featuresNativeTextTracks)for(var r=this.$$("track"),n=r.length;n--;)e!==r[n]&&e!==r[n].track||this.el().removeChild(r[n])},e.prototype.getVideoPlaybackQuality=function(){if("function"==typeof this.el().getVideoPlaybackQuality)return this.el().getVideoPlaybackQuality();var t={};return void 0!==this.el().webkitDroppedFrameCount&&void 0!==this.el().webkitDecodedFrameCount&&(t.droppedVideoFrames=this.el().webkitDroppedFrameCount,t.totalVideoFrames=this.el().webkitDecodedFrameCount),Kt.performance&&"function"==typeof Kt.performance.now?t.creationTime=Kt.performance.now():Kt.performance&&Kt.performance.timing&&"number"==typeof Kt.performance.timing.navigationStart&&(t.creationTime=Kt.Date.now()-Kt.performance.timing.navigationStart),t},e}(pn);if(u()){Ho.TEST_VID=Jt.createElement("video");var Vo=Jt.createElement("track");Vo.kind="captions",Vo.srclang="en",Vo.label="English",Ho.TEST_VID.appendChild(Vo)}Ho.isSupported=function(){try{Ho.TEST_VID.volume=.5}catch(t){return!1}return!(!Ho.TEST_VID||!Ho.TEST_VID.canPlayType)},Ho.canPlayType=function(t){return Ho.TEST_VID.canPlayType(t)},Ho.canPlaySource=function(t,e){return Ho.canPlayType(t.type)},Ho.canControlVolume=function(){try{var t=Ho.TEST_VID.volume;return Ho.TEST_VID.volume=t/2+.1,t!==Ho.TEST_VID.volume}catch(t){return!1}},Ho.canControlPlaybackRate=function(){if(se&&pe&&de<58)return!1;try{var t=Ho.TEST_VID.playbackRate;return Ho.TEST_VID.playbackRate=t/2+.1,t!==Ho.TEST_VID.playbackRate}catch(t){return!1}},Ho.canOverrideAttributes=function(){if(fe)return!1;try{var t=function(){};Object.defineProperty(Jt.createElement("video"),"src",{get:t,set:t}),Object.defineProperty(Jt.createElement("audio"),"src",{get:t,set:t})}catch(t){return!1}return!0},Ho.supportsNativeTextTracks=function(){return ge},Ho.supportsNativeVideoTracks=function(){return!(!Ho.TEST_VID||!Ho.TEST_VID.videoTracks)},Ho.supportsNativeAudioTracks=function(){return!(!Ho.TEST_VID||!Ho.TEST_VID.audioTracks)},Ho.Events=["loadstart","suspend","abort","error","emptied","stalled","loadedmetadata","loadeddata","canplay","canplaythrough","playing","waiting","seeking","seeked","ended","durationchange","timeupdate","progress","play","pause","ratechange","resize","volumechange"],Ho.prototype.featuresVolumeControl=Ho.canControlVolume(),Ho.prototype.featuresPlaybackRate=Ho.canControlPlaybackRate(),Ho.prototype.featuresSourceset=Ho.canOverrideAttributes(),Ho.prototype.movingMediaElementInDOM=!oe,Ho.prototype.featuresFullscreenResize=!0,Ho.prototype.featuresProgressEvents=!0,Ho.prototype.featuresTimeupdateEvents=!0,Ho.prototype.featuresNativeTextTracks=Ho.supportsNativeTextTracks(),Ho.prototype.featuresNativeVideoTracks=Ho.supportsNativeVideoTracks(),Ho.prototype.featuresNativeAudioTracks=Ho.supportsNativeAudioTracks();var zo=Ho.TEST_VID&&Ho.TEST_VID.constructor.prototype.canPlayType,Wo=/^application\/(?:x-|vnd\.apple\.)mpegurl/i,Uo=/^video\/mp4/i;Ho.patchCanPlayType=function(){ae>=4&&!ue&&!pe?Ho.TEST_VID.constructor.prototype.canPlayType=function(t){return t&&Wo.test(t)?"maybe":zo.call(this,t)}:le&&(Ho.TEST_VID.constructor.prototype.canPlayType=function(t){return t&&Uo.test(t)?"maybe":zo.call(this,t)})},Ho.unpatchCanPlayType=function(){var t=Ho.TEST_VID.constructor.prototype.canPlayType;return Ho.TEST_VID.constructor.prototype.canPlayType=zo,t},Ho.patchCanPlayType(),Ho.disposeMediaElement=function(t){if(t){for(t.parentNode&&t.parentNode.removeChild(t);t.hasChildNodes();)t.removeChild(t.firstChild);t.removeAttribute("src"),"function"==typeof t.load&&function(){try{t.load()}catch(t){}}()}},Ho.resetMediaElement=function(t){if(t){for(var e=t.querySelectorAll("source"),r=e.length;r--;)t.removeChild(e[r]);t.removeAttribute("src"),"function"==typeof t.load&&function(){try{t.load()}catch(t){}}()}},["muted","defaultMuted","autoplay","controls","loop","playsinline"].forEach(function(t){Ho.prototype[t]=function(){return this.el_[t]||this.el_.hasAttribute(t)}}),["muted","defaultMuted","autoplay","loop","playsinline"].forEach(function(t){Ho.prototype["set"+J(t)]=function(e){this.el_[t]=e,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(t){Ho.prototype[t]=function(){return this.el_[t]}}),["volume","src","poster","preload","playbackRate","defaultPlaybackRate"].forEach(function(t){Ho.prototype["set"+J(t)]=function(e){this.el_[t]=e}}),["pause","load","play"].forEach(function(t){Ho.prototype[t]=function(){return this.el_[t]()}}),pn.withSourceHandlers(Ho),Ho.nativeSourceHandler={},Ho.nativeSourceHandler.canPlayType=function(t){try{return Ho.TEST_VID.canPlayType(t)}catch(t){return""}},Ho.nativeSourceHandler.canHandleSource=function(t,e){if(t.type)return Ho.nativeSourceHandler.canPlayType(t.type);if(t.src){var r=Br(t.src);return Ho.nativeSourceHandler.canPlayType("video/"+r)}return""},Ho.nativeSourceHandler.handleSource=function(t,e,r){e.setSrc(t.src)},Ho.nativeSourceHandler.dispose=function(){},Ho.registerSourceHandler(Ho.nativeSourceHandler),pn.registerTech("Html5",Ho);var qo=we(["\n        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      "],["\n        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      "]),Ko=["progress","abort","suspend","emptied","stalled","loadedmetadata","loadeddata","timeupdate","ratechange","resize","volumechange","texttrackchange"],Xo=function(t){function e(n,o,i){if(Ce(this,e),n.id=n.id||"vjs_video_"+L(),o=r(e.getTagSettings(n),o),o.initChildren=!1,o.createEl=!1,o.evented=!1,o.reportTouchActivity=!1,!o.language)if("function"==typeof n.closest){var s=n.closest("[lang]");s&&s.getAttribute&&(o.language=s.getAttribute("lang"))}else for(var a=n;a&&1===a.nodeType;){if(C(a).hasOwnProperty("lang")){o.language=a.getAttribute("lang");break}a=a.parentNode}var l=Ee(this,t.call(this,null,o,i));if(l.isPosterFromTech_=!1,l.isReady_=!1,l.hasStarted_=!1,l.userActive_=!1,!l.options_||!l.options_.techOrder||!l.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(l.tag=n,l.tagAttributes=n&&C(n),l.language(l.options_.language),o.languages){var c={};Object.getOwnPropertyNames(o.languages).forEach(function(t){c[t.toLowerCase()]=o.languages[t]}),l.languages_=c}else l.languages_=e.prototype.options_.languages;l.cache_={},l.poster_=o.poster||"",l.controls_=!!o.controls,l.cache_.lastVolume=1,n.controls=!1,n.removeAttribute("controls"),l.scrubbing_=!1,l.el_=l.createEl(),Y(l,{eventBusKey:"el_"});var u=Z(l.options_);if(o.plugins){var h=o.plugins;Object.keys(h).forEach(function(t){if("function"!=typeof this[t])throw new Error('plugin "'+t+'" does not exist');this[t](h[t])},l)}l.options_.playerOptions=u,l.middleware_=[],l.initChildren(),l.isAudio("audio"===n.nodeName.toLowerCase()),l.controls()?l.addClass("vjs-controls-enabled"):l.addClass("vjs-controls-disabled"),l.el_.setAttribute("role","region"),l.isAudio()?l.el_.setAttribute("aria-label",l.localize("Audio Player")):l.el_.setAttribute("aria-label",l.localize("Video Player")),l.isAudio()&&l.addClass("vjs-audio"),l.flexNotSupported_()&&l.addClass("vjs-no-flex"),oe||l.addClass("vjs-workinghover"),e.players[l.id_]=l;var p=Wt.split(".")[0];return l.addClass("vjs-v"+p),l.userActive(!0),l.reportUserActivity(),l.listenForUserActivity_(),l.on("fullscreenchange",l.handleFullscreenChange_),l.on("stageclick",l.handleStageClick_),l.changingSrc_=!1,l.playWaitingForReady_=!1,l.playOnLoadstart_=null,l}return ke(e,t),e.prototype.dispose=function(){this.trigger("dispose"),this.off("dispose"),this.styleEl_&&this.styleEl_.parentNode&&(this.styleEl_.parentNode.removeChild(this.styleEl_),this.styleEl_=null),e.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),At(this),t.prototype.dispose.call(this)},e.prototype.createEl=function(){var e=this.tag,r=void 0,n=this.playerElIngest_=e.parentNode&&e.parentNode.hasAttribute&&e.parentNode.hasAttribute("data-vjs-player"),o="video-js"===this.tag.tagName.toLowerCase();n?r=this.el_=e.parentNode:o||(r=this.el_=t.prototype.createEl.call(this,"div"));var i=C(e);if(o){for(r=this.el_=e,e=this.tag=Jt.createElement("video");r.children.length;)e.appendChild(r.firstChild);g(r,"video-js")||m(r,"video-js"),r.appendChild(e),n=this.playerElIngest_=r}if(e.setAttribute("tabindex","-1"),e.removeAttribute("width"),e.removeAttribute("height"),Object.getOwnPropertyNames(i).forEach(function(t){"class"===t?(r.className+=" "+i[t],o&&(e.className+=" "+i[t])):(r.setAttribute(t,i[t]),o&&e.setAttribute(t,i[t]))}),e.playerId=e.id,e.id+="_html5_api",e.className="vjs-tech",e.player=r.player=this,this.addClass("vjs-paused"),!0!==Kt.VIDEOJS_NO_DYNAMIC_STYLE){this.styleEl_=Xe("vjs-styles-dimensions");var s=De(".vjs-styles-defaults"),a=De("head");a.insertBefore(this.styleEl_,s?s.nextSibling:a.firstChild)}this.width(this.options_.width),this.height(this.options_.height),this.fluid(this.options_.fluid),this.aspectRatio(this.options_.aspectRatio);for(var l=e.getElementsByTagName("a"),c=0;c<l.length;c++){var u=l.item(c);m(u,"vjs-hidden"),u.setAttribute("hidden","hidden")}return e.initNetworkState_=e.networkState,e.parentNode&&!n&&e.parentNode.insertBefore(r,e),y(e,r),this.children_.unshift(e),this.el_.setAttribute("lang",this.language_),this.el_=r,r},e.prototype.width=function(t){return this.dimension("width",t)},e.prototype.height=function(t){return this.dimension("height",t)},e.prototype.dimension=function(t,e){var r=t+"_";if(void 0===e)return this[r]||0;if(""===e)return this[r]=void 0,void this.updateStyleEl_();var n=parseFloat(e);if(isNaN(n))return void Ne.error('Improper value "'+e+'" supplied for for '+t);this[r]=n,this.updateStyleEl_()},e.prototype.fluid=function(t){if(void 0===t)return!!this.fluid_;this.fluid_=!!t,t?this.addClass("vjs-fluid"):this.removeClass("vjs-fluid"),this.updateStyleEl_()},e.prototype.aspectRatio=function(t){if(void 0===t)return this.aspectRatio_;if(!/^\d+\:\d+$/.test(t))throw new Error("Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.");this.aspectRatio_=t,this.fluid(!0),this.updateStyleEl_()},e.prototype.updateStyleEl_=function(){if(!0===Kt.VIDEOJS_NO_DYNAMIC_STYLE){var t="number"==typeof this.width_?this.width_:this.options_.width,e="number"==typeof this.height_?this.height_:this.options_.height,r=this.tech_&&this.tech_.el();return void(r&&(t>=0&&(r.width=t),e>=0&&(r.height=e)))}var n=void 0,o=void 0,i=void 0,s=void 0;i=void 0!==this.aspectRatio_&&"auto"!==this.aspectRatio_?this.aspectRatio_:this.videoWidth()>0?this.videoWidth()+":"+this.videoHeight():"16:9";var a=i.split(":"),l=a[1]/a[0];n=void 0!==this.width_?this.width_:void 0!==this.height_?this.height_/l:this.videoWidth()||300,o=void 0!==this.height_?this.height_:n*l,s=/^[^a-zA-Z]/.test(this.id())?"dimensions-"+this.id():this.id()+"-dimensions",this.addClass(s),Ge(this.styleEl_,"\n      ."+s+" {\n        width: "+n+"px;\n        height: "+o+"px;\n      }\n\n      ."+s+".vjs-fluid {\n        padding-top: "+100*l+"%;\n      }\n    ")},e.prototype.loadTech_=function(t,e){var n=this;this.tech_&&this.unloadTech_();var o=J(t),i=t.charAt(0).toLowerCase()+t.slice(1);"Html5"!==o&&this.tag&&(pn.getTech("Html5").disposeMediaElement(this.tag),this.tag.player=null,this.tag=null),this.techName_=o,this.isReady_=!1;var s={source:e,nativeControlsForTouch:this.options_.nativeControlsForTouch,playerId:this.id(),techId:this.id()+"_"+o+"_api",autoplay:this.options_.autoplay,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};un.names.forEach(function(t){var e=un[t];s[e.getterName]=n[e.privateName]}),r(s,this.options_[o]),r(s,this.options_[i]),r(s,this.options_[t.toLowerCase()]),this.tag&&(s.tag=this.tag),e&&e.src===this.cache_.src&&this.cache_.currentTime>0&&(s.startTime=this.cache_.currentTime);var a=pn.getTech(t);if(!a)throw new Error("No Tech named '"+o+"' exists! '"+o+"' should be registered using videojs.registerTech()'");this.tech_=new a(s),this.tech_.ready(Ye(this,this.handleTechReady_),!0),br.jsonToTextTracks(this.textTracksJson_||[],this.tech_),Ko.forEach(function(t){n.on(n.tech_,t,n["handleTech"+J(t)+"_"])}),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_,"canplay",this.handleTechCanPlay_),this.on(this.tech_,"canplaythrough",this.handleTechCanPlayThrough_),this.on(this.tech_,"playing",this.handleTechPlaying_),this.on(this.tech_,"ended",this.handleTechEnded_),this.on(this.tech_,"seeking",this.handleTechSeeking_),this.on(this.tech_,"seeked",this.handleTechSeeked_),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_,"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.usingNativeControls(this.techGet_("controls")),this.controls()&&!this.usingNativeControls()&&this.addTechControlsListeners_(),this.tech_.el().parentNode===this.el()||"Html5"===o&&this.tag||y(this.tech_.el(),this.el()),this.tag&&(this.tag.player=null,this.tag=null)},e.prototype.unloadTech_=function(){var t=this;un.names.forEach(function(e){var r=un[e];t[r.privateName]=t[r.getterName]()}),this.textTracksJson_=br.textTracksToJson(this.tech_),this.isReady_=!1,this.tech_.dispose(),this.tech_=!1,this.isPosterFromTech_&&(this.poster_="",this.trigger("posterchange")),this.isPosterFromTech_=!1},e.prototype.tech=function(t){return void 0===t&&Ne.warn(Me(qo)),this.tech_},e.prototype.addTechControlsListeners_=function(){this.removeTechControlsListeners_(),this.on(this.tech_,"mousedown",this.handleTechClick_),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.prototype.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_,"mousedown",this.handleTechClick_)},e.prototype.handleTechReady_=function(){if(this.triggerReady(),this.cache_.volume&&this.techCall_("setVolume",this.cache_.volume),this.handleTechPosterChange_(),this.handleTechDurationChange_(),(this.src()||this.currentSrc())&&this.tag&&this.options_.autoplay&&this.paused())try{delete this.tag.poster}catch(t){Ne("deleting tag.poster throws in some browsers",t)}},e.prototype.handleTechLoadStart_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-seeking"),this.error(null),this.paused()?(this.hasStarted(!1),this.trigger("loadstart")):(this.trigger("loadstart"),this.trigger("firstplay"))},e.prototype.handleTechSourceset_=function(t){this.trigger({src:t.src,type:"sourceset"})},e.prototype.hasStarted=function(t){if(void 0===t)return this.hasStarted_;t!==this.hasStarted_&&(this.hasStarted_=t,this.hasStarted_?(this.addClass("vjs-has-started"),this.trigger("firstplay")):this.removeClass("vjs-has-started"))},e.prototype.handleTechPlay_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.hasStarted(!0),this.trigger("play")},e.prototype.handleTechWaiting_=function(){var t=this;this.addClass("vjs-waiting"),this.trigger("waiting"),this.one("timeupdate",function(){return t.removeClass("vjs-waiting")})},e.prototype.handleTechCanPlay_=function(){this.removeClass("vjs-waiting"),this.trigger("canplay")},e.prototype.handleTechCanPlayThrough_=function(){this.removeClass("vjs-waiting"),this.trigger("canplaythrough")},e.prototype.handleTechPlaying_=function(){this.removeClass("vjs-waiting"),this.trigger("playing")},e.prototype.handleTechSeeking_=function(){this.addClass("vjs-seeking"),this.trigger("seeking")},e.prototype.handleTechSeeked_=function(){this.removeClass("vjs-seeking"),this.trigger("seeked")},e.prototype.handleTechFirstPlay_=function(){this.options_.starttime&&(Ne.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.prototype.handleTechPause_=function(){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.trigger("pause")},e.prototype.handleTechEnded_=function(){this.addClass("vjs-ended"),this.options_.loop?(this.currentTime(0),this.play()):this.paused()||this.pause(),this.trigger("ended")},e.prototype.handleTechDurationChange_=function(){this.duration(this.techGet_("duration"))},e.prototype.handleTechClick_=function(t){F(t)&&this.controls_&&(this.paused()?this.play():this.pause())},e.prototype.handleTechTap_=function(){this.userActive(!this.userActive())},e.prototype.handleTechTouchStart_=function(){this.userWasActive=this.userActive()},e.prototype.handleTechTouchMove_=function(){this.userWasActive&&this.reportUserActivity()},e.prototype.handleTechTouchEnd_=function(t){t.preventDefault()},e.prototype.handleFullscreenChange_=function(){this.isFullscreen()?this.addClass("vjs-fullscreen"):this.removeClass("vjs-fullscreen")},e.prototype.handleStageClick_=function(){this.reportUserActivity()},e.prototype.handleTechFullscreenChange_=function(t,e){e&&this.isFullscreen(e.isFullscreen),this.trigger("fullscreenchange")},e.prototype.handleTechError_=function(){var t=this.tech_.error();this.error(t)},e.prototype.handleTechTextData_=function(){var t=null;arguments.length>1&&(t=arguments[1]),this.trigger("textdata",t)},e.prototype.getCache=function(){return this.cache_},e.prototype.techCall_=function(t,e){this.ready(function(){if(t in gn)return St(this.middleware_,this.tech_,t,e);if(t in mn)return xt(this.middleware_,this.tech_,t,e);try{this.tech_&&this.tech_[t](e)}catch(t){throw Ne(t),t}},!0)},e.prototype.techGet_=function(t){if(this.tech_&&this.tech_.isReady_){if(t in yn)return wt(this.middleware_,this.tech_,t);if(t in mn)return xt(this.middleware_,this.tech_,t);try{return this.tech_[t]()}catch(e){if(void 0===this.tech_[t])throw Ne("Video.js: "+t+" method not defined for "+this.techName_+" playback technology.",e),e;if("TypeError"===e.name)throw Ne("Video.js: "+t+" unavailable on "+this.techName_+" playback technology element.",e),this.tech_.isReady_=!1,e;throw Ne(e),e}}},e.prototype.play=function(){var t=this;if(this.playOnLoadstart_&&this.off("loadstart",this.playOnLoadstart_),this.isReady_){if(!this.changingSrc_&&(this.src()||this.currentSrc()))return this.techGet_("play");this.playOnLoadstart_=function(){t.playOnLoadstart_=null,lt(t.play())},this.one("loadstart",this.playOnLoadstart_)}else{if(this.playWaitingForReady_)return;this.playWaitingForReady_=!0,this.ready(function(){t.playWaitingForReady_=!1,lt(t.play())})}},e.prototype.pause=function(){this.techCall_("pause")},e.prototype.paused=function(){return!1!==this.techGet_("paused")},e.prototype.played=function(){return this.techGet_("played")||nt(0,0)},e.prototype.scrubbing=function(t){if(void 0===t)return this.scrubbing_;this.scrubbing_=!!t,t?this.addClass("vjs-scrubbing"):this.removeClass("vjs-scrubbing")},e.prototype.currentTime=function(t){return void 0!==t?(t<0&&(t=0),void this.techCall_("setCurrentTime",t)):(this.cache_.currentTime=this.techGet_("currentTime")||0,this.cache_.currentTime)},e.prototype.duration=function(t){if(void 0===t)return void 0!==this.cache_.duration?this.cache_.duration:NaN;t=parseFloat(t),t<0&&(t=1/0),t!==this.cache_.duration&&(this.cache_.duration=t,t===1/0?this.addClass("vjs-live"):this.removeClass("vjs-live"),this.trigger("durationchange"))},e.prototype.remainingTime=function(){return this.duration()-this.currentTime()},e.prototype.remainingTimeDisplay=function(){return Math.floor(this.duration())-Math.floor(this.currentTime())},e.prototype.buffered=function(){var t=this.techGet_("buffered");return t&&t.length||(t=nt(0,0)),t},e.prototype.bufferedPercent=function(){return ot(this.buffered(),this.duration())},e.prototype.bufferedEnd=function(){var t=this.buffered(),e=this.duration(),r=t.end(t.length-1);return r>e&&(r=e),r},e.prototype.volume=function(t){var e=void 0;return void 0!==t?(e=Math.max(0,Math.min(1,parseFloat(t))),this.cache_.volume=e,this.techCall_("setVolume",e),void(e>0&&this.lastVolume_(e))):(e=parseFloat(this.techGet_("volume")),isNaN(e)?1:e)},e.prototype.muted=function(t){return void 0!==t?void this.techCall_("setMuted",t):this.techGet_("muted")||!1},e.prototype.defaultMuted=function(t){return void 0!==t?this.techCall_("setDefaultMuted",t):this.techGet_("defaultMuted")||!1},e.prototype.lastVolume_=function(t){return void 0!==t&&0!==t?void(this.cache_.lastVolume=t):this.cache_.lastVolume},e.prototype.supportsFullScreen=function(){return this.techGet_("supportsFullScreen")||!1},e.prototype.isFullscreen=function(t){return void 0!==t?void(this.isFullscreen_=!!t):!!this.isFullscreen_},e.prototype.requestFullscreen=function(){var t=cr;this.isFullscreen(!0),t.requestFullscreen?(U(Jt,t.fullscreenchange,Ye(this,function e(r){this.isFullscreen(Jt[t.fullscreenElement]),!1===this.isFullscreen()&&q(Jt,t.fullscreenchange,e),this.trigger("fullscreenchange")})),this.el_[t.requestFullscreen]()):this.tech_.supportsFullScreen()?this.techCall_("enterFullScreen"):(this.enterFullWindow(),this.trigger("fullscreenchange"))},e.prototype.exitFullscreen=function(){var t=cr;this.isFullscreen(!1),t.requestFullscreen?Jt[t.exitFullscreen]():this.tech_.supportsFullScreen()?this.techCall_("exitFullScreen"):(this.exitFullWindow(),this.trigger("fullscreenchange"))},e.prototype.enterFullWindow=function(){this.isFullWindow=!0,this.docOrigOverflow=Jt.documentElement.style.overflow,U(Jt,"keydown",Ye(this,this.fullWindowOnEscKey)),Jt.documentElement.style.overflow="hidden",m(Jt.body,"vjs-full-window"),this.trigger("enterFullWindow")},e.prototype.fullWindowOnEscKey=function(t){
-27===t.keyCode&&(!0===this.isFullscreen()?this.exitFullscreen():this.exitFullWindow())},e.prototype.exitFullWindow=function(){this.isFullWindow=!1,q(Jt,"keydown",this.fullWindowOnEscKey),Jt.documentElement.style.overflow=this.docOrigOverflow,_(Jt.body,"vjs-full-window"),this.trigger("exitFullWindow")},e.prototype.canPlayType=function(t){for(var e=void 0,r=0,n=this.options_.techOrder;r<n.length;r++){var o=n[r],i=pn.getTech(o);if(i||(i=lr.getComponent(o)),i){if(i.isSupported()&&(e=i.canPlayType(t)))return e}else Ne.error('The "'+o+'" tech is undefined. Skipped browser support check for that tech.')}return""},e.prototype.selectSource=function(t){var e=this,r=this.options_.techOrder.map(function(t){return[t,pn.getTech(t)]}).filter(function(t){var e=t[0],r=t[1];return r?r.isSupported():(Ne.error('The "'+e+'" tech is undefined. Skipped browser support check for that tech.'),!1)}),n=function(t,e,r){var n=void 0;return t.some(function(t){return e.some(function(e){if(n=r(t,e))return!0})}),n},o=function(t,r){var n=t[0];if(t[1].canPlaySource(r,e.options_[n.toLowerCase()]))return{source:r,tech:n}};return(this.options_.sourceOrder?n(t,r,function(t){return function(e,r){return t(r,e)}}(o)):n(r,t,o))||!1},e.prototype.src=function(t){var e=this;if(void 0===t)return this.cache_.src||"";var r=bn(t);if(!r.length)return void this.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0);this.cache_.sources=r,this.changingSrc_=!0,this.cache_.source=r[0],kt(this,r[0],function(t,n){if(e.middleware_=n,e.src_(t))return r.length>1?e.src(r.slice(1)):(e.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0),void e.triggerReady());e.changingSrc_=!1,e.cache_.src=t.src,Et(n,e.tech_)})},e.prototype.src_=function(t){var e=this.selectSource([t]);return!e||(Q(e.tech,this.techName_)?(this.ready(function(){this.tech_.constructor.prototype.hasOwnProperty("setSource")?this.techCall_("setSource",t):this.techCall_("src",t.src),"auto"===this.options_.preload&&this.load()},!0),!1):(this.changingSrc_=!0,this.loadTech_(e.tech,e.source),!1))},e.prototype.load=function(){this.techCall_("load")},e.prototype.reset=function(){this.loadTech_(this.options_.techOrder[0],null),this.techCall_("reset")},e.prototype.currentSources=function(){var t=this.currentSource(),e=[];return 0!==Object.keys(t).length&&e.push(t),this.cache_.sources||e},e.prototype.currentSource=function(){return this.cache_.source||{}},e.prototype.currentSrc=function(){return this.currentSource()&&this.currentSource().src||""},e.prototype.currentType=function(){return this.currentSource()&&this.currentSource().type||""},e.prototype.preload=function(t){return void 0!==t?(this.techCall_("setPreload",t),void(this.options_.preload=t)):this.techGet_("preload")},e.prototype.autoplay=function(t){return void 0!==t?(this.techCall_("setAutoplay",t),void(this.options_.autoplay=t)):this.techGet_("autoplay",t)},e.prototype.playsinline=function(t){return void 0!==t?(this.techCall_("setPlaysinline",t),this.options_.playsinline=t,this):this.techGet_("playsinline")},e.prototype.loop=function(t){return void 0!==t?(this.techCall_("setLoop",t),void(this.options_.loop=t)):this.techGet_("loop")},e.prototype.poster=function(t){if(void 0===t)return this.poster_;t||(t=""),t!==this.poster_&&(this.poster_=t,this.techCall_("setPoster",t),this.isPosterFromTech_=!1,this.trigger("posterchange"))},e.prototype.handleTechPosterChange_=function(){if((!this.poster_||this.options_.techCanOverridePoster)&&this.tech_&&this.tech_.poster){var t=this.tech_.poster()||"";t!==this.poster_&&(this.poster_=t,this.isPosterFromTech_=!0,this.trigger("posterchange"))}},e.prototype.controls=function(t){if(void 0===t)return!!this.controls_;t=!!t,this.controls_!==t&&(this.controls_=t,this.usingNativeControls()&&this.techCall_("setControls",t),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.prototype.usingNativeControls=function(t){if(void 0===t)return!!this.usingNativeControls_;t=!!t,this.usingNativeControls_!==t&&(this.usingNativeControls_=t,this.usingNativeControls_?(this.addClass("vjs-using-native-controls"),this.trigger("usingnativecontrols")):(this.removeClass("vjs-using-native-controls"),this.trigger("usingcustomcontrols")))},e.prototype.error=function(t){return void 0===t?this.error_||null:null===t?(this.error_=t,this.removeClass("vjs-error"),void(this.errorDisplay&&this.errorDisplay.close())):(this.error_=new it(t),this.addClass("vjs-error"),Ne.error("(CODE:"+this.error_.code+" "+it.errorTypes[this.error_.code]+")",this.error_.message,this.error_),void this.trigger("error"))},e.prototype.reportUserActivity=function(t){this.userActivity_=!0},e.prototype.userActive=function(t){if(void 0===t)return this.userActive_;if((t=!!t)!==this.userActive_){if(this.userActive_=t,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(t){t.stopPropagation(),t.preventDefault()}),this.userActivity_=!1,this.removeClass("vjs-user-active"),this.addClass("vjs-user-inactive"),this.trigger("userinactive")}},e.prototype.listenForUserActivity_=function(){var t=void 0,e=void 0,r=void 0,n=Ye(this,this.reportUserActivity),o=function(t){t.screenX===e&&t.screenY===r||(e=t.screenX,r=t.screenY,n())},i=function(){n(),this.clearInterval(t),t=this.setInterval(n,250)},s=function(e){n(),this.clearInterval(t)};this.on("mousedown",i),this.on("mousemove",o),this.on("mouseup",s),this.on("keydown",n),this.on("keyup",n);var a=void 0;this.setInterval(function(){if(this.userActivity_){this.userActivity_=!1,this.userActive(!0),this.clearTimeout(a);var t=this.options_.inactivityTimeout;t<=0||(a=this.setTimeout(function(){this.userActivity_||this.userActive(!1)},t))}},250)},e.prototype.playbackRate=function(t){return void 0!==t?void this.techCall_("setPlaybackRate",t):this.tech_&&this.tech_.featuresPlaybackRate?this.techGet_("playbackRate"):1},e.prototype.defaultPlaybackRate=function(t){return void 0!==t?this.techCall_("setDefaultPlaybackRate",t):this.tech_&&this.tech_.featuresPlaybackRate?this.techGet_("defaultPlaybackRate"):1},e.prototype.isAudio=function(t){return void 0!==t?void(this.isAudio_=!!t):!!this.isAudio_},e.prototype.addTextTrack=function(t,e,r){if(this.tech_)return this.tech_.addTextTrack(t,e,r)},e.prototype.addRemoteTextTrack=function(t,e){if(this.tech_)return this.tech_.addRemoteTextTrack(t,e)},e.prototype.removeRemoteTextTrack=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.track,r=void 0===e?arguments[0]:e;if(this.tech_)return this.tech_.removeRemoteTextTrack(r)},e.prototype.getVideoPlaybackQuality=function(){return this.techGet_("getVideoPlaybackQuality")},e.prototype.videoWidth=function(){return this.tech_&&this.tech_.videoWidth&&this.tech_.videoWidth()||0},e.prototype.videoHeight=function(){return this.tech_&&this.tech_.videoHeight&&this.tech_.videoHeight()||0},e.prototype.language=function(t){if(void 0===t)return this.language_;this.language_=String(t).toLowerCase()},e.prototype.languages=function(){return Z(e.prototype.options_.languages,this.languages_)},e.prototype.toJSON=function(){var t=Z(this.options_),e=t.tracks;t.tracks=[];for(var r=0;r<e.length;r++){var n=e[r];n=Z(n),n.player=void 0,t.tracks[r]=n}return t},e.prototype.createModal=function(t,e){var r=this;e=e||{},e.content=t||"";var n=new Cr(this,e);return this.addChild(n),n.on("dispose",function(){r.removeChild(n)}),n.open(),n},e.getTagSettings=function(t){var e={sources:[],tracks:[]},n=C(t),o=n["data-setup"];if(g(t,"vjs-fluid")&&(n.fluid=!0),null!==o){var i=yr(o||"{}"),s=i[0],a=i[1];s&&Ne.error(s),r(n,a)}if(r(e,n),t.hasChildNodes())for(var l=t.childNodes,c=0,u=l.length;c<u;c++){var h=l[c],p=h.nodeName.toLowerCase();"source"===p?e.sources.push(C(h)):"track"===p&&e.tracks.push(C(h))}return e},e.prototype.flexNotSupported_=function(){var t=Jt.createElement("i");return!("flexBasis"in t.style||"webkitFlexBasis"in t.style||"mozFlexBasis"in t.style||"msFlexBasis"in t.style||"msFlexOrder"in t.style)},e}(lr);un.names.forEach(function(t){var e=un[t];Xo.prototype[e.getterName]=function(){return this.tech_?this.tech_[e.getterName]():(this[e.privateName]=this[e.privateName]||new e.ListClass,this[e.privateName])}}),Xo.players={};var Go=Kt.navigator;Xo.prototype.options_={techOrder:pn.defaultTechOrder_,html5:{},flash:{},inactivityTimeout:2e3,playbackRates:[],children:["mediaLoader","posterImage","textTrackDisplay","loadingSpinner","bigPlayButton","controlBar","errorDisplay","textTrackSettings"],language:Go&&(Go.languages&&Go.languages[0]||Go.userLanguage||Go.language)||"en",languages:{},notSupportedMessage:"No compatible source was found for this media."},fe||Xo.prototype.options_.children.push("resizeManager"),["ended","seeking","seekable","networkState","readyState"].forEach(function(t){Xo.prototype[t]=function(){return this.techGet_(t)}}),Ko.forEach(function(t){Xo.prototype["handleTech"+J(t)+"_"]=function(){return this.trigger(t)}}),lr.registerComponent("Player",Xo);var Yo={},$o=function(t){return Yo.hasOwnProperty(t)},Jo=function(t){return $o(t)?Yo[t]:void 0},Qo=function(t,e){t.activePlugins_=t.activePlugins_||{},t.activePlugins_[e]=!0},Zo=function(t,e,r){var n=(r?"before":"")+"pluginsetup";t.trigger(n,e),t.trigger(n+":"+e.name,e)},ti=function(t,e){var r=function(){Zo(this,{name:t,plugin:e,instance:null},!0);var r=e.apply(this,arguments);return Qo(this,t),Zo(this,{name:t,plugin:e,instance:r}),r};return Object.keys(e).forEach(function(t){r[t]=e[t]}),r},ei=function(t,e){return e.prototype.name=t,function(){Zo(this,{name:t,plugin:e,instance:null},!0);for(var r=arguments.length,n=Array(r),o=0;o<r;o++)n[o]=arguments[o];var i=new(Function.prototype.bind.apply(e,[null].concat([this].concat(n))));return this[t]=function(){return i},Zo(this,i.getEventHash()),i}},ri=function(){function t(e){if(Ce(this,t),this.constructor===t)throw new Error("Plugin must be sub-classed; not directly instantiated.");this.player=e,Y(this),delete this.trigger,$(this,this.constructor.defaultState),Qo(e,this.name),this.dispose=Ye(this,this.dispose),e.on("dispose",this.dispose)}return t.prototype.version=function(){return this.constructor.VERSION},t.prototype.getEventHash=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return t.name=this.name,t.plugin=this.constructor,t.instance=this,t},t.prototype.trigger=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return K(this.eventBusEl_,t,this.getEventHash(e))},t.prototype.handleStateChanged=function(t){},t.prototype.dispose=function(){var t=this.name,e=this.player;this.trigger("dispose"),this.off(),e.off("dispose",this.dispose),e.activePlugins_[t]=!1,this.player=this.state=null,e[t]=ei(t,Yo[t])},t.isBasic=function(e){var r="string"==typeof e?Jo(e):e;return"function"==typeof r&&!t.prototype.isPrototypeOf(r.prototype)},t.registerPlugin=function(e,r){if("string"!=typeof e)throw new Error('Illegal plugin name, "'+e+'", must be a string, was '+(void 0===e?"undefined":Te(e))+".");if($o(e))Ne.warn('A plugin named "'+e+'" already exists. You may want to avoid re-registering plugins!');else if(Xo.prototype.hasOwnProperty(e))throw new Error('Illegal plugin name, "'+e+'", cannot share a name with an existing player method!');if("function"!=typeof r)throw new Error('Illegal plugin for "'+e+'", must be a function, was '+(void 0===r?"undefined":Te(r))+".");return Yo[e]=r,"plugin"!==e&&(t.isBasic(r)?Xo.prototype[e]=ti(e,r):Xo.prototype[e]=ei(e,r)),r},t.deregisterPlugin=function(t){if("plugin"===t)throw new Error("Cannot de-register base plugin.");$o(t)&&(delete Yo[t],delete Xo.prototype[t])},t.getPlugins=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Object.keys(Yo),e=void 0;return t.forEach(function(t){var r=Jo(t);r&&(e=e||{},e[t]=r)}),e},t.getPluginVersion=function(t){var e=Jo(t);return e&&e.VERSION||""},t}();ri.getPlugin=Jo,ri.BASE_PLUGIN_NAME="plugin",ri.registerPlugin("plugin",ri),Xo.prototype.usingPlugin=function(t){return!!this.activePlugins_&&!0===this.activePlugins_[t]},Xo.prototype.hasPlugin=function(t){return!!$o(t)};var ni=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+(void 0===e?"undefined":Te(e)));t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(t.super_=e)},oi=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=function(){t.apply(this,arguments)},n={};"object"===(void 0===e?"undefined":Te(e))?(e.constructor!==Object.prototype.constructor&&(r=e.constructor),n=e):"function"==typeof e&&(r=e),ni(r,t);for(var o in n)n.hasOwnProperty(o)&&(r.prototype[o]=n[o]);return r};"undefined"==typeof HTMLVideoElement&&u()&&(Jt.createElement("video"),Jt.createElement("audio"),Jt.createElement("track"),Jt.createElement("video-js"));var ii=function(t){return 0===t.indexOf("#")?t.slice(1):t};if(Vt.hooks_={},Vt.hooks=function(t,e){return Vt.hooks_[t]=Vt.hooks_[t]||[],e&&(Vt.hooks_[t]=Vt.hooks_[t].concat(e)),Vt.hooks_[t]},Vt.hook=function(t,e){Vt.hooks(t,e)},Vt.hookOnce=function(t,e){Vt.hooks(t,[].concat(e).map(function(e){return function r(){return Vt.removeHook(t,r),e.apply(void 0,arguments)}}))},Vt.removeHook=function(t,e){var r=Vt.hooks(t).indexOf(e);return!(r<=-1)&&(Vt.hooks_[t]=Vt.hooks_[t].slice(),Vt.hooks_[t].splice(r,1),!0)},!0!==Kt.VIDEOJS_NO_DYNAMIC_STYLE&&u()){var si=De(".vjs-styles-defaults");if(!si){si=Xe("vjs-styles-defaults");var ai=De("head");ai&&ai.insertBefore(si,ai.firstChild),Ge(si,"\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ")}}return G(1,Vt),Vt.VERSION=Wt,Vt.options=Xo.prototype.options_,Vt.getPlayers=function(){return Xo.players},Vt.getPlayer=function(t){var e=Xo.players,r=void 0;if("string"==typeof t){var n=ii(t),o=e[n];if(o)return o;r=De("#"+n)}else r=t;if(h(r)){var i=r,s=i.player,a=i.playerId;if(s||e[a])return s||e[a]}},Vt.getAllPlayers=function(){return Object.keys(Xo.players).map(function(t){return Xo.players[t]}).filter(Boolean)},Vt.players=Xo.players,Vt.getComponent=lr.getComponent,Vt.registerComponent=function(t,e){pn.isTech(e)&&Ne.warn("The "+t+" tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)"),lr.registerComponent.call(lr,t,e)},Vt.getTech=pn.getTech,Vt.registerTech=pn.registerTech,Vt.use=Ct,!fe&&Object.defineProperty?(Object.defineProperty(Vt,"middleware",{value:{},writeable:!1,enumerable:!0}),Object.defineProperty(Vt.middleware,"TERMINATOR",{value:vn,writeable:!1,enumerable:!0})):Vt.middleware={TERMINATOR:vn},Vt.browser=be,Vt.TOUCH_ENABLED=me,Vt.extend=oi,Vt.mergeOptions=Z,Vt.bind=Ye,Vt.registerPlugin=ri.registerPlugin,Vt.plugin=function(t,e){return Ne.warn("videojs.plugin() is deprecated; use videojs.registerPlugin() instead"),ri.registerPlugin(t,e)},Vt.getPlugins=ri.getPlugins,Vt.getPlugin=ri.getPlugin,Vt.getPluginVersion=ri.getPluginVersion,Vt.addLanguage=function(t,e){var r;return t=(""+t).toLowerCase(),Vt.options.languages=Z(Vt.options.languages,(r={},r[t]=e,r)),Vt.options.languages[t]},Vt.log=Ne,Vt.createTimeRange=Vt.createTimeRanges=nt,Vt.formatTime=Mn,Vt.setFormatTime=Ft,Vt.resetFormatTime=Lt,Vt.parseUrl=Lr,Vt.isCrossOrigin=Hr,Vt.EventTarget=Qe,Vt.on=U,Vt.one=X,Vt.off=q,Vt.trigger=K,Vt.xhr=Qr,Vt.TextTrack=en,Vt.AudioTrack=rn,Vt.VideoTrack=nn,["isEl","isTextNode","createEl","hasClass","addClass","removeClass","toggleClass","setAttributes","getAttributes","emptyEl","appendContent","insertContent"].forEach(function(t){Vt[t]=function(){return Ne.warn("videojs."+t+"() is deprecated; use videojs.dom."+t+"() instead"),Le[t].apply(null,arguments)}}),Vt.computedStyle=s,Vt.dom=Le,Vt.url=Vr,Vt});
diff --git a/pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.ar.vtt b/pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.ar.vtt
deleted file mode 100755
index a68a4426f0..0000000000
--- a/pod/main/static/video-js-6.8.0/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/pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.en.vtt b/pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.en.vtt
deleted file mode 100755
index 8b83d28c11..0000000000
--- a/pod/main/static/video-js-6.8.0/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/pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.ja.vtt b/pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.ja.vtt
deleted file mode 100755
index 4058648e10..0000000000
--- a/pod/main/static/video-js-6.8.0/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/pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.ru.vtt b/pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.ru.vtt
deleted file mode 100755
index aee7e49f33..0000000000
--- a/pod/main/static/video-js-6.8.0/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/pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.sv.vtt b/pod/main/static/video-js-6.8.0/examples/elephantsdream/captions.sv.vtt
deleted file mode 100755
index 6666eedfbc..0000000000
--- a/pod/main/static/video-js-6.8.0/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/pod/main/static/video-js-6.8.0/examples/elephantsdream/chapters.en.vtt b/pod/main/static/video-js-6.8.0/examples/elephantsdream/chapters.en.vtt
deleted file mode 100755
index 9740a4130e..0000000000
--- a/pod/main/static/video-js-6.8.0/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/pod/main/static/video-js-6.8.0/examples/elephantsdream/descriptions.en.vtt b/pod/main/static/video-js-6.8.0/examples/elephantsdream/descriptions.en.vtt
deleted file mode 100755
index 8835b7009a..0000000000
--- a/pod/main/static/video-js-6.8.0/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/pod/main/static/video-js-6.8.0/examples/elephantsdream/index.html b/pod/main/static/video-js-6.8.0/examples/elephantsdream/index.html
deleted file mode 100755
index 02c94391a8..0000000000
--- a/pod/main/static/video-js-6.8.0/examples/elephantsdream/index.html
+++ /dev/null
@@ -1,42 +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/5.19/video-js.css" rel="stylesheet">
-  <script src="http://vjs.zencdn.net/ie8/1.1/videojs-ie8.min.js"></script>
-  <script src="http://vjs.zencdn.net/5.19/video.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 vjs-default-skin" 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><!-- Tracks need an ending tag thanks to IE9 -->
-    <track kind="captions" src="captions.sv.vtt" srclang="sv" label="Swedish"></track>
-    <track kind="captions" src="captions.ru.vtt" srclang="ru" label="Russian"></track>
-    <track kind="captions" src="captions.ja.vtt" srclang="ja" label="Japanese"></track>
-    <track kind="captions" src="captions.ar.vtt" srclang="ar" label="Arabic"></track>
-
-    <track kind="descriptions" src="descriptions.en.vtt" srclang="en" label="English"></track>
-
-    <track kind="chapters" src="chapters.en.vtt" srclang="en" label="English"></track>
-
-    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
-  </video>
-
-</body>
-
-</html>
diff --git a/pod/main/static/video-js-6.8.0/examples/index.html b/pod/main/static/video-js-6.8.0/examples/index.html
deleted file mode 100755
index 84c0bda21a..0000000000
--- a/pod/main/static/video-js-6.8.0/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/pod/main/static/video-js-6.8.0/examples/shared/example-captions.vtt b/pod/main/static/video-js-6.8.0/examples/shared/example-captions.vtt
deleted file mode 100755
index e598be1982..0000000000
--- a/pod/main/static/video-js-6.8.0/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/pod/main/static/video-js-6.8.0/examples/simple-embed/index.html b/pod/main/static/video-js-6.8.0/examples/simple-embed/index.html
deleted file mode 100755
index bbf5c6fb46..0000000000
--- a/pod/main/static/video-js-6.8.0/examples/simple-embed/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-
-    <title>Video.js | HTML5 Video Player</title>
-    <link href="http://vjs.zencdn.net/5.19/video-js.css" rel="stylesheet">
-    <script src="http://vjs.zencdn.net/ie8/1.1/videojs-ie8.min.js"></script>
-    <script src="http://vjs.zencdn.net/5.19/video.js"></script>
-
-</head>
-<body>
-
-  <video id="example_video_1" class="video-js vjs-default-skin" 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>
-    <!-- Tracks need an ending tag thanks to IE9 -->
-    <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
-    <!-- Tracks need an ending tag thanks to IE9 -->
-    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
-  </video>
-
-</body>
-
-</html>
diff --git a/pod/main/static/video-js-6.8.0/font/VideoJS.eot b/pod/main/static/video-js-6.8.0/font/VideoJS.eot
deleted file mode 100755
index 1acb79a13dbaa7b9abec34eac74b7a90547ee647..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6952
zcmd^EYjjgrc0T)F-7Cv7GO}KPjV)Qm@&iB6%YdKZWx~_3V+TTb2wS!k%a*WZVo1q&
zCX{I~i#+WxnIuf7N!o#Ct+Y*(S<uX)>1rmOX$YAKo=K-^oi@|ek`9eJBr_ANOTTlk
z9AW}pE5G`q(%Sd#v(G-~o^$qh_TJ~-vV6u4FJg?C!1zyKlBhC}JVKn?)TWiMUsW-R
zhOI?i*QK+ZiFL6k>tSIQXB$`t#3t5`QXd;(F&1J&kl3LU1~&}NI2&Y6wv1J?T2=SP
z))4Xs8rc{VS#4`a=PKv;l7kQ~hxE>^9W~xN9@_a1%EwUd>K+IsR$Teb8<<IiF|oKW
zcA!@@{N!&KlP)l3&WeOXJ$XNlY=rJKC>VjjB<fw@{|ZzR8Ay)u3iS6OE{9|B?ogxu
zHuNX){?`nIMib;^Uq}4{l%0d2f$+s2e)1j6>F0Q6b|OBUY!P-}VQc}~)3bc+dMIkw
zYuEIo&PJ7FE-qC9y{@9IhTXXhpD?4=VyesZ$6ROjt|wKVl`$2%N2LqPs;P4WX5-J;
zH4y*t`fMy~6BE{~+jJ*0#X`wJwutG}TCM(zJjJ4YA(oYCNzmi91PL*DRx1C99$^w=
zx_!ETgX}ZyF5biLqVr$G59;Rp+IrXau$C01oa%7@P#d&5#*7}9{9h6tk9h%Qj4cIW
z?(|q@e8(W=tGN_+tT5y{wnx>`ae2yl4QrkvennYZH37Oh^eAIeS<HZTMwY|oVLRlq
z`OM7nn1xxH4V%Hi7O;h|OFk=Li&-HnVor3!SN#9`FNZGx@TUEoe2q0yR~?8?an$oW
ztj393FNO8z#O;uRMLBWHrm&)%IF?fY8Yd386cEpeBR^%(2=-zrSeg^Jc*>{|Y{*g=
z6(?AerRHe_yRwu?BUqTFay5djS!%vUusTbbHG=(FDo-OIfu$@O0TV1`)d=WdDVs*X
z2}{{E0%BOop%JjdQt(8afFhP!s1fkQQt<1XfGn1RpXUUOu~dOZKpRUf)(E&`sX~o_
zK$a@f2v`KVHR7mLe<l`T53s*y(<IO;iqQ#rU05J&6J8dk#ai(t@t<_Hx=GzXN+nXS
zbX0cAz4FWQCH=OnysT|mgIR~woy4SZX`EY*%p`P*L23NzB>{`eZOG()xgT};%#SD|
zSc>%~(#!K5h2*e1>zb%8INwuEo>H+`z4=v<SFN_Hs=`NfPHCAqF@EIyiu(E$=Z}n2
z?REadfq4H5RW&tLFZ9R%`#LMsQXBr?R`rz&*Yz`PKRb703$3w=KLD%+^AS0o$Ym}k
zv&&59s8YEobW$aa=<HW7>0me2H!#^HJE7@d9##Q;zo*n=a|G+GdPgwe=X0|0sgfQ&
zxv)O6-WIHL)REqyyWsbBeqTIWzHjr|)t4t?r)rj6eR(&9l#~1+)YP{9TL-_jJH6-W
zr^T^Qdt1fx-(Rqxd+)x-o_prlH(x7$%K3OWDlFZtoK#wrar#twy)pkOch8C4y2+=X
z#@Mj8Fu>E&6yGhF0XL12DrmoQRJVsW(VbGpp~CkZgKej<V}Nya{N`X?P-`NE{oXt8
z^!jJ!^D!yo+DOtbRJ66zZJ+m|+1V-Q;#nqE%$P-ep2XLJ_a&-JpqkS*Yw>BVL*Z|+
z2%TR4Sw8(`HK$?|mshXFa$FzdG@rZrMB!s~(*GU}Kkj_0__c2yqm@_*K23EF9D@?}
zw3+WCa+_TNx9AJ_0xojfTxPdu^Vxi6!8l3#rza<;m80U=H0__9o}LswQjSgv+0&CV
zW2h9qGYR=k`{W(CENXA0_G}68$I!_1q;hnc_eSS<&y&2HPLxrk{Z}tdL(au~nA&<z
zVZANtI9<givYD-g<a2qOC}8$ilL(|pEi+@~Ys$*jl#7}B%$PVPU4&px#nq3*F*TlR
z`z#B-%Z5Gg=26c;rS4+AtfwVFAxSQRDFS{85R`3Jhf4x3$wzjdw=P&m!VjpYz3uS*
z`@1PmJns9|N#(Ne%k%|0xYHMy$y46PEmx>be~22&8&%%#*vfU4%i_mE#8OpxhvK>K
zk3MTqJR8%)y<a>0@WzewTlKzSBgFKclEsziJ&s216EgG9hfi|DS~pn*a@kzu3b-T?
z|4SFIc9pL!D_dKxJEh*QR#AmAC0t6|g-dV|Q&hpZFE3I0^n`M8Vq#))f<HQgRrUFm
zZ1pXk?GCtYu&~W4S5k2)tP-pzuiYlyN)Crt#>ZBsv#a;?Hxd&QiOQnsqNPi5sT7R7
ztg@=`CZqgx$@G#9T%9WTb;I0Z#>P(Fr>b8vA{MFmvG@SN4Dr<h99?FcD=>`-<42V`
z+trUW5(AU)qjYXUY2l2}Il&i1^%L-6F{JH`ih-7(-$Q^S&<HGYbXpx$O>S@;rCwkK
z@F^s%UTUe>SeX7#y<W&I+*;Y#*U->+u&+U%PR*7YE4LO3R=K`se@}gVkFd3{fa>zS
z`Q%^hR8<@L8W-j(Zxv`IXMysgg$wF?R<7jw++ON_k+&m;tY&Q(Ax4J~;SsATmr85+
zz+A<0E->vWmGz=*FCy9MK;Up#3aOb;RCiXe8Q^!=gLRf*sYfcVCVvxo3(0CC>9iz0
zn=R`n^^0=OG^{ERZ6;;PWD^S3tUNPsk$yri8K04)XN(fqMf1+ouPzX5CaRdLkzU?9
zx^CU*aefi&Dw-<pH{|D#m}8JOR_DKA%F8poQBbu}GUO=foP5Lm83h!+q<}{GhTAe-
zp}&lMcnn2GV6lEFZaUQ<Iq{{ym<f8~*ewF*^|jUdR;~Y4WAiP0zeQM<`@eEP*7ob{
z7@Igozv?J0F!Sdo$B>U6d7EbvZyz~Iwb%Ju47o3ZQlOfT9*vX>*BfOzxK%nKbk6RG
zhCVE~8mEv$xv+POSUIc0Y;NZHxR=4Mh6k!A7u=57D!W~E*yTL2`jVeXBqkD*n$u9G
z;AUheROaZ-jKLF}J9~C%kup`ZG%<an?MwcbRki31<S|g40m0&y=6*k_Tv4t>$*6o1
zr5wtMDxcii)H8-TieyA%41f<xnv!2Z9)*0xKxVJQ?yy@CzvN=%5v2jQ27a%aA*z{G
zsW^tzXXId{x4yBlzBh7(GZQsc&-cf##QUG;X(3o?9C2bCiWOYv*U@l8V`D=&df*G0
z<FBDzU6UC@v!3y6oy_iHc`>;}gm^RevHqaXD>XmU)j&%;igNziwF@skE?-f8yMFy^
z%FojV;Wt$F4`<%u)6ndE9R1X?wQLVwl`!~D(T2(B+{Jt@euQE~<$%9VhJY8FkO1i2
zh48i}(E}%oNL?*p1Uyz3iWYB^00Gs&=Lv}FCUjOPkk1C71l&k+d}2|{j=NiG*DIG!
z9{%NuCEGVVNM>h|t=j&?kJmSE{%L}~d-TB#o0hFzx9qXfwnc&B=6hQz?pRo3t!&&L
zT-m>)&Xj8@%r026Wxg{IiFX9o?K>p)U%VK7_uZ)YVaeLnZDU*R?l?Hyv8SQ+j-%D>
zc@-_?CChYw{Y3jy!Bs8WnvdPRez>*1rOB1QqIczyL+u_{eYm=>uiZcM<RbsBriHa7
z3*1J>;^l&=Wckkeb^Y~=#aQeYzlgn;iN|AzKO%BRo<Z|$+pfl4f6!~^ML%ZD7sBky
zn_q*xz}+PJQ1ia>3hk!8JB9Y1z889Q4=b<U(be2(Gb*nNM0C4gt!V9QK7B#=@Qh3R
zXY$^@ckkn&(9HYkH-)_DeQSM%zVy%NVfwhX_7P|8@}hsmqq*_qCvc?X-cZ)tZC1fV
zI=9oqlO!Zj+O3i74%K#corBxX=S99R>x1$Wt9R3;Z%-*d`BNqJfxGg9m!dBexe6*P
z5|6LhvTDoH1GM9ftk;el+cU6dNpz<a*}K+M@C_w>`PG3(bw`CmA<5|Yvk_gXxb%3(
zwv7{ikzHDH<h5Sgis5E{Zq@e37%+wWnjHKPRV@b0?m&|c*r~@dA;|?M>Vi^jo8zVJ
zkrxwNTz|5DXicqEBE9YkZC3t#o^y5W7JB<v?j{nJ-!nS8QgHrk(Oo;^cU4JxW!p^p
zvqFEMkc7-SjLBno=?CNr0IdfRR7(mt3^f2^d-AXvRPhXhAX@^M>o`)m!H_qIvZEBG
zyb`A_PaZq3oO~zVUvCLo?`=HrgUEgVay<IV*LGC4Z7$5pk_Fl9d*^#ke($0F#to*d
zC61uCscT`kS$AGJPa*m)h0cp(?<gnFJ9oDJ)U)EDk0*!Td|>6CLq}Feo^|Fpix$WZ
zYvbKdzW3aNr!L>s=pNZ#<Xtt?dHXVD*Sh{4^n3sD4m!Z|wU<&%PrA2}eY@Clww3j=
zeJqK2nteg;arj@2FnZa81f#SLSwpaz^k%DMuT%4gU?Avm%MRogT-oZF6=Nkn7u!&k
z(Vi=oe9eSogj+Te**s!FL8N+<zj5j2%9?C_=bF}zKqOE>!s+&YgT8ie3q7zX&p1E3
z1S!}9i%Aq@(c{Rcl8n$!^gto$1WCuG?u8arb*}Vxt1sX7!Kt_ArT$B>AE&<)(gIS9
z+@iXB!UwjWs9Bb!BN9a2>tffYRXu)5nb5zkw-}w)me#EuKYTGOOESo<o9@|h?#x$^
zp6j8om}65ORE|*kcL1)ouUzo$IF)4Lw|eH`u!RrgXF~1B4}WXsnI|%C?XAGrLx)Ds
z_yWihr<IH4WsmL(y&Kx~Xj!>(aT=jD;5##VNd8N|@9gNIhti)yf~>YbwCj<w^767r
zc7^&U(x=f>$VM+`eSW^Zwewet)B+A0-5}tBINb~Pr+;7g2vL&%`B7`GuE=!>W<y*;
z20cNNa6dny;oQ-p=`y?#dPAEjuGpp-UI4Gp@cfN}DZ}f)+cG>qwH9P}{)W+$;j>vK
zUZtz62Mr6`4j)N610*KI6pa_aAI$LFgZ@E=*MXnR@DkoKJ(uBS$j@Z>Y`nUEGs7EM
zDHV1_d&2Pz9qr-1kyvObQ<}YnhlZo^LFcmS+Ki+%JQyAdCBr?=y$77b`}@4fWUsS#
zC_dm^7avT9W3jk1F%-Wy+?}kBB$J7iH8s5%d3ASu;D%2Nb3ZH0{cvz&>1LlB=IXTK
zlf<C<St5kJ9mXdNC)>*o;5y9q<MV|V(j<1i6EuX+76ahcsh=;nb`1YGBnh?dUP!v3
zU5z(oyj6m&WHtEr-k@I%E#6ZGW4PnJ;7xxnylWFlM>vY(y-*ezD4UGPo92-Tr<(bI
zSRPr(N;a}1>smkyX%Xd90WF3LE+QwnsF>*zvCsh{zf^Tchq_~7DG?eO4jcE!V<Q9M
zs)3PYI6K3~;`hz61JRyYjYzaFGQW2u78~v!3Wo=)!Z6uT?iU54(WE@QZzMDn)(<D5
zgD|#Xcw}!fnv8{qv${ixB;Wuh0uI=ah9l4vyW@SbHXxIBtBQ{#W6{B|B~w&8%8Xfv
z^vK<z!R~NO9t!ihWc7x+!+YcLeyJ}J8yU_*!~SqjbWoqXFPg+t<mAY}-q?@<!$B!L
roHU0<dZO{Fo-k$+RYxSL62oA4G+7l*h6m;)hQj-!@sVM*#O?7vOu5mK

diff --git a/pod/main/static/video-js-6.8.0/font/VideoJS.svg b/pod/main/static/video-js-6.8.0/font/VideoJS.svg
deleted file mode 100755
index ac263cd852..0000000000
--- a/pod/main/static/video-js-6.8.0/font/VideoJS.svg
+++ /dev/null
@@ -1,108 +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" />
-  </font>
-</defs>
-</svg>
diff --git a/pod/main/static/video-js-6.8.0/font/VideoJS.ttf b/pod/main/static/video-js-6.8.0/font/VideoJS.ttf
deleted file mode 100755
index bbe4780fc8d758edb911a66d2f718744fa0870a6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6788
zcmd^DYjjgrc0T*QBw0qbte3HkELq0#Q#N`T@G}@=!qeE;fe;?DC0mMROW3k8P#DjI
zGR0<*2eHFsk}#bnv;)mrX`3dqpv<D_DwEDM1ZIL~(kZReX1ZGF(5OQ)Gr_uapL?$Z
z4$!sot3N8OeeXW|?DO2;*?XT$fDoc3V}vDDE$tmEY!i$35duq5x_M)JrF+wn?N_jT
z6w966{ek$hTfezT2oolRE$EHz?O`=P`5Qv`%Y^9F;ZPu$_2ckb)SW@{hf$zoRd(e6
z3aK#MpBSYT*x$$aI24U_2kN|!V1GRAe`SAQG!Aa^b*#_EvTY#HAG-R(PrpNm`R6!h
zT0AzCXk>QYA|xBz!z%>mu0lomdFPG_sAS&HE=f?@nZHr9Go$uXqLo`rck2F_YR<h?
zAj#E)QQFg<>||IOfJ)QwPsp8n>eEOSsVB_JRqHkrT{MswAUTA)r~Y0ZqLJPJQDZIb
z8BmYb0!n}gb5h|)@C@Mz;dXQXhO*D)H~R#63@+gg5S~Tp1AeVN%|X(bgrrSc#UILR
zltxmtspS8XaClr7qKuGoBwRZ@r_AptO6i`I;~RGv<s8{1>2Oq@wB5lyPXc{nS>81U
zbvf)&z(uKv2HR;#I$1z;B!grUJ;@>lVk9PFCKi%S7NT8pNgi25tR$b<up7GL|KES<
zbOR7?^3O*1SSD%L5%EcidiqAIQKHsM;{H>jc1WT{DN)NNaYrdpEGH3Ylqlemh<HjA
z`ALmTXfKjPOH-m2PikdC8<Hf>iV|9rBp1kpb|p!jOlV<}%#aCfO_G^1q18!JFB96I
zB(r2fB#@**Cd33u8f8Lskfcc_#0g27WkSS|q(vsg4oRXXqJ$_S$%Qf@o=7rBCPWrV
z=E{T^Bgs6O5N#y6NG8M`Nm^w>1d?RFOo&B9w@eh3(oaXi<RJNbG6M{(fGC`RcbIHu
z3-cy3!&b3xu>ZtWaZ}ts@`Zd4KQ7pW9^p;lx@wC$OT9%spgts>B*IVd6V!5`2d0Dd
z^AoqPGq}0bhD7KS`mipScnQ%kh60riR6?f33Kp}ix*n?inNAlti`W9`<&{KksoE&1
zGB@CY*f@D&;_#(qH8smF9iD)yyZnj0vA$Ckm6a8z`eOfmmu0G;760Fs^u^0}^_8}t
zU-)thxv_*l1Xv@khoyJ|yS@bUc0F8xGVv<Y0c9}EnQvd`&~B1%Ac9@6p{9j6Nh#`k
zokdQQ#b0eyS^PdPU6Y9}6;#-h9rs62nf%q3YEW6Y%U*ZK_t|qLyVo~2-JFb`u3U2a
z&7BYsPtrl4zIE%j_I+z-YS&9Iv15U@*3#F$pPk*^wfnhOUq1TH^93*3j)x*l`A+eq
z*eFiGXW~0`xi30`Cw6jEFTI3w!?T4GJi|}Z(}F9YrqMzvjELjhF4}}UEl!{cJ#z$Y
zJB=p>u`bPD@2~dDP56-4y?L|SJDW-8Bu>aPNu4TfZG%U?=tZ`(O~}Bpbfka~gESsb
z_k#AtN?RbA(==!C8M#B|Z*dbk+}?9^`AaHKM<;JKHRE>No#PB$yEG#6iL~f{kA#lf
zUMx8O&7-g!cY-ccS_8!(k7rs>&k;EEcAtaw_&h#4I81iEgEe_f9zCO-f{~f2sTpyc
z9h-rXshOE6=7u;v#iY$l&5mIu^PMS_Kd?{Qf!!eW22#%k9~}mUXQssQ8QL3Mpgm8~
zZaT1xMHsn#eFo)JOs6UD_cZReL7Jz%KnEth(Fz{ByB>UcuM1d23g0+8R<g3Vcx4Hz
zyl2PQG5#tF=2hIj!H!AsTs~)N^j#)A^9~yIG*ILyPzfqnj3@-&4rmIWmq!Q+CZom9
zBQC)MW{<ntUk%I;AlTM=X#YqzWU<FQzd9-2WPX{t4Ewfwe6v~NHGE|-RjH4$2C_!Q
zYwa7Uu6UFEgb5oe$~KA4J%99ht>|2v8tVDlp{Libh2Ki=HEU4}ABt+K1Rqi~QlFr#
zKNo$H1FiLdT>!hu4tAfNN1}iJ>g~>w=HlY!67ID0zFh&O;xuzTWoE9Ui<pK|%H6+3
zsWX$})yc`psYyDtf>mk!GSc*ru^m2#2`y|g3T04GgjVs_fZJ^1A0|hKS4`(t%$cQk
z>KpON$#_}*On!MeKFSy^ElaE<e84O}TRgLP4ONFy`dl-=sMy%XeJ1%OEyf}VKL!s%
zP$9Zo2uHi#WcSVBg7F7soay!rnONTx`cb$rDK=7u>6oM&BKZmQVNtRK3k8T4zt;%}
zM?@oHk)qRR0T(!sqbPMFRuDc`kn8!z(zVvqf2veWhIM0EU2kn|@4ntzRVq1Gsw>-Q
zWsE{ia3ok$6J$18^PoD{oeSPYHc7R%w{Bss_+Fk|vgL_CT9{oET)v#@Q+rA0Mc9fl
zq=~fR3~_cCBAl!XGN7oEPRw2)WFV%UMS_YI%=sV~Ef_c~1}iiG7NwKrZ$R){%>HVF
zzsSiKxWHQvZYvmdz@OpySJDL4lqx6vZ0(9X)}#}sbtWcn<?^!&a#WKlUi&i7zpUkv
z%~^1^rYVmx>7aDJMrvux=&Dtt$LNEtF0C)!ugOgZHeJK7b>&{vWo79u=2fiaHR)n1
zJy)||QNY4|3fL%D^N7+F_NUl~#!$=%495H7rcDZxllKKiCFrqZ4+)%i_g3y(vi?_%
z%@6JUAz@kQ`^o`XKCg3gtfv_Ls<SkpnZGbOPI>(B`!thy|L{0e-Q^!L<z5A)h-x}}
zY$RU3+eqo)Vd(_ZF?S+rdvU|1IE6Ws9nWq)DIpcOng@A4>Sgd$qX()1JGvdcQE=F+
z@s!iV>OMack59&@WTzocqni<Is4`D)b__kig>&c1^Tp}>^7zb`ZD07m?5aVf0jCD4
zH5e=&YVK<h@s@Zi0$TCY2&6-LMEvyOrk>TzQv@wG#tG0#@zcUvm`7p0q5-|zVz!u#
z7{7!9%p;0?4jKGzDMOSpt0Hy`Q=j2|;hvhhx|*KwEy_$*R=n01yA|tuji!aj@)H;*
zCQz}I>ijwqs;#T54Mq0elR5qxwOy6U92!)FX6vAL6bOsJ&SHqyQy=T~d)$1(%bm5b
z*eQya?%cWj`f=fw_}kU1&x=1#X_((Y@jsk>k1j*D^D*qFiZqj5B#ONmt*i+b!#N7*
zTD%yFF)I7K)dC7=u^tlumBWhOR>wNg$zr5-F*pMntF5fTUC*EZD$(aL7}a&ynUw*L
z34!8sV3Olu^BcE4-dMF-yngb~FPAOey5=d++wx5=^YcGm-LU?raro}|Q)|{OX<oJD
zxuVt_UqQo@jis9wRvOFdw)&U%ZL8L07_4b|i#KH2eBoHTf7R{-Y~R(Zkq<tIupbvT
zH?@v!c)WezQ2VahmQCZXwye^|lENk2Uq9dWqJKr>mWHE`uO4ctX{@*BF6&u-_&}S}
zUK4Wl_O^LvU&!(9s9#uBnC;M77A<9Tg-f^Btm>;-#73jP_(k+XB_5Aq{9!S7q!~2L
zw#`!9_4?grTJ++I=|<@7S(%lX7dYx!57t~0--4acyP0VV_MQrIPm6DF>TKvRX~nl0
z0C<!!mbUaZoVm<BJ!@zG8QhO{bsY}`X0N5*WwIiBnmtxe>SypYd{R~QjIC;E{=eeT
z)Of=4c%`J?P*9moMn(sm!{($(5++gds}9T-$#!PWLT%@9W4<q_{KE51J7L|or^TQA
zshIr8QTEXrkyH8hyt2~x@s%4^Y$)Fg+b*ilA3nOPf7jy3c0SzItjqg`n7a9P|FhgU
zb0ENLEq^x56|v>V+PAEo{EM`r!o%l#Ov{EE=)F}wA7h9q%&);hFHtVmr+4`3ImAv4
zZWAWCh>2=HU)5@PV{7>J_y+r*tR7rhW#mD{-GcSvpD(aARc(Oxf90qLX6X~7qstlF
z&vG8y9($~USBYC@Q=ePCJ}WTFK8y)tWDSmGWDvAYjG%H-Kw&5Y5RWGft9}X3Xb{Yn
z5X{vSsnlSYH?V@G2uoRoHZDsTyCj~x66>om_>E82?fpS`&%Ydty!EwhWv%P2YPG-!
zde4>bz3{yweRXSe>ctknyS{T_x1PHsUV;F87Xp{qu`A-qOSbJTKXooU^2yZTy9bx=
zI&iot{E98zmY*$HjCGH{@ZqaZoxb^4onv@wzI(-B$D>Qc9jp4b!SDUY73=`Vmp@7o
z6>#rk_H8Fi$wtycc9R6IQ}6Lpk3;`bgi#4jOfZV7F>CO<K&3bG=4vUA@caBuhhV|n
zf+`y=b7I_yFT^ISQncrbc~1l2HNqii0ZdLdFE8v`=dCMWUsjo>>R8#*?hE@$fjQIG
zr%_dPHNwH1ENy05A*Nsl7Xix%tkaSUg^JJ&aL@`I!*f*XSZI(`=SzRrbn}sqPQSMx
z`Cp9r82lZRVlc(X$gh4Pw0G-?$|Y(JfML0J*v@q;f?i&nRK24zXl=&EmW}N{d|j>P
zHA2g}C$?QU`xT@Yf)HZUP2yAHVMzTBfh(UYJNkCKl_>FBy7N%jq7S5ZLix&%{#H*j
zPt3UGuL5I74ve1l_%KVH5wDgMKf5FFL14$T#U<j^84RsH&)Lxf!e4ql=SB}4NqvSA
z%xe1rJDw>nDJgztN1$&qbq1R<Y1qp-kCz^A`To_&HzJ1zUBlpjc)Mrzr+%Ngfl-qF
z=~ZjKE=zR*&4zIaGw4a+nf>&NhWCy}S(o4!p^NfL@rlP&;Thyr3QxZ%=oFqq-lXvK
z)|#jA^b4a?;nPSNaVfkObB3+xBZ1SPM29g&<{9MoDLnO{f1vOj@>2@W<5#9v6<$F3
zS%ps{o#b7G*ODTzc1D7s*qZjXQ15UwFsPK~UZKIENNm8i#8st8T0#S%!9XGuv~}&Z
z4UP1=6Nw&M&tR<IwkkG|2t}hYTYNC~WT-pg3MUfr<&~8^irm#5>&LMpBuGLehF+$f
zv?14v-@l_IKnA~5H(#?8H3!KMwvLejVnbi;!Z<r$rv-HeB)tHh?GTP*BVA-KK8MH%
zj^jpY0#CjTX%PGAM{bqWAJvZHKZcUHRQDuGx>4JOU&?5!I9X0A@!#_$eHUuco)nDX
z8@~%a@Mp(wZ7gtrS8@C<qy`P7ffn<o1)#%QO(sGt3k+Zc6PPjU%7%rI1G$g~i_it<
zgAMFZK)84`uvbeT72T1+?r4aQ2Zo12+L2gvxIa|UKb#1qDSR}xXO8WU1m`ruk=}4-
z&u}z4)IAsq4OE2CWP=&^3PvLdVQBYoU@)W_ibn>}*qWi?u0$je4GpQg1MvjH0husz
zhz))yjGAnBtXGgHq?2D2vEf8CG7vH-MX4iY&P+HcbO#2yLs4NcMAxG333P|LVzEBH
zHy#}xQe(ruP%tu}O6-Xwa1<di+}{-))Zlcm6dFqC1H-{ctRfh~RYas2@sdO{5E@NX
VL=vI?1@XbqNF+8qB$cQ={s%`<!q@-+

diff --git a/pod/main/static/video-js-6.8.0/font/VideoJS.woff b/pod/main/static/video-js-6.8.0/font/VideoJS.woff
deleted file mode 100755
index e0a7cd8ff849cd175e849032cd977debc820c837..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4168
zcmY*cXH=8T)_p?gNSBWEjwnr(7NmnxA_xS55Qq?jph#~b0R-ut2vRNdYG@)wP(um5
zBVDQjp$a1H=6%2K{<vqYJu`dH%-Ltn{F(7H)zbq&04bOZ0J?vA?uh^6|BU}P^vx}_
z002ZyQdLQ~FAyslXlj04o}}rJID`btd(n17NOuPhk`_VYg8%>)Qa(7sqtF4)06=yh
z0BFwvfSDRhGyKKH$>AXY(33Pkngk^lg3DbOl1S1*Nt}lS5e6`opo_b=KS|3baYhm%
z7Dx^H3G$zH<)q<1-a6`vns|2yf08f#4vF)VAOMmFFpnMFodAG=iByj$$)9$t^LM_-
z6EAO4s#_$Dln<19o6P>eKO2d7h(Ihj$|9<f2+ybcG!6>{!>irMBu9ipD3GKk|5{F5
zK|L7*#)ErmLLV^*IETL^1H@D*41j<4s(!nL!K7m_?~_)zz~C>}srz`pF!lQ<U@*~`
z^h}U6wSkwhgU6q)Kld<KzS?y$Fgueo1J|hNNN4Y#y*2cxvO@sST@3%GG8T|){n=*J
zCP^bs)rq2KrRmb^;OsQ$Ffd4!^`q(~6P)}&tp{DaPrszXe_ZAEX4NaOjlijxaRlpx
zTk{YSWWbSeJ$|ezg}twEi0+shJoTHCUJG5(3LKR)jj279GHpd8Ou6$7?-c3-f2nJ`
z8#Q3x{^awV_r`s^F^VZ*p!a!Lj2wwyi!SgjY$KR!=WzX+fpSDPDUPNWRMPt(i*2-L
zxqi(-86yJ~M^g)O>3=&GTWPm&{hEcQCPPXDjpzKcb71ry_s7^m)>_*{c$CnGj49Pq
z4X-!FJ{`~6cdepCBM=>?)RYwDEJg-DelWd5gi`uN-~}CSzp!K0RI$vY^}(MPfWuQ&
z%-yEtZr`XGb!e(r8PR$VOD^q(1QDl=0m1&s=H?@!`q7Nnfco0Zeon(B**~3(d*PQH
zI0u184$n>(CY|0ma%LpZ2nt3Zr{ba<%%aDIN;NMR@)#o&U!9FD92qxYLuc_1(y;o1
zAJZIiI_^|{PU4N@<=*7aWu@-rBJxLkc)g`PtrVHSfz4p&XLLUu=o6C+7i-S7@?YNf
z>pcrxpH^TojwF&Dv3@<Pj(e$^qWB^|Sy7hUBp{+Tl(pU?vWAcin!4rmJO!a=B8)`w
zc5T;8Zw9^{sA7$WR7DXDO^?Wg?xYMt!itZM<3pI@X95z-R_G6n77KNK>a2u$OwuwE
z&s=3{yF1r~ptH3<K5h+E#5eFMcSKHSz2?2%CWpjpZz!qn4-d7N=GO5l@vpCo>AI~T
zJ)wLNJbN}4Q&AOLQRALN!un8|Z`WrGL(&#Y?AM2NC>SQC7(FVyY5lbL9*P});yX6u
z^f7xLKd^n*Xi-(I@`UIWfG;x7S#FOI+g(a1bZ$hM-RT%`76eb2DX>QliHVtZIsQ&1
zj+*+bWiT0p#Ok>`4d@@-!eVnLnLa+SiCS$eL83i%J&mUhG@4WyUNPGALq2jy4YII?
zKpm4%_v0v^wTD^=2UL_#Zyer1jNRpyF7w-%<$e>>F%DDYPNkakxKyu)tdaOA#HeHV
z;HnBAUUP3rVt89Bl{Tq1MiDCF*5b`I$r9TGmXo57EMAsi8wq>1*)d*2kb7q?ukdL5
zUTuSAvZVEB{=~Y`LWb?w!kGV^&~FBd;Y*7h0TdMbv{TDLYQ2%i%<rEPK2NeK^-`y<
zU44;>U*}>)I>qeNV)|T}DVX=<Xfas8Zt?dHXIK~<mFDkF+t|L~d;Ba!;E7g{*9h^7
z4S$%CZ{EoWa?fJV@Kg<Lzjc^^>cQ@$Yxex$U!s0^*n`cGDQMoaIOP60%&v;<IqVGC
z^LdYc688jt@rQU8AHVZ{@3D)HyltAf1gq`4Ap;*{qQ>iPUAt{pilhS;19)`jYxrr`
z<X%TpSXh%5F=CHTnlei5&b3bZW%<IF_dEv2bHrlu;<|*B4MeyL?usKVtmnH&O={}L
z+{WHU{Z?tGVdohR26=EDoZj~~@~608MAo0*ykvTyBc$Fx1ABar8IrA|dveEIa88%N
zb6j&u*~7r_7v0$M`k*HBQ^B$*TWa!4{t6y#*#L95N9z^X=9-s#R3;`GzM@ZYa}ulf
zIAgjrzYEADcj@GQ=B>v_b|z4~{kB#E<_5cCGV<$(xC+S2C*LS}I+P>+yb_S>r@9hf
z_@_-L`QfXKTV*QJ(y9%9mNB~nVu2R@qGE4Y$+m2!!5H5UU(>+nXe%Xu=S()s<yV<9
zZLd?;Grg8Idb62bs*3YZQ`dB1m>N5RVnJl_6|IOI8O){XbhB?Fu}K&?_XZjvX--eg
zK`yxw&N{JT(56(#?=i#<4?U!99EID@VA;7JP9Rsgu_GRE{z6eRF2?$2k@VVXbzq%Z
z>3C{(09#R!Q#5n3)s>aww^Dqstw&6#T)kex=@X`vf8aKP)&{m`_4&)^?`=&cXXP-U
z1EuC+DQER63g&0NCQpU)vaWTG;LQC*xT?LVz$QH=E#i{2{Dv2UICXGK#V7F1K3W4k
zB7hfJuUV7~-7j=!{lK>U+#a24_V;r2)ri)c0=R~su(J!765X4oO}rL->l*qT8WS3T
z)6Hq~;+f1ivtZ~}@;%7&sL+yHaT!+eHy^w{z-8%Ja%XJ|lO)d*Hp9ia6^sE9qwCx`
zi1btcj_oW|;EqOC7t5YRAy<2xcEfIblpO1&9A#}T&)7i6`NL;(elQE^!Z3BV(-LZS
z^QIHChG4taIeMw%*vAG@2ak_qOYGEh19^mtJv`+Zci(nMmcOlr8&bp*T=MyJYCj;Z
zIP5=QZQnLa+ZVCr!w;hfhn2rErKO+$R&LZXOUi^O*Y5ts4-!V%CYPz0#VM1AGy@>p
z#NzVO(#`cb-`F+{ePYV+JBAyu!=J?rma(#QBJ6^2?ftUOHQ(JE`dBNiR=bR-w&T^)
zGOCD;JuDr2cKQXcsp!Rvu(s?FZ05l}B+VQ@Dp%1<nO3M!6F74TRX5n;&lJO)-on=w
zO8&h94=`1T_13$N6U~yEBJwFOml>CjTNoz+?_cdxziHxrkx9)i!YKil&JcR6bhFXb
zsTz$5KAt3+t}a)(Oj2-rRknWh*h!>wWp9}PUuW2Kg~8xA+fKP`%rhp;_B{q`yq!z>
zt?N3hm>;ZIp<Ij~DIdocy>7AN!5*(Z`GwRL7M|U1o9_$Bwz8VO3~%<FI_x7nklw&D
zq$#3Q!d?Wd%sgRG;y>)8hd^<DD`9=VF^IY}b<{K6=k_=|TJJP(U!@>?Uf*7MNv?Iq
z%`c_${aMDN0XQqF)hIIDBs~x0)Z@#y<zoin^J<u?O4<VpFeQb(Is}XHRj-c_R5V*X
zFe|4kA1mk4zt&xZknx_=&ze?EZ16f+nZRDFdNfqFJV67@-1ScQ+n<%X_VH|q<;2Qk
z_S558Onv?C-CaKe=Od)g<5bmi&}NjIlapyC!Flcc85td;(C9E);w5EELNNxHwN-1-
z5qh_|^fTgqFlr%AN%U&<9EVPxN42la)!>l(=OY8l1CS3Y8i5rj{*`G<-Uqy|8vKbr
z-ndu)+DgNn1=;XF>f46*`Bjveuc--kR<)jYjm!W)-Igryc~2J6=%H38Mn%1lOlQJ|
z#wWN2%FFmWxyimmoMd@by8)vc&Bhq4WsDbZ0`x^VN#Y~sJFz#o>}`gAyAC-1ETZGf
zu_|2BT(0~gbj&f*TjvzJI8!w4DuCnP+^P^*W&A+2Z`nO}gs1UyCO&uH^EbYo;!92E
zP>9jH)}CJ{93~b+#vK_Ad|fhh7(<zIf+}>wr%Z*@RW5B%TFQQ}#%7{c<zMVn2XA)Z
zp|>|i)NSjw`YJom>#I&im&&q@V~r#w$(R+1bX966J-JYea23({buWwSdB;hSJQ-01
z^zev!2c=+5h!PrZcai(7Ki6$Ye}2k(==+5I^zSg`*=$v9*<YoWkf7c7cH)(D_D-`O
zgeGnr4P^uoR&MNTmn}qHG>4LTJc|q&Sp+wF!PE_V(atou+^Mgpq4=C>eFcV=G+PN;
z->b6dkaF%|Q2|%)=Ju*lW=Pe*W41V$4b(a3Y1n4li}IUBnya%nLi3m{H7W8NaLUSd
zqIBvOy0O{sA2|}5|2oZGs{(g*uR=><_1CCXaq<=;BYV~4)5>%(p=w{G(z0kYWoVAr
z0`<VXQlG-ZYok@JRdf48(SAkG4xczqQniUc4HMPVtGsAWaF=FC&nWT$B39-cvDdSw
ziHj>Q|6~+fWcsxK6(ximx!$48lN!Aq>@ha@b6fL@YZQZ$-SzF16Tx$~nQ}SPp{f*-
zVTo7zU&e!^5y;lDM%G)ejCO+l2AY0qfr;XmlRLtSCTd&e>sNn<X$6Qx4*v4VBW|&V
zY(35Uxi!t&hPhnss_pKUD<yIDs=uqTjRcEEw7DVo9p$CNnbULHJxw&t0SApOQyZ~6
z;ZI^0n~q`NkZHwqfOQYuy3$wC@_gaXsaFnI<IfcfcFq|o-<!Po=RN=LUjq0c`?2B4
z(y@E1ya!Gp^mCnT>q?iRsxT}&97Cf60;u??X8*eu1%Q~2FEmtz!NOoEC^;Y#PIl|x
zIRpa1kGKS==m3kPFAXUe02d$x=mi!)WFRdN8uSX(LB>f2BdaA_0Ly}_!E@xY<Qe2M
z6e1MP6fu+nl+Kj3l)tE8)GX96>c`X(|6d#Qp@b8HWGW`GN~T2_d4Yg{0ge$+Ey>d^
z$=EggHfN+gYw93%0rb0tB+iwCVjtHFV(F5{+{WtZBcb}<EC!~7tOw-kx{T1k^46Y-
zcm>)0;DP3SdfEkc4UfS~RBwIV^%B)sh^b;7*N)--0Apf@_Fs-gIrt)7P~#UK)mudR
zKJrYD#M5gt;?Jo+Et@Wa_;y6q-d(WsArtK#7zg@CAn~<RoAoNnC{59^i^4LM8!xg>
z6y)6O)}^Xd%%aLluXlHRhkZ-$9_zVmiORg^<Yb~!dp`8tQ#l9!<7{v_SXGytKAhfn
zGKD4k*bY?MZ{09#H0n)Bae4JrA7|ohEcM+MAgDVML!~FUIa+b~buX<udpVciSxi?M
zqOv0k(E}!mf-Q;2pt7$l=KYPSN12XA8mTv}R!P_3pY5L5?b#vAq%#{DPwzlCb+k-O
zWZ4TXN)pwlOKMA$g{Eu&74R|bi_1-cdkza7+vlwpB!bKyati5VnDLDr<mSDyon#ZR
zACwJ^U)1?_UW%(NQB?VVQHAV8S3Mk*+Esw?y?-dp_P&BT0k8U2OWTQ6ExsR~dG<}o
z)=tHBZgk%V+GBY4-QD5b&CMr^pCMlJnlSFBj5;x!#_GLIwvV<k<G7)r(V=9Yk}@R9
zKFipbEGxHin7j%$vd8;L7qtqvb24)=l)`zR-fd-1vBaZCjLX6ZOA8rN<JxT~e*5lV
v7t0=YW^pmk5J9bPh2;`jUixXi=~^T0*v*p6+6-TG*oIlkDOo0+F9i4xD4DOy

diff --git a/pod/main/static/video-js-6.8.0/ie8/videojs-ie8.js b/pod/main/static/video-js-6.8.0/ie8/videojs-ie8.js
deleted file mode 100755
index 8a660b9116..0000000000
--- a/pod/main/static/video-js-6.8.0/ie8/videojs-ie8.js
+++ /dev/null
@@ -1,2600 +0,0 @@
-/**
- * HTML5 Element Shim for IE8
- *
- * **THIS CODE MUST BE LOADED IN THE <HEAD> OF THE DOCUMENT**
- *
- * Video.js uses the video tag as an embed code, even in IE8 which
- * doesn't have support for HTML5 video. The following code is needed
- * to make it possible to use the video tag. Otherwise IE8 ignores everything
- * inside the video tag.
- */
-if (typeof window.HTMLVideoElement === 'undefined') {
-  document.createElement('video');
-  document.createElement('audio');
-  document.createElement('track');
-}
-
-/*!
- * https://github.com/es-shims/es5-shim
- * @license es5-shim Copyright 2009-2015 by contributors, MIT License
- * see https://github.com/es-shims/es5-shim/blob/master/LICENSE
- */
-
-// vim: ts=4 sts=4 sw=4 expandtab
-
-// Add semicolon to prevent IIFE from being passed as argument to concatenated code.
-;
-
-// UMD (Universal Module Definition)
-// see https://github.com/umdjs/umd/blob/master/templates/returnExports.js
-(function (root, factory) {
-    'use strict';
-
-    /* global define, exports, module */
-    if (typeof define === 'function' && define.amd) {
-        // AMD. Register as an anonymous module.
-        define(factory);
-    } else if (typeof exports === 'object') {
-        // Node. Does not work with strict CommonJS, but
-        // only CommonJS-like enviroments that support module.exports,
-        // like Node.
-        module.exports = factory();
-    } else {
-        // Browser globals (root is window)
-        root.returnExports = factory();
-    }
-}(this, function () {
-
-/**
- * Brings an environment as close to ECMAScript 5 compliance
- * as is possible with the facilities of erstwhile engines.
- *
- * Annotated ES5: http://es5.github.com/ (specific links below)
- * ES5 Spec: http://www.ecma-international.org/publications/files/ECMA-ST/Ecma-262.pdf
- * Required reading: http://javascriptweblog.wordpress.com/2011/12/05/extending-javascript-natives/
- */
-
-// Shortcut to an often accessed properties, in order to avoid multiple
-// dereference that costs universally. This also holds a reference to known-good
-// functions.
-var $Array = Array;
-var ArrayPrototype = $Array.prototype;
-var $Object = Object;
-var ObjectPrototype = $Object.prototype;
-var FunctionPrototype = Function.prototype;
-var $String = String;
-var StringPrototype = $String.prototype;
-var $Number = Number;
-var NumberPrototype = $Number.prototype;
-var array_slice = ArrayPrototype.slice;
-var array_splice = ArrayPrototype.splice;
-var array_push = ArrayPrototype.push;
-var array_unshift = ArrayPrototype.unshift;
-var array_concat = ArrayPrototype.concat;
-var call = FunctionPrototype.call;
-var apply = FunctionPrototype.apply;
-var max = Math.max;
-var min = Math.min;
-
-// Having a toString local variable name breaks in Opera so use to_string.
-var to_string = ObjectPrototype.toString;
-
-var hasToStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol';
-var isCallable; /* inlined from https://npmjs.com/is-callable */ var fnToStr = Function.prototype.toString, tryFunctionObject = function tryFunctionObject(value) { try { fnToStr.call(value); return true; } catch (e) { return false; } }, fnClass = '[object Function]', genClass = '[object GeneratorFunction]'; isCallable = function isCallable(value) { if (typeof value !== 'function') { return false; } if (hasToStringTag) { return tryFunctionObject(value); } var strClass = to_string.call(value); return strClass === fnClass || strClass === genClass; };
-var isRegex; /* inlined from https://npmjs.com/is-regex */ var regexExec = RegExp.prototype.exec, tryRegexExec = function tryRegexExec(value) { try { regexExec.call(value); return true; } catch (e) { return false; } }, regexClass = '[object RegExp]'; isRegex = function isRegex(value) { if (typeof value !== 'object') { return false; } return hasToStringTag ? tryRegexExec(value) : to_string.call(value) === regexClass; };
-var isString; /* inlined from https://npmjs.com/is-string */ var strValue = String.prototype.valueOf, tryStringObject = function tryStringObject(value) { try { strValue.call(value); return true; } catch (e) { return false; } }, stringClass = '[object String]'; isString = function isString(value) { if (typeof value === 'string') { return true; } if (typeof value !== 'object') { return false; } return hasToStringTag ? tryStringObject(value) : to_string.call(value) === stringClass; };
-
-/* inlined from http://npmjs.com/define-properties */
-var supportsDescriptors = $Object.defineProperty && (function () {
-    try {
-        var obj = {};
-        $Object.defineProperty(obj, 'x', { enumerable: false, value: obj });
-        for (var _ in obj) { return false; }
-        return obj.x === obj;
-    } catch (e) { /* this is ES3 */
-        return false;
-    }
-}());
-var defineProperties = (function (has) {
-  // Define configurable, writable, and non-enumerable props
-  // if they don't exist.
-  var defineProperty;
-  if (supportsDescriptors) {
-      defineProperty = function (object, name, method, forceAssign) {
-          if (!forceAssign && (name in object)) { return; }
-          $Object.defineProperty(object, name, {
-              configurable: true,
-              enumerable: false,
-              writable: true,
-              value: method
-          });
-      };
-  } else {
-      defineProperty = function (object, name, method, forceAssign) {
-          if (!forceAssign && (name in object)) { return; }
-          object[name] = method;
-      };
-  }
-  return function defineProperties(object, map, forceAssign) {
-      for (var name in map) {
-          if (has.call(map, name)) {
-            defineProperty(object, name, map[name], forceAssign);
-          }
-      }
-  };
-}(ObjectPrototype.hasOwnProperty));
-
-//
-// Util
-// ======
-//
-
-/* replaceable with https://npmjs.com/package/es-abstract /helpers/isPrimitive */
-var isPrimitive = function isPrimitive(input) {
-    var type = typeof input;
-    return input === null || (type !== 'object' && type !== 'function');
-};
-
-var isActualNaN = $Number.isNaN || function (x) { return x !== x; };
-
-var ES = {
-    // ES5 9.4
-    // http://es5.github.com/#x9.4
-    // http://jsperf.com/to-integer
-    /* replaceable with https://npmjs.com/package/es-abstract ES5.ToInteger */
-    ToInteger: function ToInteger(num) {
-        var n = +num;
-        if (isActualNaN(n)) {
-            n = 0;
-        } else if (n !== 0 && n !== (1 / 0) && n !== -(1 / 0)) {
-            n = (n > 0 || -1) * Math.floor(Math.abs(n));
-        }
-        return n;
-    },
-
-    /* replaceable with https://npmjs.com/package/es-abstract ES5.ToPrimitive */
-    ToPrimitive: function ToPrimitive(input) {
-        var val, valueOf, toStr;
-        if (isPrimitive(input)) {
-            return input;
-        }
-        valueOf = input.valueOf;
-        if (isCallable(valueOf)) {
-            val = valueOf.call(input);
-            if (isPrimitive(val)) {
-                return val;
-            }
-        }
-        toStr = input.toString;
-        if (isCallable(toStr)) {
-            val = toStr.call(input);
-            if (isPrimitive(val)) {
-                return val;
-            }
-        }
-        throw new TypeError();
-    },
-
-    // ES5 9.9
-    // http://es5.github.com/#x9.9
-    /* replaceable with https://npmjs.com/package/es-abstract ES5.ToObject */
-    ToObject: function (o) {
-        if (o == null) { // this matches both null and undefined
-            throw new TypeError("can't convert " + o + ' to object');
-        }
-        return $Object(o);
-    },
-
-    /* replaceable with https://npmjs.com/package/es-abstract ES5.ToUint32 */
-    ToUint32: function ToUint32(x) {
-        return x >>> 0;
-    }
-};
-
-//
-// Function
-// ========
-//
-
-// ES-5 15.3.4.5
-// http://es5.github.com/#x15.3.4.5
-
-var Empty = function Empty() {};
-
-defineProperties(FunctionPrototype, {
-    bind: function bind(that) { // .length is 1
-        // 1. Let Target be the this value.
-        var target = this;
-        // 2. If IsCallable(Target) is false, throw a TypeError exception.
-        if (!isCallable(target)) {
-            throw new TypeError('Function.prototype.bind called on incompatible ' + target);
-        }
-        // 3. Let A be a new (possibly empty) internal list of all of the
-        //   argument values provided after thisArg (arg1, arg2 etc), in order.
-        // XXX slicedArgs will stand in for "A" if used
-        var args = array_slice.call(arguments, 1); // for normal call
-        // 4. Let F be a new native ECMAScript object.
-        // 11. Set the [[Prototype]] internal property of F to the standard
-        //   built-in Function prototype object as specified in 15.3.3.1.
-        // 12. Set the [[Call]] internal property of F as described in
-        //   15.3.4.5.1.
-        // 13. Set the [[Construct]] internal property of F as described in
-        //   15.3.4.5.2.
-        // 14. Set the [[HasInstance]] internal property of F as described in
-        //   15.3.4.5.3.
-        var bound;
-        var binder = function () {
-
-            if (this instanceof bound) {
-                // 15.3.4.5.2 [[Construct]]
-                // When the [[Construct]] internal method of a function object,
-                // F that was created using the bind function is called with a
-                // list of arguments ExtraArgs, the following steps are taken:
-                // 1. Let target be the value of F's [[TargetFunction]]
-                //   internal property.
-                // 2. If target has no [[Construct]] internal method, a
-                //   TypeError exception is thrown.
-                // 3. Let boundArgs be the value of F's [[BoundArgs]] internal
-                //   property.
-                // 4. Let args be a new list containing the same values as the
-                //   list boundArgs in the same order followed by the same
-                //   values as the list ExtraArgs in the same order.
-                // 5. Return the result of calling the [[Construct]] internal
-                //   method of target providing args as the arguments.
-
-                var result = target.apply(
-                    this,
-                    array_concat.call(args, array_slice.call(arguments))
-                );
-                if ($Object(result) === result) {
-                    return result;
-                }
-                return this;
-
-            } else {
-                // 15.3.4.5.1 [[Call]]
-                // When the [[Call]] internal method of a function object, F,
-                // which was created using the bind function is called with a
-                // this value and a list of arguments ExtraArgs, the following
-                // steps are taken:
-                // 1. Let boundArgs be the value of F's [[BoundArgs]] internal
-                //   property.
-                // 2. Let boundThis be the value of F's [[BoundThis]] internal
-                //   property.
-                // 3. Let target be the value of F's [[TargetFunction]] internal
-                //   property.
-                // 4. Let args be a new list containing the same values as the
-                //   list boundArgs in the same order followed by the same
-                //   values as the list ExtraArgs in the same order.
-                // 5. Return the result of calling the [[Call]] internal method
-                //   of target providing boundThis as the this value and
-                //   providing args as the arguments.
-
-                // equiv: target.call(this, ...boundArgs, ...args)
-                return target.apply(
-                    that,
-                    array_concat.call(args, array_slice.call(arguments))
-                );
-
-            }
-
-        };
-
-        // 15. If the [[Class]] internal property of Target is "Function", then
-        //     a. Let L be the length property of Target minus the length of A.
-        //     b. Set the length own property of F to either 0 or L, whichever is
-        //       larger.
-        // 16. Else set the length own property of F to 0.
-
-        var boundLength = max(0, target.length - args.length);
-
-        // 17. Set the attributes of the length own property of F to the values
-        //   specified in 15.3.5.1.
-        var boundArgs = [];
-        for (var i = 0; i < boundLength; i++) {
-            array_push.call(boundArgs, '$' + i);
-        }
-
-        // XXX Build a dynamic function with desired amount of arguments is the only
-        // way to set the length property of a function.
-        // In environments where Content Security Policies enabled (Chrome extensions,
-        // for ex.) all use of eval or Function costructor throws an exception.
-        // However in all of these environments Function.prototype.bind exists
-        // and so this code will never be executed.
-        bound = Function('binder', 'return function (' + boundArgs.join(',') + '){ return binder.apply(this, arguments); }')(binder);
-
-        if (target.prototype) {
-            Empty.prototype = target.prototype;
-            bound.prototype = new Empty();
-            // Clean up dangling references.
-            Empty.prototype = null;
-        }
-
-        // TODO
-        // 18. Set the [[Extensible]] internal property of F to true.
-
-        // TODO
-        // 19. Let thrower be the [[ThrowTypeError]] function Object (13.2.3).
-        // 20. Call the [[DefineOwnProperty]] internal method of F with
-        //   arguments "caller", PropertyDescriptor {[[Get]]: thrower, [[Set]]:
-        //   thrower, [[Enumerable]]: false, [[Configurable]]: false}, and
-        //   false.
-        // 21. Call the [[DefineOwnProperty]] internal method of F with
-        //   arguments "arguments", PropertyDescriptor {[[Get]]: thrower,
-        //   [[Set]]: thrower, [[Enumerable]]: false, [[Configurable]]: false},
-        //   and false.
-
-        // TODO
-        // NOTE Function objects created using Function.prototype.bind do not
-        // have a prototype property or the [[Code]], [[FormalParameters]], and
-        // [[Scope]] internal properties.
-        // XXX can't delete prototype in pure-js.
-
-        // 22. Return F.
-        return bound;
-    }
-});
-
-// _Please note: Shortcuts are defined after `Function.prototype.bind` as we
-// use it in defining shortcuts.
-var owns = call.bind(ObjectPrototype.hasOwnProperty);
-var toStr = call.bind(ObjectPrototype.toString);
-var arraySlice = call.bind(array_slice);
-var arraySliceApply = apply.bind(array_slice);
-var strSlice = call.bind(StringPrototype.slice);
-var strSplit = call.bind(StringPrototype.split);
-var strIndexOf = call.bind(StringPrototype.indexOf);
-var pushCall = call.bind(array_push);
-var isEnum = call.bind(ObjectPrototype.propertyIsEnumerable);
-var arraySort = call.bind(ArrayPrototype.sort);
-
-//
-// Array
-// =====
-//
-
-var isArray = $Array.isArray || function isArray(obj) {
-    return toStr(obj) === '[object Array]';
-};
-
-// ES5 15.4.4.12
-// http://es5.github.com/#x15.4.4.13
-// Return len+argCount.
-// [bugfix, ielt8]
-// IE < 8 bug: [].unshift(0) === undefined but should be "1"
-var hasUnshiftReturnValueBug = [].unshift(0) !== 1;
-defineProperties(ArrayPrototype, {
-    unshift: function () {
-        array_unshift.apply(this, arguments);
-        return this.length;
-    }
-}, hasUnshiftReturnValueBug);
-
-// ES5 15.4.3.2
-// http://es5.github.com/#x15.4.3.2
-// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/isArray
-defineProperties($Array, { isArray: isArray });
-
-// The IsCallable() check in the Array functions
-// has been replaced with a strict check on the
-// internal class of the object to trap cases where
-// the provided function was actually a regular
-// expression literal, which in V8 and
-// JavaScriptCore is a typeof "function".  Only in
-// V8 are regular expression literals permitted as
-// reduce parameters, so it is desirable in the
-// general case for the shim to match the more
-// strict and common behavior of rejecting regular
-// expressions.
-
-// ES5 15.4.4.18
-// http://es5.github.com/#x15.4.4.18
-// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/array/forEach
-
-// Check failure of by-index access of string characters (IE < 9)
-// and failure of `0 in boxedString` (Rhino)
-var boxedString = $Object('a');
-var splitString = boxedString[0] !== 'a' || !(0 in boxedString);
-
-var properlyBoxesContext = function properlyBoxed(method) {
-    // Check node 0.6.21 bug where third parameter is not boxed
-    var properlyBoxesNonStrict = true;
-    var properlyBoxesStrict = true;
-    var threwException = false;
-    if (method) {
-        try {
-            method.call('foo', function (_, __, context) {
-                if (typeof context !== 'object') { properlyBoxesNonStrict = false; }
-            });
-
-            method.call([1], function () {
-                'use strict';
-
-                properlyBoxesStrict = typeof this === 'string';
-            }, 'x');
-        } catch (e) {
-            threwException = true;
-        }
-    }
-    return !!method && !threwException && properlyBoxesNonStrict && properlyBoxesStrict;
-};
-
-defineProperties(ArrayPrototype, {
-    forEach: function forEach(callbackfn/*, thisArg*/) {
-        var object = ES.ToObject(this);
-        var self = splitString && isString(this) ? strSplit(this, '') : object;
-        var i = -1;
-        var length = ES.ToUint32(self.length);
-        var T;
-        if (arguments.length > 1) {
-          T = arguments[1];
-        }
-
-        // If no callback function or if callback is not a callable function
-        if (!isCallable(callbackfn)) {
-            throw new TypeError('Array.prototype.forEach callback must be a function');
-        }
-
-        while (++i < length) {
-            if (i in self) {
-                // Invoke the callback function with call, passing arguments:
-                // context, property value, property key, thisArg object
-                if (typeof T === 'undefined') {
-                    callbackfn(self[i], i, object);
-                } else {
-                    callbackfn.call(T, self[i], i, object);
-                }
-            }
-        }
-    }
-}, !properlyBoxesContext(ArrayPrototype.forEach));
-
-// ES5 15.4.4.19
-// http://es5.github.com/#x15.4.4.19
-// https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/map
-defineProperties(ArrayPrototype, {
-    map: function map(callbackfn/*, thisArg*/) {
-        var object = ES.ToObject(this);
-        var self = splitString && isString(this) ? strSplit(this, '') : object;
-        var length = ES.ToUint32(self.length);
-        var result = $Array(length);
-        var T;
-        if (arguments.length > 1) {
-            T = arguments[1];
-        }
-
-        // If no callback function or if callback is not a callable function
-        if (!isCallable(callbackfn)) {
-            throw new TypeError('Array.prototype.map callback must be a function');
-        }
-
-        for (var i = 0; i < length; i++) {
-            if (i in self) {
-                if (typeof T === 'undefined') {
-                    result[i] = callbackfn(self[i], i, object);
-                } else {
-                    result[i] = callbackfn.call(T, self[i], i, object);
-                }
-            }
-        }
-        return result;
-    }
-}, !properlyBoxesContext(ArrayPrototype.map));
-
-// ES5 15.4.4.20
-// http://es5.github.com/#x15.4.4.20
-// https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/filter
-defineProperties(ArrayPrototype, {
-    filter: function filter(callbackfn/*, thisArg*/) {
-        var object = ES.ToObject(this);
-        var self = splitString && isString(this) ? strSplit(this, '') : object;
-        var length = ES.ToUint32(self.length);
-        var result = [];
-        var value;
-        var T;
-        if (arguments.length > 1) {
-            T = arguments[1];
-        }
-
-        // If no callback function or if callback is not a callable function
-        if (!isCallable(callbackfn)) {
-            throw new TypeError('Array.prototype.filter callback must be a function');
-        }
-
-        for (var i = 0; i < length; i++) {
-            if (i in self) {
-                value = self[i];
-                if (typeof T === 'undefined' ? callbackfn(value, i, object) : callbackfn.call(T, value, i, object)) {
-                    pushCall(result, value);
-                }
-            }
-        }
-        return result;
-    }
-}, !properlyBoxesContext(ArrayPrototype.filter));
-
-// ES5 15.4.4.16
-// http://es5.github.com/#x15.4.4.16
-// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/every
-defineProperties(ArrayPrototype, {
-    every: function every(callbackfn/*, thisArg*/) {
-        var object = ES.ToObject(this);
-        var self = splitString && isString(this) ? strSplit(this, '') : object;
-        var length = ES.ToUint32(self.length);
-        var T;
-        if (arguments.length > 1) {
-            T = arguments[1];
-        }
-
-        // If no callback function or if callback is not a callable function
-        if (!isCallable(callbackfn)) {
-            throw new TypeError('Array.prototype.every callback must be a function');
-        }
-
-        for (var i = 0; i < length; i++) {
-            if (i in self && !(typeof T === 'undefined' ? callbackfn(self[i], i, object) : callbackfn.call(T, self[i], i, object))) {
-                return false;
-            }
-        }
-        return true;
-    }
-}, !properlyBoxesContext(ArrayPrototype.every));
-
-// ES5 15.4.4.17
-// http://es5.github.com/#x15.4.4.17
-// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/some
-defineProperties(ArrayPrototype, {
-    some: function some(callbackfn/*, thisArg */) {
-        var object = ES.ToObject(this);
-        var self = splitString && isString(this) ? strSplit(this, '') : object;
-        var length = ES.ToUint32(self.length);
-        var T;
-        if (arguments.length > 1) {
-            T = arguments[1];
-        }
-
-        // If no callback function or if callback is not a callable function
-        if (!isCallable(callbackfn)) {
-            throw new TypeError('Array.prototype.some callback must be a function');
-        }
-
-        for (var i = 0; i < length; i++) {
-            if (i in self && (typeof T === 'undefined' ? callbackfn(self[i], i, object) : callbackfn.call(T, self[i], i, object))) {
-                return true;
-            }
-        }
-        return false;
-    }
-}, !properlyBoxesContext(ArrayPrototype.some));
-
-// ES5 15.4.4.21
-// http://es5.github.com/#x15.4.4.21
-// https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/reduce
-var reduceCoercesToObject = false;
-if (ArrayPrototype.reduce) {
-    reduceCoercesToObject = typeof ArrayPrototype.reduce.call('es5', function (_, __, ___, list) { return list; }) === 'object';
-}
-defineProperties(ArrayPrototype, {
-    reduce: function reduce(callbackfn/*, initialValue*/) {
-        var object = ES.ToObject(this);
-        var self = splitString && isString(this) ? strSplit(this, '') : object;
-        var length = ES.ToUint32(self.length);
-
-        // If no callback function or if callback is not a callable function
-        if (!isCallable(callbackfn)) {
-            throw new TypeError('Array.prototype.reduce callback must be a function');
-        }
-
-        // no value to return if no initial value and an empty array
-        if (length === 0 && arguments.length === 1) {
-            throw new TypeError('reduce of empty array with no initial value');
-        }
-
-        var i = 0;
-        var result;
-        if (arguments.length >= 2) {
-            result = arguments[1];
-        } else {
-            do {
-                if (i in self) {
-                    result = self[i++];
-                    break;
-                }
-
-                // if array contains no values, no initial value to return
-                if (++i >= length) {
-                    throw new TypeError('reduce of empty array with no initial value');
-                }
-            } while (true);
-        }
-
-        for (; i < length; i++) {
-            if (i in self) {
-                result = callbackfn(result, self[i], i, object);
-            }
-        }
-
-        return result;
-    }
-}, !reduceCoercesToObject);
-
-// ES5 15.4.4.22
-// http://es5.github.com/#x15.4.4.22
-// https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Objects/Array/reduceRight
-var reduceRightCoercesToObject = false;
-if (ArrayPrototype.reduceRight) {
-    reduceRightCoercesToObject = typeof ArrayPrototype.reduceRight.call('es5', function (_, __, ___, list) { return list; }) === 'object';
-}
-defineProperties(ArrayPrototype, {
-    reduceRight: function reduceRight(callbackfn/*, initial*/) {
-        var object = ES.ToObject(this);
-        var self = splitString && isString(this) ? strSplit(this, '') : object;
-        var length = ES.ToUint32(self.length);
-
-        // If no callback function or if callback is not a callable function
-        if (!isCallable(callbackfn)) {
-            throw new TypeError('Array.prototype.reduceRight callback must be a function');
-        }
-
-        // no value to return if no initial value, empty array
-        if (length === 0 && arguments.length === 1) {
-            throw new TypeError('reduceRight of empty array with no initial value');
-        }
-
-        var result;
-        var i = length - 1;
-        if (arguments.length >= 2) {
-            result = arguments[1];
-        } else {
-            do {
-                if (i in self) {
-                    result = self[i--];
-                    break;
-                }
-
-                // if array contains no values, no initial value to return
-                if (--i < 0) {
-                    throw new TypeError('reduceRight of empty array with no initial value');
-                }
-            } while (true);
-        }
-
-        if (i < 0) {
-            return result;
-        }
-
-        do {
-            if (i in self) {
-                result = callbackfn(result, self[i], i, object);
-            }
-        } while (i--);
-
-        return result;
-    }
-}, !reduceRightCoercesToObject);
-
-// ES5 15.4.4.14
-// http://es5.github.com/#x15.4.4.14
-// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/indexOf
-var hasFirefox2IndexOfBug = ArrayPrototype.indexOf && [0, 1].indexOf(1, 2) !== -1;
-defineProperties(ArrayPrototype, {
-    indexOf: function indexOf(searchElement/*, fromIndex */) {
-        var self = splitString && isString(this) ? strSplit(this, '') : ES.ToObject(this);
-        var length = ES.ToUint32(self.length);
-
-        if (length === 0) {
-            return -1;
-        }
-
-        var i = 0;
-        if (arguments.length > 1) {
-            i = ES.ToInteger(arguments[1]);
-        }
-
-        // handle negative indices
-        i = i >= 0 ? i : max(0, length + i);
-        for (; i < length; i++) {
-            if (i in self && self[i] === searchElement) {
-                return i;
-            }
-        }
-        return -1;
-    }
-}, hasFirefox2IndexOfBug);
-
-// ES5 15.4.4.15
-// http://es5.github.com/#x15.4.4.15
-// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/lastIndexOf
-var hasFirefox2LastIndexOfBug = ArrayPrototype.lastIndexOf && [0, 1].lastIndexOf(0, -3) !== -1;
-defineProperties(ArrayPrototype, {
-    lastIndexOf: function lastIndexOf(searchElement/*, fromIndex */) {
-        var self = splitString && isString(this) ? strSplit(this, '') : ES.ToObject(this);
-        var length = ES.ToUint32(self.length);
-
-        if (length === 0) {
-            return -1;
-        }
-        var i = length - 1;
-        if (arguments.length > 1) {
-            i = min(i, ES.ToInteger(arguments[1]));
-        }
-        // handle negative indices
-        i = i >= 0 ? i : length - Math.abs(i);
-        for (; i >= 0; i--) {
-            if (i in self && searchElement === self[i]) {
-                return i;
-            }
-        }
-        return -1;
-    }
-}, hasFirefox2LastIndexOfBug);
-
-// ES5 15.4.4.12
-// http://es5.github.com/#x15.4.4.12
-var spliceNoopReturnsEmptyArray = (function () {
-    var a = [1, 2];
-    var result = a.splice();
-    return a.length === 2 && isArray(result) && result.length === 0;
-}());
-defineProperties(ArrayPrototype, {
-    // Safari 5.0 bug where .splice() returns undefined
-    splice: function splice(start, deleteCount) {
-        if (arguments.length === 0) {
-            return [];
-        } else {
-            return array_splice.apply(this, arguments);
-        }
-    }
-}, !spliceNoopReturnsEmptyArray);
-
-var spliceWorksWithEmptyObject = (function () {
-    var obj = {};
-    ArrayPrototype.splice.call(obj, 0, 0, 1);
-    return obj.length === 1;
-}());
-defineProperties(ArrayPrototype, {
-    splice: function splice(start, deleteCount) {
-        if (arguments.length === 0) { return []; }
-        var args = arguments;
-        this.length = max(ES.ToInteger(this.length), 0);
-        if (arguments.length > 0 && typeof deleteCount !== 'number') {
-            args = arraySlice(arguments);
-            if (args.length < 2) {
-                pushCall(args, this.length - start);
-            } else {
-                args[1] = ES.ToInteger(deleteCount);
-            }
-        }
-        return array_splice.apply(this, args);
-    }
-}, !spliceWorksWithEmptyObject);
-var spliceWorksWithLargeSparseArrays = (function () {
-    // Per https://github.com/es-shims/es5-shim/issues/295
-    // Safari 7/8 breaks with sparse arrays of size 1e5 or greater
-    var arr = new $Array(1e5);
-    // note: the index MUST be 8 or larger or the test will false pass
-    arr[8] = 'x';
-    arr.splice(1, 1);
-    // note: this test must be defined *after* the indexOf shim
-    // per https://github.com/es-shims/es5-shim/issues/313
-    return arr.indexOf('x') === 7;
-}());
-var spliceWorksWithSmallSparseArrays = (function () {
-    // Per https://github.com/es-shims/es5-shim/issues/295
-    // Opera 12.15 breaks on this, no idea why.
-    var n = 256;
-    var arr = [];
-    arr[n] = 'a';
-    arr.splice(n + 1, 0, 'b');
-    return arr[n] === 'a';
-}());
-defineProperties(ArrayPrototype, {
-    splice: function splice(start, deleteCount) {
-        var O = ES.ToObject(this);
-        var A = [];
-        var len = ES.ToUint32(O.length);
-        var relativeStart = ES.ToInteger(start);
-        var actualStart = relativeStart < 0 ? max((len + relativeStart), 0) : min(relativeStart, len);
-        var actualDeleteCount = min(max(ES.ToInteger(deleteCount), 0), len - actualStart);
-
-        var k = 0;
-        var from;
-        while (k < actualDeleteCount) {
-            from = $String(actualStart + k);
-            if (owns(O, from)) {
-                A[k] = O[from];
-            }
-            k += 1;
-        }
-
-        var items = arraySlice(arguments, 2);
-        var itemCount = items.length;
-        var to;
-        if (itemCount < actualDeleteCount) {
-            k = actualStart;
-            while (k < (len - actualDeleteCount)) {
-                from = $String(k + actualDeleteCount);
-                to = $String(k + itemCount);
-                if (owns(O, from)) {
-                    O[to] = O[from];
-                } else {
-                    delete O[to];
-                }
-                k += 1;
-            }
-            k = len;
-            while (k > (len - actualDeleteCount + itemCount)) {
-                delete O[k - 1];
-                k -= 1;
-            }
-        } else if (itemCount > actualDeleteCount) {
-            k = len - actualDeleteCount;
-            while (k > actualStart) {
-                from = $String(k + actualDeleteCount - 1);
-                to = $String(k + itemCount - 1);
-                if (owns(O, from)) {
-                    O[to] = O[from];
-                } else {
-                    delete O[to];
-                }
-                k -= 1;
-            }
-        }
-        k = actualStart;
-        for (var i = 0; i < items.length; ++i) {
-            O[k] = items[i];
-            k += 1;
-        }
-        O.length = len - actualDeleteCount + itemCount;
-
-        return A;
-    }
-}, !spliceWorksWithLargeSparseArrays || !spliceWorksWithSmallSparseArrays);
-
-var originalJoin = ArrayPrototype.join;
-var hasStringJoinBug;
-try {
-    hasStringJoinBug = Array.prototype.join.call('123', ',') !== '1,2,3';
-} catch (e) {
-    hasStringJoinBug = true;
-}
-if (hasStringJoinBug) {
-    defineProperties(ArrayPrototype, {
-        join: function join(separator) {
-            var sep = typeof separator === 'undefined' ? ',' : separator;
-            return originalJoin.call(isString(this) ? strSplit(this, '') : this, sep);
-        }
-    }, hasStringJoinBug);
-}
-
-var hasJoinUndefinedBug = [1, 2].join(undefined) !== '1,2';
-if (hasJoinUndefinedBug) {
-    defineProperties(ArrayPrototype, {
-        join: function join(separator) {
-            var sep = typeof separator === 'undefined' ? ',' : separator;
-            return originalJoin.call(this, sep);
-        }
-    }, hasJoinUndefinedBug);
-}
-
-var pushShim = function push(item) {
-    var O = ES.ToObject(this);
-    var n = ES.ToUint32(O.length);
-    var i = 0;
-    while (i < arguments.length) {
-        O[n + i] = arguments[i];
-        i += 1;
-    }
-    O.length = n + i;
-    return n + i;
-};
-
-var pushIsNotGeneric = (function () {
-    var obj = {};
-    var result = Array.prototype.push.call(obj, undefined);
-    return result !== 1 || obj.length !== 1 || typeof obj[0] !== 'undefined' || !owns(obj, 0);
-}());
-defineProperties(ArrayPrototype, {
-    push: function push(item) {
-        if (isArray(this)) {
-            return array_push.apply(this, arguments);
-        }
-        return pushShim.apply(this, arguments);
-    }
-}, pushIsNotGeneric);
-
-// This fixes a very weird bug in Opera 10.6 when pushing `undefined
-var pushUndefinedIsWeird = (function () {
-    var arr = [];
-    var result = arr.push(undefined);
-    return result !== 1 || arr.length !== 1 || typeof arr[0] !== 'undefined' || !owns(arr, 0);
-}());
-defineProperties(ArrayPrototype, { push: pushShim }, pushUndefinedIsWeird);
-
-// ES5 15.2.3.14
-// http://es5.github.io/#x15.4.4.10
-// Fix boxed string bug
-defineProperties(ArrayPrototype, {
-    slice: function (start, end) {
-        var arr = isString(this) ? strSplit(this, '') : this;
-        return arraySliceApply(arr, arguments);
-    }
-}, splitString);
-
-var sortIgnoresNonFunctions = (function () {
-    try {
-        [1, 2].sort(null);
-        [1, 2].sort({});
-        return true;
-    } catch (e) { /**/ }
-    return false;
-}());
-var sortThrowsOnRegex = (function () {
-    // this is a problem in Firefox 4, in which `typeof /a/ === 'function'`
-    try {
-        [1, 2].sort(/a/);
-        return false;
-    } catch (e) { /**/ }
-    return true;
-}());
-var sortIgnoresUndefined = (function () {
-    // applies in IE 8, for one.
-    try {
-        [1, 2].sort(undefined);
-        return true;
-    } catch (e) { /**/ }
-    return false;
-}());
-defineProperties(ArrayPrototype, {
-    sort: function sort(compareFn) {
-        if (typeof compareFn === 'undefined') {
-            return arraySort(this);
-        }
-        if (!isCallable(compareFn)) {
-            throw new TypeError('Array.prototype.sort callback must be a function');
-        }
-        return arraySort(this, compareFn);
-    }
-}, sortIgnoresNonFunctions || !sortIgnoresUndefined || !sortThrowsOnRegex);
-
-//
-// Object
-// ======
-//
-
-// ES5 15.2.3.14
-// http://es5.github.com/#x15.2.3.14
-
-// http://whattheheadsaid.com/2010/10/a-safer-object-keys-compatibility-implementation
-var hasDontEnumBug = !({ 'toString': null }).propertyIsEnumerable('toString');
-var hasProtoEnumBug = function () {}.propertyIsEnumerable('prototype');
-var hasStringEnumBug = !owns('x', '0');
-var equalsConstructorPrototype = function (o) {
-    var ctor = o.constructor;
-    return ctor && ctor.prototype === o;
-};
-var blacklistedKeys = {
-    $window: true,
-    $console: true,
-    $parent: true,
-    $self: true,
-    $frame: true,
-    $frames: true,
-    $frameElement: true,
-    $webkitIndexedDB: true,
-    $webkitStorageInfo: true,
-    $external: true
-};
-var hasAutomationEqualityBug = (function () {
-    /* globals window */
-    if (typeof window === 'undefined') { return false; }
-    for (var k in window) {
-        try {
-            if (!blacklistedKeys['$' + k] && owns(window, k) && window[k] !== null && typeof window[k] === 'object') {
-                equalsConstructorPrototype(window[k]);
-            }
-        } catch (e) {
-            return true;
-        }
-    }
-    return false;
-}());
-var equalsConstructorPrototypeIfNotBuggy = function (object) {
-    if (typeof window === 'undefined' || !hasAutomationEqualityBug) { return equalsConstructorPrototype(object); }
-    try {
-        return equalsConstructorPrototype(object);
-    } catch (e) {
-        return false;
-    }
-};
-var dontEnums = [
-    'toString',
-    'toLocaleString',
-    'valueOf',
-    'hasOwnProperty',
-    'isPrototypeOf',
-    'propertyIsEnumerable',
-    'constructor'
-];
-var dontEnumsLength = dontEnums.length;
-
-// taken directly from https://github.com/ljharb/is-arguments/blob/master/index.js
-// can be replaced with require('is-arguments') if we ever use a build process instead
-var isStandardArguments = function isArguments(value) {
-    return toStr(value) === '[object Arguments]';
-};
-var isLegacyArguments = function isArguments(value) {
-    return value !== null &&
-        typeof value === 'object' &&
-        typeof value.length === 'number' &&
-        value.length >= 0 &&
-        !isArray(value) &&
-        isCallable(value.callee);
-};
-var isArguments = isStandardArguments(arguments) ? isStandardArguments : isLegacyArguments;
-
-defineProperties($Object, {
-    keys: function keys(object) {
-        var isFn = isCallable(object);
-        var isArgs = isArguments(object);
-        var isObject = object !== null && typeof object === 'object';
-        var isStr = isObject && isString(object);
-
-        if (!isObject && !isFn && !isArgs) {
-            throw new TypeError('Object.keys called on a non-object');
-        }
-
-        var theKeys = [];
-        var skipProto = hasProtoEnumBug && isFn;
-        if ((isStr && hasStringEnumBug) || isArgs) {
-            for (var i = 0; i < object.length; ++i) {
-                pushCall(theKeys, $String(i));
-            }
-        }
-
-        if (!isArgs) {
-            for (var name in object) {
-                if (!(skipProto && name === 'prototype') && owns(object, name)) {
-                    pushCall(theKeys, $String(name));
-                }
-            }
-        }
-
-        if (hasDontEnumBug) {
-            var skipConstructor = equalsConstructorPrototypeIfNotBuggy(object);
-            for (var j = 0; j < dontEnumsLength; j++) {
-                var dontEnum = dontEnums[j];
-                if (!(skipConstructor && dontEnum === 'constructor') && owns(object, dontEnum)) {
-                    pushCall(theKeys, dontEnum);
-                }
-            }
-        }
-        return theKeys;
-    }
-});
-
-var keysWorksWithArguments = $Object.keys && (function () {
-    // Safari 5.0 bug
-    return $Object.keys(arguments).length === 2;
-}(1, 2));
-var keysHasArgumentsLengthBug = $Object.keys && (function () {
-    var argKeys = $Object.keys(arguments);
-    return arguments.length !== 1 || argKeys.length !== 1 || argKeys[0] !== 1;
-}(1));
-var originalKeys = $Object.keys;
-defineProperties($Object, {
-    keys: function keys(object) {
-        if (isArguments(object)) {
-            return originalKeys(arraySlice(object));
-        } else {
-            return originalKeys(object);
-        }
-    }
-}, !keysWorksWithArguments || keysHasArgumentsLengthBug);
-
-//
-// Date
-// ====
-//
-
-var hasNegativeMonthYearBug = new Date(-3509827329600292).getUTCMonth() !== 0;
-var aNegativeTestDate = new Date(-1509842289600292);
-var aPositiveTestDate = new Date(1449662400000);
-var hasToUTCStringFormatBug = aNegativeTestDate.toUTCString() !== 'Mon, 01 Jan -45875 11:59:59 GMT';
-var hasToDateStringFormatBug;
-var hasToStringFormatBug;
-var timeZoneOffset = aNegativeTestDate.getTimezoneOffset();
-if (timeZoneOffset < -720) {
-    hasToDateStringFormatBug = aNegativeTestDate.toDateString() !== 'Tue Jan 02 -45875';
-    hasToStringFormatBug = !(/^Thu Dec 10 2015 \d\d:\d\d:\d\d GMT[-\+]\d\d\d\d(?: |$)/).test(aPositiveTestDate.toString());
-} else {
-    hasToDateStringFormatBug = aNegativeTestDate.toDateString() !== 'Mon Jan 01 -45875';
-    hasToStringFormatBug = !(/^Wed Dec 09 2015 \d\d:\d\d:\d\d GMT[-\+]\d\d\d\d(?: |$)/).test(aPositiveTestDate.toString());
-}
-
-var originalGetFullYear = call.bind(Date.prototype.getFullYear);
-var originalGetMonth = call.bind(Date.prototype.getMonth);
-var originalGetDate = call.bind(Date.prototype.getDate);
-var originalGetUTCFullYear = call.bind(Date.prototype.getUTCFullYear);
-var originalGetUTCMonth = call.bind(Date.prototype.getUTCMonth);
-var originalGetUTCDate = call.bind(Date.prototype.getUTCDate);
-var originalGetUTCDay = call.bind(Date.prototype.getUTCDay);
-var originalGetUTCHours = call.bind(Date.prototype.getUTCHours);
-var originalGetUTCMinutes = call.bind(Date.prototype.getUTCMinutes);
-var originalGetUTCSeconds = call.bind(Date.prototype.getUTCSeconds);
-var originalGetUTCMilliseconds = call.bind(Date.prototype.getUTCMilliseconds);
-var dayName = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri'];
-var monthName = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-var daysInMonth = function daysInMonth(month, year) {
-    return originalGetDate(new Date(year, month, 0));
-};
-
-defineProperties(Date.prototype, {
-    getFullYear: function getFullYear() {
-        if (!this || !(this instanceof Date)) {
-            throw new TypeError('this is not a Date object.');
-        }
-        var year = originalGetFullYear(this);
-        if (year < 0 && originalGetMonth(this) > 11) {
-            return year + 1;
-        }
-        return year;
-    },
-    getMonth: function getMonth() {
-        if (!this || !(this instanceof Date)) {
-            throw new TypeError('this is not a Date object.');
-        }
-        var year = originalGetFullYear(this);
-        var month = originalGetMonth(this);
-        if (year < 0 && month > 11) {
-            return 0;
-        }
-        return month;
-    },
-    getDate: function getDate() {
-        if (!this || !(this instanceof Date)) {
-            throw new TypeError('this is not a Date object.');
-        }
-        var year = originalGetFullYear(this);
-        var month = originalGetMonth(this);
-        var date = originalGetDate(this);
-        if (year < 0 && month > 11) {
-            if (month === 12) {
-                return date;
-            }
-            var days = daysInMonth(0, year + 1);
-            return (days - date) + 1;
-        }
-        return date;
-    },
-    getUTCFullYear: function getUTCFullYear() {
-        if (!this || !(this instanceof Date)) {
-            throw new TypeError('this is not a Date object.');
-        }
-        var year = originalGetUTCFullYear(this);
-        if (year < 0 && originalGetUTCMonth(this) > 11) {
-            return year + 1;
-        }
-        return year;
-    },
-    getUTCMonth: function getUTCMonth() {
-        if (!this || !(this instanceof Date)) {
-            throw new TypeError('this is not a Date object.');
-        }
-        var year = originalGetUTCFullYear(this);
-        var month = originalGetUTCMonth(this);
-        if (year < 0 && month > 11) {
-            return 0;
-        }
-        return month;
-    },
-    getUTCDate: function getUTCDate() {
-        if (!this || !(this instanceof Date)) {
-            throw new TypeError('this is not a Date object.');
-        }
-        var year = originalGetUTCFullYear(this);
-        var month = originalGetUTCMonth(this);
-        var date = originalGetUTCDate(this);
-        if (year < 0 && month > 11) {
-            if (month === 12) {
-                return date;
-            }
-            var days = daysInMonth(0, year + 1);
-            return (days - date) + 1;
-        }
-        return date;
-    }
-}, hasNegativeMonthYearBug);
-
-defineProperties(Date.prototype, {
-    toUTCString: function toUTCString() {
-        if (!this || !(this instanceof Date)) {
-            throw new TypeError('this is not a Date object.');
-        }
-        var day = originalGetUTCDay(this);
-        var date = originalGetUTCDate(this);
-        var month = originalGetUTCMonth(this);
-        var year = originalGetUTCFullYear(this);
-        var hour = originalGetUTCHours(this);
-        var minute = originalGetUTCMinutes(this);
-        var second = originalGetUTCSeconds(this);
-        return dayName[day] + ', ' +
-            (date < 10 ? '0' + date : date) + ' ' +
-            monthName[month] + ' ' +
-            year + ' ' +
-            (hour < 10 ? '0' + hour : hour) + ':' +
-            (minute < 10 ? '0' + minute : minute) + ':' +
-            (second < 10 ? '0' + second : second) + ' GMT';
-    }
-}, hasNegativeMonthYearBug || hasToUTCStringFormatBug);
-
-// Opera 12 has `,`
-defineProperties(Date.prototype, {
-    toDateString: function toDateString() {
-        if (!this || !(this instanceof Date)) {
-            throw new TypeError('this is not a Date object.');
-        }
-        var day = this.getDay();
-        var date = this.getDate();
-        var month = this.getMonth();
-        var year = this.getFullYear();
-        return dayName[day] + ' ' +
-            monthName[month] + ' ' +
-            (date < 10 ? '0' + date : date) + ' ' +
-            year;
-    }
-}, hasNegativeMonthYearBug || hasToDateStringFormatBug);
-
-// can't use defineProperties here because of toString enumeration issue in IE <= 8
-if (hasNegativeMonthYearBug || hasToStringFormatBug) {
-    Date.prototype.toString = function toString() {
-        if (!this || !(this instanceof Date)) {
-            throw new TypeError('this is not a Date object.');
-        }
-        var day = this.getDay();
-        var date = this.getDate();
-        var month = this.getMonth();
-        var year = this.getFullYear();
-        var hour = this.getHours();
-        var minute = this.getMinutes();
-        var second = this.getSeconds();
-        var timezoneOffset = this.getTimezoneOffset();
-        var hoursOffset = Math.floor(Math.abs(timezoneOffset) / 60);
-        var minutesOffset = Math.floor(Math.abs(timezoneOffset) % 60);
-        return dayName[day] + ' ' +
-            monthName[month] + ' ' +
-            (date < 10 ? '0' + date : date) + ' ' +
-            year + ' ' +
-            (hour < 10 ? '0' + hour : hour) + ':' +
-            (minute < 10 ? '0' + minute : minute) + ':' +
-            (second < 10 ? '0' + second : second) + ' GMT' +
-            (timezoneOffset > 0 ? '-' : '+') +
-            (hoursOffset < 10 ? '0' + hoursOffset : hoursOffset) +
-            (minutesOffset < 10 ? '0' + minutesOffset : minutesOffset);
-    };
-    if (supportsDescriptors) {
-        $Object.defineProperty(Date.prototype, 'toString', {
-            configurable: true,
-            enumerable: false,
-            writable: true
-        });
-    }
-}
-
-// ES5 15.9.5.43
-// http://es5.github.com/#x15.9.5.43
-// This function returns a String value represent the instance in time
-// represented by this Date object. The format of the String is the Date Time
-// string format defined in 15.9.1.15. All fields are present in the String.
-// The time zone is always UTC, denoted by the suffix Z. If the time value of
-// this object is not a finite Number a RangeError exception is thrown.
-var negativeDate = -62198755200000;
-var negativeYearString = '-000001';
-var hasNegativeDateBug = Date.prototype.toISOString && new Date(negativeDate).toISOString().indexOf(negativeYearString) === -1;
-var hasSafari51DateBug = Date.prototype.toISOString && new Date(-1).toISOString() !== '1969-12-31T23:59:59.999Z';
-
-defineProperties(Date.prototype, {
-    toISOString: function toISOString() {
-        if (!isFinite(this)) {
-            throw new RangeError('Date.prototype.toISOString called on non-finite value.');
-        }
-
-        var year = originalGetUTCFullYear(this);
-
-        var month = originalGetUTCMonth(this);
-        // see https://github.com/es-shims/es5-shim/issues/111
-        year += Math.floor(month / 12);
-        month = (month % 12 + 12) % 12;
-
-        // the date time string format is specified in 15.9.1.15.
-        var result = [month + 1, originalGetUTCDate(this), originalGetUTCHours(this), originalGetUTCMinutes(this), originalGetUTCSeconds(this)];
-        year = (
-            (year < 0 ? '-' : (year > 9999 ? '+' : '')) +
-            strSlice('00000' + Math.abs(year), (0 <= year && year <= 9999) ? -4 : -6)
-        );
-
-        for (var i = 0; i < result.length; ++i) {
-          // pad months, days, hours, minutes, and seconds to have two digits.
-          result[i] = strSlice('00' + result[i], -2);
-        }
-        // pad milliseconds to have three digits.
-        return (
-            year + '-' + arraySlice(result, 0, 2).join('-') +
-            'T' + arraySlice(result, 2).join(':') + '.' +
-            strSlice('000' + originalGetUTCMilliseconds(this), -3) + 'Z'
-        );
-    }
-}, hasNegativeDateBug || hasSafari51DateBug);
-
-// ES5 15.9.5.44
-// http://es5.github.com/#x15.9.5.44
-// This function provides a String representation of a Date object for use by
-// JSON.stringify (15.12.3).
-var dateToJSONIsSupported = (function () {
-    try {
-        return Date.prototype.toJSON &&
-            new Date(NaN).toJSON() === null &&
-            new Date(negativeDate).toJSON().indexOf(negativeYearString) !== -1 &&
-            Date.prototype.toJSON.call({ // generic
-                toISOString: function () { return true; }
-            });
-    } catch (e) {
-        return false;
-    }
-}());
-if (!dateToJSONIsSupported) {
-    Date.prototype.toJSON = function toJSON(key) {
-        // When the toJSON method is called with argument key, the following
-        // steps are taken:
-
-        // 1.  Let O be the result of calling ToObject, giving it the this
-        // value as its argument.
-        // 2. Let tv be ES.ToPrimitive(O, hint Number).
-        var O = $Object(this);
-        var tv = ES.ToPrimitive(O);
-        // 3. If tv is a Number and is not finite, return null.
-        if (typeof tv === 'number' && !isFinite(tv)) {
-            return null;
-        }
-        // 4. Let toISO be the result of calling the [[Get]] internal method of
-        // O with argument "toISOString".
-        var toISO = O.toISOString;
-        // 5. If IsCallable(toISO) is false, throw a TypeError exception.
-        if (!isCallable(toISO)) {
-            throw new TypeError('toISOString property is not callable');
-        }
-        // 6. Return the result of calling the [[Call]] internal method of
-        //  toISO with O as the this value and an empty argument list.
-        return toISO.call(O);
-
-        // NOTE 1 The argument is ignored.
-
-        // NOTE 2 The toJSON function is intentionally generic; it does not
-        // require that its this value be a Date object. Therefore, it can be
-        // transferred to other kinds of objects for use as a method. However,
-        // it does require that any such object have a toISOString method. An
-        // object is free to use the argument key to filter its
-        // stringification.
-    };
-}
-
-// ES5 15.9.4.2
-// http://es5.github.com/#x15.9.4.2
-// based on work shared by Daniel Friesen (dantman)
-// http://gist.github.com/303249
-var supportsExtendedYears = Date.parse('+033658-09-27T01:46:40.000Z') === 1e15;
-var acceptsInvalidDates = !isNaN(Date.parse('2012-04-04T24:00:00.500Z')) || !isNaN(Date.parse('2012-11-31T23:59:59.000Z')) || !isNaN(Date.parse('2012-12-31T23:59:60.000Z'));
-var doesNotParseY2KNewYear = isNaN(Date.parse('2000-01-01T00:00:00.000Z'));
-if (doesNotParseY2KNewYear || acceptsInvalidDates || !supportsExtendedYears) {
-    // XXX global assignment won't work in embeddings that use
-    // an alternate object for the context.
-    /* global Date: true */
-    /* eslint-disable no-undef */
-    var maxSafeUnsigned32Bit = Math.pow(2, 31) - 1;
-    var hasSafariSignedIntBug = isActualNaN(new Date(1970, 0, 1, 0, 0, 0, maxSafeUnsigned32Bit + 1).getTime());
-    Date = (function (NativeDate) {
-    /* eslint-enable no-undef */
-        // Date.length === 7
-        var DateShim = function Date(Y, M, D, h, m, s, ms) {
-            var length = arguments.length;
-            var date;
-            if (this instanceof NativeDate) {
-                var seconds = s;
-                var millis = ms;
-                if (hasSafariSignedIntBug && length >= 7 && ms > maxSafeUnsigned32Bit) {
-                    // work around a Safari 8/9 bug where it treats the seconds as signed
-                    var msToShift = Math.floor(ms / maxSafeUnsigned32Bit) * maxSafeUnsigned32Bit;
-                    var sToShift = Math.floor(msToShift / 1e3);
-                    seconds += sToShift;
-                    millis -= sToShift * 1e3;
-                }
-                date = length === 1 && $String(Y) === Y ? // isString(Y)
-                    // We explicitly pass it through parse:
-                    new NativeDate(DateShim.parse(Y)) :
-                    // We have to manually make calls depending on argument
-                    // length here
-                    length >= 7 ? new NativeDate(Y, M, D, h, m, seconds, millis) :
-                    length >= 6 ? new NativeDate(Y, M, D, h, m, seconds) :
-                    length >= 5 ? new NativeDate(Y, M, D, h, m) :
-                    length >= 4 ? new NativeDate(Y, M, D, h) :
-                    length >= 3 ? new NativeDate(Y, M, D) :
-                    length >= 2 ? new NativeDate(Y, M) :
-                    length >= 1 ? new NativeDate(Y) :
-                                  new NativeDate();
-            } else {
-                date = NativeDate.apply(this, arguments);
-            }
-            if (!isPrimitive(date)) {
-              // Prevent mixups with unfixed Date object
-              defineProperties(date, { constructor: DateShim }, true);
-            }
-            return date;
-        };
-
-        // 15.9.1.15 Date Time String Format.
-        var isoDateExpression = new RegExp('^' +
-            '(\\d{4}|[+-]\\d{6})' + // four-digit year capture or sign +
-                                      // 6-digit extended year
-            '(?:-(\\d{2})' + // optional month capture
-            '(?:-(\\d{2})' + // optional day capture
-            '(?:' + // capture hours:minutes:seconds.milliseconds
-                'T(\\d{2})' + // hours capture
-                ':(\\d{2})' + // minutes capture
-                '(?:' + // optional :seconds.milliseconds
-                    ':(\\d{2})' + // seconds capture
-                    '(?:(\\.\\d{1,}))?' + // milliseconds capture
-                ')?' +
-            '(' + // capture UTC offset component
-                'Z|' + // UTC capture
-                '(?:' + // offset specifier +/-hours:minutes
-                    '([-+])' + // sign capture
-                    '(\\d{2})' + // hours offset capture
-                    ':(\\d{2})' + // minutes offset capture
-                ')' +
-            ')?)?)?)?' +
-        '$');
-
-        var months = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334, 365];
-
-        var dayFromMonth = function dayFromMonth(year, month) {
-            var t = month > 1 ? 1 : 0;
-            return (
-                months[month] +
-                Math.floor((year - 1969 + t) / 4) -
-                Math.floor((year - 1901 + t) / 100) +
-                Math.floor((year - 1601 + t) / 400) +
-                365 * (year - 1970)
-            );
-        };
-
-        var toUTC = function toUTC(t) {
-            var s = 0;
-            var ms = t;
-            if (hasSafariSignedIntBug && ms > maxSafeUnsigned32Bit) {
-                // work around a Safari 8/9 bug where it treats the seconds as signed
-                var msToShift = Math.floor(ms / maxSafeUnsigned32Bit) * maxSafeUnsigned32Bit;
-                var sToShift = Math.floor(msToShift / 1e3);
-                s += sToShift;
-                ms -= sToShift * 1e3;
-            }
-            return $Number(new NativeDate(1970, 0, 1, 0, 0, s, ms));
-        };
-
-        // Copy any custom methods a 3rd party library may have added
-        for (var key in NativeDate) {
-            if (owns(NativeDate, key)) {
-                DateShim[key] = NativeDate[key];
-            }
-        }
-
-        // Copy "native" methods explicitly; they may be non-enumerable
-        defineProperties(DateShim, {
-            now: NativeDate.now,
-            UTC: NativeDate.UTC
-        }, true);
-        DateShim.prototype = NativeDate.prototype;
-        defineProperties(DateShim.prototype, {
-            constructor: DateShim
-        }, true);
-
-        // Upgrade Date.parse to handle simplified ISO 8601 strings
-        var parseShim = function parse(string) {
-            var match = isoDateExpression.exec(string);
-            if (match) {
-                // parse months, days, hours, minutes, seconds, and milliseconds
-                // provide default values if necessary
-                // parse the UTC offset component
-                var year = $Number(match[1]),
-                    month = $Number(match[2] || 1) - 1,
-                    day = $Number(match[3] || 1) - 1,
-                    hour = $Number(match[4] || 0),
-                    minute = $Number(match[5] || 0),
-                    second = $Number(match[6] || 0),
-                    millisecond = Math.floor($Number(match[7] || 0) * 1000),
-                    // When time zone is missed, local offset should be used
-                    // (ES 5.1 bug)
-                    // see https://bugs.ecmascript.org/show_bug.cgi?id=112
-                    isLocalTime = Boolean(match[4] && !match[8]),
-                    signOffset = match[9] === '-' ? 1 : -1,
-                    hourOffset = $Number(match[10] || 0),
-                    minuteOffset = $Number(match[11] || 0),
-                    result;
-                var hasMinutesOrSecondsOrMilliseconds = minute > 0 || second > 0 || millisecond > 0;
-                if (
-                    hour < (hasMinutesOrSecondsOrMilliseconds ? 24 : 25) &&
-                    minute < 60 && second < 60 && millisecond < 1000 &&
-                    month > -1 && month < 12 && hourOffset < 24 &&
-                    minuteOffset < 60 && // detect invalid offsets
-                    day > -1 &&
-                    day < (dayFromMonth(year, month + 1) - dayFromMonth(year, month))
-                ) {
-                    result = (
-                        (dayFromMonth(year, month) + day) * 24 +
-                        hour +
-                        hourOffset * signOffset
-                    ) * 60;
-                    result = (
-                        (result + minute + minuteOffset * signOffset) * 60 +
-                        second
-                    ) * 1000 + millisecond;
-                    if (isLocalTime) {
-                        result = toUTC(result);
-                    }
-                    if (-8.64e15 <= result && result <= 8.64e15) {
-                        return result;
-                    }
-                }
-                return NaN;
-            }
-            return NativeDate.parse.apply(this, arguments);
-        };
-        defineProperties(DateShim, { parse: parseShim });
-
-        return DateShim;
-    }(Date));
-    /* global Date: false */
-}
-
-// ES5 15.9.4.4
-// http://es5.github.com/#x15.9.4.4
-if (!Date.now) {
-    Date.now = function now() {
-        return new Date().getTime();
-    };
-}
-
-//
-// Number
-// ======
-//
-
-// ES5.1 15.7.4.5
-// http://es5.github.com/#x15.7.4.5
-var hasToFixedBugs = NumberPrototype.toFixed && (
-  (0.00008).toFixed(3) !== '0.000' ||
-  (0.9).toFixed(0) !== '1' ||
-  (1.255).toFixed(2) !== '1.25' ||
-  (1000000000000000128).toFixed(0) !== '1000000000000000128'
-);
-
-var toFixedHelpers = {
-  base: 1e7,
-  size: 6,
-  data: [0, 0, 0, 0, 0, 0],
-  multiply: function multiply(n, c) {
-      var i = -1;
-      var c2 = c;
-      while (++i < toFixedHelpers.size) {
-          c2 += n * toFixedHelpers.data[i];
-          toFixedHelpers.data[i] = c2 % toFixedHelpers.base;
-          c2 = Math.floor(c2 / toFixedHelpers.base);
-      }
-  },
-  divide: function divide(n) {
-      var i = toFixedHelpers.size, c = 0;
-      while (--i >= 0) {
-          c += toFixedHelpers.data[i];
-          toFixedHelpers.data[i] = Math.floor(c / n);
-          c = (c % n) * toFixedHelpers.base;
-      }
-  },
-  numToString: function numToString() {
-      var i = toFixedHelpers.size;
-      var s = '';
-      while (--i >= 0) {
-          if (s !== '' || i === 0 || toFixedHelpers.data[i] !== 0) {
-              var t = $String(toFixedHelpers.data[i]);
-              if (s === '') {
-                  s = t;
-              } else {
-                  s += strSlice('0000000', 0, 7 - t.length) + t;
-              }
-          }
-      }
-      return s;
-  },
-  pow: function pow(x, n, acc) {
-      return (n === 0 ? acc : (n % 2 === 1 ? pow(x, n - 1, acc * x) : pow(x * x, n / 2, acc)));
-  },
-  log: function log(x) {
-      var n = 0;
-      var x2 = x;
-      while (x2 >= 4096) {
-          n += 12;
-          x2 /= 4096;
-      }
-      while (x2 >= 2) {
-          n += 1;
-          x2 /= 2;
-      }
-      return n;
-  }
-};
-
-var toFixedShim = function toFixed(fractionDigits) {
-    var f, x, s, m, e, z, j, k;
-
-    // Test for NaN and round fractionDigits down
-    f = $Number(fractionDigits);
-    f = isActualNaN(f) ? 0 : Math.floor(f);
-
-    if (f < 0 || f > 20) {
-        throw new RangeError('Number.toFixed called with invalid number of decimals');
-    }
-
-    x = $Number(this);
-
-    if (isActualNaN(x)) {
-        return 'NaN';
-    }
-
-    // If it is too big or small, return the string value of the number
-    if (x <= -1e21 || x >= 1e21) {
-        return $String(x);
-    }
-
-    s = '';
-
-    if (x < 0) {
-        s = '-';
-        x = -x;
-    }
-
-    m = '0';
-
-    if (x > 1e-21) {
-        // 1e-21 < x < 1e21
-        // -70 < log2(x) < 70
-        e = toFixedHelpers.log(x * toFixedHelpers.pow(2, 69, 1)) - 69;
-        z = (e < 0 ? x * toFixedHelpers.pow(2, -e, 1) : x / toFixedHelpers.pow(2, e, 1));
-        z *= 0x10000000000000; // Math.pow(2, 52);
-        e = 52 - e;
-
-        // -18 < e < 122
-        // x = z / 2 ^ e
-        if (e > 0) {
-            toFixedHelpers.multiply(0, z);
-            j = f;
-
-            while (j >= 7) {
-                toFixedHelpers.multiply(1e7, 0);
-                j -= 7;
-            }
-
-            toFixedHelpers.multiply(toFixedHelpers.pow(10, j, 1), 0);
-            j = e - 1;
-
-            while (j >= 23) {
-                toFixedHelpers.divide(1 << 23);
-                j -= 23;
-            }
-
-            toFixedHelpers.divide(1 << j);
-            toFixedHelpers.multiply(1, 1);
-            toFixedHelpers.divide(2);
-            m = toFixedHelpers.numToString();
-        } else {
-            toFixedHelpers.multiply(0, z);
-            toFixedHelpers.multiply(1 << (-e), 0);
-            m = toFixedHelpers.numToString() + strSlice('0.00000000000000000000', 2, 2 + f);
-        }
-    }
-
-    if (f > 0) {
-        k = m.length;
-
-        if (k <= f) {
-            m = s + strSlice('0.0000000000000000000', 0, f - k + 2) + m;
-        } else {
-            m = s + strSlice(m, 0, k - f) + '.' + strSlice(m, k - f);
-        }
-    } else {
-        m = s + m;
-    }
-
-    return m;
-};
-defineProperties(NumberPrototype, { toFixed: toFixedShim }, hasToFixedBugs);
-
-var hasToPrecisionUndefinedBug = (function () {
-    try {
-        return 1.0.toPrecision(undefined) === '1';
-    } catch (e) {
-        return true;
-    }
-}());
-var originalToPrecision = NumberPrototype.toPrecision;
-defineProperties(NumberPrototype, {
-    toPrecision: function toPrecision(precision) {
-        return typeof precision === 'undefined' ? originalToPrecision.call(this) : originalToPrecision.call(this, precision);
-    }
-}, hasToPrecisionUndefinedBug);
-
-//
-// String
-// ======
-//
-
-// ES5 15.5.4.14
-// http://es5.github.com/#x15.5.4.14
-
-// [bugfix, IE lt 9, firefox 4, Konqueror, Opera, obscure browsers]
-// Many browsers do not split properly with regular expressions or they
-// do not perform the split correctly under obscure conditions.
-// See http://blog.stevenlevithan.com/archives/cross-browser-split
-// I've tested in many browsers and this seems to cover the deviant ones:
-//    'ab'.split(/(?:ab)*/) should be ["", ""], not [""]
-//    '.'.split(/(.?)(.?)/) should be ["", ".", "", ""], not ["", ""]
-//    'tesst'.split(/(s)*/) should be ["t", undefined, "e", "s", "t"], not
-//       [undefined, "t", undefined, "e", ...]
-//    ''.split(/.?/) should be [], not [""]
-//    '.'.split(/()()/) should be ["."], not ["", "", "."]
-
-if (
-    'ab'.split(/(?:ab)*/).length !== 2 ||
-    '.'.split(/(.?)(.?)/).length !== 4 ||
-    'tesst'.split(/(s)*/)[1] === 't' ||
-    'test'.split(/(?:)/, -1).length !== 4 ||
-    ''.split(/.?/).length ||
-    '.'.split(/()()/).length > 1
-) {
-    (function () {
-        var compliantExecNpcg = typeof (/()??/).exec('')[1] === 'undefined'; // NPCG: nonparticipating capturing group
-        var maxSafe32BitInt = Math.pow(2, 32) - 1;
-
-        StringPrototype.split = function (separator, limit) {
-            var string = String(this);
-            if (typeof separator === 'undefined' && limit === 0) {
-                return [];
-            }
-
-            // If `separator` is not a regex, use native split
-            if (!isRegex(separator)) {
-                return strSplit(this, separator, limit);
-            }
-
-            var output = [];
-            var flags = (separator.ignoreCase ? 'i' : '') +
-                        (separator.multiline ? 'm' : '') +
-                        (separator.unicode ? 'u' : '') + // in ES6
-                        (separator.sticky ? 'y' : ''), // Firefox 3+ and ES6
-                lastLastIndex = 0,
-                // Make `global` and avoid `lastIndex` issues by working with a copy
-                separator2, match, lastIndex, lastLength;
-            var separatorCopy = new RegExp(separator.source, flags + 'g');
-            if (!compliantExecNpcg) {
-                // Doesn't need flags gy, but they don't hurt
-                separator2 = new RegExp('^' + separatorCopy.source + '$(?!\\s)', flags);
-            }
-            /* Values for `limit`, per the spec:
-             * If undefined: 4294967295 // maxSafe32BitInt
-             * If 0, Infinity, or NaN: 0
-             * If positive number: limit = Math.floor(limit); if (limit > 4294967295) limit -= 4294967296;
-             * If negative number: 4294967296 - Math.floor(Math.abs(limit))
-             * If other: Type-convert, then use the above rules
-             */
-            var splitLimit = typeof limit === 'undefined' ? maxSafe32BitInt : ES.ToUint32(limit);
-            match = separatorCopy.exec(string);
-            while (match) {
-                // `separatorCopy.lastIndex` is not reliable cross-browser
-                lastIndex = match.index + match[0].length;
-                if (lastIndex > lastLastIndex) {
-                    pushCall(output, strSlice(string, lastLastIndex, match.index));
-                    // Fix browsers whose `exec` methods don't consistently return `undefined` for
-                    // nonparticipating capturing groups
-                    if (!compliantExecNpcg && match.length > 1) {
-                        /* eslint-disable no-loop-func */
-                        match[0].replace(separator2, function () {
-                            for (var i = 1; i < arguments.length - 2; i++) {
-                                if (typeof arguments[i] === 'undefined') {
-                                    match[i] = void 0;
-                                }
-                            }
-                        });
-                        /* eslint-enable no-loop-func */
-                    }
-                    if (match.length > 1 && match.index < string.length) {
-                        array_push.apply(output, arraySlice(match, 1));
-                    }
-                    lastLength = match[0].length;
-                    lastLastIndex = lastIndex;
-                    if (output.length >= splitLimit) {
-                        break;
-                    }
-                }
-                if (separatorCopy.lastIndex === match.index) {
-                    separatorCopy.lastIndex++; // Avoid an infinite loop
-                }
-                match = separatorCopy.exec(string);
-            }
-            if (lastLastIndex === string.length) {
-                if (lastLength || !separatorCopy.test('')) {
-                    pushCall(output, '');
-                }
-            } else {
-                pushCall(output, strSlice(string, lastLastIndex));
-            }
-            return output.length > splitLimit ? strSlice(output, 0, splitLimit) : output;
-        };
-    }());
-
-// [bugfix, chrome]
-// If separator is undefined, then the result array contains just one String,
-// which is the this value (converted to a String). If limit is not undefined,
-// then the output array is truncated so that it contains no more than limit
-// elements.
-// "0".split(undefined, 0) -> []
-} else if ('0'.split(void 0, 0).length) {
-    StringPrototype.split = function split(separator, limit) {
-        if (typeof separator === 'undefined' && limit === 0) { return []; }
-        return strSplit(this, separator, limit);
-    };
-}
-
-var str_replace = StringPrototype.replace;
-var replaceReportsGroupsCorrectly = (function () {
-    var groups = [];
-    'x'.replace(/x(.)?/g, function (match, group) {
-        pushCall(groups, group);
-    });
-    return groups.length === 1 && typeof groups[0] === 'undefined';
-}());
-
-if (!replaceReportsGroupsCorrectly) {
-    StringPrototype.replace = function replace(searchValue, replaceValue) {
-        var isFn = isCallable(replaceValue);
-        var hasCapturingGroups = isRegex(searchValue) && (/\)[*?]/).test(searchValue.source);
-        if (!isFn || !hasCapturingGroups) {
-            return str_replace.call(this, searchValue, replaceValue);
-        } else {
-            var wrappedReplaceValue = function (match) {
-                var length = arguments.length;
-                var originalLastIndex = searchValue.lastIndex;
-                searchValue.lastIndex = 0;
-                var args = searchValue.exec(match) || [];
-                searchValue.lastIndex = originalLastIndex;
-                pushCall(args, arguments[length - 2], arguments[length - 1]);
-                return replaceValue.apply(this, args);
-            };
-            return str_replace.call(this, searchValue, wrappedReplaceValue);
-        }
-    };
-}
-
-// ECMA-262, 3rd B.2.3
-// Not an ECMAScript standard, although ECMAScript 3rd Edition has a
-// non-normative section suggesting uniform semantics and it should be
-// normalized across all browsers
-// [bugfix, IE lt 9] IE < 9 substr() with negative value not working in IE
-var string_substr = StringPrototype.substr;
-var hasNegativeSubstrBug = ''.substr && '0b'.substr(-1) !== 'b';
-defineProperties(StringPrototype, {
-    substr: function substr(start, length) {
-        var normalizedStart = start;
-        if (start < 0) {
-            normalizedStart = max(this.length + start, 0);
-        }
-        return string_substr.call(this, normalizedStart, length);
-    }
-}, hasNegativeSubstrBug);
-
-// ES5 15.5.4.20
-// whitespace from: http://es5.github.io/#x15.5.4.20
-var ws = '\x09\x0A\x0B\x0C\x0D\x20\xA0\u1680\u180E\u2000\u2001\u2002\u2003' +
-    '\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028' +
-    '\u2029\uFEFF';
-var zeroWidth = '\u200b';
-var wsRegexChars = '[' + ws + ']';
-var trimBeginRegexp = new RegExp('^' + wsRegexChars + wsRegexChars + '*');
-var trimEndRegexp = new RegExp(wsRegexChars + wsRegexChars + '*$');
-var hasTrimWhitespaceBug = StringPrototype.trim && (ws.trim() || !zeroWidth.trim());
-defineProperties(StringPrototype, {
-    // http://blog.stevenlevithan.com/archives/faster-trim-javascript
-    // http://perfectionkills.com/whitespace-deviations/
-    trim: function trim() {
-        if (typeof this === 'undefined' || this === null) {
-            throw new TypeError("can't convert " + this + ' to object');
-        }
-        return $String(this).replace(trimBeginRegexp, '').replace(trimEndRegexp, '');
-    }
-}, hasTrimWhitespaceBug);
-var trim = call.bind(String.prototype.trim);
-
-var hasLastIndexBug = StringPrototype.lastIndexOf && 'abcあい'.lastIndexOf('あい', 2) !== -1;
-defineProperties(StringPrototype, {
-    lastIndexOf: function lastIndexOf(searchString) {
-        if (typeof this === 'undefined' || this === null) {
-            throw new TypeError("can't convert " + this + ' to object');
-        }
-        var S = $String(this);
-        var searchStr = $String(searchString);
-        var numPos = arguments.length > 1 ? $Number(arguments[1]) : NaN;
-        var pos = isActualNaN(numPos) ? Infinity : ES.ToInteger(numPos);
-        var start = min(max(pos, 0), S.length);
-        var searchLen = searchStr.length;
-        var k = start + searchLen;
-        while (k > 0) {
-            k = max(0, k - searchLen);
-            var index = strIndexOf(strSlice(S, k, start + searchLen), searchStr);
-            if (index !== -1) {
-                return k + index;
-            }
-        }
-        return -1;
-    }
-}, hasLastIndexBug);
-
-var originalLastIndexOf = StringPrototype.lastIndexOf;
-defineProperties(StringPrototype, {
-    lastIndexOf: function lastIndexOf(searchString) {
-        return originalLastIndexOf.apply(this, arguments);
-    }
-}, StringPrototype.lastIndexOf.length !== 1);
-
-// ES-5 15.1.2.2
-/* eslint-disable radix */
-if (parseInt(ws + '08') !== 8 || parseInt(ws + '0x16') !== 22) {
-/* eslint-enable radix */
-    /* global parseInt: true */
-    parseInt = (function (origParseInt) {
-        var hexRegex = /^[\-+]?0[xX]/;
-        return function parseInt(str, radix) {
-            var string = trim(str);
-            var defaultedRadix = $Number(radix) || (hexRegex.test(string) ? 16 : 10);
-            return origParseInt(string, defaultedRadix);
-        };
-    }(parseInt));
-}
-
-// https://es5.github.io/#x15.1.2.3
-if (1 / parseFloat('-0') !== -Infinity) {
-    /* global parseFloat: true */
-    parseFloat = (function (origParseFloat) {
-        return function parseFloat(string) {
-            var inputString = trim(string);
-            var result = origParseFloat(inputString);
-            return result === 0 && strSlice(inputString, 0, 1) === '-' ? -0 : result;
-        };
-    }(parseFloat));
-}
-
-if (String(new RangeError('test')) !== 'RangeError: test') {
-    var errorToStringShim = function toString() {
-        if (typeof this === 'undefined' || this === null) {
-            throw new TypeError("can't convert " + this + ' to object');
-        }
-        var name = this.name;
-        if (typeof name === 'undefined') {
-            name = 'Error';
-        } else if (typeof name !== 'string') {
-            name = $String(name);
-        }
-        var msg = this.message;
-        if (typeof msg === 'undefined') {
-            msg = '';
-        } else if (typeof msg !== 'string') {
-            msg = $String(msg);
-        }
-        if (!name) {
-            return msg;
-        }
-        if (!msg) {
-            return name;
-        }
-        return name + ': ' + msg;
-    };
-    // can't use defineProperties here because of toString enumeration issue in IE <= 8
-    Error.prototype.toString = errorToStringShim;
-}
-
-if (supportsDescriptors) {
-    var ensureNonEnumerable = function (obj, prop) {
-        if (isEnum(obj, prop)) {
-            var desc = Object.getOwnPropertyDescriptor(obj, prop);
-            desc.enumerable = false;
-            Object.defineProperty(obj, prop, desc);
-        }
-    };
-    ensureNonEnumerable(Error.prototype, 'message');
-    if (Error.prototype.message !== '') {
-      Error.prototype.message = '';
-    }
-    ensureNonEnumerable(Error.prototype, 'name');
-}
-
-if (String(/a/mig) !== '/a/gim') {
-    var regexToString = function toString() {
-        var str = '/' + this.source + '/';
-        if (this.global) {
-            str += 'g';
-        }
-        if (this.ignoreCase) {
-            str += 'i';
-        }
-        if (this.multiline) {
-            str += 'm';
-        }
-        return str;
-    };
-    // can't use defineProperties here because of toString enumeration issue in IE <= 8
-    RegExp.prototype.toString = regexToString;
-}
-
-}));
-
-/*!
- * https://github.com/es-shims/es5-shim
- * @license es5-shim Copyright 2009-2015 by contributors, MIT License
- * see https://github.com/es-shims/es5-shim/blob/master/LICENSE
- */
-
-// vim: ts=4 sts=4 sw=4 expandtab
-
-// Add semicolon to prevent IIFE from being passed as argument to concatenated code.
-;
-
-// UMD (Universal Module Definition)
-// see https://github.com/umdjs/umd/blob/master/templates/returnExports.js
-(function (root, factory) {
-    'use strict';
-
-    /* global define, exports, module */
-    if (typeof define === 'function' && define.amd) {
-        // AMD. Register as an anonymous module.
-        define(factory);
-    } else if (typeof exports === 'object') {
-        // Node. Does not work with strict CommonJS, but
-        // only CommonJS-like enviroments that support module.exports,
-        // like Node.
-        module.exports = factory();
-    } else {
-        // Browser globals (root is window)
-        root.returnExports = factory();
-  }
-}(this, function () {
-
-var call = Function.call;
-var prototypeOfObject = Object.prototype;
-var owns = call.bind(prototypeOfObject.hasOwnProperty);
-var isEnumerable = call.bind(prototypeOfObject.propertyIsEnumerable);
-var toStr = call.bind(prototypeOfObject.toString);
-
-// If JS engine supports accessors creating shortcuts.
-var defineGetter;
-var defineSetter;
-var lookupGetter;
-var lookupSetter;
-var supportsAccessors = owns(prototypeOfObject, '__defineGetter__');
-if (supportsAccessors) {
-    /* eslint-disable no-underscore-dangle */
-    defineGetter = call.bind(prototypeOfObject.__defineGetter__);
-    defineSetter = call.bind(prototypeOfObject.__defineSetter__);
-    lookupGetter = call.bind(prototypeOfObject.__lookupGetter__);
-    lookupSetter = call.bind(prototypeOfObject.__lookupSetter__);
-    /* eslint-enable no-underscore-dangle */
-}
-
-// ES5 15.2.3.2
-// http://es5.github.com/#x15.2.3.2
-if (!Object.getPrototypeOf) {
-    // https://github.com/es-shims/es5-shim/issues#issue/2
-    // http://ejohn.org/blog/objectgetprototypeof/
-    // recommended by fschaefer on github
-    //
-    // sure, and webreflection says ^_^
-    // ... this will nerever possibly return null
-    // ... Opera Mini breaks here with infinite loops
-    Object.getPrototypeOf = function getPrototypeOf(object) {
-        /* eslint-disable no-proto */
-        var proto = object.__proto__;
-        /* eslint-enable no-proto */
-        if (proto || proto === null) {
-            return proto;
-        } else if (toStr(object.constructor) === '[object Function]') {
-            return object.constructor.prototype;
-        } else if (object instanceof Object) {
-          return prototypeOfObject;
-        } else {
-          // Correctly return null for Objects created with `Object.create(null)`
-          // (shammed or native) or `{ __proto__: null}`.  Also returns null for
-          // cross-realm objects on browsers that lack `__proto__` support (like
-          // IE <11), but that's the best we can do.
-          return null;
-        }
-    };
-}
-
-// ES5 15.2.3.3
-// http://es5.github.com/#x15.2.3.3
-
-var doesGetOwnPropertyDescriptorWork = function doesGetOwnPropertyDescriptorWork(object) {
-    try {
-        object.sentinel = 0;
-        return Object.getOwnPropertyDescriptor(object, 'sentinel').value === 0;
-    } catch (exception) {
-        return false;
-    }
-};
-
-// check whether getOwnPropertyDescriptor works if it's given. Otherwise, shim partially.
-if (Object.defineProperty) {
-    var getOwnPropertyDescriptorWorksOnObject = doesGetOwnPropertyDescriptorWork({});
-    var getOwnPropertyDescriptorWorksOnDom = typeof document === 'undefined' ||
-    doesGetOwnPropertyDescriptorWork(document.createElement('div'));
-    if (!getOwnPropertyDescriptorWorksOnDom || !getOwnPropertyDescriptorWorksOnObject) {
-        var getOwnPropertyDescriptorFallback = Object.getOwnPropertyDescriptor;
-    }
-}
-
-if (!Object.getOwnPropertyDescriptor || getOwnPropertyDescriptorFallback) {
-    var ERR_NON_OBJECT = 'Object.getOwnPropertyDescriptor called on a non-object: ';
-
-    /* eslint-disable no-proto */
-    Object.getOwnPropertyDescriptor = function getOwnPropertyDescriptor(object, property) {
-        if ((typeof object !== 'object' && typeof object !== 'function') || object === null) {
-            throw new TypeError(ERR_NON_OBJECT + object);
-        }
-
-        // make a valiant attempt to use the real getOwnPropertyDescriptor
-        // for I8's DOM elements.
-        if (getOwnPropertyDescriptorFallback) {
-            try {
-                return getOwnPropertyDescriptorFallback.call(Object, object, property);
-            } catch (exception) {
-                // try the shim if the real one doesn't work
-            }
-        }
-
-        var descriptor;
-
-        // If object does not owns property return undefined immediately.
-        if (!owns(object, property)) {
-            return descriptor;
-        }
-
-        // If object has a property then it's for sure `configurable`, and
-        // probably `enumerable`. Detect enumerability though.
-        descriptor = {
-            enumerable: isEnumerable(object, property),
-            configurable: true
-        };
-
-        // If JS engine supports accessor properties then property may be a
-        // getter or setter.
-        if (supportsAccessors) {
-            // Unfortunately `__lookupGetter__` will return a getter even
-            // if object has own non getter property along with a same named
-            // inherited getter. To avoid misbehavior we temporary remove
-            // `__proto__` so that `__lookupGetter__` will return getter only
-            // if it's owned by an object.
-            var prototype = object.__proto__;
-            var notPrototypeOfObject = object !== prototypeOfObject;
-            // avoid recursion problem, breaking in Opera Mini when
-            // Object.getOwnPropertyDescriptor(Object.prototype, 'toString')
-            // or any other Object.prototype accessor
-            if (notPrototypeOfObject) {
-                object.__proto__ = prototypeOfObject;
-            }
-
-            var getter = lookupGetter(object, property);
-            var setter = lookupSetter(object, property);
-
-            if (notPrototypeOfObject) {
-                // Once we have getter and setter we can put values back.
-                object.__proto__ = prototype;
-            }
-
-            if (getter || setter) {
-                if (getter) {
-                    descriptor.get = getter;
-                }
-                if (setter) {
-                    descriptor.set = setter;
-                }
-                // If it was accessor property we're done and return here
-                // in order to avoid adding `value` to the descriptor.
-                return descriptor;
-            }
-        }
-
-        // If we got this far we know that object has an own property that is
-        // not an accessor so we set it as a value and return descriptor.
-        descriptor.value = object[property];
-        descriptor.writable = true;
-        return descriptor;
-    };
-    /* eslint-enable no-proto */
-}
-
-// ES5 15.2.3.4
-// http://es5.github.com/#x15.2.3.4
-if (!Object.getOwnPropertyNames) {
-    Object.getOwnPropertyNames = function getOwnPropertyNames(object) {
-        return Object.keys(object);
-    };
-}
-
-// ES5 15.2.3.5
-// http://es5.github.com/#x15.2.3.5
-if (!Object.create) {
-
-    // Contributed by Brandon Benvie, October, 2012
-    var createEmpty;
-    var supportsProto = !({ __proto__: null } instanceof Object);
-                        // the following produces false positives
-                        // in Opera Mini => not a reliable check
-                        // Object.prototype.__proto__ === null
-
-    // Check for document.domain and active x support
-    // No need to use active x approach when document.domain is not set
-    // see https://github.com/es-shims/es5-shim/issues/150
-    // variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
-    /* global ActiveXObject */
-    var shouldUseActiveX = function shouldUseActiveX() {
-        // return early if document.domain not set
-        if (!document.domain) {
-            return false;
-        }
-
-        try {
-            return !!new ActiveXObject('htmlfile');
-        } catch (exception) {
-            return false;
-        }
-    };
-
-    // This supports IE8 when document.domain is used
-    // see https://github.com/es-shims/es5-shim/issues/150
-    // variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
-    var getEmptyViaActiveX = function getEmptyViaActiveX() {
-        var empty;
-        var xDoc;
-
-        xDoc = new ActiveXObject('htmlfile');
-
-        xDoc.write('<script><\/script>');
-        xDoc.close();
-
-        empty = xDoc.parentWindow.Object.prototype;
-        xDoc = null;
-
-        return empty;
-    };
-
-    // The original implementation using an iframe
-    // before the activex approach was added
-    // see https://github.com/es-shims/es5-shim/issues/150
-    var getEmptyViaIFrame = function getEmptyViaIFrame() {
-        var iframe = document.createElement('iframe');
-        var parent = document.body || document.documentElement;
-        var empty;
-
-        iframe.style.display = 'none';
-        parent.appendChild(iframe);
-        /* eslint-disable no-script-url */
-        iframe.src = 'javascript:';
-        /* eslint-enable no-script-url */
-
-        empty = iframe.contentWindow.Object.prototype;
-        parent.removeChild(iframe);
-        iframe = null;
-
-        return empty;
-    };
-
-    /* global document */
-    if (supportsProto || typeof document === 'undefined') {
-        createEmpty = function () {
-            return { __proto__: null };
-        };
-    } else {
-        // In old IE __proto__ can't be used to manually set `null`, nor does
-        // any other method exist to make an object that inherits from nothing,
-        // aside from Object.prototype itself. Instead, create a new global
-        // object and *steal* its Object.prototype and strip it bare. This is
-        // used as the prototype to create nullary objects.
-        createEmpty = function () {
-            // Determine which approach to use
-            // see https://github.com/es-shims/es5-shim/issues/150
-            var empty = shouldUseActiveX() ? getEmptyViaActiveX() : getEmptyViaIFrame();
-
-            delete empty.constructor;
-            delete empty.hasOwnProperty;
-            delete empty.propertyIsEnumerable;
-            delete empty.isPrototypeOf;
-            delete empty.toLocaleString;
-            delete empty.toString;
-            delete empty.valueOf;
-
-            var Empty = function Empty() {};
-            Empty.prototype = empty;
-            // short-circuit future calls
-            createEmpty = function () {
-                return new Empty();
-            };
-            return new Empty();
-        };
-    }
-
-    Object.create = function create(prototype, properties) {
-
-        var object;
-        var Type = function Type() {}; // An empty constructor.
-
-        if (prototype === null) {
-            object = createEmpty();
-        } else {
-            if (typeof prototype !== 'object' && typeof prototype !== 'function') {
-                // In the native implementation `parent` can be `null`
-                // OR *any* `instanceof Object`  (Object|Function|Array|RegExp|etc)
-                // Use `typeof` tho, b/c in old IE, DOM elements are not `instanceof Object`
-                // like they are in modern browsers. Using `Object.create` on DOM elements
-                // is...err...probably inappropriate, but the native version allows for it.
-                throw new TypeError('Object prototype may only be an Object or null'); // same msg as Chrome
-            }
-            Type.prototype = prototype;
-            object = new Type();
-            // IE has no built-in implementation of `Object.getPrototypeOf`
-            // neither `__proto__`, but this manually setting `__proto__` will
-            // guarantee that `Object.getPrototypeOf` will work as expected with
-            // objects created using `Object.create`
-            /* eslint-disable no-proto */
-            object.__proto__ = prototype;
-            /* eslint-enable no-proto */
-        }
-
-        if (properties !== void 0) {
-            Object.defineProperties(object, properties);
-        }
-
-        return object;
-    };
-}
-
-// ES5 15.2.3.6
-// http://es5.github.com/#x15.2.3.6
-
-// Patch for WebKit and IE8 standard mode
-// Designed by hax <hax.github.com>
-// related issue: https://github.com/es-shims/es5-shim/issues#issue/5
-// IE8 Reference:
-//     http://msdn.microsoft.com/en-us/library/dd282900.aspx
-//     http://msdn.microsoft.com/en-us/library/dd229916.aspx
-// WebKit Bugs:
-//     https://bugs.webkit.org/show_bug.cgi?id=36423
-
-var doesDefinePropertyWork = function doesDefinePropertyWork(object) {
-    try {
-        Object.defineProperty(object, 'sentinel', {});
-        return 'sentinel' in object;
-    } catch (exception) {
-        return false;
-    }
-};
-
-// check whether defineProperty works if it's given. Otherwise,
-// shim partially.
-if (Object.defineProperty) {
-    var definePropertyWorksOnObject = doesDefinePropertyWork({});
-    var definePropertyWorksOnDom = typeof document === 'undefined' ||
-        doesDefinePropertyWork(document.createElement('div'));
-    if (!definePropertyWorksOnObject || !definePropertyWorksOnDom) {
-        var definePropertyFallback = Object.defineProperty,
-            definePropertiesFallback = Object.defineProperties;
-    }
-}
-
-if (!Object.defineProperty || definePropertyFallback) {
-    var ERR_NON_OBJECT_DESCRIPTOR = 'Property description must be an object: ';
-    var ERR_NON_OBJECT_TARGET = 'Object.defineProperty called on non-object: ';
-    var ERR_ACCESSORS_NOT_SUPPORTED = 'getters & setters can not be defined on this javascript engine';
-
-    Object.defineProperty = function defineProperty(object, property, descriptor) {
-        if ((typeof object !== 'object' && typeof object !== 'function') || object === null) {
-            throw new TypeError(ERR_NON_OBJECT_TARGET + object);
-        }
-        if ((typeof descriptor !== 'object' && typeof descriptor !== 'function') || descriptor === null) {
-            throw new TypeError(ERR_NON_OBJECT_DESCRIPTOR + descriptor);
-        }
-        // make a valiant attempt to use the real defineProperty
-        // for I8's DOM elements.
-        if (definePropertyFallback) {
-            try {
-                return definePropertyFallback.call(Object, object, property, descriptor);
-            } catch (exception) {
-                // try the shim if the real one doesn't work
-            }
-        }
-
-        // If it's a data property.
-        if ('value' in descriptor) {
-            // fail silently if 'writable', 'enumerable', or 'configurable'
-            // are requested but not supported
-            /*
-            // alternate approach:
-            if ( // can't implement these features; allow false but not true
-                ('writable' in descriptor && !descriptor.writable) ||
-                ('enumerable' in descriptor && !descriptor.enumerable) ||
-                ('configurable' in descriptor && !descriptor.configurable)
-            ))
-                throw new RangeError(
-                    'This implementation of Object.defineProperty does not support configurable, enumerable, or writable.'
-                );
-            */
-
-            if (supportsAccessors && (lookupGetter(object, property) || lookupSetter(object, property))) {
-                // As accessors are supported only on engines implementing
-                // `__proto__` we can safely override `__proto__` while defining
-                // a property to make sure that we don't hit an inherited
-                // accessor.
-                /* eslint-disable no-proto */
-                var prototype = object.__proto__;
-                object.__proto__ = prototypeOfObject;
-                // Deleting a property anyway since getter / setter may be
-                // defined on object itself.
-                delete object[property];
-                object[property] = descriptor.value;
-                // Setting original `__proto__` back now.
-                object.__proto__ = prototype;
-                /* eslint-enable no-proto */
-            } else {
-                object[property] = descriptor.value;
-            }
-        } else {
-            if (!supportsAccessors && (('get' in descriptor) || ('set' in descriptor))) {
-                throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
-            }
-            // If we got that far then getters and setters can be defined !!
-            if ('get' in descriptor) {
-                defineGetter(object, property, descriptor.get);
-            }
-            if ('set' in descriptor) {
-                defineSetter(object, property, descriptor.set);
-            }
-        }
-        return object;
-    };
-}
-
-// ES5 15.2.3.7
-// http://es5.github.com/#x15.2.3.7
-if (!Object.defineProperties || definePropertiesFallback) {
-    Object.defineProperties = function defineProperties(object, properties) {
-        // make a valiant attempt to use the real defineProperties
-        if (definePropertiesFallback) {
-            try {
-                return definePropertiesFallback.call(Object, object, properties);
-            } catch (exception) {
-                // try the shim if the real one doesn't work
-            }
-        }
-
-        Object.keys(properties).forEach(function (property) {
-            if (property !== '__proto__') {
-                Object.defineProperty(object, property, properties[property]);
-            }
-        });
-        return object;
-    };
-}
-
-// ES5 15.2.3.8
-// http://es5.github.com/#x15.2.3.8
-if (!Object.seal) {
-    Object.seal = function seal(object) {
-        if (Object(object) !== object) {
-            throw new TypeError('Object.seal can only be called on Objects.');
-        }
-        // this is misleading and breaks feature-detection, but
-        // allows "securable" code to "gracefully" degrade to working
-        // but insecure code.
-        return object;
-    };
-}
-
-// ES5 15.2.3.9
-// http://es5.github.com/#x15.2.3.9
-if (!Object.freeze) {
-    Object.freeze = function freeze(object) {
-        if (Object(object) !== object) {
-            throw new TypeError('Object.freeze can only be called on Objects.');
-        }
-        // this is misleading and breaks feature-detection, but
-        // allows "securable" code to "gracefully" degrade to working
-        // but insecure code.
-        return object;
-    };
-}
-
-// detect a Rhino bug and patch it
-try {
-    Object.freeze(function () {});
-} catch (exception) {
-    Object.freeze = (function (freezeObject) {
-        return function freeze(object) {
-            if (typeof object === 'function') {
-                return object;
-            } else {
-                return freezeObject(object);
-            }
-        };
-    }(Object.freeze));
-}
-
-// ES5 15.2.3.10
-// http://es5.github.com/#x15.2.3.10
-if (!Object.preventExtensions) {
-    Object.preventExtensions = function preventExtensions(object) {
-        if (Object(object) !== object) {
-            throw new TypeError('Object.preventExtensions can only be called on Objects.');
-        }
-        // this is misleading and breaks feature-detection, but
-        // allows "securable" code to "gracefully" degrade to working
-        // but insecure code.
-        return object;
-    };
-}
-
-// ES5 15.2.3.11
-// http://es5.github.com/#x15.2.3.11
-if (!Object.isSealed) {
-    Object.isSealed = function isSealed(object) {
-        if (Object(object) !== object) {
-            throw new TypeError('Object.isSealed can only be called on Objects.');
-        }
-        return false;
-    };
-}
-
-// ES5 15.2.3.12
-// http://es5.github.com/#x15.2.3.12
-if (!Object.isFrozen) {
-    Object.isFrozen = function isFrozen(object) {
-        if (Object(object) !== object) {
-            throw new TypeError('Object.isFrozen can only be called on Objects.');
-        }
-        return false;
-    };
-}
-
-// ES5 15.2.3.13
-// http://es5.github.com/#x15.2.3.13
-if (!Object.isExtensible) {
-    Object.isExtensible = function isExtensible(object) {
-        // 1. If Type(O) is not Object throw a TypeError exception.
-        if (Object(object) !== object) {
-            throw new TypeError('Object.isExtensible can only be called on Objects.');
-        }
-        // 2. Return the Boolean value of the [[Extensible]] internal property of O.
-        var name = '';
-        while (owns(object, name)) {
-            name += '?';
-        }
-        object[name] = true;
-        var returnValue = owns(object, name);
-        delete object[name];
-        return returnValue;
-    };
-}
-
-}));
diff --git a/pod/main/static/video-js-6.8.0/ie8/videojs-ie8.min.js b/pod/main/static/video-js-6.8.0/ie8/videojs-ie8.min.js
deleted file mode 100755
index 07ed619837..0000000000
--- a/pod/main/static/video-js-6.8.0/ie8/videojs-ie8.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(a,b){"undefined"==typeof a.HTMLVideoElement&&(b.createElement("video"),b.createElement("audio"),b.createElement("track")),function(a,b){"use strict";"function"==typeof define&&define.amd?define(b):"object"==typeof exports?module.exports=b():a.returnExports=b()}(this,function(){var b,c=Array,d=c.prototype,e=Object,f=e.prototype,g=Function.prototype,h=String,i=h.prototype,j=Number,k=j.prototype,l=d.slice,m=d.splice,n=d.push,o=d.unshift,p=d.concat,q=g.call,r=g.apply,s=Math.max,t=Math.min,u=f.toString,v="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag,w=Function.prototype.toString,x=function(a){try{return w.call(a),!0}catch(b){return!1}},y="[object Function]",z="[object GeneratorFunction]";b=function(a){if("function"!=typeof a)return!1;if(v)return x(a);var b=u.call(a);return b===y||b===z};var A,B=RegExp.prototype.exec,C=function(a){try{return B.call(a),!0}catch(b){return!1}},D="[object RegExp]";A=function(a){return"object"!=typeof a?!1:v?C(a):u.call(a)===D};var E,F=String.prototype.valueOf,G=function(a){try{return F.call(a),!0}catch(b){return!1}},H="[object String]";E=function(a){return"string"==typeof a?!0:"object"!=typeof a?!1:v?G(a):u.call(a)===H};var I=e.defineProperty&&function(){try{var a={};e.defineProperty(a,"x",{enumerable:!1,value:a});for(var b in a)return!1;return a.x===a}catch(c){return!1}}(),J=function(a){var b;return b=I?function(a,b,c,d){!d&&b in a||e.defineProperty(a,b,{configurable:!0,enumerable:!1,writable:!0,value:c})}:function(a,b,c,d){!d&&b in a||(a[b]=c)},function(c,d,e){for(var f in d)a.call(d,f)&&b(c,f,d[f],e)}}(f.hasOwnProperty),K=function(a){var b=typeof a;return null===a||"object"!==b&&"function"!==b},L=j.isNaN||function(a){return a!==a},M={ToInteger:function(a){var b=+a;return L(b)?b=0:0!==b&&b!==1/0&&b!==-(1/0)&&(b=(b>0||-1)*Math.floor(Math.abs(b))),b},ToPrimitive:function(a){var c,d,e;if(K(a))return a;if(d=a.valueOf,b(d)&&(c=d.call(a),K(c)))return c;if(e=a.toString,b(e)&&(c=e.call(a),K(c)))return c;throw new TypeError},ToObject:function(a){if(null==a)throw new TypeError("can't convert "+a+" to object");return e(a)},ToUint32:function(a){return a>>>0}},N=function(){};J(g,{bind:function(a){var c=this;if(!b(c))throw new TypeError("Function.prototype.bind called on incompatible "+c);for(var d,f=l.call(arguments,1),g=function(){if(this instanceof d){var b=c.apply(this,p.call(f,l.call(arguments)));return e(b)===b?b:this}return c.apply(a,p.call(f,l.call(arguments)))},h=s(0,c.length-f.length),i=[],j=0;h>j;j++)n.call(i,"$"+j);return d=Function("binder","return function ("+i.join(",")+"){ return binder.apply(this, arguments); }")(g),c.prototype&&(N.prototype=c.prototype,d.prototype=new N,N.prototype=null),d}});var O=q.bind(f.hasOwnProperty),P=q.bind(f.toString),Q=q.bind(l),R=r.bind(l),S=q.bind(i.slice),T=q.bind(i.split),U=q.bind(i.indexOf),V=q.bind(n),W=q.bind(f.propertyIsEnumerable),X=q.bind(d.sort),Y=c.isArray||function(a){return"[object Array]"===P(a)},Z=1!==[].unshift(0);J(d,{unshift:function(){return o.apply(this,arguments),this.length}},Z),J(c,{isArray:Y});var $=e("a"),_="a"!==$[0]||!(0 in $),aa=function(a){var b=!0,c=!0,d=!1;if(a)try{a.call("foo",function(a,c,d){"object"!=typeof d&&(b=!1)}),a.call([1],function(){"use strict";c="string"==typeof this},"x")}catch(e){d=!0}return!!a&&!d&&b&&c};J(d,{forEach:function(a){var c,d=M.ToObject(this),e=_&&E(this)?T(this,""):d,f=-1,g=M.ToUint32(e.length);if(arguments.length>1&&(c=arguments[1]),!b(a))throw new TypeError("Array.prototype.forEach callback must be a function");for(;++f<g;)f in e&&("undefined"==typeof c?a(e[f],f,d):a.call(c,e[f],f,d))}},!aa(d.forEach)),J(d,{map:function(a){var d,e=M.ToObject(this),f=_&&E(this)?T(this,""):e,g=M.ToUint32(f.length),h=c(g);if(arguments.length>1&&(d=arguments[1]),!b(a))throw new TypeError("Array.prototype.map callback must be a function");for(var i=0;g>i;i++)i in f&&("undefined"==typeof d?h[i]=a(f[i],i,e):h[i]=a.call(d,f[i],i,e));return h}},!aa(d.map)),J(d,{filter:function(a){var c,d,e=M.ToObject(this),f=_&&E(this)?T(this,""):e,g=M.ToUint32(f.length),h=[];if(arguments.length>1&&(d=arguments[1]),!b(a))throw new TypeError("Array.prototype.filter callback must be a function");for(var i=0;g>i;i++)i in f&&(c=f[i],("undefined"==typeof d?a(c,i,e):a.call(d,c,i,e))&&V(h,c));return h}},!aa(d.filter)),J(d,{every:function(a){var c,d=M.ToObject(this),e=_&&E(this)?T(this,""):d,f=M.ToUint32(e.length);if(arguments.length>1&&(c=arguments[1]),!b(a))throw new TypeError("Array.prototype.every callback must be a function");for(var g=0;f>g;g++)if(g in e&&!("undefined"==typeof c?a(e[g],g,d):a.call(c,e[g],g,d)))return!1;return!0}},!aa(d.every)),J(d,{some:function(a){var c,d=M.ToObject(this),e=_&&E(this)?T(this,""):d,f=M.ToUint32(e.length);if(arguments.length>1&&(c=arguments[1]),!b(a))throw new TypeError("Array.prototype.some callback must be a function");for(var g=0;f>g;g++)if(g in e&&("undefined"==typeof c?a(e[g],g,d):a.call(c,e[g],g,d)))return!0;return!1}},!aa(d.some));var ba=!1;d.reduce&&(ba="object"==typeof d.reduce.call("es5",function(a,b,c,d){return d})),J(d,{reduce:function(a){var c=M.ToObject(this),d=_&&E(this)?T(this,""):c,e=M.ToUint32(d.length);if(!b(a))throw new TypeError("Array.prototype.reduce callback must be a function");if(0===e&&1===arguments.length)throw new TypeError("reduce of empty array with no initial value");var f,g=0;if(arguments.length>=2)f=arguments[1];else for(;;){if(g in d){f=d[g++];break}if(++g>=e)throw new TypeError("reduce of empty array with no initial value")}for(;e>g;g++)g in d&&(f=a(f,d[g],g,c));return f}},!ba);var ca=!1;d.reduceRight&&(ca="object"==typeof d.reduceRight.call("es5",function(a,b,c,d){return d})),J(d,{reduceRight:function(a){var c=M.ToObject(this),d=_&&E(this)?T(this,""):c,e=M.ToUint32(d.length);if(!b(a))throw new TypeError("Array.prototype.reduceRight callback must be a function");if(0===e&&1===arguments.length)throw new TypeError("reduceRight of empty array with no initial value");var f,g=e-1;if(arguments.length>=2)f=arguments[1];else for(;;){if(g in d){f=d[g--];break}if(--g<0)throw new TypeError("reduceRight of empty array with no initial value")}if(0>g)return f;do g in d&&(f=a(f,d[g],g,c));while(g--);return f}},!ca);var da=d.indexOf&&-1!==[0,1].indexOf(1,2);J(d,{indexOf:function(a){var b=_&&E(this)?T(this,""):M.ToObject(this),c=M.ToUint32(b.length);if(0===c)return-1;var d=0;for(arguments.length>1&&(d=M.ToInteger(arguments[1])),d=d>=0?d:s(0,c+d);c>d;d++)if(d in b&&b[d]===a)return d;return-1}},da);var ea=d.lastIndexOf&&-1!==[0,1].lastIndexOf(0,-3);J(d,{lastIndexOf:function(a){var b=_&&E(this)?T(this,""):M.ToObject(this),c=M.ToUint32(b.length);if(0===c)return-1;var d=c-1;for(arguments.length>1&&(d=t(d,M.ToInteger(arguments[1]))),d=d>=0?d:c-Math.abs(d);d>=0;d--)if(d in b&&a===b[d])return d;return-1}},ea);var fa=function(){var a=[1,2],b=a.splice();return 2===a.length&&Y(b)&&0===b.length}();J(d,{splice:function(a,b){return 0===arguments.length?[]:m.apply(this,arguments)}},!fa);var ga=function(){var a={};return d.splice.call(a,0,0,1),1===a.length}();J(d,{splice:function(a,b){if(0===arguments.length)return[];var c=arguments;return this.length=s(M.ToInteger(this.length),0),arguments.length>0&&"number"!=typeof b&&(c=Q(arguments),c.length<2?V(c,this.length-a):c[1]=M.ToInteger(b)),m.apply(this,c)}},!ga);var ha=function(){var a=new c(1e5);return a[8]="x",a.splice(1,1),7===a.indexOf("x")}(),ia=function(){var a=256,b=[];return b[a]="a",b.splice(a+1,0,"b"),"a"===b[a]}();J(d,{splice:function(a,b){for(var c,d=M.ToObject(this),e=[],f=M.ToUint32(d.length),g=M.ToInteger(a),i=0>g?s(f+g,0):t(g,f),j=t(s(M.ToInteger(b),0),f-i),k=0;j>k;)c=h(i+k),O(d,c)&&(e[k]=d[c]),k+=1;var l,m=Q(arguments,2),n=m.length;if(j>n){for(k=i;f-j>k;)c=h(k+j),l=h(k+n),O(d,c)?d[l]=d[c]:delete d[l],k+=1;for(k=f;k>f-j+n;)delete d[k-1],k-=1}else if(n>j)for(k=f-j;k>i;)c=h(k+j-1),l=h(k+n-1),O(d,c)?d[l]=d[c]:delete d[l],k-=1;k=i;for(var o=0;o<m.length;++o)d[k]=m[o],k+=1;return d.length=f-j+n,e}},!ha||!ia);var ja,ka=d.join;try{ja="1,2,3"!==Array.prototype.join.call("123",",")}catch(la){ja=!0}ja&&J(d,{join:function(a){var b="undefined"==typeof a?",":a;return ka.call(E(this)?T(this,""):this,b)}},ja);var ma="1,2"!==[1,2].join(void 0);ma&&J(d,{join:function(a){var b="undefined"==typeof a?",":a;return ka.call(this,b)}},ma);var na=function(a){for(var b=M.ToObject(this),c=M.ToUint32(b.length),d=0;d<arguments.length;)b[c+d]=arguments[d],d+=1;return b.length=c+d,c+d},oa=function(){var a={},b=Array.prototype.push.call(a,void 0);return 1!==b||1!==a.length||"undefined"!=typeof a[0]||!O(a,0)}();J(d,{push:function(a){return Y(this)?n.apply(this,arguments):na.apply(this,arguments)}},oa);var pa=function(){var a=[],b=a.push(void 0);return 1!==b||1!==a.length||"undefined"!=typeof a[0]||!O(a,0)}();J(d,{push:na},pa),J(d,{slice:function(a,b){var c=E(this)?T(this,""):this;return R(c,arguments)}},_);var qa=function(){try{return[1,2].sort(null),[1,2].sort({}),!0}catch(a){}return!1}(),ra=function(){try{return[1,2].sort(/a/),!1}catch(a){}return!0}(),sa=function(){try{return[1,2].sort(void 0),!0}catch(a){}return!1}();J(d,{sort:function(a){if("undefined"==typeof a)return X(this);if(!b(a))throw new TypeError("Array.prototype.sort callback must be a function");return X(this,a)}},qa||!sa||!ra);var ta=!{toString:null}.propertyIsEnumerable("toString"),ua=function(){}.propertyIsEnumerable("prototype"),va=!O("x","0"),wa=function(a){var b=a.constructor;return b&&b.prototype===a},xa={$window:!0,$console:!0,$parent:!0,$self:!0,$frame:!0,$frames:!0,$frameElement:!0,$webkitIndexedDB:!0,$webkitStorageInfo:!0,$external:!0},ya=function(){if("undefined"==typeof a)return!1;for(var b in a)try{!xa["$"+b]&&O(a,b)&&null!==a[b]&&"object"==typeof a[b]&&wa(a[b])}catch(c){return!0}return!1}(),za=function(b){if("undefined"==typeof a||!ya)return wa(b);try{return wa(b)}catch(c){return!1}},Aa=["toString","toLocaleString","valueOf","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","constructor"],Ba=Aa.length,Ca=function(a){return"[object Arguments]"===P(a)},Da=function(a){return null!==a&&"object"==typeof a&&"number"==typeof a.length&&a.length>=0&&!Y(a)&&b(a.callee)},Ea=Ca(arguments)?Ca:Da;J(e,{keys:function(a){var c=b(a),d=Ea(a),e=null!==a&&"object"==typeof a,f=e&&E(a);if(!e&&!c&&!d)throw new TypeError("Object.keys called on a non-object");var g=[],i=ua&&c;if(f&&va||d)for(var j=0;j<a.length;++j)V(g,h(j));if(!d)for(var k in a)i&&"prototype"===k||!O(a,k)||V(g,h(k));if(ta)for(var l=za(a),m=0;Ba>m;m++){var n=Aa[m];l&&"constructor"===n||!O(a,n)||V(g,n)}return g}});var Fa=e.keys&&function(){return 2===e.keys(arguments).length}(1,2),Ga=e.keys&&function(){var a=e.keys(arguments);return 1!==arguments.length||1!==a.length||1!==a[0]}(1),Ha=e.keys;J(e,{keys:function(a){return Ha(Ea(a)?Q(a):a)}},!Fa||Ga);var Ia,Ja,Ka=0!==new Date(-0xc782b5b342b24).getUTCMonth(),La=new Date(-0x55d318d56a724),Ma=new Date(14496624e5),Na="Mon, 01 Jan -45875 11:59:59 GMT"!==La.toUTCString(),Oa=La.getTimezoneOffset();-720>Oa?(Ia="Tue Jan 02 -45875"!==La.toDateString(),Ja=!/^Thu Dec 10 2015 \d\d:\d\d:\d\d GMT[-\+]\d\d\d\d(?: |$)/.test(Ma.toString())):(Ia="Mon Jan 01 -45875"!==La.toDateString(),Ja=!/^Wed Dec 09 2015 \d\d:\d\d:\d\d GMT[-\+]\d\d\d\d(?: |$)/.test(Ma.toString()));var Pa=q.bind(Date.prototype.getFullYear),Qa=q.bind(Date.prototype.getMonth),Ra=q.bind(Date.prototype.getDate),Sa=q.bind(Date.prototype.getUTCFullYear),Ta=q.bind(Date.prototype.getUTCMonth),Ua=q.bind(Date.prototype.getUTCDate),Va=q.bind(Date.prototype.getUTCDay),Wa=q.bind(Date.prototype.getUTCHours),Xa=q.bind(Date.prototype.getUTCMinutes),Ya=q.bind(Date.prototype.getUTCSeconds),Za=q.bind(Date.prototype.getUTCMilliseconds),$a=["Sun","Mon","Tue","Wed","Thu","Fri"],_a=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],ab=function(a,b){return Ra(new Date(b,a,0))};J(Date.prototype,{getFullYear:function(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var a=Pa(this);return 0>a&&Qa(this)>11?a+1:a},getMonth:function(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var a=Pa(this),b=Qa(this);return 0>a&&b>11?0:b},getDate:function(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var a=Pa(this),b=Qa(this),c=Ra(this);if(0>a&&b>11){if(12===b)return c;var d=ab(0,a+1);return d-c+1}return c},getUTCFullYear:function(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var a=Sa(this);return 0>a&&Ta(this)>11?a+1:a},getUTCMonth:function(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var a=Sa(this),b=Ta(this);return 0>a&&b>11?0:b},getUTCDate:function(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var a=Sa(this),b=Ta(this),c=Ua(this);if(0>a&&b>11){if(12===b)return c;var d=ab(0,a+1);return d-c+1}return c}},Ka),J(Date.prototype,{toUTCString:function(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var a=Va(this),b=Ua(this),c=Ta(this),d=Sa(this),e=Wa(this),f=Xa(this),g=Ya(this);return $a[a]+", "+(10>b?"0"+b:b)+" "+_a[c]+" "+d+" "+(10>e?"0"+e:e)+":"+(10>f?"0"+f:f)+":"+(10>g?"0"+g:g)+" GMT"}},Ka||Na),J(Date.prototype,{toDateString:function(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var a=this.getDay(),b=this.getDate(),c=this.getMonth(),d=this.getFullYear();return $a[a]+" "+_a[c]+" "+(10>b?"0"+b:b)+" "+d}},Ka||Ia),(Ka||Ja)&&(Date.prototype.toString=function(){if(!(this&&this instanceof Date))throw new TypeError("this is not a Date object.");var a=this.getDay(),b=this.getDate(),c=this.getMonth(),d=this.getFullYear(),e=this.getHours(),f=this.getMinutes(),g=this.getSeconds(),h=this.getTimezoneOffset(),i=Math.floor(Math.abs(h)/60),j=Math.floor(Math.abs(h)%60);return $a[a]+" "+_a[c]+" "+(10>b?"0"+b:b)+" "+d+" "+(10>e?"0"+e:e)+":"+(10>f?"0"+f:f)+":"+(10>g?"0"+g:g)+" GMT"+(h>0?"-":"+")+(10>i?"0"+i:i)+(10>j?"0"+j:j)},I&&e.defineProperty(Date.prototype,"toString",{configurable:!0,enumerable:!1,writable:!0}));var bb=-621987552e5,cb="-000001",db=Date.prototype.toISOString&&-1===new Date(bb).toISOString().indexOf(cb),eb=Date.prototype.toISOString&&"1969-12-31T23:59:59.999Z"!==new Date(-1).toISOString();J(Date.prototype,{toISOString:function(){if(!isFinite(this))throw new RangeError("Date.prototype.toISOString called on non-finite value.");var a=Sa(this),b=Ta(this);a+=Math.floor(b/12),b=(b%12+12)%12;var c=[b+1,Ua(this),Wa(this),Xa(this),Ya(this)];a=(0>a?"-":a>9999?"+":"")+S("00000"+Math.abs(a),a>=0&&9999>=a?-4:-6);for(var d=0;d<c.length;++d)c[d]=S("00"+c[d],-2);return a+"-"+Q(c,0,2).join("-")+"T"+Q(c,2).join(":")+"."+S("000"+Za(this),-3)+"Z"}},db||eb);var fb=function(){try{return Date.prototype.toJSON&&null===new Date(NaN).toJSON()&&-1!==new Date(bb).toJSON().indexOf(cb)&&Date.prototype.toJSON.call({toISOString:function(){return!0}})}catch(a){return!1}}();fb||(Date.prototype.toJSON=function(a){var c=e(this),d=M.ToPrimitive(c);if("number"==typeof d&&!isFinite(d))return null;var f=c.toISOString;if(!b(f))throw new TypeError("toISOString property is not callable");return f.call(c)});var gb=1e15===Date.parse("+033658-09-27T01:46:40.000Z"),hb=!isNaN(Date.parse("2012-04-04T24:00:00.500Z"))||!isNaN(Date.parse("2012-11-31T23:59:59.000Z"))||!isNaN(Date.parse("2012-12-31T23:59:60.000Z")),ib=isNaN(Date.parse("2000-01-01T00:00:00.000Z"));if(ib||hb||!gb){var jb=Math.pow(2,31)-1,kb=L(new Date(1970,0,1,0,0,0,jb+1).getTime());Date=function(a){var b=function(c,d,e,f,g,i,j){var k,l=arguments.length;if(this instanceof a){var m=i,n=j;if(kb&&l>=7&&j>jb){var o=Math.floor(j/jb)*jb,p=Math.floor(o/1e3);m+=p,n-=1e3*p}k=1===l&&h(c)===c?new a(b.parse(c)):l>=7?new a(c,d,e,f,g,m,n):l>=6?new a(c,d,e,f,g,m):l>=5?new a(c,d,e,f,g):l>=4?new a(c,d,e,f):l>=3?new a(c,d,e):l>=2?new a(c,d):l>=1?new a(c):new a}else k=a.apply(this,arguments);return K(k)||J(k,{constructor:b},!0),k},c=new RegExp("^(\\d{4}|[+-]\\d{6})(?:-(\\d{2})(?:-(\\d{2})(?:T(\\d{2}):(\\d{2})(?::(\\d{2})(?:(\\.\\d{1,}))?)?(Z|(?:([-+])(\\d{2}):(\\d{2})))?)?)?)?$"),d=[0,31,59,90,120,151,181,212,243,273,304,334,365],e=function(a,b){var c=b>1?1:0;return d[b]+Math.floor((a-1969+c)/4)-Math.floor((a-1901+c)/100)+Math.floor((a-1601+c)/400)+365*(a-1970)},f=function(b){var c=0,d=b;if(kb&&d>jb){var e=Math.floor(d/jb)*jb,f=Math.floor(e/1e3);c+=f,d-=1e3*f}return j(new a(1970,0,1,0,0,c,d))};for(var g in a)O(a,g)&&(b[g]=a[g]);J(b,{now:a.now,UTC:a.UTC},!0),b.prototype=a.prototype,J(b.prototype,{constructor:b},!0);var i=function(b){var d=c.exec(b);if(d){var g,h=j(d[1]),i=j(d[2]||1)-1,k=j(d[3]||1)-1,l=j(d[4]||0),m=j(d[5]||0),n=j(d[6]||0),o=Math.floor(1e3*j(d[7]||0)),p=Boolean(d[4]&&!d[8]),q="-"===d[9]?1:-1,r=j(d[10]||0),s=j(d[11]||0),t=m>0||n>0||o>0;return(t?24:25)>l&&60>m&&60>n&&1e3>o&&i>-1&&12>i&&24>r&&60>s&&k>-1&&k<e(h,i+1)-e(h,i)&&(g=60*(24*(e(h,i)+k)+l+r*q),g=1e3*(60*(g+m+s*q)+n)+o,p&&(g=f(g)),g>=-864e13&&864e13>=g)?g:NaN}return a.parse.apply(this,arguments)};return J(b,{parse:i}),b}(Date)}Date.now||(Date.now=function(){return(new Date).getTime()});var lb=k.toFixed&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==0xde0b6b3a7640080.toFixed(0)),mb={base:1e7,size:6,data:[0,0,0,0,0,0],multiply:function(a,b){for(var c=-1,d=b;++c<mb.size;)d+=a*mb.data[c],mb.data[c]=d%mb.base,d=Math.floor(d/mb.base)},divide:function(a){for(var b=mb.size,c=0;--b>=0;)c+=mb.data[b],mb.data[b]=Math.floor(c/a),c=c%a*mb.base},numToString:function(){for(var a=mb.size,b="";--a>=0;)if(""!==b||0===a||0!==mb.data[a]){var c=h(mb.data[a]);""===b?b=c:b+=S("0000000",0,7-c.length)+c}return b},pow:function Gb(a,b,c){return 0===b?c:b%2===1?Gb(a,b-1,c*a):Gb(a*a,b/2,c)},log:function(a){for(var b=0,c=a;c>=4096;)b+=12,c/=4096;for(;c>=2;)b+=1,c/=2;return b}},nb=function(a){var b,c,d,e,f,g,i,k;if(b=j(a),b=L(b)?0:Math.floor(b),0>b||b>20)throw new RangeError("Number.toFixed called with invalid number of decimals");if(c=j(this),L(c))return"NaN";if(-1e21>=c||c>=1e21)return h(c);if(d="",0>c&&(d="-",c=-c),e="0",c>1e-21)if(f=mb.log(c*mb.pow(2,69,1))-69,g=0>f?c*mb.pow(2,-f,1):c/mb.pow(2,f,1),g*=4503599627370496,f=52-f,f>0){for(mb.multiply(0,g),i=b;i>=7;)mb.multiply(1e7,0),i-=7;for(mb.multiply(mb.pow(10,i,1),0),i=f-1;i>=23;)mb.divide(1<<23),i-=23;mb.divide(1<<i),mb.multiply(1,1),mb.divide(2),e=mb.numToString()}else mb.multiply(0,g),mb.multiply(1<<-f,0),e=mb.numToString()+S("0.00000000000000000000",2,2+b);return b>0?(k=e.length,e=b>=k?d+S("0.0000000000000000000",0,b-k+2)+e:d+S(e,0,k-b)+"."+S(e,k-b)):e=d+e,e};J(k,{toFixed:nb},lb);var ob=function(){try{return"1"===1..toPrecision(void 0)}catch(a){return!0}}(),pb=k.toPrecision;J(k,{toPrecision:function(a){return"undefined"==typeof a?pb.call(this):pb.call(this,a)}},ob),2!=="ab".split(/(?:ab)*/).length||4!==".".split(/(.?)(.?)/).length||"t"==="tesst".split(/(s)*/)[1]||4!=="test".split(/(?:)/,-1).length||"".split(/.?/).length||".".split(/()()/).length>1?!function(){var a="undefined"==typeof/()??/.exec("")[1],b=Math.pow(2,32)-1;i.split=function(c,d){var e=String(this);if("undefined"==typeof c&&0===d)return[];if(!A(c))return T(this,c,d);var f,g,h,i,j=[],k=(c.ignoreCase?"i":"")+(c.multiline?"m":"")+(c.unicode?"u":"")+(c.sticky?"y":""),l=0,m=new RegExp(c.source,k+"g");a||(f=new RegExp("^"+m.source+"$(?!\\s)",k));var o="undefined"==typeof d?b:M.ToUint32(d);for(g=m.exec(e);g&&(h=g.index+g[0].length,!(h>l&&(V(j,S(e,l,g.index)),!a&&g.length>1&&g[0].replace(f,function(){for(var a=1;a<arguments.length-2;a++)"undefined"==typeof arguments[a]&&(g[a]=void 0)}),g.length>1&&g.index<e.length&&n.apply(j,Q(g,1)),i=g[0].length,l=h,j.length>=o)));)m.lastIndex===g.index&&m.lastIndex++,g=m.exec(e);return l===e.length?(i||!m.test(""))&&V(j,""):V(j,S(e,l)),j.length>o?S(j,0,o):j}}():"0".split(void 0,0).length&&(i.split=function(a,b){return"undefined"==typeof a&&0===b?[]:T(this,a,b)});var qb=i.replace,rb=function(){var a=[];return"x".replace(/x(.)?/g,function(b,c){V(a,c)}),1===a.length&&"undefined"==typeof a[0]}();rb||(i.replace=function(a,c){var d=b(c),e=A(a)&&/\)[*?]/.test(a.source);if(d&&e){var f=function(b){var d=arguments.length,e=a.lastIndex;a.lastIndex=0;var f=a.exec(b)||[];return a.lastIndex=e,V(f,arguments[d-2],arguments[d-1]),c.apply(this,f)};return qb.call(this,a,f)}return qb.call(this,a,c)});var sb=i.substr,tb="".substr&&"b"!=="0b".substr(-1);J(i,{substr:function(a,b){var c=a;return 0>a&&(c=s(this.length+a,0)),sb.call(this,c,b)}},tb);var ub="	\n\f\r   ᠎             　\u2028\u2029\ufeff",vb="​",wb="["+ub+"]",xb=new RegExp("^"+wb+wb+"*"),yb=new RegExp(wb+wb+"*$"),zb=i.trim&&(ub.trim()||!vb.trim());J(i,{trim:function(){if("undefined"==typeof this||null===this)throw new TypeError("can't convert "+this+" to object");return h(this).replace(xb,"").replace(yb,"")}},zb);var Ab=q.bind(String.prototype.trim),Bb=i.lastIndexOf&&-1!=="abcあい".lastIndexOf("あい",2);J(i,{lastIndexOf:function(a){if("undefined"==typeof this||null===this)throw new TypeError("can't convert "+this+" to object");for(var b=h(this),c=h(a),d=arguments.length>1?j(arguments[1]):NaN,e=L(d)?1/0:M.ToInteger(d),f=t(s(e,0),b.length),g=c.length,i=f+g;i>0;){i=s(0,i-g);var k=U(S(b,i,f+g),c);if(-1!==k)return i+k}return-1}},Bb);var Cb=i.lastIndexOf;if(J(i,{lastIndexOf:function(a){return Cb.apply(this,arguments)}},1!==i.lastIndexOf.length),(8!==parseInt(ub+"08")||22!==parseInt(ub+"0x16"))&&(parseInt=function(a){var b=/^[\-+]?0[xX]/;return function(c,d){var e=Ab(c),f=j(d)||(b.test(e)?16:10);return a(e,f)}}(parseInt)),1/parseFloat("-0")!==-(1/0)&&(parseFloat=function(a){return function(b){var c=Ab(b),d=a(c);return 0===d&&"-"===S(c,0,1)?-0:d}}(parseFloat)),"RangeError: test"!==String(new RangeError("test"))){var Db=function(){if("undefined"==typeof this||null===this)throw new TypeError("can't convert "+this+" to object");var a=this.name;"undefined"==typeof a?a="Error":"string"!=typeof a&&(a=h(a));var b=this.message;return"undefined"==typeof b?b="":"string"!=typeof b&&(b=h(b)),a?b?a+": "+b:a:b};Error.prototype.toString=Db}if(I){var Eb=function(a,b){if(W(a,b)){var c=Object.getOwnPropertyDescriptor(a,b);c.enumerable=!1,Object.defineProperty(a,b,c)}};Eb(Error.prototype,"message"),""!==Error.prototype.message&&(Error.prototype.message=""),Eb(Error.prototype,"name")}if("/a/gim"!==String(/a/gim)){var Fb=function(){var a="/"+this.source+"/";return this.global&&(a+="g"),this.ignoreCase&&(a+="i"),this.multiline&&(a+="m"),a};RegExp.prototype.toString=Fb}}),function(a,b){"use strict";"function"==typeof define&&define.amd?define(b):"object"==typeof exports?module.exports=b():a.returnExports=b()}(this,function(){var a,c,d,e,f=Function.call,g=Object.prototype,h=f.bind(g.hasOwnProperty),i=f.bind(g.propertyIsEnumerable),j=f.bind(g.toString),k=h(g,"__defineGetter__");k&&(a=f.bind(g.__defineGetter__),c=f.bind(g.__defineSetter__),d=f.bind(g.__lookupGetter__),e=f.bind(g.__lookupSetter__)),Object.getPrototypeOf||(Object.getPrototypeOf=function(a){var b=a.__proto__;return b||null===b?b:"[object Function]"===j(a.constructor)?a.constructor.prototype:a instanceof Object?g:null});var l=function(a){try{return a.sentinel=0,0===Object.getOwnPropertyDescriptor(a,"sentinel").value}catch(b){return!1}};if(Object.defineProperty){var m=l({}),n="undefined"==typeof b||l(b.createElement("div"));if(!n||!m)var o=Object.getOwnPropertyDescriptor}if(!Object.getOwnPropertyDescriptor||o){var p="Object.getOwnPropertyDescriptor called on a non-object: ";Object.getOwnPropertyDescriptor=function(a,b){if("object"!=typeof a&&"function"!=typeof a||null===a)throw new TypeError(p+a);if(o)try{return o.call(Object,a,b)}catch(c){}var f;if(!h(a,b))return f;if(f={enumerable:i(a,b),configurable:!0},k){var j=a.__proto__,l=a!==g;l&&(a.__proto__=g);var m=d(a,b),n=e(a,b);if(l&&(a.__proto__=j),m||n)return m&&(f.get=m),n&&(f.set=n),f}return f.value=a[b],f.writable=!0,f}}if(Object.getOwnPropertyNames||(Object.getOwnPropertyNames=function(a){return Object.keys(a)}),!Object.create){var q,r=!({__proto__:null}instanceof Object),s=function(){if(!b.domain)return!1;try{return!!new ActiveXObject("htmlfile")}catch(a){return!1}},t=function(){var a,b;return b=new ActiveXObject("htmlfile"),b.write("<script></script>"),b.close(),a=b.parentWindow.Object.prototype,b=null,a},u=function(){var a,c=b.createElement("iframe"),d=b.body||b.documentElement;return c.style.display="none",d.appendChild(c),c.src="javascript:",a=c.contentWindow.Object.prototype,d.removeChild(c),c=null,a};q=r||"undefined"==typeof b?function(){return{__proto__:null}}:function(){var a=s()?t():u();delete a.constructor,delete a.hasOwnProperty,delete a.propertyIsEnumerable,delete a.isPrototypeOf,delete a.toLocaleString,delete a.toString,delete a.valueOf;var b=function(){};return b.prototype=a,q=function(){return new b},new b},Object.create=function(a,b){var c,d=function(){};if(null===a)c=q();else{if("object"!=typeof a&&"function"!=typeof a)throw new TypeError("Object prototype may only be an Object or null");d.prototype=a,c=new d,c.__proto__=a}return void 0!==b&&Object.defineProperties(c,b),c}}var v=function(a){try{return Object.defineProperty(a,"sentinel",{}),"sentinel"in a}catch(b){return!1}};if(Object.defineProperty){var w=v({}),x="undefined"==typeof b||v(b.createElement("div"));if(!w||!x)var y=Object.defineProperty,z=Object.defineProperties}if(!Object.defineProperty||y){var A="Property description must be an object: ",B="Object.defineProperty called on non-object: ",C="getters & setters can not be defined on this javascript engine";Object.defineProperty=function(b,f,h){if("object"!=typeof b&&"function"!=typeof b||null===b)throw new TypeError(B+b);if("object"!=typeof h&&"function"!=typeof h||null===h)throw new TypeError(A+h);if(y)try{return y.call(Object,b,f,h)}catch(i){}if("value"in h)if(k&&(d(b,f)||e(b,f))){var j=b.__proto__;b.__proto__=g,delete b[f],b[f]=h.value,b.__proto__=j}else b[f]=h.value;else{if(!k&&("get"in h||"set"in h))throw new TypeError(C);"get"in h&&a(b,f,h.get),"set"in h&&c(b,f,h.set)}return b}}(!Object.defineProperties||z)&&(Object.defineProperties=function(a,b){if(z)try{return z.call(Object,a,b)}catch(c){}return Object.keys(b).forEach(function(c){"__proto__"!==c&&Object.defineProperty(a,c,b[c])}),a}),Object.seal||(Object.seal=function(a){if(Object(a)!==a)throw new TypeError("Object.seal can only be called on Objects.");return a}),Object.freeze||(Object.freeze=function(a){if(Object(a)!==a)throw new TypeError("Object.freeze can only be called on Objects.");return a});try{Object.freeze(function(){})}catch(D){Object.freeze=function(a){return function(b){return"function"==typeof b?b:a(b)}}(Object.freeze)}Object.preventExtensions||(Object.preventExtensions=function(a){if(Object(a)!==a)throw new TypeError("Object.preventExtensions can only be called on Objects.");return a}),Object.isSealed||(Object.isSealed=function(a){if(Object(a)!==a)throw new TypeError("Object.isSealed can only be called on Objects.");return!1}),Object.isFrozen||(Object.isFrozen=function(a){if(Object(a)!==a)throw new TypeError("Object.isFrozen can only be called on Objects.");return!1}),Object.isExtensible||(Object.isExtensible=function(a){if(Object(a)!==a)throw new TypeError("Object.isExtensible can only be called on Objects.");for(var b="";h(a,b);)b+="?";a[b]=!0;var c=h(a,b);return delete a[b],c})})}(window,document);
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/ar.js b/pod/main/static/video-js-6.8.0/lang/ar.js
deleted file mode 100755
index 6586f00f2d..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/ar.js
+++ /dev/null
@@ -1,34 +0,0 @@
-videojs.addLanguage("ar",{
- "Play": "تشغيل",
- "Pause": "إيقاف",
- "Current Time": "الوقت الحالي",
- "Duration Time": "مدة",
- "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/pod/main/static/video-js-6.8.0/lang/ba.js b/pod/main/static/video-js-6.8.0/lang/ba.js
deleted file mode 100755
index b7ca3da81d..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/ba.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("ba",{
- "Play": "Pusti",
- "Pause": "Pauza",
- "Current Time": "Trenutno vrijeme",
- "Duration Time": "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/pod/main/static/video-js-6.8.0/lang/bg.js b/pod/main/static/video-js-6.8.0/lang/bg.js
deleted file mode 100755
index 34e48eced8..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/bg.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("bg",{
- "Play": "Възпроизвеждане",
- "Pause": "Пауза",
- "Current Time": "Текущо време",
- "Duration Time": "Продължителност",
- "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/pod/main/static/video-js-6.8.0/lang/ca.js b/pod/main/static/video-js-6.8.0/lang/ca.js
deleted file mode 100755
index 03371eee60..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/ca.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("ca",{
- "Play": "Reproducció",
- "Pause": "Pausa",
- "Current Time": "Temps reproduït",
- "Duration Time": "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/pod/main/static/video-js-6.8.0/lang/cs.js b/pod/main/static/video-js-6.8.0/lang/cs.js
deleted file mode 100755
index f6004aa50c..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/cs.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("cs",{
- "Play": "Přehrát",
- "Pause": "Pauza",
- "Current Time": "Aktuální čas",
- "Duration Time": "Doba trvání",
- "Remaining Time": "Zbývající čas",
- "Stream Type": "Stream Type",
- "LIVE": "ŽIVĚ",
- "Loaded": "Načteno",
- "Progress": "Stav",
- "Fullscreen": "Celá obrazovka",
- "Non-Fullscreen": "Zmenšená obrazovka",
- "Mute": "Ztlumit zvuk",
- "Unmute": "Přehrát zvuk",
- "Playback Rate": "Rychlost přehrávání",
- "Subtitles": "Titulky",
- "subtitles off": "Titulky vypnuty",
- "Captions": "Popisky",
- "captions off": "Popisky vypnuty",
- "Chapters": "Kapitoly",
- "You aborted the media playback": "Přehrávání videa je 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 nebo 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 formát videa.",
- "No compatible source was found for this media.": "Špatně zadaný zdroj videa."
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/da.js b/pod/main/static/video-js-6.8.0/lang/da.js
deleted file mode 100755
index f6b3ada894..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/da.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("da",{
- "Play": "Afspil",
- "Pause": "Pause",
- "Current Time": "Aktuel tid",
- "Duration Time": "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/pod/main/static/video-js-6.8.0/lang/de.js b/pod/main/static/video-js-6.8.0/lang/de.js
deleted file mode 100755
index b9a4774e5d..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/de.js
+++ /dev/null
@@ -1,84 +0,0 @@
-videojs.addLanguage("de",{
- "Play": "Wiedergabe",
- "Pause": "Pause",
- "Replay": "Erneut abspielen",
- "Current Time": "Aktueller Zeitpunkt",
- "Duration Time": "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": "Undurchsictig",
- "Font Size": "Schriftgröße",
- "Text Edge Style": "Textkantenstil",
- "None": "Kein",
- "Raised": "Erhoben",
- "Depressed": "Gedrückt",
- "Uniform": "Uniform",
- "Dropshadow": "Schlagschatten",
- "Font Family": "Schristfamilie",
- "Proportional Sans-Serif": "Proportionale Sans-Serif",
- "Monospace Sans-Serif": "Monospace Sans-Serif",
- "Proportional Serif": "Proportionale Serif",
- "Monospace Serif": "Monospace Serif",
- "Casual": "Zwanglos",
- "Script": "Schreibeschrift",
- "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ärkestufe"
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/el.js b/pod/main/static/video-js-6.8.0/lang/el.js
deleted file mode 100755
index 67bd1682fe..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/el.js
+++ /dev/null
@@ -1,40 +0,0 @@
-videojs.addLanguage("el",{
- "Play": "Aναπαραγωγή",
- "Pause": "Παύση",
- "Current Time": "Τρέχων χρόνος",
- "Duration Time": "Συνολικός χρόνος",
- "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/pod/main/static/video-js-6.8.0/lang/en.js b/pod/main/static/video-js-6.8.0/lang/en.js
deleted file mode 100755
index efa3c6d942..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/en.js
+++ /dev/null
@@ -1,85 +0,0 @@
-videojs.addLanguage("en",{
- "Audio Player": "Audio Player",
- "Video Player": "Video Player",
- "Play": "Play",
- "Pause": "Pause",
- "Replay": "Replay",
- "Current Time": "Current Time",
- "Duration Time": "Duration Time",
- "Remaining Time": "Remaining Time",
- "Stream Type": "Stream Type",
- "LIVE": "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/pod/main/static/video-js-6.8.0/lang/es.js b/pod/main/static/video-js-6.8.0/lang/es.js
deleted file mode 100755
index b9f26b826c..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/es.js
+++ /dev/null
@@ -1,27 +0,0 @@
-videojs.addLanguage("es",{
- "Play": "Reproducción",
- "Play Video": "Reproducción Vídeo",
- "Pause": "Pausa",
- "Current Time": "Tiempo reproducido",
- "Duration Time": "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."
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/fa.js b/pod/main/static/video-js-6.8.0/lang/fa.js
deleted file mode 100755
index 53f7c54b85..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/fa.js
+++ /dev/null
@@ -1,84 +0,0 @@
-videojs.addLanguage("fa",{
- "Audio Player": "پخش کننده صوتی",
- "Video Player": "پخش کننده ویدیو",
- "Play": "پخش",
- "Pause": "مکث",
- "Replay": "بازپخش",
- "Current Time": "زمان کنونی",
- "Duration Time": "مدت زمان",
- "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/pod/main/static/video-js-6.8.0/lang/fi.js b/pod/main/static/video-js-6.8.0/lang/fi.js
deleted file mode 100755
index 157c3acb25..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/fi.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("fi",{
- "Play": "Toisto",
- "Pause": "Tauko",
- "Current Time": "Tämänhetkinen aika",
- "Duration Time": "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/pod/main/static/video-js-6.8.0/lang/fr.js b/pod/main/static/video-js-6.8.0/lang/fr.js
deleted file mode 100755
index bb4094fba4..0000000000
--- a/pod/main/static/video-js-6.8.0/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 Time": "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/pod/main/static/video-js-6.8.0/lang/gl.js b/pod/main/static/video-js-6.8.0/lang/gl.js
deleted file mode 100755
index cc0686d5ea..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/gl.js
+++ /dev/null
@@ -1,27 +0,0 @@
-videojs.addLanguage("gl",{
- "Play": "Reprodución",
- "Play Video": "Reprodución Vídeo",
- "Pause": "Pausa",
- "Current Time": "Tempo reproducido",
- "Duration Time": "Duración total",
- "Remaining Time": "Tempo restante",
- "Stream Type": "Tipo de secuencia",
- "LIVE": "DIRECTO",
- "Loaded": "Cargado",
- "Progress": "Progreso",
- "Fullscreen": "Pantalla completa",
- "Non-Fullscreen": "Pantalla non completa",
- "Mute": "Silenciar",
- "Unmute": "Non silenciado",
- "Playback Rate": "Velocidade de reprodución",
- "Subtitles": "Subtítulos",
- "subtitles off": "Subtítulos desactivados",
- "Captions": "Subtítulos con lenda",
- "captions off": "Subtítulos con lenda desactivados",
- "Chapters": "Capítulos",
- "You aborted the media playback": "Interrompeches a reprodución do vídeo.",
- "A network error caused the media download to fail part-way.": "Un erro de rede interrompeu a descarga do vídeo.",
- "The media could not be loaded, either because the server or network failed or because the format is not supported.": "Non se puido cargar o vídeo debido a un fallo de rede ou do servidor ou porque o formato é incompatible.",
- "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "A reproducción de vídeo interrompeuse por un problema de corrupción de datos ou porque o vídeo precisa funcións que o teu navegador non ofrece.",
- "No compatible source was found for this media.": "Non se atopou ningunha fonte compatible con este vídeo."
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/he.js b/pod/main/static/video-js-6.8.0/lang/he.js
deleted file mode 100755
index 0902297dd8..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/he.js
+++ /dev/null
@@ -1,84 +0,0 @@
-videojs.addLanguage("he",{
- "Audio Player": "נַגָּן שמע",
- "Video Player": "נַגָּן וידאו",
- "Play": "נַגֵּן",
- "Pause": "השהה",
- "Replay": "נַגֵּן שוב",
- "Current Time": "זמן נוכחי",
- "Duration Time": "זמן כולל",
- "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/pod/main/static/video-js-6.8.0/lang/hr.js b/pod/main/static/video-js-6.8.0/lang/hr.js
deleted file mode 100755
index 5e32a22b19..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/hr.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("hr",{
- "Play": "Pusti",
- "Pause": "Pauza",
- "Current Time": "Trenutno vrijeme",
- "Duration Time": "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/pod/main/static/video-js-6.8.0/lang/hu.js b/pod/main/static/video-js-6.8.0/lang/hu.js
deleted file mode 100755
index 5b5123d86e..0000000000
--- a/pod/main/static/video-js-6.8.0/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 Time": "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/pod/main/static/video-js-6.8.0/lang/it.js b/pod/main/static/video-js-6.8.0/lang/it.js
deleted file mode 100755
index 1f7394b504..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/it.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("it",{
- "Play": "Play",
- "Pause": "Pausa",
- "Current Time": "Orario attuale",
- "Duration Time": "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/pod/main/static/video-js-6.8.0/lang/ja.js b/pod/main/static/video-js-6.8.0/lang/ja.js
deleted file mode 100755
index 6c853b54c8..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/ja.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("ja",{
- "Play": "再生",
- "Pause": "一時停止",
- "Current Time": "現在の時間",
- "Duration Time": "長さ",
- "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/pod/main/static/video-js-6.8.0/lang/ko.js b/pod/main/static/video-js-6.8.0/lang/ko.js
deleted file mode 100755
index ee3ce2a604..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/ko.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("ko",{
- "Play": "재생",
- "Pause": "일시중지",
- "Current Time": "현재 시간",
- "Duration Time": "지정 기간",
- "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/pod/main/static/video-js-6.8.0/lang/nb.js b/pod/main/static/video-js-6.8.0/lang/nb.js
deleted file mode 100755
index e4bbcc9d5c..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/nb.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("nb",{
- "Play": "Spill",
- "Pause": "Pause",
- "Current Time": "Aktuell tid",
- "Duration Time": "Varighet",
- "Remaining Time": "Gjenstående tid",
- "Stream Type": "Type strøm",
- "LIVE": "DIREKTE",
- "Loaded": "Lastet inn",
- "Progress": "Status",
- "Fullscreen": "Fullskjerm",
- "Non-Fullscreen": "Lukk fullskjerm",
- "Mute": "Lyd av",
- "Unmute": "Lyd på",
- "Playback Rate": "Avspillingsrate",
- "Subtitles": "Undertekst på",
- "subtitles off": "Undertekst av",
- "Captions": "Undertekst for hørselshemmede på",
- "captions off": "Undertekst for hørselshemmede av",
- "Chapters": "Kapitler",
- "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."
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/nl.js b/pod/main/static/video-js-6.8.0/lang/nl.js
deleted file mode 100755
index 4277d49777..0000000000
--- a/pod/main/static/video-js-6.8.0/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 Time": "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/pod/main/static/video-js-6.8.0/lang/nn.js b/pod/main/static/video-js-6.8.0/lang/nn.js
deleted file mode 100755
index 19f625e429..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/nn.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("nn",{
- "Play": "Spel",
- "Pause": "Pause",
- "Current Time": "Aktuell tid",
- "Duration Time": "Varigheit",
- "Remaining Time": "Tid attende",
- "Stream Type": "Type straum",
- "LIVE": "DIREKTE",
- "Loaded": "Lasta inn",
- "Progress": "Status",
- "Fullscreen": "Fullskjerm",
- "Non-Fullscreen": "Stenga fullskjerm",
- "Mute": "Ljod av",
- "Unmute": "Ljod på",
- "Playback Rate": "Avspelingsrate",
- "Subtitles": "Teksting på",
- "subtitles off": "Teksting av",
- "Captions": "Teksting for høyrselshemma på",
- "captions off": "Teksting for høyrselshemma av",
- "Chapters": "Kapitel",
- "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."
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/pl.js b/pod/main/static/video-js-6.8.0/lang/pl.js
deleted file mode 100755
index 220b08827a..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/pl.js
+++ /dev/null
@@ -1,34 +0,0 @@
-videojs.addLanguage("pl",{
- "Play": "Odtwarzaj",
- "Pause": "Pauza",
- "Current Time": "Aktualny czas",
- "Duration Time": "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/pod/main/static/video-js-6.8.0/lang/pt-BR.js b/pod/main/static/video-js-6.8.0/lang/pt-BR.js
deleted file mode 100755
index 5e94fa1867..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/pt-BR.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("pt-BR",{
- "Play": "Tocar",
- "Pause": "Pausar",
- "Current Time": "Tempo",
- "Duration Time": "Duração",
- "Remaining Time": "Tempo Restante",
- "Stream Type": "Tipo de Stream",
- "LIVE": "AO VIVO",
- "Loaded": "Carregado",
- "Progress": "Progresso",
- "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",
- "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 fez o vídeo parar 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 com sua rede ou pelo formato do vídeo não ser suportado.",
- "The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "A execução foi interrompida por um problema com o vídeo ou por seu navegador não dar suporte ao seu formato.",
- "No compatible source was found for this media.": "Não foi encontrada fonte de vídeo compatível."
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/pt-PT.js b/pod/main/static/video-js-6.8.0/lang/pt-PT.js
deleted file mode 100755
index f301dd53b3..0000000000
--- a/pod/main/static/video-js-6.8.0/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 Time": "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/pod/main/static/video-js-6.8.0/lang/ru.js b/pod/main/static/video-js-6.8.0/lang/ru.js
deleted file mode 100755
index 82e11bfb92..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/ru.js
+++ /dev/null
@@ -1,84 +0,0 @@
-videojs.addLanguage("ru",{
- "Audio Player": "Аудио проигрыватель",
- "Video Player": "Видео проигрыватель",
- "Play": "Воспроизвести",
- "Pause": "Приостановить",
- "Replay": "Воспроизвести снова",
- "Current Time": "Текущее время",
- "Duration Time": "Продолжительность",
- "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.": "Конец диалогового окна."
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/sk.js b/pod/main/static/video-js-6.8.0/lang/sk.js
deleted file mode 100755
index 083fdc05e5..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/sk.js
+++ /dev/null
@@ -1,84 +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 Time": "Č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."
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/sr.js b/pod/main/static/video-js-6.8.0/lang/sr.js
deleted file mode 100755
index 7c042b26d7..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/sr.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("sr",{
- "Play": "Pusti",
- "Pause": "Pauza",
- "Current Time": "Trenutno vrijeme",
- "Duration Time": "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/pod/main/static/video-js-6.8.0/lang/sv.js b/pod/main/static/video-js-6.8.0/lang/sv.js
deleted file mode 100755
index 48ea77b0fc..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/sv.js
+++ /dev/null
@@ -1,26 +0,0 @@
-videojs.addLanguage("sv",{
- "Play": "Spela",
- "Pause": "Pausa",
- "Current Time": "Aktuell tid",
- "Duration Time": "Total tid",
- "Remaining Time": "Återstående tid",
- "Stream Type": "Strömningstyp",
- "LIVE": "LIVE",
- "Loaded": "Laddad",
- "Progress": "Förlopp",
- "Fullscreen": "Fullskärm",
- "Non-Fullscreen": "Ej fullskärm",
- "Mute": "Ljud av",
- "Unmute": "Ljud på",
- "Playback Rate": "Uppspelningshastighet",
- "Subtitles": "Text på",
- "subtitles off": "Text av",
- "Captions": "Text på",
- "captions off": "Text av",
- "Chapters": "Kapitel",
- "You aborted the media playback": "Du har avbrutit videouppspelningen.",
- "A network error caused the media download to fail part-way.": "Ett nätverksfel gjorde att nedladdningen av videon avbröts.",
- "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 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.",
- "No compatible source was found for this media.": "Det gick inte att hitta någon kompatibel källa för den här videon."
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/tr.js b/pod/main/static/video-js-6.8.0/lang/tr.js
deleted file mode 100755
index 641a27ba13..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/tr.js
+++ /dev/null
@@ -1,76 +0,0 @@
-videojs.addLanguage("tr",{
- "Play": "Oynat",
- "Pause": "Duraklat",
- "Replay": "Yeniden Oynat",
- "Current Time": "Süre",
- "Duration Time": "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/pod/main/static/video-js-6.8.0/lang/uk.js b/pod/main/static/video-js-6.8.0/lang/uk.js
deleted file mode 100755
index c7f46a7280..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/uk.js
+++ /dev/null
@@ -1,40 +0,0 @@
-videojs.addLanguage("uk",{
- "Play": "Відтворити",
- "Pause": "Призупинити",
- "Current Time": "Поточний час",
- "Duration Time": "Тривалість",
- "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": ", обраний"
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/vi.js b/pod/main/static/video-js-6.8.0/lang/vi.js
deleted file mode 100755
index b5faa63feb..0000000000
--- a/pod/main/static/video-js-6.8.0/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 Time": "Độ 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/pod/main/static/video-js-6.8.0/lang/zh-CN.js b/pod/main/static/video-js-6.8.0/lang/zh-CN.js
deleted file mode 100755
index 37d67fce0d..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/zh-CN.js
+++ /dev/null
@@ -1,83 +0,0 @@
-videojs.addLanguage("zh-CN",{
- "Play": "播放",
- "Pause": "暂停",
- "Current Time": "当前时间",
- "Duration Time": "时长",
- "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.": "结束对话视窗"
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/lang/zh-TW.js b/pod/main/static/video-js-6.8.0/lang/zh-TW.js
deleted file mode 100755
index 30f951658e..0000000000
--- a/pod/main/static/video-js-6.8.0/lang/zh-TW.js
+++ /dev/null
@@ -1,83 +0,0 @@
-videojs.addLanguage("zh-TW",{
- "Play": "播放",
- "Pause": "暫停",
- "Current Time": "目前時間",
- "Duration Time": "總共時間",
- "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.": "結束對話視窗"
-});
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/video-js.css b/pod/main/static/video-js-6.8.0/video-js.css
deleted file mode 100755
index 5ef20a138f..0000000000
--- a/pod/main/static/video-js-6.8.0/video-js.css
+++ /dev/null
@@ -1,1458 +0,0 @@
-.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .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("font/VideoJS.eot?#iefix") format("eot"); }
-
-@font-face {
-  font-family: VideoJS;
-  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");
-  font-weight: normal;
-  font-style: normal; }
-
-.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal; }
-  .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .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-subtitles-button .vjs-icon-placeholder, .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 {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal; }
-  .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder: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 {
-    content: "\f10c"; }
-
-.vjs-icon-captions, .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 {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal; }
-  .vjs-icon-captions:before, .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 {
-    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, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
-  font-family: VideoJS;
-  font-weight: normal;
-  font-style: normal; }
-  .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level: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"; }
-
-.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%;
-  overflow-y: auto; }
-
-.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.5em;
-  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);
-  -webkit-border-radius: 0.3em;
-  -moz-border-radius: 0.3em;
-  border-radius: 0.3em;
-  -webkit-transition: all 0.4s;
-  -moz-transition: all 0.4s;
-  -ms-transition: all 0.4s;
-  -o-transition: all 0.4s;
-  transition: all 0.4s; }
-
-.vjs-big-play-centered .vjs-big-play-button {
-  top: 50%;
-  left: 50%;
-  margin-top: -0.75em;
-  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);
-  -webkit-transition: all 0s;
-  -moz-transition: all 0s;
-  -ms-transition: all 0s;
-  -o-transition: all 0s;
-  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;
-  overflow: visible;
-  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: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
-  overflow: auto;
-  box-sizing: content-box; }
-
-.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;
-  box-sizing: content-box; }
-
-.vjs-menu .vjs-menu-content > * {
-  box-sizing: border-box; }
-
-.vjs-scrubbing .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 {
-  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 {
-  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-workinghover .vjs-menu-button-popup:hover .vjs-menu,
-.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
-  display: block; }
-
-.video-js .vjs-menu-button-inline {
-  -webkit-transition: all 0.4s;
-  -moz-transition: all 0.4s;
-  -ms-transition: all 0.4s;
-  -o-transition: all 0.4s;
-  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;
-  -webkit-transition: all 0.4s;
-  -moz-transition: all 0.4s;
-  -ms-transition: all 0.4s;
-  -o-transition: all 0.4s;
-  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: 3.0em;
-  background-color: #2B333F;
-  background-color: rgba(43, 51, 63, 0.7); }
-
-.vjs-has-started .vjs-control-bar {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  visibility: visible;
-  opacity: 1;
-  -webkit-transition: visibility 0.1s, opacity 0.1s;
-  -moz-transition: visibility 0.1s, opacity 0.1s;
-  -ms-transition: visibility 0.1s, opacity 0.1s;
-  -o-transition: visibility 0.1s, opacity 0.1s;
-  transition: visibility 0.1s, opacity 0.1s; }
-
-.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-  visibility: visible;
-  opacity: 0;
-  -webkit-transition: visibility 1s, opacity 1s;
-  -moz-transition: visibility 1s, opacity 1s;
-  -ms-transition: visibility 1s, opacity 1s;
-  -o-transition: visibility 1s, opacity 1s;
-  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;
-  -webkit-box-flex: none;
-  -moz-box-flex: none;
-  -webkit-flex: none;
-  -ms-flex: none;
-  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;
-  -webkit-box-flex: auto;
-  -moz-box-flex: auto;
-  -webkit-flex: auto;
-  -ms-flex: auto;
-  flex: auto;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-width: 4em; }
-
-.video-js .vjs-progress-control.disabled {
-  cursor: default; }
-
-.vjs-live .vjs-progress-control {
-  display: none; }
-
-.vjs-no-flex .vjs-progress-control {
-  width: auto; }
-
-.video-js .vjs-progress-holder {
-  -webkit-box-flex: auto;
-  -moz-box-flex: auto;
-  -webkit-flex: auto;
-  -ms-flex: auto;
-  flex: auto;
-  -webkit-transition: all 0.2s;
-  -moz-transition: all 0.2s;
-  -ms-transition: all 0.2s;
-  -o-transition: all 0.2s;
-  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.666666666666666666em; }
-
-.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;
-  left: 0;
-  top: 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.333333333333333em;
-    z-index: 1; }
-
-.video-js .vjs-load-progress {
-  background: #bfc7d3;
-  background: rgba(115, 133, 159, 0.5); }
-
-.video-js .vjs-load-progress div {
-  background: white;
-  background: rgba(115, 133, 159, 0.75); }
-
-.video-js .vjs-time-tooltip {
-  background-color: #fff;
-  background-color: rgba(255, 255, 255, 0.8);
-  -webkit-border-radius: 0.3em;
-  -moz-border-radius: 0.3em;
-  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: relative;
-  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;
-  -webkit-transition: visibility 1s, opacity 1s;
-  -moz-transition: visibility 1s, opacity 1s;
-  -ms-transition: visibility 1s, opacity 1s;
-  -o-transition: visibility 1s, opacity 1s;
-  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 */
-  -khtml-user-select: none;
-  /* 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;
-  -webkit-box-shadow: 0 0 1em #fff;
-  -moz-box-shadow: 0 0 1em #fff;
-  box-shadow: 0 0 1em #fff; }
-
-.video-js .vjs-mute-control {
-  cursor: pointer;
-  -webkit-box-flex: none;
-  -moz-box-flex: none;
-  -webkit-flex: none;
-  -ms-flex: none;
-  flex: none;
-  padding-left: 2em;
-  padding-right: 2em;
-  padding-bottom: 3em; }
-
-.video-js .vjs-volume-control {
-  cursor: pointer;
-  margin-right: 1em;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  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; }
-
-.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
-  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
-  .vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
-
-.video-js .vjs-volume-panel {
-  -webkit-transition: width 1s;
-  -moz-transition: width 1s;
-  -ms-transition: width 1s;
-  -o-transition: width 1s;
-  transition: width 1s; }
-  .video-js .vjs-volume-panel: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:hover,
-  .video-js .vjs-volume-panel .vjs-volume-control:active,
-  .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
-  .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
-    visibility: visible;
-    opacity: 1;
-    position: relative;
-    -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-    -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-    -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-    -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
-    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
-    .video-js .vjs-volume-panel: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:hover.vjs-volume-horizontal,
-    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
-    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
-    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
-      width: 5em;
-      height: 3em; }
-    .video-js .vjs-volume-panel: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:hover.vjs-volume-vertical,
-    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
-    .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
-    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
-      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
-      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
-      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
-      .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
-        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
-  .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
-    width: 9em;
-    -webkit-transition: width 0.1s;
-    -moz-transition: width 0.1s;
-    -ms-transition: width 0.1s;
-    -o-transition: width 0.1s;
-    transition: width 0.1s; }
-
-.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
-  height: 8em;
-  width: 3em;
-  left: -3.5em;
-  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
-  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 {
-  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
-  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;
-  -webkit-transition: none;
-  -moz-transition: none;
-  -ms-transition: none;
-  -o-transition: none;
-  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: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  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-poster img {
-  display: block;
-  vertical-align: middle;
-  margin: 0 auto;
-  max-height: 100%;
-  padding: 0;
-  width: 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: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: flex-start;
-  -webkit-align-items: flex-start;
-  -ms-flex-align: flex-start;
-  align-items: flex-start;
-  -webkit-box-flex: auto;
-  -moz-box-flex: auto;
-  -webkit-flex: auto;
-  -ms-flex: auto;
-  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-time-control {
-  -webkit-box-flex: none;
-  -moz-box-flex: none;
-  -webkit-flex: none;
-  -ms-flex: none;
-  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; }
-
-.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
-  width: 0px !important;
-  white-space: nowrap; }
-
-.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 .vjs-icon-placeholder {
-  cursor: pointer;
-  -webkit-box-flex: none;
-  -moz-box-flex: none;
-  -webkit-flex: none;
-  -ms-flex: none;
-  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;
-  background-color: #000;
-  background-color: rgba(0, 0, 0, 0.5); }
-
-.vjs-subtitles {
-  color: #fff; }
-
-.vjs-captions {
-  color: #fc6; }
-
-.vjs-tt-cue {
-  display: block; }
-
-video::-webkit-media-text-track-display {
-  -moz-transform: translateY(-3em);
-  -ms-transform: translateY(-3em);
-  -o-transform: translateY(-3em);
-  -webkit-transform: translateY(-3em);
-  transform: translateY(-3em); }
-
-.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-  -moz-transform: translateY(-1.5em);
-  -ms-transform: translateY(-1.5em);
-  -o-transform: translateY(-1.5em);
-  -webkit-transform: translateY(-1.5em);
-  transform: translateY(-1.5em); }
-
-.video-js .vjs-fullscreen-control {
-  cursor: pointer;
-  -webkit-box-flex: none;
-  -moz-box-flex: none;
-  -webkit-flex: none;
-  -ms-flex: none;
-  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;
-  animation: 0s linear 0.3s forwards vjs-spinner-show; }
-
-.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 {
-  position: absolute; }
-
-.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
-  font-family: VideoJS;
-  content: "\f10d";
-  font-size: 1.5em;
-  line-height: inherit; }
-
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
-  -webkit-box-flex: auto;
-  -moz-box-flex: auto;
-  -webkit-flex: auto;
-  -ms-flex: auto;
-  flex: auto; }
-
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
-  width: auto; }
-
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
-.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
-  display: none; }
-
-.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
-.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
-.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
-.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
-.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
-  display: none; }
-
-.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
-.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
-.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
-.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
-.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
-  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 auto; }
-  .vjs-text-track-settings .vjs-track-settings-colors {
-    display: block;
-    grid-column: 1;
-    grid-row: 1; }
-  .vjs-text-track-settings .vjs-track-settings-font {
-    grid-column: 2;
-    grid-row: 1; }
-  .vjs-text-track-settings .vjs-track-settings-controls {
-    grid-column: 2;
-    grid-row: 2; } }
-
-.vjs-track-setting > select {
-  margin-right: 5px; }
-
-.vjs-text-track-settings fieldset {
-  margin: 5px;
-  padding: 3px;
-  border: none; }
-
-.vjs-text-track-settings fieldset span {
-  display: inline-block; }
-
-.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;
-  visibility: hidden; }
-
-@media \0screen {
-  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
-    content: "";
-  }
-}
-
-@media \0screen {
-  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
-    visibility: hidden;
-  }
-}
diff --git a/pod/main/static/video-js-6.8.0/video-js.min.css b/pod/main/static/video-js-6.8.0/video-js.min.css
deleted file mode 100755
index 6bc70f721b..0000000000
--- a/pod/main/static/video-js-6.8.0/video-js.min.css
+++ /dev/null
@@ -1 +0,0 @@
-.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(font/VideoJS.eot?#iefix) format("eot")}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKwAAADYSy2hLaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4jC5t2/j+W2+MnCzM4DAtTC+5cg0OyNYnIOBCUQBAAceB90AeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"),url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzJRiV3RAAABjAAAAFZjbWFwOfT3xgAAAmgAAAMiZ2x5ZgMJ0sMAAAXQAAARCGhlYWQSy2hLAAAA4AAAADZoaGVhDgMHIQAAALwAAAAkaG10eOAAAAAAAAHkAAAAhGxvY2E9NEHGAAAFjAAAAERtYXhwATIAgQAAARgAAAAgbmFtZdXH9aAAABbYAAACCnBvc3RAAl/0AAAY5AAAAZ4AAQAABwAAAAAABwAAAP//BwEAAQAAAAAAAAAAAAAAAAAAACEAAQAAAAEAAFYfTwlfDzz1AAsHAAAAAADWVg6nAAAAANZWDqcAAAAABwEHAAAAAAgAAgAAAAAAAAABAAAAIQB1AAcAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEGygGQAAUAAARxBOYAAAD6BHEE5gAAA1wAVwHOAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPEB8SAHAAAAAKEHAAAAAAAAAQAAAAAAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAUAAAADAAAALAAAAAQAAAGSAAEAAAAAAIwAAwABAAAALAADAAoAAAGSAAQAYAAAAAQABAABAADxIP//AADxAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGQAAAAAAAAACAAAPEBAADxAQAAAAEAAPECAADxAgAAAAIAAPEDAADxAwAAAAMAAPEEAADxBAAAAAQAAPEFAADxBQAAAAUAAPEGAADxBgAAAAYAAPEHAADxBwAAAAcAAPEIAADxCAAAAAgAAPEJAADxCQAAAAkAAPEKAADxCgAAAAoAAPELAADxCwAAAAsAAPEMAADxDAAAAAwAAPENAADxDQAAAA0AAPEOAADxDgAAAA4AAPEPAADxDwAAAA8AAPEQAADxEAAAABAAAPERAADxEQAAABEAAPESAADxEgAAABIAAPETAADxEwAAABMAAPEUAADxFAAAABQAAPEVAADxFQAAABUAAPEWAADxFgAAABYAAPEXAADxFwAAABcAAPEYAADxGAAAABgAAPEZAADxGQAAABkAAPEaAADxGgAAABoAAPEbAADxGwAAABsAAPEcAADxHAAAABwAAPEdAADxHQAAAB0AAPEeAADxHgAAAB4AAPEfAADxHwAAAB8AAPEgAADxIAAAACAAAAAAAAAADgBoAH4AzADgAQIBQgFsAZgBwgIYAlgCtALgAzADsAPeBDAElgTcBSQFZgWKBiAGZga0BuoHWAgSCFgIbgiEAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAbADQAAAkCEyIHDgEHBhAXHgEXFiA3PgE3NhAnLgEnJgMiJy4BJyY0Nz4BNzYyFx4BFxYUBw4BBwYC6wHA/kCVmIuGzjk7OznOhosBMIuGzjk7OznOhouYeW9rpi0vLy2ma2/yb2umLS8vLaZrbwIwAVABUAGbOznOhov+0IuGzjk7OznOhosBMIuGzjk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiEGIAAHABcAJwAqAAABNCcmJxUXNjcUBxc2NTQnLgEnFR4BFxYBBwEhESEBEQEGBxU2Nxc3AQcXBNA0MlW4A7spcU1FQ+6VbKovMfu0XwFh/p8BKwF1AT5QWZl6mV/9YJycA4BhUlAqpbgYGGNicZKknYyHvSKaIJNlaQIsX/6f/kD+iwH2/sI9G5ojZJhfBJacnAAAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYACAAOAAABNCcmJxE2NzYBESEBEQEFZTQyVFQyNPwQASsBdf6LA4BhUlAq/aYqUFIBQf5A/osEqv6LAAMAAAAABiAGDwAFAA4AIgAAExEhAREBBTQnJicRNjc2AxUeARcWFAcOAQcVPgE3NhAnLgHgASsBdf6LAsU0MlVVMjS7bKovMTEvqmyV7kNFRUPuBGD+QP6LBKr+i+BhUlAq/aYqUFIC8Jogk2Vp6GllkyCaIr2HjAE6jIe9AAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gATABcAAAEhIg4BFREUHgEzITI+ATURNC4BAyERIQVA/IApRCgoRCkDgClEKChEKfyAA4AF1ShEKfyAKUQoKEQpA4ApRCj76wOAAAYAAAAABmsGawAIAA0AFQAeACMALAAACQEmIyIHBgcBJS4BJwEFIQE2NzY1NAUBBgcGFRQXIQUeARcBMwEWMzI3NjcBAr4BZFJQhHt2YwESA44z7Z/+7gLl/dABel0zNfwS/t1dMzUPAjD95DPtnwESeP7dU0+Ee3Zj/u4D8AJoEy0rUf4nd6P6PP4nS/1zZn+Ej0tLAfhmf4SPS0pLo/o8Adn+CBMtK1EB2QAFAAAAAAZrBdYAEwAXABsAHwAjAAABISIOARURFB4BMyEyPgE1ETQuAQEhFSEBITUhBSE1ITUhNSEF1ftWKUUoKEUpBKopRSgoRfstASr+1gLq/RYC6gHA/tYBKv0WAuoF1ShEKfyAKUQoKEQpA4ApRCj9q5X+1ZWVlZaVAAAAAAMAAAAABiAF1gATACsAQwAAASEiDgEVERQeATMhMj4BNRE0LgEBIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFIzUjFTM1MxUUBisBIiY1ETQ2OwEyFhUFi/vqKEUoKEUoBBYoRSgoRf2CcJWVcCsf4B8sLB/gHysCC3CVlXAsH+AfKysf4B8sBdUoRCn8gClEKChEKQOAKUQo/fYl4CVKHywsHwEqHywsH0ol4CVKHywsHwEqHywsHwAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIQZsADEAAAEiBgcBNjQnAR4BMzI+ATQuASIOARUUFwEuASMiDgEUHgEzMjY3AQYVFB4BMj4BNC4BBUAqSx797AcHAg8eTys9Zzw8Z3pnPAf98R5PKz1nPDxnPStPHgIUBjtkdmQ7O2QCTx4cATcbMhsBNB0gPGd6Zzw8Zz0ZG/7NHCA8Z3pnPCAc/soZGDtkOjpkdmQ7AAAAAAIAAAAABlkGawBDAFAAAAE2NCc3PgEnAy4BDwEmLwEuASMhIgYPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEzITI2PwE2NxcWNjcTNiYnBSIuATQ+ATIeARQOAQWrBQWeCgYHlgcaDLo8QhwDFQ7+1g4VAhxEOroNGgeVBwULnQUFnQsFB5UHGg26O0McAhUOASoOFQIcRDq6DRoHlQcFC/04R3hGRniOeEZGeAM3Kj4qewkbDAEDDAkFSy4bxg4SEg7GHC1LBQkM/v0MGwl7Kj4qewkbDP79DAkFSy4bxg4SEg7GHC1LBQkMAQMMGwlBRniOeEZGeI54RgABAAAAAAZrBmsAGAAAExQXHgEXFiA3PgE3NhAnLgEnJiAHDgEHBpU7Oc6GiwEwi4bOOTs7Oc6Gi/7Qi4bOOTsDgJiLhs45Ozs5zoaLATCLhs45Ozs5zoaLAAAAAAIAAAAABmsGawAYADEAAAEiBw4BBwYQFx4BFxYgNz4BNzYQJy4BJyYDIicuAScmNDc+ATc2MhceARcWFAcOAQcGA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi5h5b2umLS8vLaZrb/Jva6YtLy8tpmtvBms7Oc6Gi/7Qi4bOOTs7Oc6GiwEwi4bOOTv6wC8tpmtv8m9rpi0vLy2ma2/yb2umLS8AAwAAAAAGawZrABgAMQA+AAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmAyInLgEnJjQ3PgE3NjIXHgEXFhQHDgEHBhMUDgEiLgE0PgEyHgEDgJiKhs85Ozs5z4aKATCKhs85Ozs5z4aKmHlva6YtLy8tpmtv8m9rpi0vLy2ma29nPGd6Zzw8Z3pnPAZrOznPhor+0IqGzzk7OznPhooBMIqGzzk7+sAvLaZrb/Jva6YtLy8tpmtv8m9rpi0vAlU9Zzw8Z3pnPDxnAAAABAAAAAAGIAYhABMAHwApAC0AAAEhIg4BFREUHgEzITI+ATURNC4BASM1IxUjETMVMzU7ASEyFhURFAYjITczNSMFi/vqKEUoKEUoBBYoRSgoRf2CcJVwcJVwlgEqHywsH/7WcJWVBiAoRSj76ihFKChFKAQWKEUo/ICVlQHAu7ssH/7WHyxw4AAAAAACAAAAAAZrBmsAGAAkAAABIgcOAQcGEBceARcWIDc+ATc2ECcuAScmEwcJAScJATcJARcBA4CYi4bOOTs7Oc6GiwEwi4bOOTs7Oc6Gi91p/vT+9GkBC/71aQEMAQxp/vUGazs5zoaL/tCLhs45Ozs5zoaLATCLhs45O/wJaQEL/vVpAQwBDGn+9QELaf70AAABAAAAAAXWBrYAJwAAAREJAREyFxYXFhQHBgcGIicmJyY1IxQXHgEXFjI3PgE3NjQnLgEnJgOA/osBdXpoZjs9PTtmaPRoZjs9lS8tpWtv9G9rpS0vLy2la28FiwEq/ov+iwEqPTtmaPNpZTw9PTxlaXl5b2umLS8vLaZrb/Nva6UuLwABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcBBM8AFwAhADgATwBmAHEAdAAAAREzNhcWFxYXFhcWBw4BBwYHBicmLwEmNxY2NzYuAQcRFAUWNzY/ATY3NjU2JyMGFxYfARYXFhcUFxY3Nj8BNjc2NzYnIwYXFh8BFhcWFRYXFjc2PwE2NzY3NicjBhcWHwEWFxYVFgUzPwEVMxEjBgsBARUnAxwcaC5MND0sTSsvCgdVREdTNWg1KgECq1JrCQcwYkABfhoSCxAKJBQXAX4dAQMCBgMnFxsBJBoSCxAKJBQWAQF+HgEEAgUEJxcbASMZEwsQCiQUFgEBfh4BBAIFBCcXGwH5Q+5B4arNDfHvAhaOAckC/QIBAwwPHzdcZXlZmC8xCAQBAQIDBMIDVkxCZDQF/pUHwgcTCyAUQEdPU8etCAgFCQZHTFxbwLoHEwsgFEBHT1PHrQgIBQkGR0xcW8C6BxMLIBRAR09Tx60ICAUJBkdMXFvAwGQBZQMMFf6D/oYB/fkBAAABAAAAAAYhBrYALAAAASIHDgEHBhURFB4BOwERITU0Nz4BNzYyFx4BFxYdASERMzI+ATURNCcuAScmA4CJfXi6MzU8Zz3g/tUpKJFeYdRhXpEoKf7V4D1nPDUzunh9BrU0M7t4fYn99j1nPAJVlWthXpAoKSkokF5ha5X9qzxnPQIKiX14uzM0AAAAAAIAAAAABUAFQAACAAYAAAkCIREzEQHAAnv9hQLrlQHAAcABwPyAA4AAAAAAAgAAAAAFQAVAAAMABgAAATMRIwkBEQHAlZUBBQJ7BUD8gAHA/kADgAAAAAAAABAAxgABAAAAAAABAAcAAAABAAAAAAACAAcABwABAAAAAAADAAcADgABAAAAAAAEAAcAFQABAAAAAAAFAAsAHAABAAAAAAAGAAcAJwABAAAAAAAKACsALgABAAAAAAALABMAWQADAAEECQABAA4AbAADAAEECQACAA4AegADAAEECQADAA4AiAADAAEECQAEAA4AlgADAAEECQAFABYApAADAAEECQAGAA4AugADAAEECQAKAFYAyAADAAEECQALACYBHlZpZGVvSlNSZWd1bGFyVmlkZW9KU1ZpZGVvSlNWZXJzaW9uIDEuMFZpZGVvSlNHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBWAGkAZABlAG8ASgBTAFIAZQBnAHUAbABhAHIAVgBpAGQAZQBvAEoAUwBWAGkAZABlAG8ASgBTAFYAZQByAHMAaQBvAG4AIAAxAC4AMABWAGkAZABlAG8ASgBTAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgAEcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwluZXh0LWl0ZW0NcHJldmlvdXMtaXRlbQAAAAA=) format("truetype");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{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{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{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%;overflow-y:auto}.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.5em;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);-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;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);-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 0s;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;overflow:visible;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:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto;box-sizing:content-box}.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;box-sizing:content-box}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .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}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.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-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;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;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-ms-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-ms-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;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;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;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;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-width:4em}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;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.666666666666666666em}.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;left:0;top:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.333333333333333em;z-index:1}.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:#fff;background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);-webkit-border-radius:.3em;-moz-border-radius:.3em;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:relative;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;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-ms-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;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;-khtml-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;-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;padding-left:2em;padding-right:2em;padding-bottom:3em}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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{-webkit-transition:width 1s;-moz-transition:width 1s;-ms-transition:width 1s;-o-transition:width 1s;transition:width 1s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.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-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control{visibility:visible;opacity:1;position:relative;-webkit-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-moz-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-ms-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-o-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.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-volume-control:hover.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:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:9em;-webkit-transition:width .1s;-moz-transition:width .1s;-ms-transition:width .1s;-o-transition:width .1s;transition:width .1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3.5em;-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;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{-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-ms-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-o-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;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;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width: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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;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-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;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}.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control{width:0!important;white-space:nowrap}.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 .vjs-icon-placeholder{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;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;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-o-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;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;animation:0s linear .3s forwards vjs-spinner-show}.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{position:absolute}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10d";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-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 auto}.vjs-text-track-settings .vjs-track-settings-colors{display:block;grid-column:1;grid-row:1}.vjs-text-track-settings .vjs-track-settings-font{grid-column:2;grid-row:1}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:2;grid-row:2}}.vjs-track-setting>select{margin-right:5px}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.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;visibility:hidden}@media \0screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}@media \0screen{.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden}}
\ No newline at end of file
diff --git a/pod/main/static/video-js-6.8.0/video.cjs.js b/pod/main/static/video-js-6.8.0/video.cjs.js
deleted file mode 100755
index 3389536010..0000000000
--- a/pod/main/static/video-js-6.8.0/video.cjs.js
+++ /dev/null
@@ -1,24104 +0,0 @@
-/**
- * @license
- * Video.js 6.8.0 <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 _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var window = _interopDefault(require('global/window'));
-var document = _interopDefault(require('global/document'));
-var tsml = _interopDefault(require('tsml'));
-var safeParseTuple = _interopDefault(require('safe-json-parse/tuple'));
-var xhr = _interopDefault(require('xhr'));
-var vtt = _interopDefault(require('videojs-vtt.js'));
-
-var version = "6.8.0";
-
-/**
- * @file browser.js
- * @module browser
- */
-var USER_AGENT = window.navigator && window.navigator.userAgent || '';
-var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
-var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
-
-/*
- * Device is an iPhone
- *
- * @type {Boolean}
- * @constant
- * @private
- */
-var IS_IPAD = /iPad/i.test(USER_AGENT);
-
-// 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;
-var IS_IPOD = /iPod/i.test(USER_AGENT);
-var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
-
-var IOS_VERSION = function () {
-  var match = USER_AGENT.match(/OS (\d+)_/i);
-
-  if (match && match[1]) {
-    return match[1];
-  }
-  return null;
-}();
-
-var IS_ANDROID = /Android/i.test(USER_AGENT);
-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;
-}();
-
-// Old Android is defined as Version older than 2.3, and requiring a webkit version of the android browser
-var IS_OLD_ANDROID = IS_ANDROID && /webkit/i.test(USER_AGENT) && ANDROID_VERSION < 2.3;
-var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
-
-var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
-var IS_EDGE = /Edge/i.test(USER_AGENT);
-var IS_CHROME = !IS_EDGE && /Chrome/i.test(USER_AGENT);
-var CHROME_VERSION = function () {
-  var match = USER_AGENT.match(/Chrome\/(\d+)/);
-
-  if (match && match[1]) {
-    return parseFloat(match[1]);
-  }
-  return null;
-}();
-var IS_IE8 = /MSIE\s8\.0/.test(USER_AGENT);
-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;
-}();
-
-var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
-var IS_ANY_SAFARI = IS_SAFARI || IS_IOS;
-
-var TOUCH_ENABLED = isReal() && ('ontouchstart' in window || window.DocumentTouch && window.document instanceof window.DocumentTouch);
-
-var BACKGROUND_SIZE_SUPPORTED = isReal() && 'backgroundSize' in window.document.createElement('video').style;
-
-var browser = (Object.freeze || Object)({
-	IS_IPAD: IS_IPAD,
-	IS_IPHONE: IS_IPHONE,
-	IS_IPOD: IS_IPOD,
-	IS_IOS: IS_IOS,
-	IOS_VERSION: IOS_VERSION,
-	IS_ANDROID: IS_ANDROID,
-	ANDROID_VERSION: ANDROID_VERSION,
-	IS_OLD_ANDROID: IS_OLD_ANDROID,
-	IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
-	IS_FIREFOX: IS_FIREFOX,
-	IS_EDGE: IS_EDGE,
-	IS_CHROME: IS_CHROME,
-	CHROME_VERSION: CHROME_VERSION,
-	IS_IE8: IS_IE8,
-	IE_VERSION: IE_VERSION,
-	IS_SAFARI: IS_SAFARI,
-	IS_ANY_SAFARI: IS_ANY_SAFARI,
-	TOUCH_ENABLED: TOUCH_ENABLED,
-	BACKGROUND_SIZE_SUPPORTED: BACKGROUND_SIZE_SUPPORTED
-});
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-
-
-
-
-
-
-
-
-
-
-
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
-
-
-
-
-
-
-
-
-
-
-
-var inherits = function (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 (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 taggedTemplateLiteralLoose = function (strings, raw) {
-  strings.raw = raw;
-  return strings;
-};
-
-/**
- * @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) {
-  var initial = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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 = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    sources[_key - 1] = arguments[_key];
-  }
-
-  if (Object.assign) {
-    return Object.assign.apply(Object, [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 === 'undefined' ? 'undefined' : _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 log.js
- * @module log
- */
-var log = void 0;
-
-// This is the private tracking variable for logging level.
-var level = 'info';
-
-// This is the private tracking variable for the logging history.
-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.
- *
- * @param  {boolean} [stringify]
- *         By default, only old IEs should get console argument stringification,
- *         but this is exposed as a parameter to facilitate testing.
- */
-var logByType = function logByType(type, args) {
-  var stringify = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !!IE_VERSION && IE_VERSION < 11;
-
-  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 a clone of the args at this point to history.
-  if (history) {
-    history.push([].concat(args));
-  }
-
-  // Add console prefix after adding to history.
-  args.unshift('VIDEOJS:');
-
-  // If there's no console then don't try to output messages, but they will
-  // still be stored in history.
-  if (!window.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.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.console.info || window.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;
-  }
-
-  // IEs previous to 11 log objects uselessly as "[object Object]"; so, JSONify
-  // objects and arrays for those less-capable browsers.
-  if (stringify) {
-    args = args.map(function (a) {
-      if (isObject(a) || Array.isArray(a)) {
-        try {
-          return JSON.stringify(a);
-        } catch (x) {
-          return String(a);
-        }
-      }
-
-      // Cast to string before joining, so we get null and undefined explicitly
-      // included in output (as we would in a modern console).
-      return String(a);
-    }).join(' ');
-  }
-
-  // Old IE versions do not allow .apply() for console methods (they are
-  // reported as objects rather than functions).
-  if (!fn.apply) {
-    fn(args);
-  } else {
-    fn[Array.isArray(args) ? 'apply' : 'call'](window.console, args);
-  }
-};
-
-/**
- * Logs plain debug messages. Similar to `console.log`.
- *
- * @class
- * @param    {Mixed[]} args
- *           One or more messages or objects that should be logged.
- */
-log = function log() {
-  for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  logByType('log', args);
-};
-
-/**
- * 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 log.levels} is provided, acts as a setter. Regardless of argument,
- * returns the current logging level.
- *
- * @param  {string} [lvl]
- *         Pass 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) : [];
-};
-
-/**
- * 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 = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-
-  return logByType('error', 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 = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-    args[_key3] = arguments[_key3];
-  }
-
-  return logByType('warn', 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 = Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-    args[_key4] = arguments[_key4];
-  }
-
-  return logByType('debug', args);
-};
-
-var log$1 = log;
-
-/**
- * @file computed-style.js
- * @module computed-style
- */
-/**
- * A safe getComputedStyle with an IE8 fallback.
- *
- * 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.
- *
- * @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
- *
- * @static
- * @const
- */
-function computedStyle(el, prop) {
-  if (!el || !prop) {
-    return '';
-  }
-
-  if (typeof window.getComputedStyle === 'function') {
-    var cs = window.getComputedStyle(el);
-
-    return cs ? cs[prop] : '';
-  }
-
-  return el.currentStyle[prop] || '';
-}
-
-var _templateObject = taggedTemplateLiteralLoose(['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 ', ' to ', '.'], ['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 ', ' to ', '.']);
-
-/**
- * @file dom.js
- * @module dom
- */
-/**
- * Detect if a value is a string with any non-whitespace characters.
- *
- * @param {string} str
- *        The string to check
- *
- * @return {boolean}
- *         - True if the string is non-blank
- *         - False otherwise
- *
- */
-function isNonBlankString(str) {
-  return typeof str === 'string' && /\S/.test(str);
-}
-
-/**
- * Throws an error if the passed string has whitespace. This is used by
- * class methods to be relatively consistent with the classList API.
- *
- * @param {string} str
- *         The string to check for whitespace.
- *
- * @throws {Error}
- *         Throws an error if there is whitespace in the string.
- *
- */
-function throwIfWhitespace(str) {
-  if (/\s/.test(str)) {
-    throw new Error('class has illegal whitespace characters');
-  }
-}
-
-/**
- * Produce a regular expression for matching a className within an elements className.
- *
- * @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.
- *
- * @return {Boolean}
- */
-function isReal() {
-  return (
-
-    // Both document and window will never be undefined thanks to `global`.
-    document === window.document &&
-
-    // In IE < 9, DOM methods return "object" as their type, so all we can
-    // confidently check is that it exists.
-    typeof document.createElement !== 'undefined'
-  );
-}
-
-/**
- * Determines, via duck typing, whether or not a value is a DOM element.
- *
- * @param {Mixed} value
- *        The thing to check
- *
- * @return {boolean}
- *         - True if it 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}
- *
- */
-function isInFrame() {
-
-  // We need a try/catch here because Safari will throw errors when attempting
-  // to get either `parent` or `self`
-  try {
-    return window.parent !== window.self;
-  } catch (x) {
-    return true;
-  }
-}
-
-/**
- * Creates functions to query the DOM using a given method.
- *
- * @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.
- *
- * @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 {String|Element|TextNode|Array|Function} [content]
- *         Contents for the element (see: {@link dom:normalizeContent})
- *
- * @return {Element}
- *         The element that was created.
- */
-function createEl() {
-  var tagName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';
-  var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var content = arguments[3];
-
-  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$1.warn(tsml(_templateObject, propName, 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 {
-      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 CSS class
- *
- * @param {Element} element
- *        Element to check
- *
- * @param {string} classToCheck
- *        Class name to check for
- *
- * @return {boolean}
- *         - True if the element had the 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 CSS 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 CSS 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 toggleElClass.
- *
- * @callback 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 the `classToToggle` will get added to `element`.
- *         - If false the `classToToggle` will get removed from `element`.
- *         - If undefined this callback will be ignored
- */
-
-/**
- * Adds or removes a CSS class name on 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|PredicateCallback} [predicate]
- *        See the return value for {@link Dom~PredicateCallback}
- *
- * @return {Element}
- *         The element with a class that has been toggled.
- */
-function toggleClass(element, classToToggle, predicate) {
-
-  // This CANNOT use `classList` internally because IE 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 (which shouldn't be used with HTML)
- * This will return true or false for boolean attributes.
- *
- * @param {Element} tag
- *        Element from which to get tag attributes.
- *
- * @return {Object}
- *         All attributes of the element.
- */
-function getAttributes(tag) {
-  var obj = {};
-
-  // known boolean attributes
-  // we can check for matching boolean properties, but older browsers
-  // won't know about HTML5 boolean attributes that we still read from
-  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}
- *         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 while dragging controls
- */
-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
- */
-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;
-  }
-}
-
-/**
- * The postion of a DOM element on the page.
- *
- * @typedef {Object} module:dom~Position
- *
- * @property {number} left
- *           Pixels to the left
- *
- * @property {number} top
- *           Pixels on top
- */
-
-/**
- * Offset Left.
- * 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 = void 0;
-
-  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.pageXOffset || body.scrollLeft;
-  var left = box.left + scrollLeft - clientLeft;
-
-  var clientTop = docEl.clientTop || body.clientTop || 0;
-  var scrollTop = window.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)
-  };
-}
-
-/**
- * x and y coordinates for a dom element or mouse pointer
- *
- * @typedef {Object} Dom~Coordinates
- *
- * @property {number} x
- *           x coordinate in pixels
- *
- * @property {number} y
- *           y coordinate in pixels
- */
-
-/**
- * Get pointer position in element
- * Returns an object with x and y coordinates.
- * 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 {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}
- *         - True if it 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;
-}
-
-/**
- * Normalizes content for eventual insertion into the DOM.
- *
- * This allows a wide range of content definition methods, but protects
- * from falling into the trap of simply writing to `innerHTML`, which is
- * an XSS concern.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * @param {String|Element|TextNode|Array|Function} content
- *        - String: Normalized into a text node.
- *        - Element/TextNode: Passed through.
- *        - Array: A one-dimensional array of strings, elements, nodes, or functions
- *          (which return single strings, elements, or nodes).
- *        - Function: If the sole argument, is expected to produce a string, element,
- *          node, or array as defined above.
- *
- * @return {Array}
- *         All of the content that was passed in normalized.
- */
-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 {String|Element|TextNode|Array|Function} content
- *        See the `content` argument of {@link dom:normalizeContent}
- *
- * @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 {String|Element|TextNode|Array|Function} content
- *        See the `content` argument of {@link dom:normalizeContent}
- *
- * @return {Element}
- *         The element with inserted normalized content.
- *
- */
-function insertContent(el, content) {
-  return appendContent(emptyEl(el), content);
-}
-
-/**
- * Check if event was a single left click
- *
- * @param {EventTarget~Event} event
- *        Event object
- *
- * @return {boolean}
- *         - True if a left click
- *         - False if not a left click
- */
-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;
-  }
-
-  if (IE_VERSION === 9) {
-    // Ignore IE9
-
-    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 = (Object.freeze || Object)({
-	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 guid.js
- * @module guid
- */
-
-/**
- * Unique ID for an element or function
- * @type {Number}
- */
-var _guid = 1;
-
-/**
- * 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
- */
-/**
- * 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 elData = {};
-
-/*
- * Unique attribute name to store an element's guid in
- *
- * @type {String}
- * @constant
- * @private
- */
-var elIdAttr = 'vdata' + new Date().getTime();
-
-/**
- * Returns the cache object where data for an element is stored
- *
- * @param {Element} el
- *        Element to store data for.
- *
- * @return {Object}
- *         The cache object for that el that was passed in.
- */
-function getData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    id = el[elIdAttr] = newGUID();
-  }
-
-  if (!elData[id]) {
-    elData[id] = {};
-  }
-
-  return elData[id];
-}
-
-/**
- * Returns whether or not an element has cached data
- *
- * @param {Element} el
- *        Check if this element has cached data.
- *
- * @return {boolean}
- *         - True if the DOM element has cached data.
- *         - False otherwise.
- */
-function hasData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    return false;
-  }
-
-  return !!Object.getOwnPropertyNames(elData[id]).length;
-}
-
-/**
- * Delete data for the element from the cache and the guid attr from getElementById
- *
- * @param {Element} el
- *        Remove cached data for this element.
- */
-function removeData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    return;
-  }
-
-  // Remove all stored data
-  delete elData[id];
-
-  // Remove the elIdAttr property from the DOM node
-  try {
-    delete el[elIdAttr];
-  } catch (e) {
-    if (el.removeAttribute) {
-      el.removeAttribute(elIdAttr);
-    } else {
-      // IE doesn't appear to support removeAttribute on the document element
-      el[elIdAttr] = null;
-    }
-  }
-}
-
-/**
- * @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.
- *
- * @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) {
-  var data = getData(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) {
-    removeData(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) {
-
-  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.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 */
-    }
-  }
-
-  // Returns fixed-up instance
-  return event;
-}
-
-/**
- * Whether passive event listeners are supported
- */
-var _supportsPassive = false;
-
-(function () {
-  try {
-    var opts = Object.defineProperty({}, 'passive', {
-      get: function get() {
-        _supportsPassive = true;
-      }
-    });
-
-    window.addEventListener('test', null, opts);
-    window.removeEventListener('test', null, opts);
-  } catch (e) {
-    // disregard
-  }
-})();
-
-/**
- * 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);
-  }
-
-  var data = getData(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$1.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 (!hasData(elem)) {
-    return;
-  }
-
-  var data = getData(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 = hasData(elem) ? getData(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) {
-    var targetData = getData(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);
-}
-
-var Events = (Object.freeze || Object)({
-	fixEvent: fixEvent,
-	on: on,
-	off: off,
-	trigger: trigger,
-	one: one
-});
-
-/**
- * @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$2 = void 0;
-
-/**
- * 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.
-  if (!isReal()) {
-    return;
-  }
-
-  // One day, when we stop supporting IE8, go back to this, but in the meantime...*hack hack hack*
-  // var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
-  // var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
-  // var mediaEls = vids.concat(audios);
-
-  // Because IE8 doesn't support calling slice on a node list, we need to loop
-  // through each list of elements to build up a new, combined list of elements.
-  var vids = document.getElementsByTagName('video');
-  var audios = document.getElementsByTagName('audio');
-  var divs = document.getElementsByTagName('video-js');
-  var mediaEls = [];
-
-  if (vids && vids.length > 0) {
-    for (var i = 0, e = vids.length; i < e; i++) {
-      mediaEls.push(vids[i]);
-    }
-  }
-
-  if (audios && audios.length > 0) {
-    for (var _i = 0, _e = audios.length; _i < _e; _i++) {
-      mediaEls.push(audios[_i]);
-    }
-  }
-
-  if (divs && divs.length > 0) {
-    for (var _i2 = 0, _e2 = divs.length; _i2 < _e2; _i2++) {
-      mediaEls.push(divs[_i2]);
-    }
-  }
-
-  // Check if any media elements exist
-  if (mediaEls && mediaEls.length > 0) {
-
-    for (var _i3 = 0, _e3 = mediaEls.length; _i3 < _e3; _i3++) {
-      var mediaEl = mediaEls[_i3];
-
-      // Check if element exists, has getAttribute func.
-      // IE seems to consider typeof el.getAttribute == 'object' instead of
-      // 'function' like expected, at least when loading the player immediately.
-      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$2(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$2 = vjs;
-  }
-
-  window.setTimeout(autoSetup, wait);
-}
-
-if (isReal() && document.readyState === 'complete') {
-  _windowLoaded = true;
-} else {
-  /**
-   * Listen for the load event on window, and set _windowLoaded to true.
-   *
-   * @listens load
-   */
-  one(window, 'load', function () {
-    _windowLoaded = true;
-  });
-}
-
-/**
- * @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 fn.js
- * @module fn
- */
-/**
- * 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.
- *
- * @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 = function bound() {
-    return fn.apply(context, arguments);
-  };
-
-  // 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.
- *
- * @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 = Date.now();
-
-  var throttled = function throttled() {
-    var now = Date.now();
-
-    if (now - last >= wait) {
-      fn.apply(undefined, 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.
- *
- * @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) {
-  var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : window;
-
-  var timeout = void 0;
-
-  /* eslint-disable consistent-this */
-  return function () {
-    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 */
-};
-
-/**
- * @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 alialing 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;
-};
-
-/**
- * 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;
-
-  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;
-
-/**
- * @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';
-  });
-};
-
-/**
- * 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 = void 0;
-  var type = void 0;
-  var listener = void 0;
-
-  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 capabilites 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$$1() {
-    var _this = this;
-
-    for (var _len = arguments.length, args = 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 only be called once 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$$1() {
-    var _this2 = this;
-
-    for (var _len2 = arguments.length, args = 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 {
-      var wrapper = function wrapper() {
-        for (var _len3 = arguments.length, largs = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          largs[_key3] = arguments[_key3];
-        }
-
-        _this2.off(target, type, wrapper);
-        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);
-    }
-  },
-
-
-  /**
-   * 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.
-   *
-   * @returns {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) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var 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);
-
-  // When any evented object is disposed, it removes all its listeners.
-  target.on('dispose', function () {
-    target.off();
-    window.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.
-   *
-   * @returns {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 = void 0;
-
-    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.
- *
- * @returns {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 to-title-case.js
- * @module to-title-case
- */
-
-/**
- * Uppercase the first letter of a string.
- *
- * @param {string} string
- *        String to be uppercased
- *
- * @return {string}
- *         The string with an uppercased first letter
- */
-function toTitleCase(string) {
-  if (typeof string !== 'string') {
-    return string;
-  }
-
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-/**
- * 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
- */
-function titleCaseEquals(str1, str2) {
-  return toTitleCase(str1) === toTitleCase(str2);
-}
-
-/**
- * @file merge-options.js
- * @module merge-options
- */
-/**
- * Deep-merge one or more options objects, recursively merging **only** plain
- * object properties.
- *
- * @param   {Object[]} sources
- *          One or more objects to merge into a new object.
- *
- * @returns {Object}
- *          A new object that is the merged result of all sources.
- */
-function mergeOptions() {
-  var result = {};
-
-  for (var _len = arguments.length, sources = 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 = 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) {
-    classCallCheck(this, Component);
-
-
-    // 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;
-    }
-
-    // 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_ = {};
-
-    // 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
-   */
-
-
-  Component.prototype.dispose = function dispose() {
-
-    /**
-     * Triggered when a `Component` is disposed.
-     *
-     * @event Component#dispose
-     * @type {EventTarget~Event}
-     *
-     * @property {boolean} [bubbles=false]
-     *           set to false so that the close event does not
-     *           bubble up
-     */
-    this.trigger({ type: 'dispose', bubbles: false });
-
-    // 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;
-
-    if (this.el_) {
-      // Remove element from DOM
-      if (this.el_.parentNode) {
-        this.el_.parentNode.removeChild(this.el_);
-      }
-
-      removeData(this.el_);
-      this.el_ = null;
-    }
-
-    // remove reference to the player after disposing of the element
-    this.player_ = null;
-  };
-
-  /**
-   * Return the {@link Player} that the `Component` has attached to.
-   *
-   * @return {Player}
-   *         The player that this `Component` has attached to.
-   */
-
-
-  Component.prototype.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.
-   *
-   * @deprecated since version 5
-   */
-
-
-  Component.prototype.options = function options(obj) {
-    log$1.warn('this.options() has been deprecated and will be moved to the constructor in 6.0');
-
-    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`.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.localize = function localize(string, tokens) {
-    var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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`.
-   */
-
-
-  Component.prototype.contentEl = function contentEl() {
-    return this.contentEl_ || this.el_;
-  };
-
-  /**
-   * Get this `Component`s ID
-   *
-   * @return {string}
-   *         The id of this `Component`
-   */
-
-
-  Component.prototype.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`.
-   */
-
-
-  Component.prototype.name = function name() {
-    return this.name_;
-  };
-
-  /**
-   * Get an array of all child components
-   *
-   * @return {Array}
-   *         The children
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.getChild = function getChild(name) {
-    if (!name) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    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.
-   */
-
-
-  Component.prototype.addChild = function addChild(child) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.children_.length;
-
-    var component = void 0;
-    var componentName = void 0;
-
-    // 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;
-    }
-
-    this.children_.splice(index, 0, component);
-
-    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;
-    }
-
-    // Add the UI object's element to the container div (box)
-    // Having an element is not required
-    if (typeof component.el === 'function' && component.el()) {
-      var childNodes = this.contentEl().children;
-      var refNode = childNodes[index] || null;
-
-      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.
-   */
-
-
-  Component.prototype.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;
-    }
-
-    this.childIndex_[component.id()] = null;
-    this.childNameIndex_[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.
-   */
-
-
-  Component.prototype.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 = void 0;
-      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 = void 0;
-        var opts = void 0;
-
-        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
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.ready = function ready(fn) {
-    var sync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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
-   */
-
-
-  Component.prototype.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)
-   */
-
-
-  Component.prototype.$ = 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)
-   */
-
-
-  Component.prototype.$$ = 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`
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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'.
-   */
-
-
-  Component.prototype.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'.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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 width or the height of the `Component` elements computed style. 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.
-   */
-
-
-  Component.prototype.currentDimension = function currentDimension(widthOrHeight) {
-    var computedWidthOrHeight = 0;
-
-    if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
-      throw new Error('currentDimension only accepts width or height value');
-    }
-
-    if (typeof window.getComputedStyle === 'function') {
-      var computedStyle = window.getComputedStyle(this.el_);
-
-      computedWidthOrHeight = computedStyle.getPropertyValue(widthOrHeight) || computedStyle[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 on IE8 and wherever getComputedStyle doesn't exist.
-    if (computedWidthOrHeight === 0) {
-      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 width and height values of the `Component`s
-   * computed style.
-   *
-   * @return {Component~DimensionObject}
-   *         The dimensions of the components element
-   */
-
-
-  Component.prototype.currentDimensions = function currentDimensions() {
-    return {
-      width: this.currentDimension('width'),
-      height: this.currentDimension('height')
-    };
-  };
-
-  /**
-   * Get the width of the `Component`s computed style. Uses `window.getComputedStyle`.
-   *
-   * @return {number} width
-   *           The width of the `Component`s computed style.
-   */
-
-
-  Component.prototype.currentWidth = function currentWidth() {
-    return this.currentDimension('width');
-  };
-
-  /**
-   * Get the height of the `Component`s computed style. Uses `window.getComputedStyle`.
-   *
-   * @return {number} height
-   *           The height of the `Component`s computed style.
-   */
-
-
-  Component.prototype.currentHeight = function currentHeight() {
-    return this.currentDimension('height');
-  };
-
-  /**
-   * Set the focus to this component
-   */
-
-
-  Component.prototype.focus = function focus() {
-    this.el_.focus();
-  };
-
-  /**
-   * Remove the focus from this component
-   */
-
-
-  Component.prototype.blur = function blur() {
-    this.el_.blur();
-  };
-
-  /**
-   * 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
-    */
-
-
-  Component.prototype.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 = void 0;
-
-    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 = new Date().getTime();
-        // 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 = new Date().getTime() - 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
-   */
-
-
-  Component.prototype.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 = void 0;
-
-    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 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}.
-   *
-   * @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}
-   */
-
-
-  Component.prototype.setTimeout = function setTimeout(fn, timeout) {
-    var _this2 = this;
-
-    fn = bind(this, fn);
-
-    var timeoutId = window.setTimeout(fn, timeout);
-    var disposeFn = function disposeFn() {
-      return _this2.clearTimeout(timeoutId);
-    };
-
-    disposeFn.guid = 'vjs-timeout-' + timeoutId;
-
-    this.on('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.clearTimeout = function clearTimeout(timeoutId) {
-    window.clearTimeout(timeoutId);
-
-    var disposeFn = function disposeFn() {};
-
-    disposeFn.guid = 'vjs-timeout-' + timeoutId;
-
-    this.off('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.setInterval = function setInterval(fn, interval) {
-    var _this3 = this;
-
-    fn = bind(this, fn);
-
-    var intervalId = window.setInterval(fn, interval);
-
-    var disposeFn = function disposeFn() {
-      return _this3.clearInterval(intervalId);
-    };
-
-    disposeFn.guid = 'vjs-interval-' + intervalId;
-
-    this.on('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.clearInterval = function clearInterval(intervalId) {
-    window.clearInterval(intervalId);
-
-    var disposeFn = function disposeFn() {};
-
-    disposeFn.guid = 'vjs-interval-' + intervalId;
-
-    this.off('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.requestAnimationFrame = function requestAnimationFrame(fn) {
-    var _this4 = this;
-
-    if (this.supportsRaf_) {
-      fn = bind(this, fn);
-
-      var id = window.requestAnimationFrame(fn);
-      var disposeFn = function disposeFn() {
-        return _this4.cancelAnimationFrame(id);
-      };
-
-      disposeFn.guid = 'vjs-raf-' + id;
-      this.on('dispose', disposeFn);
-
-      return id;
-    }
-
-    // Fall back to using a timer.
-    return this.setTimeout(fn, 1000 / 60);
-  };
-
-  /**
-   * 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}
-   */
-
-
-  Component.prototype.cancelAnimationFrame = function cancelAnimationFrame(id) {
-    if (this.supportsRaf_) {
-      window.cancelAnimationFrame(id);
-
-      var disposeFn = function disposeFn() {};
-
-      disposeFn.guid = 'vjs-raf-' + id;
-
-      this.off('dispose', disposeFn);
-
-      return id;
-    }
-
-    // Fall back to using a timer.
-    return this.clearTimeout(id);
-  };
-
-  /**
-   * 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 = void 0;
-
-      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;
-
-    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) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    if (Component.components_ && Component.components_[name]) {
-      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.requestAnimationFrame === 'function' && typeof window.cancelAnimationFrame === 'function';
-
-Component.registerComponent('Component', Component);
-
-/**
- * @file time-ranges.js
- * @module time-ranges
- */
-
-/**
- * Returns the time for the specified index at the start or end
- * of a TimeRange object.
- *
- * @function time-ranges:indexFunction
- *
- * @param {number} [index=0]
- *        The range number to return the time for.
- *
- * @return {number}
- *         The time that offset at the specified index.
- *
- * @depricated index must be set to a value, in the future this will throw an error.
- */
-
-/**
- * An object that contains ranges of time for various reasons.
- *
- * @typedef {Object} TimeRange
- *
- * @property {number} length
- *           The number of time ranges represented by this Object
- *
- * @property {time-ranges:indexFunction} start
- *           Returns the time offset at which a specified time range begins.
- *
- * @property {time-ranges:indexFunction} 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.
- *
- * @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.
- *
- * @param {string} fnName
- *        The function name to use for logging
- *
- * @param {string} valueIndex
- *        The proprety 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.
- *
- *
- * @depricated 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.
- *
- * @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)
-  };
-}
-
-/**
- * Should create a fake `TimeRange` object which mimics an HTML5 time range instance.
- *
- * @param {number|Array} start
- *        The start of a single range or an array of ranges
- *
- * @param {number} end
- *        The end of a single range.
- *
- * @private
- */
-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 = void 0;
-  var end = void 0;
-
-  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 = {};
-
-// browser API methods
-var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'],
-// WebKit
-['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror'],
-// Old WebKit (Safari 5.1)
-['webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitCurrentFullScreenElement', 'webkitCancelFullScreen', 'webkitfullscreenchange', 'webkitfullscreenerror'],
-// Mozilla
-['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'],
-// Microsoft
-['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']];
-
-var specApi = apiMap[0];
-var browserApi = void 0;
-
-// 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];
-  }
-}
-
-/**
- * @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_CUSTOM
- * @property {string} 2 - MEDIA_ERR_ABORTED
- * @property {string} 3 - MEDIA_ERR_NETWORK
- * @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;
-}
-
-/**
- * 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_ };
-
-/**
- * @file modal-dialog.js
- */
-var MODAL_CLASS_NAME = 'vjs-modal-dialog';
-var ESC = 27;
-
-/**
- * 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 = function (_Component) {
-  inherits(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.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) {
-    classCallCheck(this, ModalDialog);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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.
-   */
-
-
-  ModalDialog.prototype.createEl = function createEl$$1() {
-    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'
-    });
-  };
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.buildCSSClass = function buildCSSClass() {
-    return MODAL_CLASS_NAME + ' vjs-hidden ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Handles `keydown` events on the document, looking for ESC, which closes
-   * the modal.
-   *
-   * @param {EventTarget~Event} e
-   *        The keypress that triggered this event.
-   *
-   * @listens keydown
-   */
-
-
-  ModalDialog.prototype.handleKeyPress = function handleKeyPress(e) {
-    if (e.which === ESC && this.closeable()) {
-      this.close();
-    }
-  };
-
-  /**
-   * Returns the label string for this modal. Primarily used for accessibility.
-   *
-   * @return {string}
-   *         the localized or raw label of this modal.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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();
-      }
-
-      if (this.closeable()) {
-        this.on(this.el_.ownerDocument, 'keydown', bind(this, this.handleKeyPress));
-      }
-
-      // 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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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();
-    }
-
-    if (this.closeable()) {
-      this.off(this.el_.ownerDocument, 'keydown', bind(this, this.handleKeyPress));
-    }
-
-    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.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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();
-
-      this.on(document, 'keydown', this.handleKeyDown);
-    }
-  };
-
-  /**
-   * conditionally blur the element and refocus the last focused element
-   *
-   * @private
-   */
-
-
-  ModalDialog.prototype.conditionalBlur_ = function conditionalBlur_() {
-    if (this.previouslyActiveEl_) {
-      this.previouslyActiveEl_.focus();
-      this.previouslyActiveEl_ = null;
-    }
-
-    this.off(document, 'keydown', this.handleKeyDown);
-  };
-
-  /**
-   * Keydown handler. Attached when modal is focused.
-   *
-   * @listens keydown
-   */
-
-
-  ModalDialog.prototype.handleKeyDown = function handleKeyDown(event) {
-    // exit early if it isn't a tab key
-    if (event.which !== 9) {
-      return;
-    }
-
-    var focusableEls = this.focusableEls_();
-    var activeEl = this.el_.querySelector(':focus');
-    var focusIndex = void 0;
-
-    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
-   */
-
-
-  ModalDialog.prototype.focusableEls_ = function focusableEls_() {
-    var allChildren = this.el_.querySelectorAll('*');
-
-    return Array.prototype.filter.call(allChildren, function (child) {
-      return (child instanceof window.HTMLAnchorElement || child instanceof window.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window.HTMLInputElement || child instanceof window.HTMLSelectElement || child instanceof window.HTMLTextAreaElement || child instanceof window.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window.HTMLIFrameElement || child instanceof window.HTMLObjectElement || child instanceof window.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);
-
-/**
- * @file track-list.js
- */
-/**
- * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
- * {@link VideoTrackList}
- *
- * @extends EventTarget
- */
-
-var TrackList = function (_EventTarget) {
-  inherits(TrackList, _EventTarget);
-
-  /**
-   * Create an instance of this class
-   *
-   * @param {Track[]} tracks
-   *        A list of tracks to initialize the list with.
-   *
-   * @param {Object} [list]
-   *        The child object with inheritance done manually for ie8.
-   *
-   * @abstract
-   */
-  function TrackList() {
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-    var _ret;
-
-    var list = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    classCallCheck(this, TrackList);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    if (!list) {
-      list = _this; // eslint-disable-line
-      if (IS_IE8) {
-        list = document.createElement('custom');
-        for (var prop in TrackList.prototype) {
-          if (prop !== 'constructor') {
-            list[prop] = TrackList.prototype[prop];
-          }
-        }
-      }
-    }
-
-    list.tracks_ = [];
-
-    /**
-     * @memberof TrackList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.tracks_.length;
-      }
-    });
-
-    for (var i = 0; i < tracks.length; i++) {
-      list.addTrack(tracks[i]);
-    }
-
-    // must return the object, as for ie8 it will not be this
-    // but a reference to a document object
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link Track} to the `TrackList`
-   *
-   * @param {Track} track
-   *        The audio, video, or text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  TrackList.prototype.addTrack = function addTrack(track) {
-    var index = this.tracks_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get$$1() {
-          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'
-      });
-    }
-  };
-
-  /**
-   * Remove a {@link Track} from the `TrackList`
-   *
-   * @param {Track} rtrack
-   *        The audio, video, or text track to remove from the list.
-   *
-   * @fires TrackList#removetrack
-   */
-
-
-  TrackList.prototype.removeTrack = function removeTrack(rtrack) {
-    var track = void 0;
-
-    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'
-    });
-  };
-
-  /**
-   * 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
-   */
-
-
-  TrackList.prototype.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;
-}
-
-/**
- * @file audio-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(AudioTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {AudioTrack[]} [tracks=[]]
-   *        A list of `AudioTrack` to instantiate the list with.
-   */
-  function AudioTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, AudioTrackList);
-
-    var list = void 0;
-
-    // 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;
-      }
-    }
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in AudioTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = AudioTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    list.changing_ = false;
-
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add an {@link AudioTrack} to the `AudioTrackList`.
-   *
-   * @param {AudioTrack} track
-   *        The AudioTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  AudioTrackList.prototype.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;
-    }
-
-    /**
-     * @listens AudioTrack#enabledchange
-     * @fires TrackList#change
-     */
-    track.addEventListener('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');
-    });
-  };
-
-  return AudioTrackList;
-}(TrackList);
-
-/**
- * @file video-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(VideoTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {VideoTrack[]} [tracks=[]]
-   *        A list of `VideoTrack` to instantiate the list with.
-   */
-  function VideoTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, VideoTrackList);
-
-    var list = void 0;
-
-    // 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;
-      }
-    }
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in VideoTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = VideoTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    list.changing_ = false;
-
-    /**
-     * @member {number} VideoTrackList#selectedIndex
-     *         The current index of the selected {@link VideoTrack`}.
-     */
-    Object.defineProperty(list, 'selectedIndex', {
-      get: function get$$1() {
-        for (var _i = 0; _i < this.length; _i++) {
-          if (this[_i].selected) {
-            return _i;
-          }
-        }
-        return -1;
-      },
-      set: function set$$1() {}
-    });
-
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link VideoTrack} to the `VideoTrackList`.
-   *
-   * @param {VideoTrack} track
-   *        The VideoTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  VideoTrackList.prototype.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;
-    }
-
-    /**
-     * @listens VideoTrack#selectedchange
-     * @fires TrackList#change
-     */
-    track.addEventListener('selectedchange', function () {
-      if (_this2.changing_) {
-        return;
-      }
-      _this2.changing_ = true;
-      disableOthers$1(_this2, track);
-      _this2.changing_ = false;
-      _this2.trigger('change');
-    });
-  };
-
-  return VideoTrackList;
-}(TrackList);
-
-/**
- * @file text-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(TextTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {TextTrack[]} [tracks=[]]
-   *        A list of `TextTrack` to instantiate the list with.
-   */
-  function TextTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, TextTrackList);
-
-    var list = void 0;
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in TextTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = TextTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link TextTrack} to the `TextTrackList`
-   *
-   * @param {TextTrack} track
-   *        The text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  TextTrackList.prototype.addTrack = function addTrack(track) {
-    _TrackList.prototype.addTrack.call(this, track);
-
-    /**
-     * @listens TextTrack#modechange
-     * @fires TrackList#change
-     */
-    track.addEventListener('modechange', bind(this, function () {
-      this.trigger('change');
-    }));
-
-    var nonLanguageTextTrackKind = ['metadata', 'chapters'];
-
-    if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
-      track.addEventListener('modechange', bind(this, function () {
-        this.trigger('selectedlanguagechange');
-      }));
-    }
-  };
-
-  return TextTrackList;
-}(TrackList);
-
-/**
- * @file html-track-element-list.js
- */
-
-/**
- * The current list of {@link HtmlTrackElement}s.
- */
-
-var HtmlTrackElementList = function () {
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {HtmlTrackElement[]} [tracks=[]]
-   *        A list of `HtmlTrackElement` to instantiate the list with.
-   */
-  function HtmlTrackElementList() {
-    var trackElements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, HtmlTrackElementList);
-
-    var list = this; // eslint-disable-line
-
-    if (IS_IE8) {
-      list = document.createElement('custom');
-
-      for (var prop in HtmlTrackElementList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = HtmlTrackElementList.prototype[prop];
-        }
-      }
-    }
-
-    list.trackElements_ = [];
-
-    /**
-     * @memberof HtmlTrackElementList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.trackElements_.length;
-      }
-    });
-
-    for (var i = 0, length = trackElements.length; i < length; i++) {
-      list.addTrackElement_(trackElements[i]);
-    }
-
-    if (IS_IE8) {
-      return list;
-    }
-  }
-
-  /**
-   * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
-   *
-   * @param {HtmlTrackElement} trackElement
-   *        The track element to add to the list.
-   *
-   * @private
-   */
-
-
-  HtmlTrackElementList.prototype.addTrackElement_ = function addTrackElement_(trackElement) {
-    var index = this.trackElements_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get$$1() {
-          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
-   */
-
-
-  HtmlTrackElementList.prototype.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
-    var trackElement_ = void 0;
-
-    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
-   */
-
-
-  HtmlTrackElementList.prototype.removeTrackElement_ = function removeTrackElement_(trackElement) {
-    for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-      if (trackElement === this.trackElements_[i]) {
-        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 = function () {
-
-  /**
-   * Create an instance of this class..
-   *
-   * @param {Array} cues
-   *        A list of cues to be initialized with
-   */
-  function TextTrackCueList(cues) {
-    classCallCheck(this, TextTrackCueList);
-
-    var list = this; // eslint-disable-line
-
-    if (IS_IE8) {
-      list = document.createElement('custom');
-
-      for (var prop in TextTrackCueList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TextTrackCueList.prototype[prop];
-        }
-      }
-    }
-
-    TextTrackCueList.prototype.setCues_.call(list, cues);
-
-    /**
-     * @memberof TextTrackCueList
-     * @member {number} length
-     *         The current number of `TextTrackCue`s in the TextTrackCueList.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.length_;
-      }
-    });
-
-    if (IS_IE8) {
-      return list;
-    }
-  }
-
-  /**
-   * 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
-   */
-
-
-  TextTrackCueList.prototype.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$$1() {
-            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.
-   */
-
-
-  TextTrackCueList.prototype.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'
-};
-
-/**
- * @file track.js
- */
-/**
- * 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 = function (_EventTarget) {
-  inherits(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() {
-    var _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, Track);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    var track = _this; // eslint-disable-line
-
-    if (IS_IE8) {
-      track = document.createElement('custom');
-      for (var prop in Track.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = Track.prototype[prop];
-        }
-      }
-    }
-
-    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(track, key, {
-        get: function get$$1() {
-          return trackProps[key];
-        },
-        set: function set$$1() {}
-      });
-    };
-
-    for (var key in trackProps) {
-      _loop(key);
-    }
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  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.
- *
- * @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 = void 0;
-
-  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.location.protocol;
-  }
-
-  if (addToBody) {
-    document.body.removeChild(div);
-  }
-
-  return details;
-};
-
-/**
- * Get absolute version of relative URL. Used to tell flash correct URL.
- *
- *
- * @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.
- *
- * @param {string} path
- *        The fileName path like '/path/to/file.mp4'
- *
- * @returns {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}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/i;
-    var pathParts = splitPathRe.exec(path);
-
-    if (pathParts) {
-      return pathParts.pop().toLowerCase();
-    }
-  }
-
-  return '';
-};
-
-/**
- * Returns whether the url passed is a cross domain request or not.
- *
- * @param {string} url
- *        The url to check.
- *
- * @return {boolean}
- *         Whether it is a cross domain request or not.
- */
-var isCrossOrigin = function isCrossOrigin(url) {
-  var winLoc = window.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 = (Object.freeze || Object)({
-	parseUrl: parseUrl,
-	getAbsoluteURL: getAbsoluteURL,
-	getFileExtension: getFileExtension,
-	isCrossOrigin: isCrossOrigin
-});
-
-/**
- * @file text-track.js
- */
-/**
- * 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.WebVTT.Parser(window, window.vttjs, window.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.console && window.console.groupCollapsed) {
-      window.console.groupCollapsed('Text Track parsing errors for ' + track.src);
-    }
-    errors.forEach(function (error) {
-      return log$1.error(error);
-    });
-    if (window.console && window.console.groupEnd) {
-      window.console.groupEnd();
-    }
-  }
-
-  parser.flush();
-};
-
-/**
- * Load a `TextTrack` from a specifed 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$1.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.WebVTT !== 'function') {
-      if (track.tech_) {
-        var loadHandler = function loadHandler() {
-          return parseCues(responseBody, track);
-        };
-
-        track.tech_.on('vttjsloaded', loadHandler);
-        track.tech_.on('vttjserror', function () {
-          log$1.error('vttjs failed to load, stopping trying to process ' + track.src);
-          track.tech_.off('vttjsloaded', loadHandler);
-        });
-      }
-    } 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 = function (_Track) {
-  inherits(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
-   *        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 TextTrack() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, TextTrack);
-
-    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';
-    }
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var tt = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-
-    tt.tech_ = settings.tech;
-
-    if (IS_IE8) {
-      for (var prop in TextTrack.prototype) {
-        if (prop !== 'constructor') {
-          tt[prop] = TextTrack.prototype[prop];
-        }
-      }
-    }
-
-    tt.cues_ = [];
-    tt.activeCues_ = [];
-
-    var cues = new TextTrackCueList(tt.cues_);
-    var activeCues = new TextTrackCueList(tt.activeCues_);
-    var changed = false;
-    var timeupdateHandler = bind(tt, function () {
-
-      // Accessing this.activeCues for the side-effects of updating itself
-      // due to it's nature as a getter function. Do not remove or cues will
-      // stop updating!
-      /* eslint-disable no-unused-expressions */
-      this.activeCues;
-      /* eslint-enable no-unused-expressions */
-      if (changed) {
-        this.trigger('cuechange');
-        changed = false;
-      }
-    });
-
-    if (mode !== 'disabled') {
-      tt.tech_.ready(function () {
-        tt.tech_.on('timeupdate', timeupdateHandler);
-      }, true);
-    }
-
-    /**
-     * @memberof TextTrack
-     * @member {boolean} default
-     *         If this track was set to be on or off by default. Cannot be changed after
-     *         creation.
-     * @instance
-     *
-     * @readonly
-     */
-    Object.defineProperty(tt, 'default', {
-      get: function get$$1() {
-        return default_;
-      },
-      set: function set$$1() {}
-    });
-
-    /**
-     * @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
-     */
-    Object.defineProperty(tt, 'mode', {
-      get: function get$$1() {
-        return mode;
-      },
-      set: function set$$1(newMode) {
-        var _this2 = this;
-
-        if (!TextTrackMode[newMode]) {
-          return;
-        }
-        mode = newMode;
-        if (mode === 'showing') {
-
-          this.tech_.ready(function () {
-            _this2.tech_.on('timeupdate', timeupdateHandler);
-          }, true);
-        }
-        /**
-         * 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
-     */
-    Object.defineProperty(tt, 'cues', {
-      get: function get$$1() {
-        if (!this.loaded_) {
-          return null;
-        }
-
-        return cues;
-      },
-      set: function set$$1() {}
-    });
-
-    /**
-     * @memberof TextTrack
-     * @member {TextTrackCueList} activeCues
-     *         The list text track cues that are currently active for this TextTrack.
-     * @instance
-     */
-    Object.defineProperty(tt, 'activeCues', {
-      get: function get$$1() {
-        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;
-      },
-      set: function set$$1() {}
-    });
-
-    if (settings.src) {
-      tt.src = settings.src;
-      loadTrack(settings.src, tt);
-    } else {
-      tt.loaded_ = true;
-    }
-
-    return _ret = tt, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a cue to the internal list of cues.
-   *
-   * @param {TextTrack~Cue} cue
-   *        The cue to add to our internal list
-   */
-
-
-  TextTrack.prototype.addCue = function addCue(originalCue) {
-    var cue = originalCue;
-
-    if (window.vttjs && !(originalCue instanceof window.vttjs.VTTCue)) {
-      cue = new window.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
-   */
-
-
-  TextTrack.prototype.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 = function (_Track) {
-  inherits(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() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, AudioTrack);
-
-    var settings = mergeOptions(options, {
-      kind: AudioTrackKind[options.kind] || ''
-    });
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var track = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-    var enabled = false;
-
-    if (IS_IE8) {
-      for (var prop in AudioTrack.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = AudioTrack.prototype[prop];
-        }
-      }
-    }
-    /**
-     * @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(track, 'enabled', {
-      get: function get$$1() {
-        return enabled;
-      },
-      set: function set$$1(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) {
-      track.enabled = settings.enabled;
-    }
-    track.loaded_ = true;
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  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 = function (_Track) {
-  inherits(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() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, VideoTrack);
-
-    var settings = mergeOptions(options, {
-      kind: VideoTrackKind[options.kind] || ''
-    });
-
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var track = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-    var selected = false;
-
-    if (IS_IE8) {
-      for (var prop in VideoTrack.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = VideoTrack.prototype[prop];
-        }
-      }
-    }
-
-    /**
-     * @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(track, 'selected', {
-      get: function get$$1() {
-        return selected;
-      },
-      set: function set$$1(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) {
-      track.selected = settings.selected;
-    }
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  return VideoTrack;
-}(Track);
-
-/**
- * @file html-track-element.js
- */
-
-/**
- * @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 = function (_EventTarget) {
-  inherits(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() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, HTMLTrackElement);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    var readyState = void 0;
-    var trackElement = _this; // eslint-disable-line
-
-    if (IS_IE8) {
-      trackElement = document.createElement('custom');
-
-      for (var prop in HTMLTrackElement.prototype) {
-        if (prop !== 'constructor') {
-          trackElement[prop] = HTMLTrackElement.prototype[prop];
-        }
-      }
-    }
-
-    var track = new TextTrack(options);
-
-    trackElement.kind = track.kind;
-    trackElement.src = track.src;
-    trackElement.srclang = track.language;
-    trackElement.label = track.label;
-    trackElement['default'] = track['default'];
-
-    /**
-     * @memberof HTMLTrackElement
-     * @member {HTMLTrackElement~ReadyState} readyState
-     *         The current ready state of the track element.
-     * @instance
-     */
-    Object.defineProperty(trackElement, 'readyState', {
-      get: function get$$1() {
-        return readyState;
-      }
-    });
-
-    /**
-     * @memberof HTMLTrackElement
-     * @member {TextTrack} track
-     *         The underlying TextTrack object.
-     * @instance
-     *
-     */
-    Object.defineProperty(trackElement, 'track', {
-      get: function get$$1() {
-        return track;
-      }
-    });
-
-    readyState = NONE;
-
-    /**
-     * @listens TextTrack#loadeddata
-     * @fires HTMLTrackElement#load
-     */
-    track.addEventListener('loadeddata', function () {
-      readyState = LOADED;
-
-      trackElement.trigger({
-        type: 'load',
-        target: trackElement
-      });
-    });
-
-    if (IS_IE8) {
-      var _ret;
-
-      return _ret = trackElement, possibleConstructorReturn(_this, _ret);
-    }
-    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 = mergeOptions(NORMAL, REMOTE);
-
-REMOTE.names = Object.keys(REMOTE);
-NORMAL.names = Object.keys(NORMAL);
-ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
-
-/**
- * @file tech.js
- */
-
-/**
- * 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) {
-  var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-
-  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 = function (_Component) {
-  inherits(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() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var ready = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-    classCallCheck(this, Tech);
-
-    // we don't want the tech to report user activity automatically.
-    // This is done manually in addControlsListeners
-    options.reportTouchActivity = false;
-
-    // keep track of whether the current source has played at all to
-    // implement a very limited played()
-    var _this = possibleConstructorReturn(this, _Component.call(this, null, options, ready));
-
-    _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.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.
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   *
-   */
-
-
-  Tech.prototype.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}.
-   */
-
-
-  Tech.prototype.stopTrackingProgress = function stopTrackingProgress() {
-    this.clearInterval(this.progressInterval);
-  };
-
-  /**
-   * Polyfill the `timeupdate` event for browsers that don't support it.
-   *
-   * @see {@link Tech#trackCurrentTime}
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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`.
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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 wether 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.
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.addWebVttScript_ = function addWebVttScript_() {
-    var _this5 = this;
-
-    if (window.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.12.4/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.WebVTT = true;
-      this.el().parentNode.appendChild(script);
-    } else {
-      this.ready(this.addWebVttScript_);
-    }
-  };
-
-  /**
-   * Emulate texttracks
-   *
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.addRemoteTextTrack = function addRemoteTextTrack() {
-    var _this7 = this;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var manualCleanup = arguments[1];
-
-    var htmlTrackElement = this.createRemoteTextTrack(options);
-
-    if (manualCleanup !== true && manualCleanup !== false) {
-      // deprecation warning
-      log$1.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`
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return {};
-  };
-
-  /**
-   * A method to set a poster from a `Tech`.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.setPoster = function setPoster() {};
-
-  /**
-   * A method to check for the presence of the 'playsinine' <video> attribute.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.playsinline = function playsinline() {};
-
-  /**
-   * A method to set or unset the 'playsinine' <video> attribute.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.setPlaysinline = function setPlaysinline() {};
-
-  /*
-   * 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
-   */
-
-
-  Tech.prototype.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;
-    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 requsted.
-   */
-
-
-  Tech.getTech = function getTech(name) {
-    if (!name) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    if (Tech.techs_ && Tech.techs_[name]) {
-      return Tech.techs_[name];
-    }
-
-    if (window && window.videojs && window.videojs[name]) {
-      log$1.warn('The ' + name + ' tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)');
-      return window.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 wether the `Tech` supports volume control.
- *
- * @type {boolean}
- * @default
- */
-Tech.prototype.featuresVolumeControl = true;
-
-/**
- * Boolean indicating wether the `Tech` support fullscreen resize control.
- * Resizing plugins using request fullscreen reloads the plugin
- *
- * @type {boolean}
- * @default
- */
-Tech.prototype.featuresFullscreenResize = false;
-
-/**
- * Boolean indicating wether 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 wether 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 wether 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 wether 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 wether 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 = void 0;
-
-    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 = void 0;
-
-    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', '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$1.error('No source hander 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.on('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_ = [];
-
-var middlewares = {};
-var middlewareInstances = {};
-
-var TERMINATOR = {};
-
-function use(type, middleware) {
-  middlewares[type] = middlewares[type] || [];
-  middlewares[type].push(middleware);
-}
-
-
-
-function setSource(player, src, next) {
-  player.setTimeout(function () {
-    return setSourceHelper(src, middlewares[src.type], next, player);
-  }, 1);
-}
-
-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.
- */
-function get$1(middleware, tech, method) {
-  return middleware.reduceRight(middlewareIterator(method), tech[method]());
-}
-
-/**
- * Takes the argument given to the player and calls the setter method on each
- * middlware from left to right to the tech.
- */
-function set$1(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.
- */
-function mediate(middleware, tech, method) {
-  var arg = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-
-  var callMethod = 'call' + toTitleCase(method);
-  var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
-  var terminated = middlewareValue === TERMINATOR;
-  var returnValue = terminated ? null : tech[method](middlewareValue);
-
-  executeRight(middleware, method, returnValue, terminated);
-
-  return returnValue;
-}
-
-var allowedGetters = {
-  buffered: 1,
-  currentTime: 1,
-  duration: 1,
-  seekable: 1,
-  played: 1,
-  paused: 1
-};
-
-var allowedSetters = {
-  setCurrentTime: 1
-};
-
-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);
-    }
-  }
-}
-
-function clearCacheForPlayer(player) {
-  middlewareInstances[player.id()] = null;
-}
-
-/**
- * {
- *  [playerId]: [[mwFactory, mwInstance], ...]
- * }
- */
-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() {
-  var src = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var middleware = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var next = arguments[2];
-  var player = arguments[3];
-  var acc = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-  var lastRun = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  var 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);
-
-    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',
-  mp3: 'audio/mpeg',
-  aac: 'audio/aac',
-  oga: 'audio/ogg',
-  m3u8: 'application/x-mpegURL'
-};
-
-/**
- * @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 = [checkMimetype({ src: src })];
-  } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
-    // src is already valid
-    src = [checkMimetype(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 checkMimetype(src) {
-  var ext = getFileExtension(src.src);
-  var mimetype = MimetypesKind[ext.toLowerCase()];
-
-  if (!src.type && mimetype) {
-    src.type = mimetype;
-  }
-
-  return src;
-}
-
-/**
- * @file loader.js
- */
-/**
- * The `MediaLoader` is the `Component` that decides which playback technology to load
- * when a player is initialized.
- *
- * @extends Component
- */
-
-var MediaLoader = function (_Component) {
-  inherits(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 stroe of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function that is run when this component is ready.
-   */
-  function MediaLoader(player, options, ready) {
-    classCallCheck(this, MediaLoader);
-
-    // MediaLoader has no element
-    var options_ = mergeOptions({ createEl: false }, options);
-
-    // If there are no sources when the player is initialized,
-    // load the first supported playback technology.
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options_, ready));
-
-    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);
-
-/**
- * @file button.js
- */
-/**
- * Clickable Component which is clickable or keyboard actionable,
- * but is not a native HTML button.
- *
- * @extends Component
- */
-
-var ClickableComponent = function (_Component) {
-  inherits(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.
-   */
-  function ClickableComponent(player, options) {
-    classCallCheck(this, ClickableComponent);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.emitTapEvents();
-
-    _this.enable();
-    return _this;
-  }
-
-  /**
-   * Create the `Component`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.
-   */
-
-
-  ClickableComponent.prototype.createEl = function createEl$$1() {
-    var tag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    props = assign({
-      innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-      className: this.buildCSSClass(),
-      tabIndex: 0
-    }, props);
-
-    if (tag === 'button') {
-      log$1.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',
-
-      // let the screen reader user know that the text of the element may change
-      'aria-live': 'polite'
-    }, attributes);
-
-    this.tabIndex_ = props.tabIndex;
-
-    var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
-    this.createControlTextEl(el);
-
-    return el;
-  };
-
-  ClickableComponent.prototype.dispose = function dispose() {
-    // remove controlTextEl_ on dipose
-    this.controlTextEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * Create a control text element on this `Component`
-   *
-   * @param {Element} [el]
-   *        Parent element for the control text.
-   *
-   * @return {Element}
-   *         The control text element that gets created.
-   */
-
-
-  ClickableComponent.prototype.createControlTextEl = function createControlTextEl(el) {
-    this.controlTextEl_ = createEl('span', {
-      className: 'vjs-control-text'
-    });
-
-    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 `Component`.
-   *
-   * @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
-   */
-
-
-  ClickableComponent.prototype.controlText = function controlText(text) {
-    var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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.
-   */
-
-
-  ClickableComponent.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-control vjs-button ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Enable this `Component`s element.
-   */
-
-
-  ClickableComponent.prototype.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('focus', this.handleFocus);
-      this.on('blur', this.handleBlur);
-    }
-  };
-
-  /**
-   * Disable this `Component`s element.
-   */
-
-
-  ClickableComponent.prototype.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(['tap', 'click'], this.handleClick);
-    this.off('focus', this.handleFocus);
-    this.off('blur', this.handleBlur);
-  };
-
-  /**
-   * This gets called when a `ClickableComponent` gets:
-   * - Clicked (via the `click` event, listening starts in the constructor)
-   * - Tapped (via the `tap` event, listening starts in the constructor)
-   * - The following things happen in order:
-   *   1. {@link ClickableComponent#handleFocus} is called via a `focus` event on the
-   *      `ClickableComponent`.
-   *   2. {@link ClickableComponent#handleFocus} adds a listener for `keydown` on using
-   *      {@link ClickableComponent#handleKeyPress}.
-   *   3. `ClickableComponent` has not had a `blur` event (`blur` means that focus was lost). The user presses
-   *      the space or enter key.
-   *   4. {@link ClickableComponent#handleKeyPress} calls this function with the `keydown`
-   *      event as a parameter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   * @abstract
-   */
-
-
-  ClickableComponent.prototype.handleClick = function handleClick(event) {};
-
-  /**
-   * This gets called when a `ClickableComponent` gains focus via a `focus` event.
-   * Turns on listening for `keydown` events. When they happen it
-   * calls `this.handleKeyPress`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to be called.
-   *
-   * @listens focus
-   */
-
-
-  ClickableComponent.prototype.handleFocus = function handleFocus(event) {
-    on(document, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Called when this ClickableComponent has focus and a key gets pressed down. By
-   * default it will call `this.handleClick` when the key is space or enter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  ClickableComponent.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Support Space (32) or Enter (13) key operation to fire a click event
-    if (event.which === 32 || event.which === 13) {
-      event.preventDefault();
-      this.trigger('click');
-    } else if (_Component.prototype.handleKeyPress) {
-
-      // Pass keypress handling up for unsupported keys
-      _Component.prototype.handleKeyPress.call(this, event);
-    }
-  };
-
-  /**
-   * Called when a `ClickableComponent` loses focus. Turns off the listener for
-   * `keydown` events. Which Stops `this.handleKeyPress` from getting called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to be called.
-   *
-   * @listens blur
-   */
-
-
-  ClickableComponent.prototype.handleBlur = function handleBlur(event) {
-    off(document, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  return ClickableComponent;
-}(Component);
-
-Component.registerComponent('ClickableComponent', ClickableComponent);
-
-/**
- * @file poster-image.js
- */
-/**
- * A `ClickableComponent` that handles showing the poster image for the player.
- *
- * @extends ClickableComponent
- */
-
-var PosterImage = function (_ClickableComponent) {
-  inherits(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) {
-    classCallCheck(this, PosterImage);
-
-    var _this = possibleConstructorReturn(this, _ClickableComponent.call(this, player, options));
-
-    _this.update();
-    player.on('posterchange', bind(_this, _this.update));
-    return _this;
-  }
-
-  /**
-   * Clean up and dispose of the `PosterImage`.
-   */
-
-
-  PosterImage.prototype.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.
-   */
-
-
-  PosterImage.prototype.createEl = function createEl$$1() {
-    var el = createEl('div', {
-      className: 'vjs-poster',
-
-      // Don't want poster to be tabbable.
-      tabIndex: -1
-    });
-
-    // To ensure the poster image resizes while maintaining its original aspect
-    // ratio, use a div with `background-size` when available. For browsers that
-    // do not support `background-size` (e.g. IE8), fall back on using a regular
-    // img element.
-    if (!BACKGROUND_SIZE_SUPPORTED) {
-      this.fallbackImg_ = createEl('img');
-      el.appendChild(this.fallbackImg_);
-    }
-
-    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.
-   */
-
-
-  PosterImage.prototype.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`.
-   */
-
-
-  PosterImage.prototype.setSrc = function setSrc(url) {
-    if (this.fallbackImg_) {
-      this.fallbackImg_.src = url;
-    } else {
-      var backgroundImage = '';
-
-      // Any falsey values 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.
-   */
-
-
-  PosterImage.prototype.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_.paused()) {
-      this.player_.play();
-    } else {
-      this.player_.pause();
-    }
-  };
-
-  return PosterImage;
-}(ClickableComponent);
-
-Component.registerComponent('PosterImage', PosterImage);
-
-/**
- * @file text-track-display.js
- */
-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.
- *
- * @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)'.
- *
- * @private
- */
-function constructColor(color, opacity) {
-  return 'rgba(' +
-  // color looks like "#f0e"
-  parseInt(color[1] + color[1], 16) + ',' + parseInt(color[2] + color[2], 16) + ',' + parseInt(color[3] + color[3], 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, TextTrackDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options, ready));
-
-    player.on('loadstart', bind(_this, _this.toggleDisplay));
-    player.on('texttrackchange', bind(_this, _this.updateDisplay));
-    player.on('loadstart', bind(_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(_this, function () {
-      if (player.tech_ && player.tech_.featuresNativeTextTracks) {
-        this.hide();
-        return;
-      }
-
-      player.on('fullscreenchange', bind(this, this.updateDisplay));
-
-      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
-  */
-
-
-  TextTrackDisplay.prototype.preselectTrack = function preselectTrack() {
-    var modes = { captions: 1, subtitles: 1 };
-    var trackList = this.player_.textTracks();
-    var userPref = this.player_.cache_.selectedLanguage;
-    var firstDesc = void 0;
-    var firstCaptions = void 0;
-    var preferredTrack = void 0;
-
-    for (var i = 0; i < trackList.length; i++) {
-      var track = trackList[i];
-
-      if (userPref && userPref.enabled && userPref.language === track.language) {
-        // 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
-    // precendence 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
-   */
-
-
-  TextTrackDisplay.prototype.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.
-   */
-
-
-  TextTrackDisplay.prototype.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.
-   */
-
-
-  TextTrackDisplay.prototype.clearDisplay = function clearDisplay() {
-    if (typeof window.WebVTT === 'function') {
-      window.WebVTT.processCues(window, [], 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
-   */
-
-
-  TextTrackDisplay.prototype.updateDisplay = function updateDisplay() {
-    var tracks = this.player_.textTracks();
-
-    this.clearDisplay();
-
-    // 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);
-    }
-  };
-
-  /**
-   * Add an {@link Texttrack} to to the {@link Tech}s {@link TextTrackList}.
-   *
-   * @param {TextTrack} track
-   *        Text track object to be added to the list.
-   */
-
-
-  TextTrackDisplay.prototype.updateForTrack = function updateForTrack(track) {
-    if (typeof window.WebVTT !== 'function' || !track.activeCues) {
-      return;
-    }
-
-    var cues = [];
-
-    for (var _i = 0; _i < track.activeCues.length; _i++) {
-      cues.push(track.activeCues[_i]);
-    }
-
-    window.WebVTT.processCues(window, cues, this.el_);
-
-    if (!this.player_.textTrackSettings) {
-      return;
-    }
-
-    var overrides = this.player_.textTrackSettings.getValues();
-
-    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.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];
-        }
-      }
-    }
-  };
-
-  return TextTrackDisplay;
-}(Component);
-
-Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
-
-/**
- * @file loading-spinner.js
- */
-/**
- * A loading spinner for use during waiting/loading events.
- *
- * @extends Component
- */
-
-var LoadingSpinner = function (_Component) {
-  inherits(LoadingSpinner, _Component);
-
-  function LoadingSpinner() {
-    classCallCheck(this, LoadingSpinner);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `LoadingSpinner`s DOM element.
-   *
-   * @return {Element}
-   *         The dom element that gets created.
-   */
-  LoadingSpinner.prototype.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);
-
-/**
- * @file button.js
- */
-/**
- * Base class for all buttons.
- *
- * @extends ClickableComponent
- */
-
-var Button = function (_ClickableComponent) {
-  inherits(Button, _ClickableComponent);
-
-  function Button() {
-    classCallCheck(this, Button);
-    return possibleConstructorReturn(this, _ClickableComponent.apply(this, arguments));
-  }
-
-  /**
-   * 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.
-   */
-  Button.prototype.createEl = function createEl(tag) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    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',
-
-      // let the screen reader user know that the text of the button may change
-      'aria-live': 'polite'
-    }, 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
-   */
-
-
-  Button.prototype.addChild = function addChild(child) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    var className = this.constructor.name;
-
-    log$1.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}.
-   */
-
-
-  Button.prototype.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}.
-   */
-
-
-  Button.prototype.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
-   */
-
-
-  Button.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Ignore Space (32) or Enter (13) key operation, which is handled by the browser for a button.
-    if (event.which === 32 || event.which === 13) {
-      return;
-    }
-
-    // Pass keypress handling up for unsupported keys
-    _ClickableComponent.prototype.handleKeyPress.call(this, event);
-  };
-
-  return Button;
-}(ClickableComponent);
-
-Component.registerComponent('Button', Button);
-
-/**
- * @file big-play-button.js
- */
-/**
- * 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 = function (_Button) {
-  inherits(BigPlayButton, _Button);
-
-  function BigPlayButton(player, options) {
-    classCallCheck(this, BigPlayButton);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _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'.
-   */
-
-
-  BigPlayButton.prototype.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
-   */
-
-
-  BigPlayButton.prototype.handleClick = function handleClick(event) {
-    var playPromise = this.player_.play();
-
-    // exit early if clicked via the mouse
-    if (this.mouseused_ && event.clientX && event.clientY) {
-      return;
-    }
-
-    var cb = this.player_.getChild('controlBar');
-    var playToggle = cb && cb.getChild('playToggle');
-
-    if (!playToggle) {
-      this.player_.focus();
-      return;
-    }
-
-    var playFocus = function playFocus() {
-      return playToggle.focus();
-    };
-
-    if (isPromise(playPromise)) {
-      playPromise.then(playFocus, function () {});
-    } else {
-      this.setTimeout(playFocus, 1);
-    }
-  };
-
-  BigPlayButton.prototype.handleKeyPress = function handleKeyPress(event) {
-    this.mouseused_ = false;
-
-    _Button.prototype.handleKeyPress.call(this, event);
-  };
-
-  BigPlayButton.prototype.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);
-
-/**
- * @file close-button.js
- */
-/**
- * The `CloseButton` is a `{@link Button}` that fires a `close` event when
- * it gets clicked.
- *
- * @extends Button
- */
-
-var CloseButton = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, CloseButton);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.controlText(options && options.controlText || _this.localize('Close'));
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CloseButton.prototype.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
-   */
-
-
-  CloseButton.prototype.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 });
-  };
-
-  return CloseButton;
-}(Button);
-
-Component.registerComponent('CloseButton', CloseButton);
-
-/**
- * @file play-toggle.js
- */
-/**
- * Button to toggle between play and pause.
- *
- * @extends Button
- */
-
-var PlayToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, PlayToggle);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.on(player, 'play', _this.handlePlay);
-    _this.on(player, 'pause', _this.handlePause);
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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.
-*
-* @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;
-};
-
-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;
-}
-
-var formatTime = function (seconds) {
-  var guide = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : seconds;
-
-  return implementation(seconds, guide);
-};
-
-/**
- * @file time-display.js
- */
-/**
- * Displays the time left in the video
- *
- * @extends Component
- */
-
-var TimeDisplay = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, TimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.throttledUpdateContent = throttle(bind(_this, _this.updateContent), 25);
-    _this.on(player, 'timeupdate', _this.throttledUpdateContent);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  TimeDisplay.prototype.createEl = function createEl$$1(plainName) {
-    var className = this.buildCSSClass();
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: className + ' vjs-time-control vjs-control'
-    });
-
-    this.contentEl_ = createEl('div', {
-      className: className + '-display'
-    }, {
-      // tell screen readers not to automatically read the time as it changes
-      'aria-live': 'off'
-    }, createEl('span', {
-      className: 'vjs-control-text',
-      textContent: this.localize(this.controlText_)
-    }));
-
-    this.updateTextNode_();
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  TimeDisplay.prototype.dispose = function dispose() {
-    this.contentEl_ = null;
-    this.textNode_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * Updates the "remaining time" text node with new content using the
-   * contents of the `formattedTime_` property.
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.updateTextNode_ = function updateTextNode_() {
-    if (!this.contentEl_) {
-      return;
-    }
-
-    while (this.contentEl_.firstChild) {
-      this.contentEl_.removeChild(this.contentEl_.firstChild);
-    }
-
-    this.textNode_ = document.createTextNode(this.formattedTime_ || '0:00');
-    this.contentEl_.appendChild(this.textNode_);
-  };
-
-  /**
-   * Generates a formatted time for this component to use in display.
-   *
-   * @param  {number} time
-   *         A numeric time, in seconds.
-   *
-   * @return {string}
-   *         A formatted time
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.formatTime_ = function formatTime_(time) {
-    return formatTime(time);
-  };
-
-  /**
-   * Updates the time display text node if it has what was passed in changed
-   * the formatted time.
-   *
-   * @param {number} time
-   *        The time to update to
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.updateFormattedTime_ = function updateFormattedTime_(time) {
-    var formattedTime = this.formatTime_(time);
-
-    if (formattedTime === this.formattedTime_) {
-      return;
-    }
-
-    this.formattedTime_ = formattedTime;
-    this.requestAnimationFrame(this.updateTextNode_);
-  };
-
-  /**
-   * 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
-   */
-
-
-  TimeDisplay.prototype.updateContent = function updateContent(event) {};
-
-  return TimeDisplay;
-}(Component);
-
-/**
- * The text that should display over the `TimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-TimeDisplay.prototype.controlText_ = 'Time';
-
-Component.registerComponent('TimeDisplay', TimeDisplay);
-
-/**
- * @file current-time-display.js
- */
-/**
- * Displays the current time
- *
- * @extends Component
- */
-
-var CurrentTimeDisplay = function (_TimeDisplay) {
-  inherits(CurrentTimeDisplay, _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 CurrentTimeDisplay(player, options) {
-    classCallCheck(this, CurrentTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CurrentTimeDisplay.prototype.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
-   */
-
-
-  CurrentTimeDisplay.prototype.updateContent = function updateContent(event) {
-    // Allows for smooth scrubbing, when player can't keep up.
-    var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-
-    this.updateFormattedTime_(time);
-  };
-
-  /**
-   * When the player fires ended there should be no time left. Sadly
-   * this is not always the case, lets make it seem like that is the case
-   * for users.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  CurrentTimeDisplay.prototype.handleEnded = function handleEnded(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-    this.updateFormattedTime_(this.player_.duration());
-  };
-
-  return CurrentTimeDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
-
-Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
-
-/**
- * @file duration-display.js
- */
-/**
- * Displays the duration
- *
- * @extends Component
- */
-
-var DurationDisplay = function (_TimeDisplay) {
-  inherits(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) {
-    classCallCheck(this, DurationDisplay);
-
-    // we do not want to/need to throttle duration changes,
-    // as they should always display the changed duration as
-    // it has changed
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'durationchange', _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.throttledUpdateContent);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  DurationDisplay.prototype.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
-   */
-
-
-  DurationDisplay.prototype.updateContent = function updateContent(event) {
-    var duration = this.player_.duration();
-
-    if (duration && this.duration_ !== duration) {
-      this.duration_ = duration;
-      this.updateFormattedTime_(duration);
-    }
-  };
-
-  return DurationDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `DurationDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-DurationDisplay.prototype.controlText_ = 'Duration Time';
-
-Component.registerComponent('DurationDisplay', DurationDisplay);
-
-/**
- * @file time-divider.js
- */
-/**
- * The separator between the current time and duration.
- * Can be hidden if it's not needed in the design.
- *
- * @extends Component
- */
-
-var TimeDivider = function (_Component) {
-  inherits(TimeDivider, _Component);
-
-  function TimeDivider() {
-    classCallCheck(this, TimeDivider);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the component's DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  TimeDivider.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-control vjs-time-divider',
-      innerHTML: '<div><span>/</span></div>'
-    });
-  };
-
-  return TimeDivider;
-}(Component);
-
-Component.registerComponent('TimeDivider', TimeDivider);
-
-/**
- * @file remaining-time-display.js
- */
-/**
- * Displays the time left in the video
- *
- * @extends Component
- */
-
-var RemainingTimeDisplay = function (_TimeDisplay) {
-  inherits(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) {
-    classCallCheck(this, RemainingTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'durationchange', _this.throttledUpdateContent);
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  RemainingTimeDisplay.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-remaining-time';
-  };
-
-  /**
-   * The remaining time display prefixes numbers with a "minus" character.
-   *
-   * @param  {number} time
-   *         A numeric time, in seconds.
-   *
-   * @return {string}
-   *         A formatted time
-   *
-   * @private
-   */
-
-
-  RemainingTimeDisplay.prototype.formatTime_ = function formatTime_(time) {
-    return '-' + _TimeDisplay.prototype.formatTime_.call(this, time);
-  };
-
-  /**
-   * Update remaining time display.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `durationchange` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   * @listens Player#durationchange
-   */
-
-
-  RemainingTimeDisplay.prototype.updateContent = function updateContent(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-
-    // @deprecated We should only use remainingTimeDisplay
-    // as of video.js 7
-    if (this.player_.remainingTimeDisplay) {
-      this.updateFormattedTime_(this.player_.remainingTimeDisplay());
-    } else {
-      this.updateFormattedTime_(this.player_.remainingTime());
-    }
-  };
-
-  /**
-   * When the player fires ended there should be no time left. Sadly
-   * this is not always the case, lets make it seem like that is the case
-   * for users.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  RemainingTimeDisplay.prototype.handleEnded = function handleEnded(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-    this.updateFormattedTime_(0);
-  };
-
-  return RemainingTimeDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
-
-Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
-
-/**
- * @file live-display.js
- */
-// TODO - Future make it click to snap to live
-
-/**
- * Displays the live indicator when duration is Infinity.
- *
- * @extends Component
- */
-
-var LiveDisplay = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, LiveDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.updateShowing();
-    _this.on(_this.player(), 'durationchange', _this.updateShowing);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  LiveDisplay.prototype.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') + '</span>' + this.localize('LIVE')
-    }, {
-      'aria-live': 'off'
-    });
-
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  LiveDisplay.prototype.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
-   */
-
-
-  LiveDisplay.prototype.updateShowing = function updateShowing(event) {
-    if (this.player().duration() === Infinity) {
-      this.show();
-    } else {
-      this.hide();
-    }
-  };
-
-  return LiveDisplay;
-}(Component);
-
-Component.registerComponent('LiveDisplay', LiveDisplay);
-
-/**
- * @file slider.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Slider);
-
-    // Set property names to bar to match with the child Slider class is looking for
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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
-   */
-
-
-  Slider.prototype.enabled = function enabled() {
-    return this.enabled_;
-  };
-
-  /**
-   * Enable controls for this slider if they are disabled
-   */
-
-
-  Slider.prototype.enable = function enable() {
-    if (this.enabled()) {
-      return;
-    }
-
-    this.on('mousedown', this.handleMouseDown);
-    this.on('touchstart', this.handleMouseDown);
-    this.on('focus', this.handleFocus);
-    this.on('blur', this.handleBlur);
-    this.on('click', this.handleClick);
-
-    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
-   */
-
-
-  Slider.prototype.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('focus', this.handleFocus);
-    this.off('blur', this.handleBlur);
-    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 `Button`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.
-   */
-
-
-  Slider.prototype.createEl = function createEl$$1(type) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    // 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
-   */
-
-
-  Slider.prototype.handleMouseDown = function handleMouseDown(event) {
-    var doc = this.bar.el_.ownerDocument;
-
-    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
-   */
-
-
-  Slider.prototype.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
-   */
-
-
-  Slider.prototype.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`.
-   *
-   * @returns {number}
-   *          The percentage of progress the progress bar represents as a
-   *          number from 0 to 1.
-   */
-
-
-  Slider.prototype.update = function update() {
-
-    // 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 (!this.el_) {
-      return;
-    }
-
-    // If scrubbing, we could use a cached value to make the handle keep up
-    // with the user's mouse. On HTML5 browsers scrubbing is really smooth, but
-    // some flash players are slow, so we might want to utilize this later.
-    // var progress =  (this.player_.scrubbing()) ? this.player_.getCache().currentTime / this.player_.duration() : this.player_.currentTime() / this.player_.duration();
-    var progress = this.getPercent();
-    var bar = this.bar;
-
-    // If there's no bar...
-    if (!bar) {
-      return;
-    }
-
-    // Protect against no duration and other division issues
-    if (typeof progress !== 'number' || progress !== progress || progress < 0 || progress === Infinity) {
-      progress = 0;
-    }
-
-    // Convert to a percentage for setting
-    var percentage = (progress * 100).toFixed(2) + '%';
-    var style = bar.el().style;
-
-    // Set the new bar width or height
-    if (this.vertical()) {
-      style.height = percentage;
-    } else {
-      style.width = percentage;
-    }
-
-    return progress;
-  };
-
-  /**
-   * Calculate distance for slider
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run.
-   *
-   * @return {number}
-   *         The current position of the Slider.
-   *         - postition.x for vertical `Slider`s
-   *         - postition.y for horizontal `Slider`s
-   */
-
-
-  Slider.prototype.calculateDistance = function calculateDistance(event) {
-    var position = getPointerPosition(this.el_, event);
-
-    if (this.vertical()) {
-      return position.y;
-    }
-    return position.x;
-  };
-
-  /**
-   * Handle a `focus` event on this `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to run.
-   *
-   * @listens focus
-   */
-
-
-  Slider.prototype.handleFocus = function handleFocus() {
-    this.on(this.bar.el_.ownerDocument, 'keydown', this.handleKeyPress);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Slider.prototype.handleKeyPress = function handleKeyPress(event) {
-    // Left and Down Arrows
-    if (event.which === 37 || event.which === 40) {
-      event.preventDefault();
-      this.stepBack();
-
-      // Up and Right Arrows
-    } else if (event.which === 38 || event.which === 39) {
-      event.preventDefault();
-      this.stepForward();
-    }
-  };
-
-  /**
-   * Handle a `blur` event on this `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to run.
-   *
-   * @listens blur
-   */
-
-  Slider.prototype.handleBlur = function handleBlur() {
-    this.off(this.bar.el_.ownerDocument, 'keydown', this.handleKeyPress);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Slider.prototype.handleClick = function handleClick(event) {
-    event.stopImmediatePropagation();
-    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
-   */
-
-
-  Slider.prototype.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);
-
-/**
- * @file load-progress-bar.js
- */
-/**
- * Shows loading progress
- *
- * @extends Component
- */
-
-var LoadProgressBar = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, LoadProgressBar);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.partEls_ = [];
-    _this.on(player, 'progress', _this.update);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  LoadProgressBar.prototype.createEl = function createEl$$1() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-load-progress',
-      innerHTML: '<span class="vjs-control-text"><span>' + this.localize('Loaded') + '</span>: 0%</span>'
-    });
-  };
-
-  LoadProgressBar.prototype.dispose = function dispose() {
-    this.partEls_ = 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
-   */
-
-
-  LoadProgressBar.prototype.update = function update(event) {
-    var buffered = this.player_.buffered();
-    var duration = this.player_.duration();
-    var bufferedEnd = this.player_.bufferedEnd();
-    var children = this.partEls_;
-
-    // get the percent width of a time compared to the total end
-    var percentify = function percentify(time, end) {
-      // no NaN
-      var percent = time / end || 0;
-
-      return (percent >= 1 ? 1 : percent) * 100 + '%';
-    };
-
-    // update the width of the progress bar
-    this.el_.style.width = percentify(bufferedEnd, duration);
-
-    // 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 = this.el_.appendChild(createEl());
-        children[i] = part;
-      }
-
-      // 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--) {
-      this.el_.removeChild(children[_i - 1]);
-    }
-    children.length = buffered.length;
-  };
-
-  return LoadProgressBar;
-}(Component);
-
-Component.registerComponent('LoadProgressBar', LoadProgressBar);
-
-/**
- * @file time-tooltip.js
- */
-/**
- * Time tooltips display a time above the progress bar.
- *
- * @extends Component
- */
-
-var TimeTooltip = function (_Component) {
-  inherits(TimeTooltip, _Component);
-
-  function TimeTooltip() {
-    classCallCheck(this, TimeTooltip);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the time tooltip DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  TimeTooltip.prototype.createEl = function createEl$$1() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-tooltip'
-    });
-  };
-
-  /**
-   * 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}
-   */
-
-
-  TimeTooltip.prototype.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';
-    textContent(this.el_, content);
-  };
-
-  return TimeTooltip;
-}(Component);
-
-Component.registerComponent('TimeTooltip', TimeTooltip);
-
-/**
- * @file play-progress-bar.js
- */
-/**
- * Used by {@link SeekBar} to display media playback progress as part of the
- * {@link ProgressControl}.
- *
- * @extends Component
- */
-
-var PlayProgressBar = function (_Component) {
-  inherits(PlayProgressBar, _Component);
-
-  function PlayProgressBar() {
-    classCallCheck(this, PlayProgressBar);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  PlayProgressBar.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-play-progress vjs-slider-bar',
-      innerHTML: '<span class="vjs-control-text"><span>' + this.localize('Progress') + '</span>: 0%</span>'
-    });
-  };
-
-  /**
-   * 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}
-   */
-
-
-  PlayProgressBar.prototype.update = function update(seekBarRect, seekBarPoint) {
-    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 time = _this2.player_.scrubbing() ? _this2.player_.getCache().currentTime : _this2.player_.currentTime();
-
-      var content = formatTime(time, _this2.player_.duration());
-      var timeTooltip = _this2.getChild('timeTooltip');
-
-      if (timeTooltip) {
-        timeTooltip.update(seekBarRect, seekBarPoint, content);
-      }
-    });
-  };
-
-  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 or IE8
-if ((!IE_VERSION || IE_VERSION > 8) && !IS_IOS && !IS_ANDROID) {
-  PlayProgressBar.prototype.options_.children.push('timeTooltip');
-}
-
-Component.registerComponent('PlayProgressBar', PlayProgressBar);
-
-/**
- * @file mouse-time-display.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, MouseTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.update = throttle(bind(_this, _this.update), 25);
-    return _this;
-  }
-
-  /**
-   * Create the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  MouseTimeDisplay.prototype.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}
-   */
-
-
-  MouseTimeDisplay.prototype.update = function update(seekBarRect, seekBarPoint) {
-    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 duration = _this2.player_.duration();
-      var content = formatTime(seekBarPoint * duration, duration);
-
-      _this2.el_.style.left = seekBarRect.width * seekBarPoint + 'px';
-      _this2.getChild('timeTooltip').update(seekBarRect, seekBarPoint, content);
-    });
-  };
-
-  return MouseTimeDisplay;
-}(Component);
-
-/**
- * Default options for `MouseTimeDisplay`
- *
- * @type {Object}
- * @private
- */
-
-
-MouseTimeDisplay.prototype.options_ = {
-  children: ['timeTooltip']
-};
-
-Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
-
-/**
- * @file seek-bar.js
- */
-// The number of seconds the `step*` functions move the timeline.
-var STEP_SECONDS = 5;
-
-// The interval at which the bar should update as it progresses.
-var UPDATE_REFRESH_INTERVAL = 30;
-
-/**
- * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
- * as its `bar`.
- *
- * @extends Slider
- */
-
-var SeekBar = function (_Slider) {
-  inherits(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) {
-    classCallCheck(this, SeekBar);
-
-    var _this = possibleConstructorReturn(this, _Slider.call(this, player, options));
-
-    _this.update = throttle(bind(_this, _this.update), UPDATE_REFRESH_INTERVAL);
-
-    _this.on(player, 'timeupdate', _this.update);
-    _this.on(player, 'ended', _this.handleEnded);
-
-    // when playing, let's ensure we smoothly update the play progress bar
-    // via an interval
-    _this.updateInterval = null;
-
-    _this.on(player, ['playing'], function () {
-      _this.clearInterval(_this.updateInterval);
-
-      _this.updateInterval = _this.setInterval(function () {
-        _this.requestAnimationFrame(function () {
-          _this.update();
-        });
-      }, UPDATE_REFRESH_INTERVAL);
-    });
-
-    _this.on(player, ['ended', 'pause', 'waiting'], function () {
-      _this.clearInterval(_this.updateInterval);
-    });
-
-    _this.on(player, ['timeupdate', 'ended'], _this.update);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  SeekBar.prototype.createEl = function createEl$$1() {
-    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 accessiblity
-   * attributes to whatever is passed in.
-   *
-   * @param {number} currentTime
-   *        The currentTime value that should be used for accessiblity
-   *
-   * @param {number} percent
-   *        The percentage as a decimal that the bar should be filled from 0-1.
-   *
-   * @private
-   */
-
-
-  SeekBar.prototype.update_ = function update_(currentTime, percent) {
-    var duration = this.player_.duration();
-
-    // machine readable value of progress bar (percentage complete)
-    this.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
-
-    // human readable value of progress bar (time complete)
-    this.el_.setAttribute('aria-valuetext', this.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
-
-    // Update the `PlayProgressBar`.
-    this.bar.update(getBoundingClientRect(this.el_), percent);
-  };
-
-  /**
-   * Update the seek bar's UI.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `ended` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   *
-   * @returns {number}
-   *          The current percent at a number from 0-1
-   */
-
-
-  SeekBar.prototype.update = function update(event) {
-    var percent = _Slider.prototype.update.call(this);
-
-    this.update_(this.getCurrentTime_(), percent);
-    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
-   */
-
-
-  SeekBar.prototype.getCurrentTime_ = function getCurrentTime_() {
-    return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-  };
-
-  /**
-   * We want the seek bar to be full on ended
-   * no matter what the actual internal values are. so we force it.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  SeekBar.prototype.handleEnded = function handleEnded(event) {
-    this.update_(this.player_.duration(), 1);
-  };
-
-  /**
-   * Get the percentage of media played so far.
-   *
-   * @return {number}
-   *         The percentage of media played so far (0 to 1).
-   */
-
-
-  SeekBar.prototype.getPercent = function getPercent() {
-    var percent = this.getCurrentTime_() / this.player_.duration();
-
-    return percent >= 1 ? 1 : percent;
-  };
-
-  /**
-   * Handle mouse down on seek bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousedown` event that caused this to run.
-   *
-   * @listens mousedown
-   */
-
-
-  SeekBar.prototype.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
-   */
-
-
-  SeekBar.prototype.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    var newTime = this.calculateDistance(event) * this.player_.duration();
-
-    // Don't let video end while scrubbing.
-    if (newTime === this.player_.duration()) {
-      newTime = newTime - 0.1;
-    }
-
-    // Set new time (tell player to seek to new time)
-    this.player_.currentTime(newTime);
-  };
-
-  SeekBar.prototype.enable = function enable() {
-    _Slider.prototype.enable.call(this);
-    var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-    if (!mouseTimeDisplay) {
-      return;
-    }
-
-    mouseTimeDisplay.show();
-  };
-
-  SeekBar.prototype.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
-   */
-
-
-  SeekBar.prototype.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());
-    }
-  };
-
-  /**
-   * Move more quickly fast forward for keyboard-only users
-   */
-
-
-  SeekBar.prototype.stepForward = function stepForward() {
-    this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
-  };
-
-  /**
-   * Move more quickly rewind for keyboard-only users
-   */
-
-
-  SeekBar.prototype.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
-   *
-   */
-
-
-  SeekBar.prototype.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. By
-   * default it will call `this.handleAction` when the key is space or enter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  SeekBar.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Support Space (32) or Enter (13) key operation to fire a click event
-    if (event.which === 32 || event.which === 13) {
-      event.preventDefault();
-      this.handleAction(event);
-    } else if (_Slider.prototype.handleKeyPress) {
-
-      // Pass keypress handling up for unsupported keys
-      _Slider.prototype.handleKeyPress.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 or IE8
-if ((!IE_VERSION || IE_VERSION > 8) && !IS_IOS && !IS_ANDROID) {
-  SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
-}
-
-/**
- * Call the update event for this Slider when this event happens on the player.
- *
- * @type {string}
- */
-SeekBar.prototype.playerEvent = 'timeupdate';
-
-Component.registerComponent('SeekBar', SeekBar);
-
-/**
- * @file progress-control.js
- */
-/**
- * The Progress Control component contains the seek bar, load progress,
- * and play progress.
- *
- * @extends Component
- */
-
-var ProgressControl = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, ProgressControl);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.handleMouseMove = throttle(bind(_this, _this.handleMouseMove), 25);
-    _this.throttledHandleMouseSeek = throttle(bind(_this, _this.handleMouseSeek), 25);
-
-    _this.enable();
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  ProgressControl.prototype.createEl = function createEl$$1() {
-    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
-   */
-
-
-  ProgressControl.prototype.handleMouseMove = function handleMouseMove(event) {
-    var seekBar = this.getChild('seekBar');
-
-    if (seekBar) {
-      var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
-      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.
-      if (seekBarPoint > 1) {
-        seekBarPoint = 1;
-      } else if (seekBarPoint < 0) {
-        seekBarPoint = 0;
-      }
-
-      if (mouseTimeDisplay) {
-        mouseTimeDisplay.update(seekBarRect, seekBarPoint);
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.enabled = function enabled() {
-    return this.enabled_;
-  };
-
-  /**
-   * Disable all controls on the progress control and its children
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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);
-
-/**
- * @file fullscreen-toggle.js
- */
-/**
- * Toggle fullscreen video
- *
- * @extends Button
- */
-
-var FullscreenToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, FullscreenToggle);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  FullscreenToggle.prototype.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
-   */
-
-
-  FullscreenToggle.prototype.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
-   */
-
-
-  FullscreenToggle.prototype.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');
-    }
-  });
-};
-
-/**
- * @file volume-level.js
- */
-/**
- * Shows volume level
- *
- * @extends Component
- */
-
-var VolumeLevel = function (_Component) {
-  inherits(VolumeLevel, _Component);
-
-  function VolumeLevel() {
-    classCallCheck(this, VolumeLevel);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  VolumeLevel.prototype.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);
-
-/**
- * @file volume-bar.js
- */
-// Required children
-/**
- * The bar that contains the volume level and can be clicked on to adjust the level
- *
- * @extends Slider
- */
-
-var VolumeBar = function (_Slider) {
-  inherits(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) {
-    classCallCheck(this, VolumeBar);
-
-    var _this = possibleConstructorReturn(this, _Slider.call(this, player, options));
-
-    _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.
-   */
-
-
-  VolumeBar.prototype.createEl = function createEl$$1() {
-    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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    this.checkMuted();
-    this.player_.volume(this.calculateDistance(event));
-  };
-
-  /**
-   * If the player is muted unmute it.
-   */
-
-
-  VolumeBar.prototype.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.
-   */
-
-
-  VolumeBar.prototype.getPercent = function getPercent() {
-    if (this.player_.muted()) {
-      return 0;
-    }
-    return this.player_.volume();
-  };
-
-  /**
-   * Increase volume level for keyboard users
-   */
-
-
-  VolumeBar.prototype.stepForward = function stepForward() {
-    this.checkMuted();
-    this.player_.volume(this.player_.volume() + 0.1);
-  };
-
-  /**
-   * Decrease volume level for keyboard users
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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);
-
-/**
- * @file volume-control.js
- */
-// Required children
-/**
- * The component for controlling the volume level
- *
- * @extends Component
- */
-
-var VolumeControl = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, VolumeControl);
-
-    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;
-    }
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    _this.throttledHandleMouseMove = throttle(bind(_this, _this.handleMouseMove), 25);
-
-    _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.
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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);
-
-/**
- * @file mute-toggle.js
- */
-/**
- * A button component for muting the audio.
- *
- * @extends Button
- */
-
-var MuteToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, MuteToggle);
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    _this.on(player, ['loadstart', 'volumechange'], _this.update);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.updateIcon_ = function updateIcon_() {
-    var vol = this.player_.volume();
-    var level = 3;
-
-    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
-   */
-
-
-  MuteToggle.prototype.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);
-
-/**
- * @file volume-control.js
- */
-// Required children
-/**
- * A Component to contain the MuteToggle and VolumeControl so that
- * they can work together.
- *
- * @extends Component
- */
-
-var VolumePanel = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, VolumePanel);
-
-    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;
-    }
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    // 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
-   */
-
-
-  VolumePanel.prototype.sliderActive_ = function sliderActive_() {
-    this.addClass('vjs-slider-active');
-  };
-
-  /**
-   * Removes vjs-slider-active class to the VolumePanel
-   *
-   * @listens VolumeControl#sliderinactive
-   * @private
-   */
-
-
-  VolumePanel.prototype.sliderInactive_ = function sliderInactive_() {
-    this.removeClass('vjs-slider-active');
-  };
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  VolumePanel.prototype.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
-    });
-  };
-
-  return VolumePanel;
-}(Component);
-
-/**
- * Default options for the `VolumeControl`
- *
- * @type {Object}
- * @private
- */
-
-
-VolumePanel.prototype.options_ = {
-  children: ['muteToggle', 'volumeControl']
-};
-
-Component.registerComponent('VolumePanel', VolumePanel);
-
-/**
- * @file menu.js
- */
-/**
- * The Menu component is used to build popup menus, including subtitle and
- * captions selection menus.
- *
- * @extends Component
- */
-
-var Menu = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Menu);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    if (options) {
-      _this.menuButton_ = options.menuButton;
-    }
-
-    _this.focusedChild_ = -1;
-
-    _this.on('keydown', _this.handleKeyPress);
-    return _this;
-  }
-
-  /**
-   * Add a {@link MenuItem} to the menu.
-   *
-   * @param {Object|string} component
-   *        The name or instance of the `MenuItem` to add.
-   *
-   */
-
-
-  Menu.prototype.addItem = function addItem(component) {
-    this.addChild(component);
-    component.on('click', bind(this, function (event) {
-      // Unpress the associated MenuButton, and move focus back to it
-      if (this.menuButton_) {
-        this.menuButton_.unpressButton();
-
-        // don't focus menu button if item is a caption settings item
-        // because focus will move elsewhere and it logs an error on IE8
-        if (component.name() !== 'CaptionSettingsMenuItem') {
-          this.menuButton_.focus();
-        }
-      }
-    }));
-  };
-
-  /**
-   * Create the `Menu`s DOM element.
-   *
-   * @return {Element}
-   *         the element that was created
-   */
-
-
-  Menu.prototype.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;
-  };
-
-  Menu.prototype.dispose = function dispose() {
-    this.contentEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Menu.prototype.handleKeyPress = function handleKeyPress(event) {
-    // Left and Down Arrows
-    if (event.which === 37 || event.which === 40) {
-      event.preventDefault();
-      this.stepForward();
-
-      // Up and Right Arrows
-    } else if (event.which === 38 || event.which === 39) {
-      event.preventDefault();
-      this.stepBack();
-    }
-  };
-
-  /**
-   * Move to next (lower) menu item for keyboard users.
-   */
-
-
-  Menu.prototype.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.
-   */
-
-
-  Menu.prototype.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.
-   */
-
-
-  Menu.prototype.focus = function focus() {
-    var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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);
-
-/**
- * @file menu-button.js
- */
-/**
- * A `MenuButton` class for any popup {@link Menu}.
- *
- * @extends Component
- */
-
-var MenuButton = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, MenuButton);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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_, 'focus', _this.handleFocus);
-    _this.on(_this.menuButton_, 'blur', _this.handleBlur);
-
-    _this.on('keydown', _this.handleSubmenuKeyPress);
-    return _this;
-  }
-
-  /**
-   * Update the menu based on the current state of its items.
-   */
-
-
-  MenuButton.prototype.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
-   */
-
-
-  MenuButton.prototype.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 title = createEl('li', {
-        className: 'vjs-menu-title',
-        innerHTML: toTitleCase(this.options_.title),
-        tabIndex: -1
-      });
-
-      this.hideThreshold_ += 1;
-
-      menu.children_.unshift(title);
-      prependTo(title, menu.contentEl());
-    }
-
-    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
-   */
-
-
-  MenuButton.prototype.createItems = function createItems() {};
-
-  /**
-   * Create the `MenuButtons`s DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  MenuButton.prototype.createEl = function createEl$$1() {
-    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`
-   */
-
-
-  MenuButton.prototype.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.
-   */
-
-
-  MenuButton.prototype.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
-   */
-
-
-  MenuButton.prototype.controlText = function controlText(text) {
-    var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.menuButton_.el();
-
-    return this.menuButton_.controlText(text, el);
-  };
-
-  /**
-   * 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
-   */
-
-
-  MenuButton.prototype.handleClick = function handleClick(event) {
-    // When you click the button it adds focus, which will show the menu.
-    // So we'll remove focus when the mouse leaves the button. Focus is needed
-    // for tab navigation.
-
-    this.one(this.menu.contentEl(), 'mouseleave', bind(this, function (e) {
-      this.unpressButton();
-      this.el_.blur();
-    }));
-    if (this.buttonPressed_) {
-      this.unpressButton();
-    } else {
-      this.pressButton();
-    }
-  };
-
-  /**
-   * Set the focus to the actual button, not to this element
-   */
-
-
-  MenuButton.prototype.focus = function focus() {
-    this.menuButton_.focus();
-  };
-
-  /**
-   * Remove the focus from the actual button, not this element
-   */
-
-
-  MenuButton.prototype.blur = function blur() {
-    this.menuButton_.blur();
-  };
-
-  /**
-   * This gets called when a `MenuButton` gains focus via a `focus` event.
-   * Turns on listening for `keydown` events. When they happen it
-   * calls `this.handleKeyPress`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to be called.
-   *
-   * @listens focus
-   */
-
-
-  MenuButton.prototype.handleFocus = function handleFocus() {
-    on(document, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Called when a `MenuButton` loses focus. Turns off the listener for
-   * `keydown` events. Which Stops `this.handleKeyPress` from getting called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to be called.
-   *
-   * @listens blur
-   */
-
-
-  MenuButton.prototype.handleBlur = function handleBlur() {
-    off(document, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
-   * {@link ClickableComponent#handleKeyPress} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  MenuButton.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Escape (27) key or Tab (9) key unpress the 'button'
-    if (event.which === 27 || event.which === 9) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      }
-      // Don't preventDefault for Tab key - we still want to lose focus
-      if (event.which !== 9) {
-        event.preventDefault();
-        // Set focus back to the menu button's button
-        this.menuButton_.el_.focus();
-      }
-      // Up (38) key or Down (40) key press the 'button'
-    } else if (event.which === 38 || event.which === 40) {
-      if (!this.buttonPressed_) {
-        this.pressButton();
-        event.preventDefault();
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  MenuButton.prototype.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
-
-    // Escape (27) key or Tab (9) key unpress the 'button'
-    if (event.which === 27 || event.which === 9) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      }
-      // Don't preventDefault for Tab key - we still want to lose focus
-      if (event.which !== 9) {
-        event.preventDefault();
-        // Set focus back to the menu button's button
-        this.menuButton_.el_.focus();
-      }
-    }
-  };
-
-  /**
-   * Put the current `MenuButton` into a pressed state.
-   */
-
-
-  MenuButton.prototype.pressButton = function pressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = true;
-      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.
-   */
-
-
-  MenuButton.prototype.unpressButton = function unpressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = false;
-      this.menu.unlockShowing();
-      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-    }
-  };
-
-  /**
-   * Disable the `MenuButton`. Don't allow it to be clicked.
-   */
-
-
-  MenuButton.prototype.disable = function disable() {
-    this.unpressButton();
-
-    this.enabled_ = false;
-    this.addClass('vjs-disabled');
-
-    this.menuButton_.disable();
-  };
-
-  /**
-   * Enable the `MenuButton`. Allow it to be clicked.
-   */
-
-
-  MenuButton.prototype.enable = function enable() {
-    this.enabled_ = true;
-    this.removeClass('vjs-disabled');
-
-    this.menuButton_.enable();
-  };
-
-  return MenuButton;
-}(Component);
-
-Component.registerComponent('MenuButton', MenuButton);
-
-/**
- * @file track-button.js
- */
-/**
- * The base class for buttons that toggle specific  track types (e.g. subtitles).
- *
- * @extends MenuButton
- */
-
-var TrackButton = function (_MenuButton) {
-  inherits(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) {
-    classCallCheck(this, TrackButton);
-
-    var tracks = options.tracks;
-
-    var _this = possibleConstructorReturn(this, _MenuButton.call(this, player, options));
-
-    if (_this.items.length <= 1) {
-      _this.hide();
-    }
-
-    if (!tracks) {
-      return possibleConstructorReturn(_this);
-    }
-
-    var updateHandler = bind(_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-item.js
- */
-/**
- * The component for a menu item. `<li>`
- *
- * @extends ClickableComponent
- */
-
-var MenuItem = function (_ClickableComponent) {
-  inherits(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) {
-    classCallCheck(this, MenuItem);
-
-    var _this = possibleConstructorReturn(this, _ClickableComponent.call(this, player, options));
-
-    _this.selectable = options.selectable;
-    _this.isSelected_ = options.selected || false;
-
-    _this.selected(_this.isSelected_);
-
-    if (_this.selectable) {
-      // TODO: May need to be either menuitemcheckbox or menuitemradio,
-      //       and may need logical grouping of menu items.
-      _this.el_.setAttribute('role', 'menuitemcheckbox');
-    } 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.
-   */
-
-
-  MenuItem.prototype.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);
-  };
-
-  /**
-   * Any click on a `MenuItem` puts int 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
-   */
-
-
-  MenuItem.prototype.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
-   */
-
-
-  MenuItem.prototype.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);
-
-/**
- * @file text-track-menu-item.js
- */
-/**
- * The specific menu item type for selecting a language within a text track kind
- *
- * @extends MenuItem
- */
-
-var TextTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, TextTrackMenuItem);
-
-    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';
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_this, args);
-    };
-    var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
-      for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      _this.handleSelectedLanguageChange.apply(_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 = void 0;
-
-      _this.on(['tap', 'click'], function () {
-        if (_typeof(window.Event) !== 'object') {
-          // Android 2.3 throws an Illegal Constructor error for window.Event
-          try {
-            event = new window.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
-   */
-
-
-  TextTrackMenuItem.prototype.handleClick = function handleClick(event) {
-    var kind = this.track.kind;
-    var kinds = this.track.kinds;
-    var tracks = this.player_.textTracks();
-
-    if (!kinds) {
-      kinds = [kind];
-    }
-
-    _MenuItem.prototype.handleClick.call(this, event);
-
-    if (!tracks) {
-      return;
-    }
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i];
-
-      if (track === this.track && kinds.indexOf(track.kind) > -1) {
-        if (track.mode !== 'showing') {
-          track.mode = 'showing';
-        }
-      } 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
-   */
-
-
-  TextTrackMenuItem.prototype.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);
-    }
-  };
-
-  TextTrackMenuItem.prototype.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
-      };
-    }
-  };
-
-  TextTrackMenuItem.prototype.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);
-
-/**
- * @file off-text-track-menu-item.js
- */
-/**
- * A special menu item for turning of a specific type of text track
- *
- * @extends TextTrackMenuItem
- */
-
-var OffTextTrackMenuItem = function (_TextTrackMenuItem) {
-  inherits(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) {
-    classCallCheck(this, OffTextTrackMenuItem);
-
-    // Create pseudo track info
-    // Requires options['kind']
-    options.track = {
-      player: player,
-      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;
-
-    return possibleConstructorReturn(this, _TextTrackMenuItem.call(this, player, options));
-  }
-
-  /**
-   * Handle text track change
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run
-   */
-
-
-  OffTextTrackMenuItem.prototype.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);
-    }
-  };
-
-  OffTextTrackMenuItem.prototype.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);
-
-/**
- * @file text-track-button.js
- */
-/**
- * The base class for buttons that toggle specific text track types (e.g. subtitles)
- *
- * @extends MenuButton
- */
-
-var TextTrackButton = function (_TrackButton) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, TextTrackButton);
-
-    options.tracks = player.textTracks();
-
-    return possibleConstructorReturn(this, _TrackButton.call(this, player, options));
-  }
-
-  /**
-   * 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
-   */
-
-
-  TextTrackButton.prototype.createItems = function createItems() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var TrackMenuItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TextTrackMenuItem;
-
-
-    // Label is an overide for the [track] off label
-    // USed to localise captions/subtitles
-    var label = void 0;
-
-    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,
-          // MenuItem is selectable
-          selectable: true
-        });
-
-        item.addClass('vjs-' + track.kind + '-menu-item');
-        items.push(item);
-      }
-    }
-
-    return items;
-  };
-
-  return TextTrackButton;
-}(TrackButton);
-
-Component.registerComponent('TextTrackButton', TextTrackButton);
-
-/**
- * @file chapters-track-menu-item.js
- */
-/**
- * The chapter track menu item
- *
- * @extends MenuItem
- */
-
-var ChaptersTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, ChaptersTrackMenuItem);
-
-    var track = options.track;
-    var cue = options.cue;
-    var currentTime = player.currentTime();
-
-    // Modify options for parent MenuItem class's init.
-    options.selectable = true;
-    options.label = cue.text;
-    options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-    _this.cue = cue;
-    track.addEventListener('cuechange', bind(_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
-   */
-
-
-  ChaptersTrackMenuItem.prototype.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
-   */
-
-
-  ChaptersTrackMenuItem.prototype.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);
-
-/**
- * @file chapters-button.js
- */
-/**
- * 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 = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, ChaptersButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  ChaptersButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-chapters-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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);
-
-/**
- * @file descriptions-button.js
- */
-/**
- * The button component for toggling and selecting descriptions
- *
- * @extends TextTrackButton
- */
-
-var DescriptionsButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, DescriptionsButton);
-
-    var _this = possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-
-    var tracks = player.textTracks();
-    var changeHandler = bind(_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
-   */
-
-
-  DescriptionsButton.prototype.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.
-   */
-
-
-  DescriptionsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-descriptions-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  DescriptionsButton.prototype.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);
-
-/**
- * @file subtitles-button.js
- */
-/**
- * The button component for toggling and selecting subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubtitlesButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, SubtitlesButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  SubtitlesButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-subtitles-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  SubtitlesButton.prototype.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);
-
-/**
- * @file caption-settings-menu-item.js
- */
-/**
- * The menu item for caption track settings menu
- *
- * @extends TextTrackMenuItem
- */
-
-var CaptionSettingsMenuItem = function (_TextTrackMenuItem) {
-  inherits(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) {
-    classCallCheck(this, CaptionSettingsMenuItem);
-
-    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';
-
-    var _this = possibleConstructorReturn(this, _TextTrackMenuItem.call(this, player, options));
-
-    _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
-   */
-
-
-  CaptionSettingsMenuItem.prototype.handleClick = function handleClick(event) {
-    this.player().getChild('textTrackSettings').open();
-  };
-
-  return CaptionSettingsMenuItem;
-}(TextTrackMenuItem);
-
-Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
-
-/**
- * @file captions-button.js
- */
-/**
- * The button component for toggling and selecting captions
- *
- * @extends TextTrackButton
- */
-
-var CaptionsButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, CaptionsButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CaptionsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-captions-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  CaptionsButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return 'vjs-captions-button ' + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  };
-
-  /**
-   * Create caption menu items
-   *
-   * @return {CaptionSettingsMenuItem[]}
-   *         The array of current menu items.
-   */
-
-
-  CaptionsButton.prototype.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);
-
-/**
- * @file subs-caps-menu-item.js
- */
-/**
- * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
- * in the SubsCapsMenu.
- *
- * @extends TextTrackMenuItem
- */
-
-var SubsCapsMenuItem = function (_TextTrackMenuItem) {
-  inherits(SubsCapsMenuItem, _TextTrackMenuItem);
-
-  function SubsCapsMenuItem() {
-    classCallCheck(this, SubsCapsMenuItem);
-    return possibleConstructorReturn(this, _TextTrackMenuItem.apply(this, arguments));
-  }
-
-  SubsCapsMenuItem.prototype.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);
-
-/**
- * @file sub-caps-button.js
- */
-/**
- * The button component for toggling and selecting captions and/or subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubsCapsButton = function (_TextTrackButton) {
-  inherits(SubsCapsButton, _TextTrackButton);
-
-  function SubsCapsButton(player) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, SubsCapsButton);
-
-    // Although North America uses "captions" in most cases for
-    // "captions and subtitles" other locales use "subtitles"
-    var _this = possibleConstructorReturn(this, _TextTrackButton.call(this, player, options));
-
-    _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.
-   */
-
-
-  SubsCapsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-subs-caps-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  SubsCapsButton.prototype.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.
-   */
-
-
-  SubsCapsButton.prototype.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);
-
-/**
- * @file audio-track-menu-item.js
- */
-/**
- * An {@link AudioTrack} {@link MenuItem}
- *
- * @extends MenuItem
- */
-
-var AudioTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, AudioTrackMenuItem);
-
-    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;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_this, args);
-    };
-
-    tracks.addEventListener('change', changeHandler);
-    _this.on('dispose', function () {
-      tracks.removeEventListener('change', changeHandler);
-    });
-    return _this;
-  }
-
-  /**
-   * 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
-   */
-
-
-  AudioTrackMenuItem.prototype.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
-   */
-
-
-  AudioTrackMenuItem.prototype.handleTracksChange = function handleTracksChange(event) {
-    this.selected(this.track.enabled);
-  };
-
-  return AudioTrackMenuItem;
-}(MenuItem);
-
-Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
-
-/**
- * @file audio-track-button.js
- */
-/**
- * The base class for buttons that toggle specific {@link AudioTrack} types.
- *
- * @extends TrackButton
- */
-
-var AudioTrackButton = function (_TrackButton) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, AudioTrackButton);
-
-    options.tracks = player.audioTracks();
-
-    return possibleConstructorReturn(this, _TrackButton.call(this, player, options));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  AudioTrackButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-audio-button ' + _TrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  AudioTrackButton.prototype.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
-   */
-
-
-  AudioTrackButton.prototype.createItems = function createItems() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-    // 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
-      }));
-    }
-
-    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);
-
-/**
- * @file playback-rate-menu-item.js
- */
-/**
- * The specific menu item type for selecting a playback rate.
- *
- * @extends MenuItem
- */
-
-var PlaybackRateMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, PlaybackRateMenuItem);
-
-    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;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _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
-   */
-
-
-  PlaybackRateMenuItem.prototype.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
-   */
-
-
-  PlaybackRateMenuItem.prototype.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);
-
-/**
- * @file playback-rate-menu-button.js
- */
-/**
- * The component for controlling the playback rate.
- *
- * @extends MenuButton
- */
-
-var PlaybackRateMenuButton = function (_MenuButton) {
-  inherits(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) {
-    classCallCheck(this, PlaybackRateMenuButton);
-
-    var _this = possibleConstructorReturn(this, _MenuButton.call(this, player, options));
-
-    _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.
-   */
-
-
-  PlaybackRateMenuButton.prototype.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;
-  };
-
-  PlaybackRateMenuButton.prototype.dispose = function dispose() {
-    this.labelEl_ = null;
-
-    _MenuButton.prototype.dispose.call(this);
-  };
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  PlaybackRateMenuButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-playback-rate ' + _MenuButton.prototype.buildCSSClass.call(this);
-  };
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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);
-
-/**
- * @file spacer.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(Spacer, _Component);
-
-  function Spacer() {
-    classCallCheck(this, Spacer);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  Spacer.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-spacer ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  Spacer.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: this.buildCSSClass()
-    });
-  };
-
-  return Spacer;
-}(Component);
-
-Component.registerComponent('Spacer', Spacer);
-
-/**
- * @file custom-control-spacer.js
- */
-/**
- * Spacer specifically meant to be used as an insertion point for new plugins, etc.
- *
- * @extends Spacer
- */
-
-var CustomControlSpacer = function (_Spacer) {
-  inherits(CustomControlSpacer, _Spacer);
-
-  function CustomControlSpacer() {
-    classCallCheck(this, CustomControlSpacer);
-    return possibleConstructorReturn(this, _Spacer.apply(this, arguments));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  CustomControlSpacer.prototype.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.
-   */
-
-
-  CustomControlSpacer.prototype.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);
-
-/**
- * @file control-bar.js
- */
-// Required children
-/**
- * Container of main controls.
- *
- * @extends Component
- */
-
-var ControlBar = function (_Component) {
-  inherits(ControlBar, _Component);
-
-  function ControlBar() {
-    classCallCheck(this, ControlBar);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ControlBar.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-control-bar',
-      dir: 'ltr'
-    }, {
-      // The control bar is a group, but we don't aria-label it to avoid
-      //  over-announcing by JAWS
-      role: 'group'
-    });
-  };
-
-  return ControlBar;
-}(Component);
-
-/**
- * Default options for `ControlBar`
- *
- * @type {Object}
- * @private
- */
-
-
-ControlBar.prototype.options_ = {
-  children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
-};
-
-Component.registerComponent('ControlBar', ControlBar);
-
-/**
- * @file error-display.js
- */
-/**
- * A display that indicates an error has occurred. This means that the video
- * is unplayable.
- *
- * @extends ModalDialog
- */
-
-var ErrorDisplay = function (_ModalDialog) {
-  inherits(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) {
-    classCallCheck(this, ErrorDisplay);
-
-    var _this = possibleConstructorReturn(this, _ModalDialog.call(this, player, options));
-
-    _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.
-   */
-
-
-  ErrorDisplay.prototype.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.
-   */
-
-
-  ErrorDisplay.prototype.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_ = mergeOptions(ModalDialog.prototype.options_, {
-  pauseOnOpen: false,
-  fillAlways: true,
-  temporary: false,
-  uncloseable: true
-});
-
-Component.registerComponent('ErrorDisplay', ErrorDisplay);
-
-/**
- * @file text-track-settings.js
- */
-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 = function (_ModalDialog) {
-  inherits(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) {
-    classCallCheck(this, TextTrackSettings);
-
-    options.temporary = false;
-
-    var _this = possibleConstructorReturn(this, _ModalDialog.call(this, player, options));
-
-    _this.updateDisplay = bind(_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;
-  }
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.createElSelect_ = function createElSelect_(key) {
-    var _this2 = this;
-
-    var legendId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';
-
-    var config = selectConfigs[key];
-    var id = config.id.replace('%s', this.id_);
-
-    return ['<' + type + ' id="' + id + '" class="' + (type === 'label' ? 'vjs-label' : '') + '">', this.localize(config.label), '</' + type + '>', '<select aria-labelledby="' + (legendId !== '' ? legendId + ' ' : '') + id + '">'].concat(config.options.map(function (o) {
-      var optionId = id + '-' + o[1];
-
-      return ['<option id="' + optionId + '" value="' + o[0] + '" ', 'aria-labelledby="' + (legendId !== '' ? legendId + ' ' : '') + id + ' ' + optionId + '">', _this2.localize(o[1]), '</option>'].join('');
-    })).concat('</select>').join('');
-  };
-
-  /**
-   * Create foreground color element for the component
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.createElControls_ = function createElControls_() {
-    var defaultsDescription = this.localize('restore all settings to the default values');
-
-    return createEl('div', {
-      className: 'vjs-track-settings-controls',
-      innerHTML: ['<button class="vjs-default-button" title="' + defaultsDescription + '">', this.localize('Reset'), '<span class="vjs-control-text"> ' + defaultsDescription + '</span>', '</button>', '<button class="vjs-done-button">' + this.localize('Done') + '</button>'].join('')
-    });
-  };
-
-  TextTrackSettings.prototype.content = function content() {
-    return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
-  };
-
-  TextTrackSettings.prototype.label = function label() {
-    return this.localize('Caption Settings Dialog');
-  };
-
-  TextTrackSettings.prototype.description = function description() {
-    return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
-  };
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.restoreSettings = function restoreSettings() {
-    var values = void 0;
-
-    try {
-      values = JSON.parse(window.localStorage.getItem(LOCAL_STORAGE_KEY));
-    } catch (err) {
-      log$1.warn(err);
-    }
-
-    if (values) {
-      this.setValues(values);
-    }
-  };
-
-  /**
-   * Save text track settings to localStorage
-   */
-
-
-  TextTrackSettings.prototype.saveSettings = function saveSettings() {
-    if (!this.options_.persistTextTrackSettings) {
-      return;
-    }
-
-    var values = this.getValues();
-
-    try {
-      if (Object.keys(values).length) {
-        window.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(values));
-      } else {
-        window.localStorage.removeItem(LOCAL_STORAGE_KEY);
-      }
-    } catch (err) {
-      log$1.warn(err);
-    }
-  };
-
-  /**
-   * Update display of text track settings
-   */
-
-
-  TextTrackSettings.prototype.updateDisplay = function updateDisplay() {
-    var ttDisplay = this.player_.getChild('textTrackDisplay');
-
-    if (ttDisplay) {
-      ttDisplay.updateDisplay();
-    }
-  };
-
-  /**
-   * conditionally blur the element and refocus the captions button
-   *
-   * @private
-   */
-
-
-  TextTrackSettings.prototype.conditionalBlur_ = function conditionalBlur_() {
-    this.previouslyActiveEl_ = null;
-    this.off(document, 'keydown', this.handleKeyDown);
-
-    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);
-
-/**
- * @file resize-manager.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, ResizeManager);
-
-    var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window.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 }, options);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options_));
-
-    _this.ResizeObserver = options.ResizeObserver || window.ResizeObserver;
-    _this.loadListener_ = null;
-    _this.resizeObserver_ = null;
-    _this.debouncedHandler_ = debounce(function () {
-      _this.resizeHandler();
-    }, 100, false, player);
-
-    if (RESIZE_OBSERVER_AVAILABLE) {
-      _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
-      _this.resizeObserver_.observe(player.el());
-    } else {
-      _this.loadListener_ = function () {
-        if (_this.el_.contentWindow) {
-          on(_this.el_.contentWindow, 'resize', _this.debouncedHandler_);
-        }
-        _this.off('load', _this.loadListener_);
-      };
-
-      _this.on('load', _this.loadListener_);
-    }
-    return _this;
-  }
-
-  ResizeManager.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'iframe', {
-      className: 'vjs-resize-manager'
-    });
-  };
-
-  /**
-   * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
-   *
-   * @fires Player#playerresize
-   */
-
-
-  ResizeManager.prototype.resizeHandler = function resizeHandler() {
-    /**
-     * Called when the player size has changed
-     *
-     * @event Player#playerresize
-     * @type {EventTarget~Event}
-     */
-    this.player_.trigger('playerresize');
-  };
-
-  ResizeManager.prototype.dispose = function dispose() {
-    if (this.resizeObserver_) {
-      this.resizeObserver_.unobserve(this.player_.el());
-      this.resizeObserver_.disconnect();
-    }
-
-    if (this.el_ && this.el_.contentWindow) {
-      off(this.el_.contentWindow, 'resize', this.debouncedHandler_);
-    }
-
-    if (this.loadListener_) {
-      this.off('load', this.loadListener_);
-    }
-
-    this.ResizeObserver = null;
-    this.resizeObserver = null;
-    this.debouncedHandler_ = null;
-    this.loadListener_ = null;
-  };
-
-  return ResizeManager;
-}(Component);
-
-Component.registerComponent('ResizeManager', ResizeManager);
-
-var _templateObject$2 = taggedTemplateLiteralLoose(['Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n            This may prevent text tracks from loading.'], ['Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n            This may prevent text tracks from loading.']);
-
-/**
- * @file html5.js
- */
-/**
- * HTML5 Media Controller - Wrapper for HTML5 Media API
- *
- * @mixes Tech~SouceHandlerAdditions
- * @extends Tech
- */
-
-var Html5 = function (_Tech) {
-  inherits(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) {
-    classCallCheck(this, Html5);
-
-    var _this = possibleConstructorReturn(this, _Tech.call(this, options, ready));
-
-    if (options.enableSourceset) {
-      _this.setupSourcesetHandling_();
-    }
-
-    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_);
-    }
-
-    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$1.warn(tsml(_templateObject$2));
-    }
-
-    // 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.
-   */
-
-
-  Html5.prototype.dispose = function dispose() {
-    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
-   */
-
-
-  Html5.prototype.setupSourcesetHandling_ = function setupSourcesetHandling_() {
-    var _this2 = this;
-
-    if (!this.featuresSourceset) {
-      return;
-    }
-
-    var el = this.el();
-
-    // we need to fire sourceset when the player is ready
-    // if we find that the media element had a src when it was
-    // given to us and that tech element is not in a stalled state
-    if (el.src || el.currentSrc && this.el().initNetworkState_ !== 3) {
-      this.triggerSourceset(el.src || el.currentSrc);
-    }
-
-    var proto = window.HTMLMediaElement.prototype;
-    var srcDescriptor = {};
-
-    // preserve getters/setters already on `el.src` if they exist
-    if (Object.getOwnPropertyDescriptor(el, 'src')) {
-      srcDescriptor = Object.getOwnPropertyDescriptor(el, 'src');
-    } else if (Object.getOwnPropertyDescriptor(proto, 'src')) {
-      srcDescriptor = mergeOptions(srcDescriptor, Object.getOwnPropertyDescriptor(proto, 'src'));
-    }
-
-    if (!srcDescriptor.get) {
-      srcDescriptor.get = function () {
-        return proto.getAttribute.call(this, 'src');
-      };
-    }
-
-    if (!srcDescriptor.set) {
-      srcDescriptor.set = function (v) {
-        return proto.setAttribute.call(this, 'src', v);
-      };
-    }
-
-    if (typeof srcDescriptor.enumerable === 'undefined') {
-      srcDescriptor.enumerable = true;
-    }
-
-    Object.defineProperty(el, 'src', {
-      get: srcDescriptor.get.bind(el),
-      set: function set$$1(v) {
-        var retval = srcDescriptor.set.call(el, v);
-
-        _this2.triggerSourceset(v);
-
-        return retval;
-      },
-      configurable: true,
-      enumerable: srcDescriptor.enumerable
-    });
-
-    var oldSetAttribute = el.setAttribute;
-
-    el.setAttribute = function (n, v) {
-      var retval = oldSetAttribute.call(el, n, v);
-
-      if (n === 'src') {
-        _this2.triggerSourceset(v);
-      }
-
-      return retval;
-    };
-
-    var oldLoad = el.load;
-
-    el.load = function () {
-      var retval = oldLoad.call(el);
-
-      // if `el.src` is set, that source will be loaded
-      // otherwise, we can't know for sure what source will be set because
-      // source elements will be used but implementing the source selection algorithm
-      // is laborious and asynchronous, so,
-      // instead return an empty string to basically indicate source may change
-      _this2.triggerSourceset(el.src || '');
-
-      return retval;
-    };
-  };
-
-  /**
-   * 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
-   */
-
-
-  Html5.prototype.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
-    var textTracks = this.textTracks();
-    var metadataTracksPreFullscreenState = void 0;
-
-    // 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);
-    });
-  };
-
-  /**
-   * Proxy all native track list events to our track lists if the browser we are playing
-   * in supports that type of track list.
-   *
-   * @private
-   */
-
-
-  Html5.prototype.proxyNativeTracks_ = function proxyNativeTracks_() {
-    var _this3 = this;
-
-    NORMAL.names.forEach(function (name) {
-      var props = NORMAL[name];
-      var elTracks = _this3.el()[props.getterName];
-      var techTracks = _this3[props.getterName]();
-
-      if (!_this3['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());
-        }
-      };
-
-      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
-      _this3.on('loadstart', removeOldTracks);
-      _this3.on('dispose', function (e) {
-        return _this3.off('loadstart', removeOldTracks);
-      });
-    });
-  };
-
-  /**
-   * Create the `Html5` Tech's DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  Html5.prototype.createEl = function createEl$$1() {
-    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.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.setCurrentTime = function setCurrentTime(seconds) {
-    try {
-      this.el_.currentTime = seconds;
-    } catch (e) {
-      log$1(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.
-   */
-
-
-  Html5.prototype.duration = function duration() {
-    var _this4 = 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 (_this4.el_.currentTime > 0) {
-          // Trigger durationchange for genuinely live video
-          if (_this4.el_.duration === Infinity) {
-            _this4.trigger('durationchange');
-          }
-          _this4.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.
-   */
-
-
-  Html5.prototype.width = function width() {
-    return this.el_.offsetWidth;
-  };
-
-  /**
-   * Get the current height of the HTML5 media element.
-   *
-   * @return {number}
-   *         The heigth of the HTML5 media element.
-   */
-
-
-  Html5.prototype.height = function height() {
-    return this.el_.offsetHeight;
-  };
-
-  /**
-   * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
-   * `fullscreenchange` event.
-   *
-   * @private
-   * @fires fullscreenchange
-   * @listens webkitendfullscreen
-   * @listens webkitbeginfullscreen
-   * @listens webkitbeginfullscreen
-   */
-
-
-  Html5.prototype.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
-    var _this5 = 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 () {
-      _this5.off('webkitbeginfullscreen', beginFn);
-      _this5.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.
-   */
-
-
-  Html5.prototype.supportsFullScreen = function supportsFullScreen() {
-    if (typeof this.el_.webkitEnterFullScreen === 'function') {
-      var userAgent = window.navigator && window.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.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.exitFullScreen = function exitFullScreen() {
-    this.el_.webkitExitFullScreen();
-  };
-
-  /**
-   * 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.
-   */
-
-
-  Html5.prototype.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}.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.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 intialize 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.
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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.performance && typeof window.performance.now === 'function') {
-      videoPlaybackQuality.creationTime = window.performance.now();
-    } else if (window.performance && window.performance.timing && typeof window.performance.timing.navigationStart === 'number') {
-      videoPlaybackQuality.creationTime = window.Date.now() - window.performance.timing.navigationStart;
-    }
-
-    return videoPlaybackQuality;
-  };
-
-  return Html5;
-}(Tech);
-
-/* HTML5 Support Testing ---------------------------------------------------- */
-
-if (isReal()) {
-
-  /**
-   * Element for testing browser HTML5 media capabilities
-   *
-   * @type {Element}
-   * @constant
-   * @private
-   */
-  Html5.TEST_VID = document.createElement('video');
-  var track = document.createElement('track');
-
-  track.kind = 'captions';
-  track.srclang = 'en';
-  track.label = 'English';
-  Html5.TEST_VID.appendChild(track);
-}
-
-/**
- * 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 () {
-  // IE9 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 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 overriden
- *         - False otherwise
- */
-Html5.canOverrideAttributes = function () {
-  if (IS_IE8) {
-    return false;
-  }
-  // if we cannot overwrite the src 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 });
-  } 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;
-};
-
-/**
- * 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}
- */
-Html5.prototype.featuresVolumeControl = Html5.canControlVolume();
-
-/**
- * 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}
- */
-Html5.prototype.featuresPlaybackRate = Html5.canControlPlaybackRate();
-
-/**
- * Boolean indicating wether the `Tech` supports the `sourceset` event.
- *
- * @type {boolean}
- * @default
- */
-Html5.prototype.featuresSourceset = Html5.canOverrideAttributes();
-
-/**
- * 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 triggred 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 triggred instead.
- *
- * @default
- */
-Html5.prototype.featuresTimeupdateEvents = true;
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeTextTracks}
- */
-Html5.prototype.featuresNativeTextTracks = Html5.supportsNativeTextTracks();
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeVideoTracks}
- */
-Html5.prototype.featuresNativeVideoTracks = Html5.supportsNativeVideoTracks();
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeAudioTracks}
- */
-Html5.prototype.featuresNativeAudioTracks = Html5.supportsNativeAudioTracks();
-
-// HTML5 Feature detection and Device Fixes --------------------------------- //
-var canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
-var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
-var mp4RE = /^video\/mp4/i;
-
-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) {
-    Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-      if (type && mpegurlRE.test(type)) {
-        return 'maybe';
-      }
-      return canPlayType.call(this, type);
-    };
-
-    // Override Android 2.2 and less canPlayType method which is broken
-  } else if (IS_OLD_ANDROID) {
-    Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-      if (type && mp4RE.test(type)) {
-        return 'maybe';
-      }
-      return canPlayType.call(this, type);
-    };
-  }
-};
-
-Html5.unpatchCanPlayType = function () {
-  var r = Html5.TEST_VID.constructor.prototype.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 occured 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.
- *         - Flase 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: NEWORK_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. `videoHeigth` 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.
- *
- * @proprety {Tech~SourceObject} source
- *        The source object
- *
- * @proprety {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) {
-  // IE9 on Windows 7 without MediaPlayer throws an error here
-  // https://github.com/videojs/video.js/issues/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);
-
-var _templateObject$1 = taggedTemplateLiteralLoose(['\n        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      '], ['\n        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      ']);
-
-/**
- * @file player.js
- */
-// Subclasses Component
-// The following imports are used only to ensure that the corresponding modules
-// are always included in the video.js package. Importing the modules will
-// execute them and they will register themselves with video.js.
-// Import Html5 tech, at least for disposing the original video tag.
-// The following tech events are simply re-triggered
-// 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 playing speed of the audio/video is changed
- *
- * @event Player#ratechange
- * @type {event}
- */
-/**
- * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechRatechange_
- * @fires Player#ratechange
- * @listens Tech#ratechange
- */
-'ratechange',
-
-/**
- * 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'];
-
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Player);
-
-    // Make sure tag ID exists
-    tag.id = tag.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
-
-    // Tracks when a tech changes the poster
-    var _this = possibleConstructorReturn(this, _Component.call(this, null, options, ready));
-
-    _this.isPosterFromTech_ = false;
-
-    // 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$$1) {
-        languagesToLower[name$$1.toLowerCase()] = options.languages[name$$1];
-      });
-      _this.languages_ = languagesToLower;
-    } else {
-      _this.languages_ = Player.prototype.options_.languages;
-    }
-
-    // Cache for video property values.
-    _this.cache_ = {};
-
-    // Set poster
-    _this.poster_ = options.poster || '';
-
-    // Set controls
-    _this.controls_ = !!options.controls;
-
-    // Set default values for lastVolume
-    _this.cache_.lastVolume = 1;
-
-    // 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');
-
-    /*
-     * 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(_this, { eventBusKey: 'el_' });
-
-    // 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) {
-      var plugins = options.plugins;
-
-      Object.keys(plugins).forEach(function (name$$1) {
-        if (typeof this[name$$1] === 'function') {
-          this[name$$1](plugins[name$$1]);
-        } else {
-          throw new Error('plugin "' + name$$1 + '" does not exist');
-        }
-      }, _this);
-    }
-
-    _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.
-    // if (browser.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_] = _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.listenForUserActivity_();
-
-    _this.on('fullscreenchange', _this.handleFullscreenChange_);
-    _this.on('stageclick', _this.handleStageClick_);
-
-    _this.changingSrc_ = false;
-    _this.playWaitingForReady_ = false;
-    _this.playOnLoadstart_ = null;
-    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
-   */
-
-
-  Player.prototype.dispose = function dispose() {
-    /**
-     * 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');
-
-    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);
-
-    // 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.
-   */
-
-
-  Player.prototype.createEl = function createEl$$1() {
-    var tag = this.tag;
-    var el = void 0;
-    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;
-    }
-
-    // set tabindex to -1 so we could focus on the player element
-    tag.setAttribute('tabindex', '-1');
-
-    // Remove width/height attrs from tag so CSS can make it 100% width/height
-    tag.removeAttribute('width');
-    tag.removeAttribute('height');
-
-    Object.getOwnPropertyNames(attrs).forEach(function (attr) {
-      // workaround so we don't totally break IE7
-      // http://stackoverflow.com/questions/3653444/css-styles-not-applied-on-dynamic-elements-in-internet-explorer-7
-      if (attr === 'class') {
-        el.className += ' ' + attrs[attr];
-
-        if (divEmbed) {
-          tag.className += ' ' + attrs[attr];
-        }
-      } else {
-        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.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);
-    }
-
-    // Pass in the width/height/aspectRatio options which will update the style el
-    this.width(this.options_.width);
-    this.height(this.options_.height);
-    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.
-    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.
-   */
-
-
-  Player.prototype.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.
-   */
-
-
-  Player.prototype.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).
-   */
-
-
-  Player.prototype.dimension = function dimension(_dimension, value) {
-    var privDimension = _dimension + '_';
-
-    if (value === undefined) {
-      return this[privDimension] || 0;
-    }
-
-    if (value === '') {
-      // 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$1.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`.
-   *
-   * @param {boolean} [bool]
-   *        - A value of true adds the class.
-   *        - A value of false removes the class.
-   *        - No value will toggle the fluid class.
-   *
-   * @return {boolean|undefined}
-   *         - The value of fluid when getting.
-   *         - `undefined` when setting.
-   */
-
-
-  Player.prototype.fluid = function fluid(bool) {
-    if (bool === undefined) {
-      return !!this.fluid_;
-    }
-
-    this.fluid_ = !!bool;
-
-    if (bool) {
-      this.addClass('vjs-fluid');
-    } else {
-      this.removeClass('vjs-fluid');
-    }
-
-    this.updateStyleEl_();
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.updateStyleEl_ = function updateStyleEl_() {
-    if (window.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 = void 0;
-    var height = void 0;
-    var aspectRatio = void 0;
-    var idClass = void 0;
-
-    // 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
-   */
-
-
-  Player.prototype.loadTech_ = function loadTech_(techName, source) {
-    var _this2 = 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;
-
-    // Grab tech-specific options from player options and add source and parent element to use.
-    var techOptions = {
-      source: source,
-      'nativeControlsForTouch': this.options_.nativeControlsForTouch,
-      'playerId': this.id(),
-      'techId': this.id() + '_' + titleTechName + '_api',
-      'autoplay': this.options_.autoplay,
-      '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
-    };
-
-    ALL.names.forEach(function (name$$1) {
-      var props = ALL[name$$1];
-
-      techOptions[props.getterName] = _this2[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) {
-      _this2.on(_this2.tech_, event, _this2['handleTech' + toTitleCase(event) + '_']);
-    });
-    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_, 'canplay', this.handleTechCanPlay_);
-    this.on(this.tech_, 'canplaythrough', this.handleTechCanPlayThrough_);
-    this.on(this.tech_, 'playing', this.handleTechPlaying_);
-    this.on(this.tech_, 'ended', this.handleTechEnded_);
-    this.on(this.tech_, 'seeking', this.handleTechSeeking_);
-    this.on(this.tech_, 'seeked', this.handleTechSeeked_);
-    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_, '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.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
-   */
-
-
-  Player.prototype.unloadTech_ = function unloadTech_() {
-    var _this3 = this;
-
-    // Save the current text tracks so that we can reuse the same text tracks with the next tech
-    ALL.names.forEach(function (name$$1) {
-      var props = ALL[name$$1];
-
-      _this3[props.privateName] = _this3[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
-   */
-
-
-  Player.prototype.tech = function tech(safety) {
-    if (safety === undefined) {
-      log$1.warn(tsml(_templateObject$1));
-    }
-
-    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
-   */
-
-
-  Player.prototype.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_, 'mousedown', this.handleTechClick_);
-
-    // 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
-   */
-
-
-  Player.prototype.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_, 'mousedown', this.handleTechClick_);
-  };
-
-  /**
-   * Player waits for the tech to be ready
-   *
-   * @private
-   */
-
-
-  Player.prototype.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_();
-
-    // Chrome and Safari both have issues with autoplay.
-    // In Safari (5.1.1), when we move the video element into the container div, autoplay doesn't work.
-    // In Chrome (15), if you have autoplay + a poster + no controls, the video gets hidden (but audio plays)
-    // This fixes both issues. Need to wait for API, so it updates displays correctly
-    if ((this.src() || this.currentSrc()) && this.tag && this.options_.autoplay && this.paused()) {
-      try {
-        // Chrome Fix. Fixed in Chrome v16.
-        delete this.tag.poster;
-      } catch (e) {
-        log$1('deleting tag.poster throws in some browsers', e);
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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);
-
-    // 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');
-    }
-  };
-
-  /**
-   * *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
-   */
-
-
-  Player.prototype.handleTechSourceset_ = function handleTechSourceset_(event) {
-    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_
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 `waiting` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#waiting
-   * @listens Tech#waiting
-   * @private
-   */
-
-
-  Player.prototype.handleTechWaiting_ = function handleTechWaiting_() {
-    var _this4 = 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');
-    this.one('timeupdate', function () {
-      return _this4.removeClass('vjs-waiting');
-    });
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.handleTechSeeked_ = function handleTechSeeked_() {
-    this.removeClass('vjs-seeking');
-    /**
-     * 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.
-   * @deprecated As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
-   * @private
-   */
-
-
-  Player.prototype.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$1.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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#mousedown
-   * @private
-   */
-
-
-  Player.prototype.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()) {
-      this.play();
-    } else {
-      this.pause();
-    }
-  };
-
-  /**
-   * Handle a tap on the media element. It will toggle the user
-   * activity state, which hides and shows the controls.
-   *
-   * @listens Tech#tap
-   * @private
-   */
-
-
-  Player.prototype.handleTechTap_ = function handleTechTap_() {
-    this.userActive(!this.userActive());
-  };
-
-  /**
-   * Handle touch to start
-   *
-   * @listens Tech#touchstart
-   * @private
-   */
-
-
-  Player.prototype.handleTechTouchStart_ = function handleTechTouchStart_() {
-    this.userWasActive = this.userActive();
-  };
-
-  /**
-   * Handle touch to move
-   *
-   * @listens Tech#touchmove
-   * @private
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
-    // Stop the mouse events from also happening
-    event.preventDefault();
-  };
-
-  /**
-   * Fired when the player switches in or out of fullscreen mode
-   *
-   * @private
-   * @listens Player#fullscreenchange
-   */
-
-
-  Player.prototype.handleFullscreenChange_ = function handleFullscreenChange_() {
-    if (this.isFullscreen()) {
-      this.addClass('vjs-fullscreen');
-    } else {
-      this.removeClass('vjs-fullscreen');
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.handleStageClick_ = function handleStageClick_() {
-    this.reportUserActivity();
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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');
-  };
-
-  /**
-   * Fires when an error occurred during the loading of an audio/video.
-   *
-   * @private
-   * @listens Tech#error
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.getCache = function getCache() {
-    return this.cache_;
-  };
-
-  /**
-   * Pass values to the playback tech
-   *
-   * @param {string} [method]
-   *        the method to call
-   *
-   * @param {Object} arg
-   *        the argument to pass
-   *
-   * @private
-   */
-
-
-  Player.prototype.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$1(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$1(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
-   */
-
-
-  Player.prototype.techGet_ = function techGet_(method) {
-    if (!this.tech_ || !this.tech_.isReady_) {
-      return;
-    }
-
-    if (method in allowedGetters) {
-      return get$1(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$1('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$1('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$1(e);
-      throw e;
-    }
-  };
-
-  /**
-   * Attempt to begin playback at the first opportunity.
-   *
-   * @return {Promise|undefined}
-   *         Returns a `Promise` only if the browser returns one and the player
-   *         is ready to begin playback. For some browsers and all non-ready
-   *         situations, this will return `undefined`.
-   */
-
-
-  Player.prototype.play = function play() {
-    var _this5 = this;
-
-    // If this is called while we have a play queued up on a loadstart, remove
-    // that listener to avoid getting in a potentially bad state.
-    if (this.playOnLoadstart_) {
-      this.off('loadstart', this.playOnLoadstart_);
-    }
-
-    // If the player/tech is not ready, queue up another call to `play()` for
-    // when it is. This will loop back into this method for another attempt at
-    // playback when the tech is ready.
-    if (!this.isReady_) {
-
-      // Bail out if we're already waiting for `ready`!
-      if (this.playWaitingForReady_) {
-        return;
-      }
-
-      this.playWaitingForReady_ = true;
-      this.ready(function () {
-        _this5.playWaitingForReady_ = false;
-        silencePromise(_this5.play());
-      });
-
-      // If the player/tech is ready and we have a source, we can attempt playback.
-    } else if (!this.changingSrc_ && (this.src() || this.currentSrc())) {
-      return this.techGet_('play');
-
-      // If the tech is ready, but we do not have a source, we'll need to wait
-      // for both the `ready` and a `loadstart` when the source is finally
-      // resolved by middleware and set on the player.
-      //
-      // This can happen if `play()` is called while changing sources or before
-      // one has been set on the player.
-    } else {
-
-      this.playOnLoadstart_ = function () {
-        _this5.playOnLoadstart_ = null;
-        silencePromise(_this5.play());
-      };
-
-      this.one('loadstart', this.playOnLoadstart_);
-    }
-  };
-
-  /**
-   * Pause the video playback
-   *
-   * @return {Player}
-   *         A reference to the player object this function was called on
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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.
-   */
-
-
-  Player.prototype.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]
-   *        wether the user is or is not scrubbing
-   *
-   * @return {boolean}
-   *         The value of scrubbing when getting
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 Inifity 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');
-      } else {
-        this.removeClass('vjs-live');
-      }
-      /**
-       * @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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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)
-   */
-
-
-  Player.prototype.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 bufferred 0 being 0% and 1 being 100%
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.volume = function volume(percentAsDecimal) {
-    var vol = void 0;
-
-    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
-   */
-
-
-  Player.prototype.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 intial 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.isFullscreen = function isFullscreen(isFS) {
-    if (isFS !== undefined) {
-      this.isFullscreen_ = !!isFS;
-      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.
-   *
-   * @fires Player#fullscreenchange
-   */
-
-
-  Player.prototype.requestFullscreen = function requestFullscreen() {
-    var fsApi = FullscreenApi;
-
-    this.isFullscreen(true);
-
-    if (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, fsApi.fullscreenchange, bind(this, function documentFullscreenChange(e) {
-        this.isFullscreen(document[fsApi.fullscreenElement]);
-
-        // If cancelling fullscreen, remove event listener.
-        if (this.isFullscreen() === false) {
-          off(document, fsApi.fullscreenchange, documentFullscreenChange);
-        }
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-        this.trigger('fullscreenchange');
-      }));
-
-      this.el_[fsApi.requestFullscreen]();
-    } 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
-   */
-
-
-  Player.prototype.exitFullscreen = function exitFullscreen() {
-    var fsApi = FullscreenApi;
-
-    this.isFullscreen(false);
-
-    // Check for browser element fullscreen support
-    if (fsApi.requestFullscreen) {
-      document[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
-   */
-
-
-  Player.prototype.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', bind(this, this.fullWindowOnEscKey));
-
-    // 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
-   */
-
-
-  Player.prototype.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
-    if (event.keyCode === 27) {
-      if (this.isFullscreen() === true) {
-        this.exitFullscreen();
-      } else {
-        this.exitFullWindow();
-      }
-    }
-  };
-
-  /**
-   * Exit full window
-   *
-   * @fires Player#exitFullWindow
-   */
-
-
-  Player.prototype.exitFullWindow = function exitFullWindow() {
-    this.isFullWindow = false;
-    off(document, 'keydown', this.fullWindowOnEscKey);
-
-    // 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 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)
-   */
-
-
-  Player.prototype.canPlayType = function canPlayType(type) {
-    var can = void 0;
-
-    // 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$1.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
-   */
-
-
-  Player.prototype.selectSource = function selectSource(sources) {
-    var _this6 = 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$1.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 = void 0;
-
-      outerArray.some(function (outerChoice) {
-        return innerArray.some(function (innerChoice) {
-          found = tester(outerChoice, innerChoice);
-
-          if (found) {
-            return true;
-          }
-        });
-      });
-
-      return found;
-    };
-
-    var foundSourceAndTech = void 0;
-    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, _this6.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.
-   */
-
-
-  Player.prototype.src = function src(source) {
-    var _this7 = 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.cache_.sources = sources;
-    this.changingSrc_ = true;
-
-    // intial source
-    this.cache_.source = sources[0];
-
-    // middlewareSource is the source after it has been changed by middleware
-    setSource(this, sources[0], function (middlewareSource, mws) {
-      _this7.middleware_ = mws;
-
-      var err = _this7.src_(middlewareSource);
-
-      if (err) {
-        if (sources.length > 1) {
-          return _this7.src(sources.slice(1));
-        }
-
-        // We need to wrap this in a timeout to give folks a chance to add error event handlers
-        _this7.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
-        _this7.triggerReady();
-
-        return;
-      }
-
-      _this7.changingSrc_ = false;
-      // video element listed source
-      _this7.cache_.src = middlewareSource.src;
-
-      setTech(mws, _this7.tech_);
-    });
-  };
-
-  /**
-   * Set the source object on the tech, returns a boolean that indicates wether
-   * 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
-   */
-
-
-  Player.prototype.src_ = function src_(source) {
-    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);
-      return false;
-    }
-
-    // wait until the tech is ready to set the source
-    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);
-      }
-
-      if (this.options_.preload === 'auto') {
-        this.load();
-      }
-
-      // Set the source synchronously if possible (#2326)
-    }, true);
-
-    return false;
-  };
-
-  /**
-   * Begin loading the src data.
-   */
-
-
-  Player.prototype.load = function load() {
-    this.techCall_('load');
-  };
-
-  /**
-   * Reset the player. Loads the first tech in the techOrder,
-   * and calls `reset` on the tech`.
-   */
-
-
-  Player.prototype.reset = function reset() {
-    this.loadTech_(this.options_.techOrder[0], null);
-    this.techCall_('reset');
-  };
-
-  /**
-   * Returns all of the current source objects.
-   *
-   * @return {Tech~SourceObject[]}
-   *         The current source objects
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 conjuction with `currentType` to assist in rebuilding the current source object.
-   *
-   * @return {string}
-   *         The current source
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 maens that we should not preload
-   *
-   * @return {string}
-   *         The preload attribute value when getting
-   */
-
-
-  Player.prototype.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 attribute.
-   *
-   * @param {boolean} [value]
-   *        - true means that we should autoplay
-   *        - false means that we should not autoplay
-   *
-   * @return {string}
-   *         The current value of autoplay when getting
-   */
-
-
-  Player.prototype.autoplay = function autoplay(value) {
-    if (value !== undefined) {
-      this.techCall_('setAutoplay', value);
-      this.options_.autoplay = value;
-      return;
-    }
-    return this.techGet_('autoplay', value);
-  };
-
-  /**
-   * 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}
-   */
-
-
-  Player.prototype.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 {string}
-   *         The current value of loop when getting
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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)
-   */
-
-
-  Player.prototype.error = function error(err) {
-    if (err === undefined) {
-      return this.error_ || null;
-    }
-
-    // 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
-    // ie8 just logs "[object object]" if you just log the error object
-    log$1.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.listenForUserActivity_ = function listenForUserActivity_() {
-    var mouseInProgress = void 0;
-    var lastMoveX = void 0;
-    var lastMoveY = void 0;
-    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);
-
-    // 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 = void 0;
-
-    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
-   */
-
-
-  Player.prototype.playbackRate = function playbackRate(rate) {
-    if (rate !== undefined) {
-      this.techCall_('setPlaybackRate', rate);
-      return;
-    }
-
-    if (this.tech_ && this.tech_.featuresPlaybackRate) {
-      return 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 intial 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.removeRemoteTextTrack = function removeRemoteTextTrack() {
-    var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref3$track = _ref3.track,
-        track = _ref3$track === undefined ? arguments[0] : _ref3$track;
-
-    // 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.
-   */
-
-
-  Player.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return this.techGet_('getVideoPlaybackQuality');
-  };
-
-  /**
-   * Get video width
-   *
-   * @return {number}
-   *         current video width
-   */
-
-
-  Player.prototype.videoWidth = function videoWidth() {
-    return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
-  };
-
-  /**
-   * Get video height
-   *
-   * @return {number}
-   *         current video height
-   */
-
-
-  Player.prototype.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 lanugage
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.createModal = function createModal(content, options) {
-    var _this8 = this;
-
-    options = options || {};
-    options.content = content || '';
-
-    var modal = new ModalDialog(this, options);
-
-    this.addChild(modal);
-    modal.on('dispose', function () {
-      _this8.removeChild(modal);
-    });
-
-    modal.open();
-    return modal;
-  };
-
-  /**
-   * 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-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$1.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 wether or not flexbox is supported
-   *
-   * @return {boolean}
-   *         - true if flexbox is supported
-   *         - false if flexbox is not supported
-   */
-
-
-  Player.prototype.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)
-    '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$$1) {
-  var props = ALL[name$$1];
-
-  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 player list
- *
- * @type {Object}
- */
-Player.players = {};
-
-var navigator = window.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],
-
-  // Included control sets
-  children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'controlBar', 'errorDisplay', 'textTrackSettings'],
-
-  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.'
-};
-
-if (!IS_IE8) {
-  Player.prototype.options_.children.push('resizeManager');
-}
-
-[
-/**
- * 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);
-
-/**
- * @file plugin.js
- */
-/**
- * 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.
- *
- * @returns {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.
- *
- * @returns {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.
- *
- * @returns {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.
- *
- * @returns {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 = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var instance = new (Function.prototype.bind.apply(PluginSubClass, [null].concat([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 = 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) {
-    classCallCheck(this, Plugin);
-
-    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
-   */
-
-
-  Plugin.prototype.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.
-   *
-   * @returns {Plugin~PluginEventHash}
-   *          An event hash object with provided properties mixed-in.
-   */
-
-
-  Plugin.prototype.getEventHash = function getEventHash() {
-    var hash = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    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}.
-   *
-   * @returns {boolean}
-   *          Whether or not default was prevented.
-   */
-
-
-  Plugin.prototype.trigger = function trigger$$1(event) {
-    var hash = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    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.
-   */
-
-
-  Plugin.prototype.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
-   */
-
-
-  Plugin.prototype.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.
-   *
-   * @returns {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.
-   *
-   * @returns {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 === 'undefined' ? 'undefined' : _typeof(name)) + '.');
-    }
-
-    if (pluginExists(name)) {
-      log$1.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 === 'undefined' ? 'undefined' : _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 deregistered.
-   */
-
-
-  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.
-   *
-   * @returns {Object|undefined}
-   *          An object containing plugin(s) associated with their name(s) or
-   *          `undefined` if no matching plugins exist).
-   */
-
-
-  Plugin.getPlugins = function getPlugins() {
-    var names = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Object.keys(pluginStorage);
-
-    var result = void 0;
-
-    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.
-   *
-   * @returns {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
- */
-
-/**
- * A combination of node inherits and babel's inherits (after transpile).
- * Both work the same but node adds `super_` to the subClass
- * and Bable adds the superClass as __proto__. Both seem useful.
- *
- * @param {Object} subClass
- *        The class to inherit to
- *
- * @param {Object} superClass
- *        The class to inherit from
- *
- * @private
- */
-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 === 'undefined' ? 'undefined' : _typeof(superClass)));
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-
-  if (superClass) {
-    // node
-    subClass.super_ = superClass;
-  }
-};
-
-/**
- * Function for subclassing using the same inheritance that
- * videojs uses internally
- *
- * @static
- * @const
- *
- * @param {Object} superClass
- *        The class to inherit from
- *
- * @param {Object} [subClassMethods={}]
- *        The class to inherit to
- *
- * @return {Object}
- *         The new object with subClassMethods that inherited superClass.
- */
-var extendFn = function extendFn(superClass) {
-  var subClassMethods = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  var subClass = function subClass() {
-    superClass.apply(this, arguments);
-  };
-
-  var methods = {};
-
-  if ((typeof subClassMethods === 'undefined' ? 'undefined' : _typeof(subClassMethods)) === 'object') {
-    if (subClassMethods.constructor !== Object.prototype.constructor) {
-      subClass = subClassMethods.constructor;
-    }
-    methods = subClassMethods;
-  } else if (typeof subClassMethods === 'function') {
-    subClass = subClassMethods;
-  }
-
-  _inherits(subClass, 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
- */
-// Include the built-in techs
-// HTML5 Element Shim for IE8
-if (typeof HTMLVideoElement === 'undefined' && isReal()) {
-  document.createElement('video');
-  document.createElement('audio');
-  document.createElement('track');
-  document.createElement('video-js');
-}
-
-/**
- * Normalize an `id` value by trimming off a leading `#`
- *
- * @param   {string} id
- *          A string, maybe with a leading `#`.
- *
- * @returns {string}
- *          The string, without any leading `#`.
- */
-var normalizeId = function normalizeId(id) {
-  return id.indexOf('#') === 0 ? id.slice(1) : id;
-};
-
-/**
- * Doubles as the main function for users to create a player instance and also
- * the main library object.
- * The `videojs` function can be used to initialize or retrieve a player.
-  *
- * @param {string|Element} id
- *        Video element or video element ID
- *
- * @param {Object} [options]
- *        Optional options object for config/settings
- *
- * @param {Component~ReadyCallback} [ready]
- *        Optional ready callback
- *
- * @return {Player}
- *         A player instance
- */
-function videojs(id, options, ready) {
-  var player = videojs.getPlayer(id);
-
-  if (player) {
-    if (options) {
-      log$1.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)');
-  }
-
-  if (!document.body.contains(el)) {
-    log$1.warn('The element supplied is not included in the DOM');
-  }
-
-  options = options || {};
-
-  videojs.hooks('beforesetup').forEach(function (hookFunction) {
-    var opts = hookFunction(el, mergeOptions(options));
-
-    if (!isObject(opts) || Array.isArray(opts)) {
-      log$1.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.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
- */
-videojs.hooks_ = {};
-
-/**
- * Get a list of hooks for a specific lifecycle
- * @function videojs.hooks
- *
- * @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.hooks = function (type, fn) {
-  videojs.hooks_[type] = videojs.hooks_[type] || [];
-  if (fn) {
-    videojs.hooks_[type] = videojs.hooks_[type].concat(fn);
-  }
-  return videojs.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.hook = function (type, fn) {
-  videojs.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.hookOnce = function (type, fn) {
-  videojs.hooks(type, [].concat(fn).map(function (original) {
-    var wrapper = function wrapper() {
-      videojs.removeHook(type, wrapper);
-      return original.apply(undefined, 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.removeHook = function (type, fn) {
-  var index = videojs.hooks(type).indexOf(fn);
-
-  if (index <= -1) {
-    return false;
-  }
-
-  videojs.hooks_[type] = videojs.hooks_[type].slice();
-  videojs.hooks_[type].splice(index, 1);
-
-  return true;
-};
-
-// Add default styles
-if (window.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);
-
-/**
- * Current software version. Follows semver.
- *
- * @type {string}
- */
-videojs.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.options = Player.prototype.options_;
-
-/**
- * Get an object with the currently created players, keyed by player ID
- *
- * @return {Object}
- *         The created players
- */
-videojs.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.
- *
- * @returns {Player|undefined}
- *          A player instance or `undefined` if there is no player instance
- *          matching the argument.
- */
-videojs.getPlayer = function (id) {
-  var players = Player.players;
-  var tag = void 0;
-
-  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.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)
-  );
-};
-
-/**
- * Expose players object.
- *
- * @memberOf videojs
- * @property {Object} players
- */
-videojs.players = Player.players;
-
-/**
- * Get a component class object by name
- *
- * @borrows Component.getComponent as videojs.getComponent
- */
-videojs.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.registerComponent = function (name$$1, comp) {
-  if (Tech.isTech(comp)) {
-    log$1.warn('The ' + name$$1 + ' tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)');
-  }
-
-  Component.registerComponent.call(Component, name$$1, comp);
-};
-
-/**
- * Get a Tech class object by name
- *
- * @borrows Tech.getTech as videojs.getTech
- */
-videojs.getTech = Tech.getTech;
-
-/**
- * Register a Tech so it can referred to by name.
- * This is used in the tech order for the player.
- *
- * @borrows Tech.registerTech as videojs.registerTech
- */
-videojs.registerTech = Tech.registerTech;
-
-/**
- * Register a middleware to a source type.
- *
- * @param {String} type A string representing a MIME type.
- * @param {function(player):object} middleware A middleware factory that takes a player.
- */
-videojs.use = use;
-
-/**
- * An object that can be returned by a middleware to signify
- * that the middleware is being terminated.
- *
- * @type {object}
- * @memberOf {videojs}
- * @property {object} middleware.TERMINATOR
- */
-// Object.defineProperty is not available in IE8
-if (!IS_IE8 && Object.defineProperty) {
-  Object.defineProperty(videojs, 'middleware', {
-    value: {},
-    writeable: false,
-    enumerable: true
-  });
-
-  Object.defineProperty(videojs.middleware, 'TERMINATOR', {
-    value: TERMINATOR,
-    writeable: false,
-    enumerable: true
-  });
-} else {
-  videojs.middleware = { TERMINATOR: TERMINATOR };
-}
-
-/**
- * A suite of browser and device tests from {@link browser}.
- *
- * @type {Object}
- * @private
- */
-videojs.browser = browser;
-
-/**
- * Whether or not the browser supports touch events. Included for backward
- * compatibility with 4.x, but deprecated. Use `videojs.browser.TOUCH_ENABLED`
- * instead going forward.
- *
- * @deprecated since version 5.0
- * @type {boolean}
- */
-videojs.TOUCH_ENABLED = TOUCH_ENABLED;
-
-/**
- * Subclass an existing class
- * Mimics ES6 subclassing with the `extend` keyword
- *
- * @borrows extend:extendFn as videojs.extend
- */
-videojs.extend = extendFn;
-
-/**
- * Merge two options objects recursively
- * Performs a deep merge like lodash.merge but **only merges plain objects**
- * (not arrays, elements, anything else)
- * Other values will be copied directly from the second object.
- *
- * @borrows merge-options:mergeOptions as videojs.mergeOptions
- */
-videojs.mergeOptions = mergeOptions;
-
-/**
- * Change the context (this) of a function
- *
- * > NOTE: as of v5.0 we require an ES5 shim, so you should use the native
- * `function() {}.bind(newContext);` instead of this.
- *
- * @borrows fn:bind as videojs.bind
- */
-videojs.bind = bind;
-
-/**
- * Register a Video.js plugin.
- *
- * @borrows plugin:registerPlugin as videojs.registerPlugin
- * @method registerPlugin
- *
- * @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.
- */
-videojs.registerPlugin = Plugin.registerPlugin;
-
-/**
- * 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.plugin = function (name$$1, plugin) {
-  log$1.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
-  return Plugin.registerPlugin(name$$1, plugin);
-};
-
-/**
- * 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).
- */
-videojs.getPlugins = Plugin.getPlugins;
-
-/**
- * Gets a plugin by name if it exists.
- *
- * @param  {string} name
- *         The name of a plugin.
- *
- * @return {Function|undefined}
- *         The plugin (or `undefined`).
- */
-videojs.getPlugin = Plugin.getPlugin;
-
-/**
- * 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.
- */
-videojs.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.addLanguage = function (code, data) {
-  var _mergeOptions;
-
-  code = ('' + code).toLowerCase();
-
-  videojs.options.languages = mergeOptions(videojs.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
-
-  return videojs.options.languages[code];
-};
-
-/**
- * Log messages
- *
- * @borrows log:log as videojs.log
- */
-videojs.log = log$1;
-
-/**
- * Creates an emulated TimeRange object.
- *
- * @borrows time-ranges:createTimeRanges as videojs.createTimeRange
- */
-/**
- * @borrows time-ranges:createTimeRanges as videojs.createTimeRanges
- */
-videojs.createTimeRange = videojs.createTimeRanges = createTimeRanges;
-
-/**
- * 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
- *
- * @borrows format-time:formatTime as videojs.formatTime
- */
-videojs.formatTime = formatTime;
-
-/**
- * Replaces format-time with a custom implementation, to be used in place of the default.
- *
- * @borrows format-time:setFormatTime as videojs.setFormatTime
- *
- * @method setFormatTime
- *
- * @param {Function} customFn
- *        A custom format-time function which will be called with the current time and guide (in seconds) as arguments.
- *        Passed fn should return a string.
- */
-videojs.setFormatTime = setFormatTime;
-
-/**
- * Resets format-time to the default implementation.
- *
- * @borrows format-time:resetFormatTime as videojs.resetFormatTime
- *
- * @method resetFormatTime
- */
-videojs.resetFormatTime = resetFormatTime;
-
-/**
- * Resolve and parse the elements of a URL
- *
- * @borrows url:parseUrl as videojs.parseUrl
- *
- */
-videojs.parseUrl = parseUrl;
-
-/**
- * Returns whether the url passed is a cross domain request or not.
- *
- * @borrows url:isCrossOrigin as videojs.isCrossOrigin
- */
-videojs.isCrossOrigin = isCrossOrigin;
-
-/**
- * Event target class.
- *
- * @borrows EventTarget as videojs.EventTarget
- */
-videojs.EventTarget = EventTarget;
-
-/**
- * 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.
- *
- * @borrows events:on as videojs.on
- */
-videojs.on = on;
-
-/**
- * Trigger a listener only once for an event
- *
- * @borrows events:one as videojs.one
- */
-videojs.one = one;
-
-/**
- * Removes event listeners from an element
- *
- * @borrows events:off as videojs.off
- */
-videojs.off = off;
-
-/**
- * Trigger an event for an element
- *
- * @borrows events:trigger as videojs.trigger
- */
-videojs.trigger = trigger;
-
-/**
- * A cross-browser XMLHttpRequest wrapper. Here's a simple example:
- *
- * @param {Object} options
- *        settings for the request.
- *
- * @return {XMLHttpRequest|XDomainRequest}
- *         The request object.
- *
- * @see https://github.com/Raynos/xhr
- */
-videojs.xhr = xhr;
-
-/**
- * TextTrack class
- *
- * @borrows TextTrack as videojs.TextTrack
- */
-videojs.TextTrack = TextTrack;
-
-/**
- * export the AudioTrack class so that source handlers can create
- * AudioTracks and then add them to the players AudioTrackList
- *
- * @borrows AudioTrack as videojs.AudioTrack
- */
-videojs.AudioTrack = AudioTrack;
-
-/**
- * export the VideoTrack class so that source handlers can create
- * VideoTracks and then add them to the players VideoTrackList
- *
- * @borrows VideoTrack as videojs.VideoTrack
- */
-videojs.VideoTrack = VideoTrack;
-
-/**
- * Determines, via duck typing, whether or not a value is a DOM element.
- *
- * @borrows dom:isEl as videojs.isEl
- * @deprecated Use videojs.dom.isEl() instead
- */
-
-/**
- * Determines, via duck typing, whether or not a value is a text node.
- *
- * @borrows dom:isTextNode as videojs.isTextNode
- * @deprecated Use videojs.dom.isTextNode() instead
- */
-
-/**
- * Creates an element and applies properties.
- *
- * @borrows dom:createEl as videojs.createEl
- * @deprecated Use videojs.dom.createEl() instead
- */
-
-/**
- * Check if an element has a CSS class
- *
- * @borrows dom:hasElClass as videojs.hasClass
- * @deprecated Use videojs.dom.hasClass() instead
- */
-
-/**
- * Add a CSS class name to an element
- *
- * @borrows dom:addElClass as videojs.addClass
- * @deprecated Use videojs.dom.addClass() instead
- */
-
-/**
- * Remove a CSS class name from an element
- *
- * @borrows dom:removeElClass as videojs.removeClass
- * @deprecated Use videojs.dom.removeClass() instead
- */
-
-/**
- * Adds or removes a CSS class name on an element depending on an optional
- * condition or the presence/absence of the class name.
- *
- * @borrows dom:toggleElClass as videojs.toggleClass
- * @deprecated Use videojs.dom.toggleClass() instead
- */
-
-/**
- * Apply attributes to an HTML element.
- *
- * @borrows dom:setElAttributes as videojs.setAttribute
- * @deprecated Use videojs.dom.setAttributes() instead
- */
-
-/**
- * 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 (which shouldn't be used with HTML)
- * This will return true or false for boolean attributes.
- *
- * @borrows dom:getElAttributes as videojs.getAttributes
- * @deprecated Use videojs.dom.getAttributes() instead
- */
-
-/**
- * Empties the contents of an element.
- *
- * @borrows dom:emptyEl as videojs.emptyEl
- * @deprecated Use videojs.dom.emptyEl() instead
- */
-
-/**
- * Normalizes and appends content to an element.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * - String
- *   Normalized into a text node.
- *
- * - Element, TextNode
- *   Passed through.
- *
- * - Array
- *   A one-dimensional array of strings, elements, nodes, or functions (which
- *   return single strings, elements, or nodes).
- *
- * - Function
- *   If the sole argument, is expected to produce a string, element,
- *   node, or array.
- *
- * @borrows dom:appendContents as videojs.appendContet
- * @deprecated Use videojs.dom.appendContent() instead
- */
-
-/**
- * Normalizes and inserts content into an element; this is identical to
- * `appendContent()`, except it empties the element first.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * - String
- *   Normalized into a text node.
- *
- * - Element, TextNode
- *   Passed through.
- *
- * - Array
- *   A one-dimensional array of strings, elements, nodes, or functions (which
- *   return single strings, elements, or nodes).
- *
- * - Function
- *   If the sole argument, is expected to produce a string, element,
- *   node, or array.
- *
- * @borrows dom:insertContent as videojs.insertContent
- * @deprecated Use videojs.dom.insertContent() instead
- */
-['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
-  videojs[k] = function () {
-    log$1.warn('videojs.' + k + '() is deprecated; use videojs.dom.' + k + '() instead');
-    return Dom[k].apply(null, arguments);
-  };
-});
-
-/**
- * A safe getComputedStyle with an IE8 fallback.
- *
- * This is 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.
- * See https://bugzilla.mozilla.org/show_bug.cgi?id=548397 for more details.
- *
- * @borrows computed-style:computedStyle as videojs.computedStyle
- */
-videojs.computedStyle = computedStyle;
-
-/**
- * Export the Dom utilities for use in external plugins
- * and Tech's
- */
-videojs.dom = Dom;
-
-/**
- * Export the Url utilities for use in external plugins
- * and Tech's
- */
-videojs.url = Url;
-
-module.exports = videojs;
diff --git a/pod/main/static/video-js-6.8.0/video.es.js b/pod/main/static/video-js-6.8.0/video.es.js
deleted file mode 100755
index b6463b5248..0000000000
--- a/pod/main/static/video-js-6.8.0/video.es.js
+++ /dev/null
@@ -1,24102 +0,0 @@
-/**
- * @license
- * Video.js 6.8.0 <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 from 'global/window';
-import document from 'global/document';
-import tsml from 'tsml';
-import safeParseTuple from 'safe-json-parse/tuple';
-import xhr from 'xhr';
-import vtt from 'videojs-vtt.js';
-
-var version = "6.8.0";
-
-/**
- * @file browser.js
- * @module browser
- */
-var USER_AGENT = window.navigator && window.navigator.userAgent || '';
-var webkitVersionMap = /AppleWebKit\/([\d.]+)/i.exec(USER_AGENT);
-var appleWebkitVersion = webkitVersionMap ? parseFloat(webkitVersionMap.pop()) : null;
-
-/*
- * Device is an iPhone
- *
- * @type {Boolean}
- * @constant
- * @private
- */
-var IS_IPAD = /iPad/i.test(USER_AGENT);
-
-// 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;
-var IS_IPOD = /iPod/i.test(USER_AGENT);
-var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
-
-var IOS_VERSION = function () {
-  var match = USER_AGENT.match(/OS (\d+)_/i);
-
-  if (match && match[1]) {
-    return match[1];
-  }
-  return null;
-}();
-
-var IS_ANDROID = /Android/i.test(USER_AGENT);
-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;
-}();
-
-// Old Android is defined as Version older than 2.3, and requiring a webkit version of the android browser
-var IS_OLD_ANDROID = IS_ANDROID && /webkit/i.test(USER_AGENT) && ANDROID_VERSION < 2.3;
-var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
-
-var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
-var IS_EDGE = /Edge/i.test(USER_AGENT);
-var IS_CHROME = !IS_EDGE && /Chrome/i.test(USER_AGENT);
-var CHROME_VERSION = function () {
-  var match = USER_AGENT.match(/Chrome\/(\d+)/);
-
-  if (match && match[1]) {
-    return parseFloat(match[1]);
-  }
-  return null;
-}();
-var IS_IE8 = /MSIE\s8\.0/.test(USER_AGENT);
-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;
-}();
-
-var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
-var IS_ANY_SAFARI = IS_SAFARI || IS_IOS;
-
-var TOUCH_ENABLED = isReal() && ('ontouchstart' in window || window.DocumentTouch && window.document instanceof window.DocumentTouch);
-
-var BACKGROUND_SIZE_SUPPORTED = isReal() && 'backgroundSize' in window.document.createElement('video').style;
-
-var browser = (Object.freeze || Object)({
-	IS_IPAD: IS_IPAD,
-	IS_IPHONE: IS_IPHONE,
-	IS_IPOD: IS_IPOD,
-	IS_IOS: IS_IOS,
-	IOS_VERSION: IOS_VERSION,
-	IS_ANDROID: IS_ANDROID,
-	ANDROID_VERSION: ANDROID_VERSION,
-	IS_OLD_ANDROID: IS_OLD_ANDROID,
-	IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
-	IS_FIREFOX: IS_FIREFOX,
-	IS_EDGE: IS_EDGE,
-	IS_CHROME: IS_CHROME,
-	CHROME_VERSION: CHROME_VERSION,
-	IS_IE8: IS_IE8,
-	IE_VERSION: IE_VERSION,
-	IS_SAFARI: IS_SAFARI,
-	IS_ANY_SAFARI: IS_ANY_SAFARI,
-	TOUCH_ENABLED: TOUCH_ENABLED,
-	BACKGROUND_SIZE_SUPPORTED: BACKGROUND_SIZE_SUPPORTED
-});
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-
-
-
-
-
-
-
-
-
-
-
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
-
-
-
-
-
-
-
-
-
-
-
-var inherits = function (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 (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 taggedTemplateLiteralLoose = function (strings, raw) {
-  strings.raw = raw;
-  return strings;
-};
-
-/**
- * @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) {
-  var initial = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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 = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    sources[_key - 1] = arguments[_key];
-  }
-
-  if (Object.assign) {
-    return Object.assign.apply(Object, [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 === 'undefined' ? 'undefined' : _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 log.js
- * @module log
- */
-var log = void 0;
-
-// This is the private tracking variable for logging level.
-var level = 'info';
-
-// This is the private tracking variable for the logging history.
-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.
- *
- * @param  {boolean} [stringify]
- *         By default, only old IEs should get console argument stringification,
- *         but this is exposed as a parameter to facilitate testing.
- */
-var logByType = function logByType(type, args) {
-  var stringify = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !!IE_VERSION && IE_VERSION < 11;
-
-  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 a clone of the args at this point to history.
-  if (history) {
-    history.push([].concat(args));
-  }
-
-  // Add console prefix after adding to history.
-  args.unshift('VIDEOJS:');
-
-  // If there's no console then don't try to output messages, but they will
-  // still be stored in history.
-  if (!window.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.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.console.info || window.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;
-  }
-
-  // IEs previous to 11 log objects uselessly as "[object Object]"; so, JSONify
-  // objects and arrays for those less-capable browsers.
-  if (stringify) {
-    args = args.map(function (a) {
-      if (isObject(a) || Array.isArray(a)) {
-        try {
-          return JSON.stringify(a);
-        } catch (x) {
-          return String(a);
-        }
-      }
-
-      // Cast to string before joining, so we get null and undefined explicitly
-      // included in output (as we would in a modern console).
-      return String(a);
-    }).join(' ');
-  }
-
-  // Old IE versions do not allow .apply() for console methods (they are
-  // reported as objects rather than functions).
-  if (!fn.apply) {
-    fn(args);
-  } else {
-    fn[Array.isArray(args) ? 'apply' : 'call'](window.console, args);
-  }
-};
-
-/**
- * Logs plain debug messages. Similar to `console.log`.
- *
- * @class
- * @param    {Mixed[]} args
- *           One or more messages or objects that should be logged.
- */
-log = function log() {
-  for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  logByType('log', args);
-};
-
-/**
- * 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 log.levels} is provided, acts as a setter. Regardless of argument,
- * returns the current logging level.
- *
- * @param  {string} [lvl]
- *         Pass 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) : [];
-};
-
-/**
- * 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 = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-
-  return logByType('error', 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 = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-    args[_key3] = arguments[_key3];
-  }
-
-  return logByType('warn', 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 = Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-    args[_key4] = arguments[_key4];
-  }
-
-  return logByType('debug', args);
-};
-
-var log$1 = log;
-
-/**
- * @file computed-style.js
- * @module computed-style
- */
-/**
- * A safe getComputedStyle with an IE8 fallback.
- *
- * 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.
- *
- * @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
- *
- * @static
- * @const
- */
-function computedStyle(el, prop) {
-  if (!el || !prop) {
-    return '';
-  }
-
-  if (typeof window.getComputedStyle === 'function') {
-    var cs = window.getComputedStyle(el);
-
-    return cs ? cs[prop] : '';
-  }
-
-  return el.currentStyle[prop] || '';
-}
-
-var _templateObject = taggedTemplateLiteralLoose(['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 ', ' to ', '.'], ['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 ', ' to ', '.']);
-
-/**
- * @file dom.js
- * @module dom
- */
-/**
- * Detect if a value is a string with any non-whitespace characters.
- *
- * @param {string} str
- *        The string to check
- *
- * @return {boolean}
- *         - True if the string is non-blank
- *         - False otherwise
- *
- */
-function isNonBlankString(str) {
-  return typeof str === 'string' && /\S/.test(str);
-}
-
-/**
- * Throws an error if the passed string has whitespace. This is used by
- * class methods to be relatively consistent with the classList API.
- *
- * @param {string} str
- *         The string to check for whitespace.
- *
- * @throws {Error}
- *         Throws an error if there is whitespace in the string.
- *
- */
-function throwIfWhitespace(str) {
-  if (/\s/.test(str)) {
-    throw new Error('class has illegal whitespace characters');
-  }
-}
-
-/**
- * Produce a regular expression for matching a className within an elements className.
- *
- * @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.
- *
- * @return {Boolean}
- */
-function isReal() {
-  return (
-
-    // Both document and window will never be undefined thanks to `global`.
-    document === window.document &&
-
-    // In IE < 9, DOM methods return "object" as their type, so all we can
-    // confidently check is that it exists.
-    typeof document.createElement !== 'undefined'
-  );
-}
-
-/**
- * Determines, via duck typing, whether or not a value is a DOM element.
- *
- * @param {Mixed} value
- *        The thing to check
- *
- * @return {boolean}
- *         - True if it 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}
- *
- */
-function isInFrame() {
-
-  // We need a try/catch here because Safari will throw errors when attempting
-  // to get either `parent` or `self`
-  try {
-    return window.parent !== window.self;
-  } catch (x) {
-    return true;
-  }
-}
-
-/**
- * Creates functions to query the DOM using a given method.
- *
- * @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.
- *
- * @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 {String|Element|TextNode|Array|Function} [content]
- *         Contents for the element (see: {@link dom:normalizeContent})
- *
- * @return {Element}
- *         The element that was created.
- */
-function createEl() {
-  var tagName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';
-  var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var content = arguments[3];
-
-  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$1.warn(tsml(_templateObject, propName, 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 {
-      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 CSS class
- *
- * @param {Element} element
- *        Element to check
- *
- * @param {string} classToCheck
- *        Class name to check for
- *
- * @return {boolean}
- *         - True if the element had the 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 CSS 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 CSS 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 toggleElClass.
- *
- * @callback 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 the `classToToggle` will get added to `element`.
- *         - If false the `classToToggle` will get removed from `element`.
- *         - If undefined this callback will be ignored
- */
-
-/**
- * Adds or removes a CSS class name on 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|PredicateCallback} [predicate]
- *        See the return value for {@link Dom~PredicateCallback}
- *
- * @return {Element}
- *         The element with a class that has been toggled.
- */
-function toggleClass(element, classToToggle, predicate) {
-
-  // This CANNOT use `classList` internally because IE 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 (which shouldn't be used with HTML)
- * This will return true or false for boolean attributes.
- *
- * @param {Element} tag
- *        Element from which to get tag attributes.
- *
- * @return {Object}
- *         All attributes of the element.
- */
-function getAttributes(tag) {
-  var obj = {};
-
-  // known boolean attributes
-  // we can check for matching boolean properties, but older browsers
-  // won't know about HTML5 boolean attributes that we still read from
-  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}
- *         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 while dragging controls
- */
-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
- */
-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;
-  }
-}
-
-/**
- * The postion of a DOM element on the page.
- *
- * @typedef {Object} module:dom~Position
- *
- * @property {number} left
- *           Pixels to the left
- *
- * @property {number} top
- *           Pixels on top
- */
-
-/**
- * Offset Left.
- * 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 = void 0;
-
-  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.pageXOffset || body.scrollLeft;
-  var left = box.left + scrollLeft - clientLeft;
-
-  var clientTop = docEl.clientTop || body.clientTop || 0;
-  var scrollTop = window.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)
-  };
-}
-
-/**
- * x and y coordinates for a dom element or mouse pointer
- *
- * @typedef {Object} Dom~Coordinates
- *
- * @property {number} x
- *           x coordinate in pixels
- *
- * @property {number} y
- *           y coordinate in pixels
- */
-
-/**
- * Get pointer position in element
- * Returns an object with x and y coordinates.
- * 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 {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}
- *         - True if it 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;
-}
-
-/**
- * Normalizes content for eventual insertion into the DOM.
- *
- * This allows a wide range of content definition methods, but protects
- * from falling into the trap of simply writing to `innerHTML`, which is
- * an XSS concern.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * @param {String|Element|TextNode|Array|Function} content
- *        - String: Normalized into a text node.
- *        - Element/TextNode: Passed through.
- *        - Array: A one-dimensional array of strings, elements, nodes, or functions
- *          (which return single strings, elements, or nodes).
- *        - Function: If the sole argument, is expected to produce a string, element,
- *          node, or array as defined above.
- *
- * @return {Array}
- *         All of the content that was passed in normalized.
- */
-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 {String|Element|TextNode|Array|Function} content
- *        See the `content` argument of {@link dom:normalizeContent}
- *
- * @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 {String|Element|TextNode|Array|Function} content
- *        See the `content` argument of {@link dom:normalizeContent}
- *
- * @return {Element}
- *         The element with inserted normalized content.
- *
- */
-function insertContent(el, content) {
-  return appendContent(emptyEl(el), content);
-}
-
-/**
- * Check if event was a single left click
- *
- * @param {EventTarget~Event} event
- *        Event object
- *
- * @return {boolean}
- *         - True if a left click
- *         - False if not a left click
- */
-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;
-  }
-
-  if (IE_VERSION === 9) {
-    // Ignore IE9
-
-    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 = (Object.freeze || Object)({
-	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 guid.js
- * @module guid
- */
-
-/**
- * Unique ID for an element or function
- * @type {Number}
- */
-var _guid = 1;
-
-/**
- * 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
- */
-/**
- * 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 elData = {};
-
-/*
- * Unique attribute name to store an element's guid in
- *
- * @type {String}
- * @constant
- * @private
- */
-var elIdAttr = 'vdata' + new Date().getTime();
-
-/**
- * Returns the cache object where data for an element is stored
- *
- * @param {Element} el
- *        Element to store data for.
- *
- * @return {Object}
- *         The cache object for that el that was passed in.
- */
-function getData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    id = el[elIdAttr] = newGUID();
-  }
-
-  if (!elData[id]) {
-    elData[id] = {};
-  }
-
-  return elData[id];
-}
-
-/**
- * Returns whether or not an element has cached data
- *
- * @param {Element} el
- *        Check if this element has cached data.
- *
- * @return {boolean}
- *         - True if the DOM element has cached data.
- *         - False otherwise.
- */
-function hasData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    return false;
-  }
-
-  return !!Object.getOwnPropertyNames(elData[id]).length;
-}
-
-/**
- * Delete data for the element from the cache and the guid attr from getElementById
- *
- * @param {Element} el
- *        Remove cached data for this element.
- */
-function removeData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    return;
-  }
-
-  // Remove all stored data
-  delete elData[id];
-
-  // Remove the elIdAttr property from the DOM node
-  try {
-    delete el[elIdAttr];
-  } catch (e) {
-    if (el.removeAttribute) {
-      el.removeAttribute(elIdAttr);
-    } else {
-      // IE doesn't appear to support removeAttribute on the document element
-      el[elIdAttr] = null;
-    }
-  }
-}
-
-/**
- * @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.
- *
- * @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) {
-  var data = getData(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) {
-    removeData(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) {
-
-  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.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 */
-    }
-  }
-
-  // Returns fixed-up instance
-  return event;
-}
-
-/**
- * Whether passive event listeners are supported
- */
-var _supportsPassive = false;
-
-(function () {
-  try {
-    var opts = Object.defineProperty({}, 'passive', {
-      get: function get() {
-        _supportsPassive = true;
-      }
-    });
-
-    window.addEventListener('test', null, opts);
-    window.removeEventListener('test', null, opts);
-  } catch (e) {
-    // disregard
-  }
-})();
-
-/**
- * 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);
-  }
-
-  var data = getData(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$1.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 (!hasData(elem)) {
-    return;
-  }
-
-  var data = getData(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 = hasData(elem) ? getData(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) {
-    var targetData = getData(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);
-}
-
-var Events = (Object.freeze || Object)({
-	fixEvent: fixEvent,
-	on: on,
-	off: off,
-	trigger: trigger,
-	one: one
-});
-
-/**
- * @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$2 = void 0;
-
-/**
- * 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.
-  if (!isReal()) {
-    return;
-  }
-
-  // One day, when we stop supporting IE8, go back to this, but in the meantime...*hack hack hack*
-  // var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
-  // var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
-  // var mediaEls = vids.concat(audios);
-
-  // Because IE8 doesn't support calling slice on a node list, we need to loop
-  // through each list of elements to build up a new, combined list of elements.
-  var vids = document.getElementsByTagName('video');
-  var audios = document.getElementsByTagName('audio');
-  var divs = document.getElementsByTagName('video-js');
-  var mediaEls = [];
-
-  if (vids && vids.length > 0) {
-    for (var i = 0, e = vids.length; i < e; i++) {
-      mediaEls.push(vids[i]);
-    }
-  }
-
-  if (audios && audios.length > 0) {
-    for (var _i = 0, _e = audios.length; _i < _e; _i++) {
-      mediaEls.push(audios[_i]);
-    }
-  }
-
-  if (divs && divs.length > 0) {
-    for (var _i2 = 0, _e2 = divs.length; _i2 < _e2; _i2++) {
-      mediaEls.push(divs[_i2]);
-    }
-  }
-
-  // Check if any media elements exist
-  if (mediaEls && mediaEls.length > 0) {
-
-    for (var _i3 = 0, _e3 = mediaEls.length; _i3 < _e3; _i3++) {
-      var mediaEl = mediaEls[_i3];
-
-      // Check if element exists, has getAttribute func.
-      // IE seems to consider typeof el.getAttribute == 'object' instead of
-      // 'function' like expected, at least when loading the player immediately.
-      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$2(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$2 = vjs;
-  }
-
-  window.setTimeout(autoSetup, wait);
-}
-
-if (isReal() && document.readyState === 'complete') {
-  _windowLoaded = true;
-} else {
-  /**
-   * Listen for the load event on window, and set _windowLoaded to true.
-   *
-   * @listens load
-   */
-  one(window, 'load', function () {
-    _windowLoaded = true;
-  });
-}
-
-/**
- * @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 fn.js
- * @module fn
- */
-/**
- * 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.
- *
- * @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 = function bound() {
-    return fn.apply(context, arguments);
-  };
-
-  // 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.
- *
- * @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 = Date.now();
-
-  var throttled = function throttled() {
-    var now = Date.now();
-
-    if (now - last >= wait) {
-      fn.apply(undefined, 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.
- *
- * @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) {
-  var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : window;
-
-  var timeout = void 0;
-
-  /* eslint-disable consistent-this */
-  return function () {
-    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 */
-};
-
-/**
- * @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 alialing 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;
-};
-
-/**
- * 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;
-
-  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;
-
-/**
- * @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';
-  });
-};
-
-/**
- * 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 = void 0;
-  var type = void 0;
-  var listener = void 0;
-
-  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 capabilites 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$$1() {
-    var _this = this;
-
-    for (var _len = arguments.length, args = 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 only be called once 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$$1() {
-    var _this2 = this;
-
-    for (var _len2 = arguments.length, args = 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 {
-      var wrapper = function wrapper() {
-        for (var _len3 = arguments.length, largs = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          largs[_key3] = arguments[_key3];
-        }
-
-        _this2.off(target, type, wrapper);
-        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);
-    }
-  },
-
-
-  /**
-   * 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.
-   *
-   * @returns {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) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var 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);
-
-  // When any evented object is disposed, it removes all its listeners.
-  target.on('dispose', function () {
-    target.off();
-    window.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.
-   *
-   * @returns {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 = void 0;
-
-    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.
- *
- * @returns {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 to-title-case.js
- * @module to-title-case
- */
-
-/**
- * Uppercase the first letter of a string.
- *
- * @param {string} string
- *        String to be uppercased
- *
- * @return {string}
- *         The string with an uppercased first letter
- */
-function toTitleCase(string) {
-  if (typeof string !== 'string') {
-    return string;
-  }
-
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-/**
- * 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
- */
-function titleCaseEquals(str1, str2) {
-  return toTitleCase(str1) === toTitleCase(str2);
-}
-
-/**
- * @file merge-options.js
- * @module merge-options
- */
-/**
- * Deep-merge one or more options objects, recursively merging **only** plain
- * object properties.
- *
- * @param   {Object[]} sources
- *          One or more objects to merge into a new object.
- *
- * @returns {Object}
- *          A new object that is the merged result of all sources.
- */
-function mergeOptions() {
-  var result = {};
-
-  for (var _len = arguments.length, sources = 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 = 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) {
-    classCallCheck(this, Component);
-
-
-    // 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;
-    }
-
-    // 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_ = {};
-
-    // 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
-   */
-
-
-  Component.prototype.dispose = function dispose() {
-
-    /**
-     * Triggered when a `Component` is disposed.
-     *
-     * @event Component#dispose
-     * @type {EventTarget~Event}
-     *
-     * @property {boolean} [bubbles=false]
-     *           set to false so that the close event does not
-     *           bubble up
-     */
-    this.trigger({ type: 'dispose', bubbles: false });
-
-    // 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;
-
-    if (this.el_) {
-      // Remove element from DOM
-      if (this.el_.parentNode) {
-        this.el_.parentNode.removeChild(this.el_);
-      }
-
-      removeData(this.el_);
-      this.el_ = null;
-    }
-
-    // remove reference to the player after disposing of the element
-    this.player_ = null;
-  };
-
-  /**
-   * Return the {@link Player} that the `Component` has attached to.
-   *
-   * @return {Player}
-   *         The player that this `Component` has attached to.
-   */
-
-
-  Component.prototype.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.
-   *
-   * @deprecated since version 5
-   */
-
-
-  Component.prototype.options = function options(obj) {
-    log$1.warn('this.options() has been deprecated and will be moved to the constructor in 6.0');
-
-    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`.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.localize = function localize(string, tokens) {
-    var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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`.
-   */
-
-
-  Component.prototype.contentEl = function contentEl() {
-    return this.contentEl_ || this.el_;
-  };
-
-  /**
-   * Get this `Component`s ID
-   *
-   * @return {string}
-   *         The id of this `Component`
-   */
-
-
-  Component.prototype.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`.
-   */
-
-
-  Component.prototype.name = function name() {
-    return this.name_;
-  };
-
-  /**
-   * Get an array of all child components
-   *
-   * @return {Array}
-   *         The children
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.getChild = function getChild(name) {
-    if (!name) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    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.
-   */
-
-
-  Component.prototype.addChild = function addChild(child) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.children_.length;
-
-    var component = void 0;
-    var componentName = void 0;
-
-    // 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;
-    }
-
-    this.children_.splice(index, 0, component);
-
-    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;
-    }
-
-    // Add the UI object's element to the container div (box)
-    // Having an element is not required
-    if (typeof component.el === 'function' && component.el()) {
-      var childNodes = this.contentEl().children;
-      var refNode = childNodes[index] || null;
-
-      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.
-   */
-
-
-  Component.prototype.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;
-    }
-
-    this.childIndex_[component.id()] = null;
-    this.childNameIndex_[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.
-   */
-
-
-  Component.prototype.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 = void 0;
-      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 = void 0;
-        var opts = void 0;
-
-        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
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.ready = function ready(fn) {
-    var sync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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
-   */
-
-
-  Component.prototype.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)
-   */
-
-
-  Component.prototype.$ = 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)
-   */
-
-
-  Component.prototype.$$ = 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`
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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'.
-   */
-
-
-  Component.prototype.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'.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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 width or the height of the `Component` elements computed style. 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.
-   */
-
-
-  Component.prototype.currentDimension = function currentDimension(widthOrHeight) {
-    var computedWidthOrHeight = 0;
-
-    if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
-      throw new Error('currentDimension only accepts width or height value');
-    }
-
-    if (typeof window.getComputedStyle === 'function') {
-      var computedStyle = window.getComputedStyle(this.el_);
-
-      computedWidthOrHeight = computedStyle.getPropertyValue(widthOrHeight) || computedStyle[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 on IE8 and wherever getComputedStyle doesn't exist.
-    if (computedWidthOrHeight === 0) {
-      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 width and height values of the `Component`s
-   * computed style.
-   *
-   * @return {Component~DimensionObject}
-   *         The dimensions of the components element
-   */
-
-
-  Component.prototype.currentDimensions = function currentDimensions() {
-    return {
-      width: this.currentDimension('width'),
-      height: this.currentDimension('height')
-    };
-  };
-
-  /**
-   * Get the width of the `Component`s computed style. Uses `window.getComputedStyle`.
-   *
-   * @return {number} width
-   *           The width of the `Component`s computed style.
-   */
-
-
-  Component.prototype.currentWidth = function currentWidth() {
-    return this.currentDimension('width');
-  };
-
-  /**
-   * Get the height of the `Component`s computed style. Uses `window.getComputedStyle`.
-   *
-   * @return {number} height
-   *           The height of the `Component`s computed style.
-   */
-
-
-  Component.prototype.currentHeight = function currentHeight() {
-    return this.currentDimension('height');
-  };
-
-  /**
-   * Set the focus to this component
-   */
-
-
-  Component.prototype.focus = function focus() {
-    this.el_.focus();
-  };
-
-  /**
-   * Remove the focus from this component
-   */
-
-
-  Component.prototype.blur = function blur() {
-    this.el_.blur();
-  };
-
-  /**
-   * 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
-    */
-
-
-  Component.prototype.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 = void 0;
-
-    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 = new Date().getTime();
-        // 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 = new Date().getTime() - 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
-   */
-
-
-  Component.prototype.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 = void 0;
-
-    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 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}.
-   *
-   * @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}
-   */
-
-
-  Component.prototype.setTimeout = function setTimeout(fn, timeout) {
-    var _this2 = this;
-
-    fn = bind(this, fn);
-
-    var timeoutId = window.setTimeout(fn, timeout);
-    var disposeFn = function disposeFn() {
-      return _this2.clearTimeout(timeoutId);
-    };
-
-    disposeFn.guid = 'vjs-timeout-' + timeoutId;
-
-    this.on('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.clearTimeout = function clearTimeout(timeoutId) {
-    window.clearTimeout(timeoutId);
-
-    var disposeFn = function disposeFn() {};
-
-    disposeFn.guid = 'vjs-timeout-' + timeoutId;
-
-    this.off('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.setInterval = function setInterval(fn, interval) {
-    var _this3 = this;
-
-    fn = bind(this, fn);
-
-    var intervalId = window.setInterval(fn, interval);
-
-    var disposeFn = function disposeFn() {
-      return _this3.clearInterval(intervalId);
-    };
-
-    disposeFn.guid = 'vjs-interval-' + intervalId;
-
-    this.on('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.clearInterval = function clearInterval(intervalId) {
-    window.clearInterval(intervalId);
-
-    var disposeFn = function disposeFn() {};
-
-    disposeFn.guid = 'vjs-interval-' + intervalId;
-
-    this.off('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.requestAnimationFrame = function requestAnimationFrame(fn) {
-    var _this4 = this;
-
-    if (this.supportsRaf_) {
-      fn = bind(this, fn);
-
-      var id = window.requestAnimationFrame(fn);
-      var disposeFn = function disposeFn() {
-        return _this4.cancelAnimationFrame(id);
-      };
-
-      disposeFn.guid = 'vjs-raf-' + id;
-      this.on('dispose', disposeFn);
-
-      return id;
-    }
-
-    // Fall back to using a timer.
-    return this.setTimeout(fn, 1000 / 60);
-  };
-
-  /**
-   * 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}
-   */
-
-
-  Component.prototype.cancelAnimationFrame = function cancelAnimationFrame(id) {
-    if (this.supportsRaf_) {
-      window.cancelAnimationFrame(id);
-
-      var disposeFn = function disposeFn() {};
-
-      disposeFn.guid = 'vjs-raf-' + id;
-
-      this.off('dispose', disposeFn);
-
-      return id;
-    }
-
-    // Fall back to using a timer.
-    return this.clearTimeout(id);
-  };
-
-  /**
-   * 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 = void 0;
-
-      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;
-
-    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) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    if (Component.components_ && Component.components_[name]) {
-      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.requestAnimationFrame === 'function' && typeof window.cancelAnimationFrame === 'function';
-
-Component.registerComponent('Component', Component);
-
-/**
- * @file time-ranges.js
- * @module time-ranges
- */
-
-/**
- * Returns the time for the specified index at the start or end
- * of a TimeRange object.
- *
- * @function time-ranges:indexFunction
- *
- * @param {number} [index=0]
- *        The range number to return the time for.
- *
- * @return {number}
- *         The time that offset at the specified index.
- *
- * @depricated index must be set to a value, in the future this will throw an error.
- */
-
-/**
- * An object that contains ranges of time for various reasons.
- *
- * @typedef {Object} TimeRange
- *
- * @property {number} length
- *           The number of time ranges represented by this Object
- *
- * @property {time-ranges:indexFunction} start
- *           Returns the time offset at which a specified time range begins.
- *
- * @property {time-ranges:indexFunction} 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.
- *
- * @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.
- *
- * @param {string} fnName
- *        The function name to use for logging
- *
- * @param {string} valueIndex
- *        The proprety 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.
- *
- *
- * @depricated 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.
- *
- * @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)
-  };
-}
-
-/**
- * Should create a fake `TimeRange` object which mimics an HTML5 time range instance.
- *
- * @param {number|Array} start
- *        The start of a single range or an array of ranges
- *
- * @param {number} end
- *        The end of a single range.
- *
- * @private
- */
-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 = void 0;
-  var end = void 0;
-
-  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 = {};
-
-// browser API methods
-var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'],
-// WebKit
-['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror'],
-// Old WebKit (Safari 5.1)
-['webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitCurrentFullScreenElement', 'webkitCancelFullScreen', 'webkitfullscreenchange', 'webkitfullscreenerror'],
-// Mozilla
-['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'],
-// Microsoft
-['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']];
-
-var specApi = apiMap[0];
-var browserApi = void 0;
-
-// 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];
-  }
-}
-
-/**
- * @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_CUSTOM
- * @property {string} 2 - MEDIA_ERR_ABORTED
- * @property {string} 3 - MEDIA_ERR_NETWORK
- * @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;
-}
-
-/**
- * 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_ };
-
-/**
- * @file modal-dialog.js
- */
-var MODAL_CLASS_NAME = 'vjs-modal-dialog';
-var ESC = 27;
-
-/**
- * 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 = function (_Component) {
-  inherits(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.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) {
-    classCallCheck(this, ModalDialog);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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.
-   */
-
-
-  ModalDialog.prototype.createEl = function createEl$$1() {
-    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'
-    });
-  };
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.buildCSSClass = function buildCSSClass() {
-    return MODAL_CLASS_NAME + ' vjs-hidden ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Handles `keydown` events on the document, looking for ESC, which closes
-   * the modal.
-   *
-   * @param {EventTarget~Event} e
-   *        The keypress that triggered this event.
-   *
-   * @listens keydown
-   */
-
-
-  ModalDialog.prototype.handleKeyPress = function handleKeyPress(e) {
-    if (e.which === ESC && this.closeable()) {
-      this.close();
-    }
-  };
-
-  /**
-   * Returns the label string for this modal. Primarily used for accessibility.
-   *
-   * @return {string}
-   *         the localized or raw label of this modal.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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();
-      }
-
-      if (this.closeable()) {
-        this.on(this.el_.ownerDocument, 'keydown', bind(this, this.handleKeyPress));
-      }
-
-      // 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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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();
-    }
-
-    if (this.closeable()) {
-      this.off(this.el_.ownerDocument, 'keydown', bind(this, this.handleKeyPress));
-    }
-
-    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.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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();
-
-      this.on(document, 'keydown', this.handleKeyDown);
-    }
-  };
-
-  /**
-   * conditionally blur the element and refocus the last focused element
-   *
-   * @private
-   */
-
-
-  ModalDialog.prototype.conditionalBlur_ = function conditionalBlur_() {
-    if (this.previouslyActiveEl_) {
-      this.previouslyActiveEl_.focus();
-      this.previouslyActiveEl_ = null;
-    }
-
-    this.off(document, 'keydown', this.handleKeyDown);
-  };
-
-  /**
-   * Keydown handler. Attached when modal is focused.
-   *
-   * @listens keydown
-   */
-
-
-  ModalDialog.prototype.handleKeyDown = function handleKeyDown(event) {
-    // exit early if it isn't a tab key
-    if (event.which !== 9) {
-      return;
-    }
-
-    var focusableEls = this.focusableEls_();
-    var activeEl = this.el_.querySelector(':focus');
-    var focusIndex = void 0;
-
-    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
-   */
-
-
-  ModalDialog.prototype.focusableEls_ = function focusableEls_() {
-    var allChildren = this.el_.querySelectorAll('*');
-
-    return Array.prototype.filter.call(allChildren, function (child) {
-      return (child instanceof window.HTMLAnchorElement || child instanceof window.HTMLAreaElement) && child.hasAttribute('href') || (child instanceof window.HTMLInputElement || child instanceof window.HTMLSelectElement || child instanceof window.HTMLTextAreaElement || child instanceof window.HTMLButtonElement) && !child.hasAttribute('disabled') || child instanceof window.HTMLIFrameElement || child instanceof window.HTMLObjectElement || child instanceof window.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);
-
-/**
- * @file track-list.js
- */
-/**
- * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
- * {@link VideoTrackList}
- *
- * @extends EventTarget
- */
-
-var TrackList = function (_EventTarget) {
-  inherits(TrackList, _EventTarget);
-
-  /**
-   * Create an instance of this class
-   *
-   * @param {Track[]} tracks
-   *        A list of tracks to initialize the list with.
-   *
-   * @param {Object} [list]
-   *        The child object with inheritance done manually for ie8.
-   *
-   * @abstract
-   */
-  function TrackList() {
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-    var _ret;
-
-    var list = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    classCallCheck(this, TrackList);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    if (!list) {
-      list = _this; // eslint-disable-line
-      if (IS_IE8) {
-        list = document.createElement('custom');
-        for (var prop in TrackList.prototype) {
-          if (prop !== 'constructor') {
-            list[prop] = TrackList.prototype[prop];
-          }
-        }
-      }
-    }
-
-    list.tracks_ = [];
-
-    /**
-     * @memberof TrackList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.tracks_.length;
-      }
-    });
-
-    for (var i = 0; i < tracks.length; i++) {
-      list.addTrack(tracks[i]);
-    }
-
-    // must return the object, as for ie8 it will not be this
-    // but a reference to a document object
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link Track} to the `TrackList`
-   *
-   * @param {Track} track
-   *        The audio, video, or text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  TrackList.prototype.addTrack = function addTrack(track) {
-    var index = this.tracks_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get$$1() {
-          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'
-      });
-    }
-  };
-
-  /**
-   * Remove a {@link Track} from the `TrackList`
-   *
-   * @param {Track} rtrack
-   *        The audio, video, or text track to remove from the list.
-   *
-   * @fires TrackList#removetrack
-   */
-
-
-  TrackList.prototype.removeTrack = function removeTrack(rtrack) {
-    var track = void 0;
-
-    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'
-    });
-  };
-
-  /**
-   * 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
-   */
-
-
-  TrackList.prototype.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;
-}
-
-/**
- * @file audio-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(AudioTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {AudioTrack[]} [tracks=[]]
-   *        A list of `AudioTrack` to instantiate the list with.
-   */
-  function AudioTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, AudioTrackList);
-
-    var list = void 0;
-
-    // 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;
-      }
-    }
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in AudioTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = AudioTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    list.changing_ = false;
-
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add an {@link AudioTrack} to the `AudioTrackList`.
-   *
-   * @param {AudioTrack} track
-   *        The AudioTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  AudioTrackList.prototype.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;
-    }
-
-    /**
-     * @listens AudioTrack#enabledchange
-     * @fires TrackList#change
-     */
-    track.addEventListener('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');
-    });
-  };
-
-  return AudioTrackList;
-}(TrackList);
-
-/**
- * @file video-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(VideoTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {VideoTrack[]} [tracks=[]]
-   *        A list of `VideoTrack` to instantiate the list with.
-   */
-  function VideoTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, VideoTrackList);
-
-    var list = void 0;
-
-    // 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;
-      }
-    }
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in VideoTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = VideoTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    list.changing_ = false;
-
-    /**
-     * @member {number} VideoTrackList#selectedIndex
-     *         The current index of the selected {@link VideoTrack`}.
-     */
-    Object.defineProperty(list, 'selectedIndex', {
-      get: function get$$1() {
-        for (var _i = 0; _i < this.length; _i++) {
-          if (this[_i].selected) {
-            return _i;
-          }
-        }
-        return -1;
-      },
-      set: function set$$1() {}
-    });
-
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link VideoTrack} to the `VideoTrackList`.
-   *
-   * @param {VideoTrack} track
-   *        The VideoTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  VideoTrackList.prototype.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;
-    }
-
-    /**
-     * @listens VideoTrack#selectedchange
-     * @fires TrackList#change
-     */
-    track.addEventListener('selectedchange', function () {
-      if (_this2.changing_) {
-        return;
-      }
-      _this2.changing_ = true;
-      disableOthers$1(_this2, track);
-      _this2.changing_ = false;
-      _this2.trigger('change');
-    });
-  };
-
-  return VideoTrackList;
-}(TrackList);
-
-/**
- * @file text-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(TextTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {TextTrack[]} [tracks=[]]
-   *        A list of `TextTrack` to instantiate the list with.
-   */
-  function TextTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, TextTrackList);
-
-    var list = void 0;
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in TextTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = TextTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link TextTrack} to the `TextTrackList`
-   *
-   * @param {TextTrack} track
-   *        The text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  TextTrackList.prototype.addTrack = function addTrack(track) {
-    _TrackList.prototype.addTrack.call(this, track);
-
-    /**
-     * @listens TextTrack#modechange
-     * @fires TrackList#change
-     */
-    track.addEventListener('modechange', bind(this, function () {
-      this.trigger('change');
-    }));
-
-    var nonLanguageTextTrackKind = ['metadata', 'chapters'];
-
-    if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
-      track.addEventListener('modechange', bind(this, function () {
-        this.trigger('selectedlanguagechange');
-      }));
-    }
-  };
-
-  return TextTrackList;
-}(TrackList);
-
-/**
- * @file html-track-element-list.js
- */
-
-/**
- * The current list of {@link HtmlTrackElement}s.
- */
-
-var HtmlTrackElementList = function () {
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {HtmlTrackElement[]} [tracks=[]]
-   *        A list of `HtmlTrackElement` to instantiate the list with.
-   */
-  function HtmlTrackElementList() {
-    var trackElements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, HtmlTrackElementList);
-
-    var list = this; // eslint-disable-line
-
-    if (IS_IE8) {
-      list = document.createElement('custom');
-
-      for (var prop in HtmlTrackElementList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = HtmlTrackElementList.prototype[prop];
-        }
-      }
-    }
-
-    list.trackElements_ = [];
-
-    /**
-     * @memberof HtmlTrackElementList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.trackElements_.length;
-      }
-    });
-
-    for (var i = 0, length = trackElements.length; i < length; i++) {
-      list.addTrackElement_(trackElements[i]);
-    }
-
-    if (IS_IE8) {
-      return list;
-    }
-  }
-
-  /**
-   * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
-   *
-   * @param {HtmlTrackElement} trackElement
-   *        The track element to add to the list.
-   *
-   * @private
-   */
-
-
-  HtmlTrackElementList.prototype.addTrackElement_ = function addTrackElement_(trackElement) {
-    var index = this.trackElements_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get$$1() {
-          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
-   */
-
-
-  HtmlTrackElementList.prototype.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
-    var trackElement_ = void 0;
-
-    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
-   */
-
-
-  HtmlTrackElementList.prototype.removeTrackElement_ = function removeTrackElement_(trackElement) {
-    for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-      if (trackElement === this.trackElements_[i]) {
-        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 = function () {
-
-  /**
-   * Create an instance of this class..
-   *
-   * @param {Array} cues
-   *        A list of cues to be initialized with
-   */
-  function TextTrackCueList(cues) {
-    classCallCheck(this, TextTrackCueList);
-
-    var list = this; // eslint-disable-line
-
-    if (IS_IE8) {
-      list = document.createElement('custom');
-
-      for (var prop in TextTrackCueList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TextTrackCueList.prototype[prop];
-        }
-      }
-    }
-
-    TextTrackCueList.prototype.setCues_.call(list, cues);
-
-    /**
-     * @memberof TextTrackCueList
-     * @member {number} length
-     *         The current number of `TextTrackCue`s in the TextTrackCueList.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.length_;
-      }
-    });
-
-    if (IS_IE8) {
-      return list;
-    }
-  }
-
-  /**
-   * 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
-   */
-
-
-  TextTrackCueList.prototype.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$$1() {
-            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.
-   */
-
-
-  TextTrackCueList.prototype.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'
-};
-
-/**
- * @file track.js
- */
-/**
- * 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 = function (_EventTarget) {
-  inherits(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() {
-    var _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, Track);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    var track = _this; // eslint-disable-line
-
-    if (IS_IE8) {
-      track = document.createElement('custom');
-      for (var prop in Track.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = Track.prototype[prop];
-        }
-      }
-    }
-
-    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(track, key, {
-        get: function get$$1() {
-          return trackProps[key];
-        },
-        set: function set$$1() {}
-      });
-    };
-
-    for (var key in trackProps) {
-      _loop(key);
-    }
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  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.
- *
- * @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 = void 0;
-
-  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.location.protocol;
-  }
-
-  if (addToBody) {
-    document.body.removeChild(div);
-  }
-
-  return details;
-};
-
-/**
- * Get absolute version of relative URL. Used to tell flash correct URL.
- *
- *
- * @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.
- *
- * @param {string} path
- *        The fileName path like '/path/to/file.mp4'
- *
- * @returns {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}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/i;
-    var pathParts = splitPathRe.exec(path);
-
-    if (pathParts) {
-      return pathParts.pop().toLowerCase();
-    }
-  }
-
-  return '';
-};
-
-/**
- * Returns whether the url passed is a cross domain request or not.
- *
- * @param {string} url
- *        The url to check.
- *
- * @return {boolean}
- *         Whether it is a cross domain request or not.
- */
-var isCrossOrigin = function isCrossOrigin(url) {
-  var winLoc = window.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 = (Object.freeze || Object)({
-	parseUrl: parseUrl,
-	getAbsoluteURL: getAbsoluteURL,
-	getFileExtension: getFileExtension,
-	isCrossOrigin: isCrossOrigin
-});
-
-/**
- * @file text-track.js
- */
-/**
- * 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.WebVTT.Parser(window, window.vttjs, window.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.console && window.console.groupCollapsed) {
-      window.console.groupCollapsed('Text Track parsing errors for ' + track.src);
-    }
-    errors.forEach(function (error) {
-      return log$1.error(error);
-    });
-    if (window.console && window.console.groupEnd) {
-      window.console.groupEnd();
-    }
-  }
-
-  parser.flush();
-};
-
-/**
- * Load a `TextTrack` from a specifed 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$1.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.WebVTT !== 'function') {
-      if (track.tech_) {
-        var loadHandler = function loadHandler() {
-          return parseCues(responseBody, track);
-        };
-
-        track.tech_.on('vttjsloaded', loadHandler);
-        track.tech_.on('vttjserror', function () {
-          log$1.error('vttjs failed to load, stopping trying to process ' + track.src);
-          track.tech_.off('vttjsloaded', loadHandler);
-        });
-      }
-    } 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 = function (_Track) {
-  inherits(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
-   *        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 TextTrack() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, TextTrack);
-
-    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';
-    }
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var tt = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-
-    tt.tech_ = settings.tech;
-
-    if (IS_IE8) {
-      for (var prop in TextTrack.prototype) {
-        if (prop !== 'constructor') {
-          tt[prop] = TextTrack.prototype[prop];
-        }
-      }
-    }
-
-    tt.cues_ = [];
-    tt.activeCues_ = [];
-
-    var cues = new TextTrackCueList(tt.cues_);
-    var activeCues = new TextTrackCueList(tt.activeCues_);
-    var changed = false;
-    var timeupdateHandler = bind(tt, function () {
-
-      // Accessing this.activeCues for the side-effects of updating itself
-      // due to it's nature as a getter function. Do not remove or cues will
-      // stop updating!
-      /* eslint-disable no-unused-expressions */
-      this.activeCues;
-      /* eslint-enable no-unused-expressions */
-      if (changed) {
-        this.trigger('cuechange');
-        changed = false;
-      }
-    });
-
-    if (mode !== 'disabled') {
-      tt.tech_.ready(function () {
-        tt.tech_.on('timeupdate', timeupdateHandler);
-      }, true);
-    }
-
-    /**
-     * @memberof TextTrack
-     * @member {boolean} default
-     *         If this track was set to be on or off by default. Cannot be changed after
-     *         creation.
-     * @instance
-     *
-     * @readonly
-     */
-    Object.defineProperty(tt, 'default', {
-      get: function get$$1() {
-        return default_;
-      },
-      set: function set$$1() {}
-    });
-
-    /**
-     * @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
-     */
-    Object.defineProperty(tt, 'mode', {
-      get: function get$$1() {
-        return mode;
-      },
-      set: function set$$1(newMode) {
-        var _this2 = this;
-
-        if (!TextTrackMode[newMode]) {
-          return;
-        }
-        mode = newMode;
-        if (mode === 'showing') {
-
-          this.tech_.ready(function () {
-            _this2.tech_.on('timeupdate', timeupdateHandler);
-          }, true);
-        }
-        /**
-         * 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
-     */
-    Object.defineProperty(tt, 'cues', {
-      get: function get$$1() {
-        if (!this.loaded_) {
-          return null;
-        }
-
-        return cues;
-      },
-      set: function set$$1() {}
-    });
-
-    /**
-     * @memberof TextTrack
-     * @member {TextTrackCueList} activeCues
-     *         The list text track cues that are currently active for this TextTrack.
-     * @instance
-     */
-    Object.defineProperty(tt, 'activeCues', {
-      get: function get$$1() {
-        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;
-      },
-      set: function set$$1() {}
-    });
-
-    if (settings.src) {
-      tt.src = settings.src;
-      loadTrack(settings.src, tt);
-    } else {
-      tt.loaded_ = true;
-    }
-
-    return _ret = tt, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a cue to the internal list of cues.
-   *
-   * @param {TextTrack~Cue} cue
-   *        The cue to add to our internal list
-   */
-
-
-  TextTrack.prototype.addCue = function addCue(originalCue) {
-    var cue = originalCue;
-
-    if (window.vttjs && !(originalCue instanceof window.vttjs.VTTCue)) {
-      cue = new window.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
-   */
-
-
-  TextTrack.prototype.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 = function (_Track) {
-  inherits(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() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, AudioTrack);
-
-    var settings = mergeOptions(options, {
-      kind: AudioTrackKind[options.kind] || ''
-    });
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var track = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-    var enabled = false;
-
-    if (IS_IE8) {
-      for (var prop in AudioTrack.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = AudioTrack.prototype[prop];
-        }
-      }
-    }
-    /**
-     * @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(track, 'enabled', {
-      get: function get$$1() {
-        return enabled;
-      },
-      set: function set$$1(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) {
-      track.enabled = settings.enabled;
-    }
-    track.loaded_ = true;
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  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 = function (_Track) {
-  inherits(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() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, VideoTrack);
-
-    var settings = mergeOptions(options, {
-      kind: VideoTrackKind[options.kind] || ''
-    });
-
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var track = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-    var selected = false;
-
-    if (IS_IE8) {
-      for (var prop in VideoTrack.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = VideoTrack.prototype[prop];
-        }
-      }
-    }
-
-    /**
-     * @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(track, 'selected', {
-      get: function get$$1() {
-        return selected;
-      },
-      set: function set$$1(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) {
-      track.selected = settings.selected;
-    }
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  return VideoTrack;
-}(Track);
-
-/**
- * @file html-track-element.js
- */
-
-/**
- * @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 = function (_EventTarget) {
-  inherits(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() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, HTMLTrackElement);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    var readyState = void 0;
-    var trackElement = _this; // eslint-disable-line
-
-    if (IS_IE8) {
-      trackElement = document.createElement('custom');
-
-      for (var prop in HTMLTrackElement.prototype) {
-        if (prop !== 'constructor') {
-          trackElement[prop] = HTMLTrackElement.prototype[prop];
-        }
-      }
-    }
-
-    var track = new TextTrack(options);
-
-    trackElement.kind = track.kind;
-    trackElement.src = track.src;
-    trackElement.srclang = track.language;
-    trackElement.label = track.label;
-    trackElement['default'] = track['default'];
-
-    /**
-     * @memberof HTMLTrackElement
-     * @member {HTMLTrackElement~ReadyState} readyState
-     *         The current ready state of the track element.
-     * @instance
-     */
-    Object.defineProperty(trackElement, 'readyState', {
-      get: function get$$1() {
-        return readyState;
-      }
-    });
-
-    /**
-     * @memberof HTMLTrackElement
-     * @member {TextTrack} track
-     *         The underlying TextTrack object.
-     * @instance
-     *
-     */
-    Object.defineProperty(trackElement, 'track', {
-      get: function get$$1() {
-        return track;
-      }
-    });
-
-    readyState = NONE;
-
-    /**
-     * @listens TextTrack#loadeddata
-     * @fires HTMLTrackElement#load
-     */
-    track.addEventListener('loadeddata', function () {
-      readyState = LOADED;
-
-      trackElement.trigger({
-        type: 'load',
-        target: trackElement
-      });
-    });
-
-    if (IS_IE8) {
-      var _ret;
-
-      return _ret = trackElement, possibleConstructorReturn(_this, _ret);
-    }
-    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 = mergeOptions(NORMAL, REMOTE);
-
-REMOTE.names = Object.keys(REMOTE);
-NORMAL.names = Object.keys(NORMAL);
-ALL.names = [].concat(REMOTE.names).concat(NORMAL.names);
-
-/**
- * @file tech.js
- */
-
-/**
- * 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) {
-  var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-
-  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 = function (_Component) {
-  inherits(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() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var ready = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-    classCallCheck(this, Tech);
-
-    // we don't want the tech to report user activity automatically.
-    // This is done manually in addControlsListeners
-    options.reportTouchActivity = false;
-
-    // keep track of whether the current source has played at all to
-    // implement a very limited played()
-    var _this = possibleConstructorReturn(this, _Component.call(this, null, options, ready));
-
-    _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.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.
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   *
-   */
-
-
-  Tech.prototype.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}.
-   */
-
-
-  Tech.prototype.stopTrackingProgress = function stopTrackingProgress() {
-    this.clearInterval(this.progressInterval);
-  };
-
-  /**
-   * Polyfill the `timeupdate` event for browsers that don't support it.
-   *
-   * @see {@link Tech#trackCurrentTime}
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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`.
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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 wether 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.
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.addWebVttScript_ = function addWebVttScript_() {
-    var _this5 = this;
-
-    if (window.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.12.4/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.WebVTT = true;
-      this.el().parentNode.appendChild(script);
-    } else {
-      this.ready(this.addWebVttScript_);
-    }
-  };
-
-  /**
-   * Emulate texttracks
-   *
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.addRemoteTextTrack = function addRemoteTextTrack() {
-    var _this7 = this;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var manualCleanup = arguments[1];
-
-    var htmlTrackElement = this.createRemoteTextTrack(options);
-
-    if (manualCleanup !== true && manualCleanup !== false) {
-      // deprecation warning
-      log$1.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`
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return {};
-  };
-
-  /**
-   * A method to set a poster from a `Tech`.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.setPoster = function setPoster() {};
-
-  /**
-   * A method to check for the presence of the 'playsinine' <video> attribute.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.playsinline = function playsinline() {};
-
-  /**
-   * A method to set or unset the 'playsinine' <video> attribute.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.setPlaysinline = function setPlaysinline() {};
-
-  /*
-   * 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
-   */
-
-
-  Tech.prototype.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;
-    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 requsted.
-   */
-
-
-  Tech.getTech = function getTech(name) {
-    if (!name) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    if (Tech.techs_ && Tech.techs_[name]) {
-      return Tech.techs_[name];
-    }
-
-    if (window && window.videojs && window.videojs[name]) {
-      log$1.warn('The ' + name + ' tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)');
-      return window.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 wether the `Tech` supports volume control.
- *
- * @type {boolean}
- * @default
- */
-Tech.prototype.featuresVolumeControl = true;
-
-/**
- * Boolean indicating wether the `Tech` support fullscreen resize control.
- * Resizing plugins using request fullscreen reloads the plugin
- *
- * @type {boolean}
- * @default
- */
-Tech.prototype.featuresFullscreenResize = false;
-
-/**
- * Boolean indicating wether 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 wether 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 wether 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 wether 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 wether 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 = void 0;
-
-    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 = void 0;
-
-    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', '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$1.error('No source hander 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.on('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_ = [];
-
-var middlewares = {};
-var middlewareInstances = {};
-
-var TERMINATOR = {};
-
-function use(type, middleware) {
-  middlewares[type] = middlewares[type] || [];
-  middlewares[type].push(middleware);
-}
-
-
-
-function setSource(player, src, next) {
-  player.setTimeout(function () {
-    return setSourceHelper(src, middlewares[src.type], next, player);
-  }, 1);
-}
-
-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.
- */
-function get$1(middleware, tech, method) {
-  return middleware.reduceRight(middlewareIterator(method), tech[method]());
-}
-
-/**
- * Takes the argument given to the player and calls the setter method on each
- * middlware from left to right to the tech.
- */
-function set$1(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.
- */
-function mediate(middleware, tech, method) {
-  var arg = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-
-  var callMethod = 'call' + toTitleCase(method);
-  var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
-  var terminated = middlewareValue === TERMINATOR;
-  var returnValue = terminated ? null : tech[method](middlewareValue);
-
-  executeRight(middleware, method, returnValue, terminated);
-
-  return returnValue;
-}
-
-var allowedGetters = {
-  buffered: 1,
-  currentTime: 1,
-  duration: 1,
-  seekable: 1,
-  played: 1,
-  paused: 1
-};
-
-var allowedSetters = {
-  setCurrentTime: 1
-};
-
-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);
-    }
-  }
-}
-
-function clearCacheForPlayer(player) {
-  middlewareInstances[player.id()] = null;
-}
-
-/**
- * {
- *  [playerId]: [[mwFactory, mwInstance], ...]
- * }
- */
-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() {
-  var src = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var middleware = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var next = arguments[2];
-  var player = arguments[3];
-  var acc = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-  var lastRun = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  var 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);
-
-    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',
-  mp3: 'audio/mpeg',
-  aac: 'audio/aac',
-  oga: 'audio/ogg',
-  m3u8: 'application/x-mpegURL'
-};
-
-/**
- * @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 = [checkMimetype({ src: src })];
-  } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
-    // src is already valid
-    src = [checkMimetype(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 checkMimetype(src) {
-  var ext = getFileExtension(src.src);
-  var mimetype = MimetypesKind[ext.toLowerCase()];
-
-  if (!src.type && mimetype) {
-    src.type = mimetype;
-  }
-
-  return src;
-}
-
-/**
- * @file loader.js
- */
-/**
- * The `MediaLoader` is the `Component` that decides which playback technology to load
- * when a player is initialized.
- *
- * @extends Component
- */
-
-var MediaLoader = function (_Component) {
-  inherits(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 stroe of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function that is run when this component is ready.
-   */
-  function MediaLoader(player, options, ready) {
-    classCallCheck(this, MediaLoader);
-
-    // MediaLoader has no element
-    var options_ = mergeOptions({ createEl: false }, options);
-
-    // If there are no sources when the player is initialized,
-    // load the first supported playback technology.
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options_, ready));
-
-    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);
-
-/**
- * @file button.js
- */
-/**
- * Clickable Component which is clickable or keyboard actionable,
- * but is not a native HTML button.
- *
- * @extends Component
- */
-
-var ClickableComponent = function (_Component) {
-  inherits(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.
-   */
-  function ClickableComponent(player, options) {
-    classCallCheck(this, ClickableComponent);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.emitTapEvents();
-
-    _this.enable();
-    return _this;
-  }
-
-  /**
-   * Create the `Component`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.
-   */
-
-
-  ClickableComponent.prototype.createEl = function createEl$$1() {
-    var tag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    props = assign({
-      innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-      className: this.buildCSSClass(),
-      tabIndex: 0
-    }, props);
-
-    if (tag === 'button') {
-      log$1.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',
-
-      // let the screen reader user know that the text of the element may change
-      'aria-live': 'polite'
-    }, attributes);
-
-    this.tabIndex_ = props.tabIndex;
-
-    var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
-    this.createControlTextEl(el);
-
-    return el;
-  };
-
-  ClickableComponent.prototype.dispose = function dispose() {
-    // remove controlTextEl_ on dipose
-    this.controlTextEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * Create a control text element on this `Component`
-   *
-   * @param {Element} [el]
-   *        Parent element for the control text.
-   *
-   * @return {Element}
-   *         The control text element that gets created.
-   */
-
-
-  ClickableComponent.prototype.createControlTextEl = function createControlTextEl(el) {
-    this.controlTextEl_ = createEl('span', {
-      className: 'vjs-control-text'
-    });
-
-    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 `Component`.
-   *
-   * @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
-   */
-
-
-  ClickableComponent.prototype.controlText = function controlText(text) {
-    var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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.
-   */
-
-
-  ClickableComponent.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-control vjs-button ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Enable this `Component`s element.
-   */
-
-
-  ClickableComponent.prototype.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('focus', this.handleFocus);
-      this.on('blur', this.handleBlur);
-    }
-  };
-
-  /**
-   * Disable this `Component`s element.
-   */
-
-
-  ClickableComponent.prototype.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(['tap', 'click'], this.handleClick);
-    this.off('focus', this.handleFocus);
-    this.off('blur', this.handleBlur);
-  };
-
-  /**
-   * This gets called when a `ClickableComponent` gets:
-   * - Clicked (via the `click` event, listening starts in the constructor)
-   * - Tapped (via the `tap` event, listening starts in the constructor)
-   * - The following things happen in order:
-   *   1. {@link ClickableComponent#handleFocus} is called via a `focus` event on the
-   *      `ClickableComponent`.
-   *   2. {@link ClickableComponent#handleFocus} adds a listener for `keydown` on using
-   *      {@link ClickableComponent#handleKeyPress}.
-   *   3. `ClickableComponent` has not had a `blur` event (`blur` means that focus was lost). The user presses
-   *      the space or enter key.
-   *   4. {@link ClickableComponent#handleKeyPress} calls this function with the `keydown`
-   *      event as a parameter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   * @abstract
-   */
-
-
-  ClickableComponent.prototype.handleClick = function handleClick(event) {};
-
-  /**
-   * This gets called when a `ClickableComponent` gains focus via a `focus` event.
-   * Turns on listening for `keydown` events. When they happen it
-   * calls `this.handleKeyPress`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to be called.
-   *
-   * @listens focus
-   */
-
-
-  ClickableComponent.prototype.handleFocus = function handleFocus(event) {
-    on(document, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Called when this ClickableComponent has focus and a key gets pressed down. By
-   * default it will call `this.handleClick` when the key is space or enter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  ClickableComponent.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Support Space (32) or Enter (13) key operation to fire a click event
-    if (event.which === 32 || event.which === 13) {
-      event.preventDefault();
-      this.trigger('click');
-    } else if (_Component.prototype.handleKeyPress) {
-
-      // Pass keypress handling up for unsupported keys
-      _Component.prototype.handleKeyPress.call(this, event);
-    }
-  };
-
-  /**
-   * Called when a `ClickableComponent` loses focus. Turns off the listener for
-   * `keydown` events. Which Stops `this.handleKeyPress` from getting called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to be called.
-   *
-   * @listens blur
-   */
-
-
-  ClickableComponent.prototype.handleBlur = function handleBlur(event) {
-    off(document, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  return ClickableComponent;
-}(Component);
-
-Component.registerComponent('ClickableComponent', ClickableComponent);
-
-/**
- * @file poster-image.js
- */
-/**
- * A `ClickableComponent` that handles showing the poster image for the player.
- *
- * @extends ClickableComponent
- */
-
-var PosterImage = function (_ClickableComponent) {
-  inherits(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) {
-    classCallCheck(this, PosterImage);
-
-    var _this = possibleConstructorReturn(this, _ClickableComponent.call(this, player, options));
-
-    _this.update();
-    player.on('posterchange', bind(_this, _this.update));
-    return _this;
-  }
-
-  /**
-   * Clean up and dispose of the `PosterImage`.
-   */
-
-
-  PosterImage.prototype.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.
-   */
-
-
-  PosterImage.prototype.createEl = function createEl$$1() {
-    var el = createEl('div', {
-      className: 'vjs-poster',
-
-      // Don't want poster to be tabbable.
-      tabIndex: -1
-    });
-
-    // To ensure the poster image resizes while maintaining its original aspect
-    // ratio, use a div with `background-size` when available. For browsers that
-    // do not support `background-size` (e.g. IE8), fall back on using a regular
-    // img element.
-    if (!BACKGROUND_SIZE_SUPPORTED) {
-      this.fallbackImg_ = createEl('img');
-      el.appendChild(this.fallbackImg_);
-    }
-
-    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.
-   */
-
-
-  PosterImage.prototype.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`.
-   */
-
-
-  PosterImage.prototype.setSrc = function setSrc(url) {
-    if (this.fallbackImg_) {
-      this.fallbackImg_.src = url;
-    } else {
-      var backgroundImage = '';
-
-      // Any falsey values 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.
-   */
-
-
-  PosterImage.prototype.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_.paused()) {
-      this.player_.play();
-    } else {
-      this.player_.pause();
-    }
-  };
-
-  return PosterImage;
-}(ClickableComponent);
-
-Component.registerComponent('PosterImage', PosterImage);
-
-/**
- * @file text-track-display.js
- */
-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.
- *
- * @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)'.
- *
- * @private
- */
-function constructColor(color, opacity) {
-  return 'rgba(' +
-  // color looks like "#f0e"
-  parseInt(color[1] + color[1], 16) + ',' + parseInt(color[2] + color[2], 16) + ',' + parseInt(color[3] + color[3], 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, TextTrackDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options, ready));
-
-    player.on('loadstart', bind(_this, _this.toggleDisplay));
-    player.on('texttrackchange', bind(_this, _this.updateDisplay));
-    player.on('loadstart', bind(_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(_this, function () {
-      if (player.tech_ && player.tech_.featuresNativeTextTracks) {
-        this.hide();
-        return;
-      }
-
-      player.on('fullscreenchange', bind(this, this.updateDisplay));
-
-      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
-  */
-
-
-  TextTrackDisplay.prototype.preselectTrack = function preselectTrack() {
-    var modes = { captions: 1, subtitles: 1 };
-    var trackList = this.player_.textTracks();
-    var userPref = this.player_.cache_.selectedLanguage;
-    var firstDesc = void 0;
-    var firstCaptions = void 0;
-    var preferredTrack = void 0;
-
-    for (var i = 0; i < trackList.length; i++) {
-      var track = trackList[i];
-
-      if (userPref && userPref.enabled && userPref.language === track.language) {
-        // 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
-    // precendence 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
-   */
-
-
-  TextTrackDisplay.prototype.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.
-   */
-
-
-  TextTrackDisplay.prototype.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.
-   */
-
-
-  TextTrackDisplay.prototype.clearDisplay = function clearDisplay() {
-    if (typeof window.WebVTT === 'function') {
-      window.WebVTT.processCues(window, [], 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
-   */
-
-
-  TextTrackDisplay.prototype.updateDisplay = function updateDisplay() {
-    var tracks = this.player_.textTracks();
-
-    this.clearDisplay();
-
-    // 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);
-    }
-  };
-
-  /**
-   * Add an {@link Texttrack} to to the {@link Tech}s {@link TextTrackList}.
-   *
-   * @param {TextTrack} track
-   *        Text track object to be added to the list.
-   */
-
-
-  TextTrackDisplay.prototype.updateForTrack = function updateForTrack(track) {
-    if (typeof window.WebVTT !== 'function' || !track.activeCues) {
-      return;
-    }
-
-    var cues = [];
-
-    for (var _i = 0; _i < track.activeCues.length; _i++) {
-      cues.push(track.activeCues[_i]);
-    }
-
-    window.WebVTT.processCues(window, cues, this.el_);
-
-    if (!this.player_.textTrackSettings) {
-      return;
-    }
-
-    var overrides = this.player_.textTrackSettings.getValues();
-
-    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.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];
-        }
-      }
-    }
-  };
-
-  return TextTrackDisplay;
-}(Component);
-
-Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
-
-/**
- * @file loading-spinner.js
- */
-/**
- * A loading spinner for use during waiting/loading events.
- *
- * @extends Component
- */
-
-var LoadingSpinner = function (_Component) {
-  inherits(LoadingSpinner, _Component);
-
-  function LoadingSpinner() {
-    classCallCheck(this, LoadingSpinner);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `LoadingSpinner`s DOM element.
-   *
-   * @return {Element}
-   *         The dom element that gets created.
-   */
-  LoadingSpinner.prototype.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);
-
-/**
- * @file button.js
- */
-/**
- * Base class for all buttons.
- *
- * @extends ClickableComponent
- */
-
-var Button = function (_ClickableComponent) {
-  inherits(Button, _ClickableComponent);
-
-  function Button() {
-    classCallCheck(this, Button);
-    return possibleConstructorReturn(this, _ClickableComponent.apply(this, arguments));
-  }
-
-  /**
-   * 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.
-   */
-  Button.prototype.createEl = function createEl(tag) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    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',
-
-      // let the screen reader user know that the text of the button may change
-      'aria-live': 'polite'
-    }, 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
-   */
-
-
-  Button.prototype.addChild = function addChild(child) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    var className = this.constructor.name;
-
-    log$1.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}.
-   */
-
-
-  Button.prototype.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}.
-   */
-
-
-  Button.prototype.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
-   */
-
-
-  Button.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Ignore Space (32) or Enter (13) key operation, which is handled by the browser for a button.
-    if (event.which === 32 || event.which === 13) {
-      return;
-    }
-
-    // Pass keypress handling up for unsupported keys
-    _ClickableComponent.prototype.handleKeyPress.call(this, event);
-  };
-
-  return Button;
-}(ClickableComponent);
-
-Component.registerComponent('Button', Button);
-
-/**
- * @file big-play-button.js
- */
-/**
- * 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 = function (_Button) {
-  inherits(BigPlayButton, _Button);
-
-  function BigPlayButton(player, options) {
-    classCallCheck(this, BigPlayButton);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _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'.
-   */
-
-
-  BigPlayButton.prototype.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
-   */
-
-
-  BigPlayButton.prototype.handleClick = function handleClick(event) {
-    var playPromise = this.player_.play();
-
-    // exit early if clicked via the mouse
-    if (this.mouseused_ && event.clientX && event.clientY) {
-      return;
-    }
-
-    var cb = this.player_.getChild('controlBar');
-    var playToggle = cb && cb.getChild('playToggle');
-
-    if (!playToggle) {
-      this.player_.focus();
-      return;
-    }
-
-    var playFocus = function playFocus() {
-      return playToggle.focus();
-    };
-
-    if (isPromise(playPromise)) {
-      playPromise.then(playFocus, function () {});
-    } else {
-      this.setTimeout(playFocus, 1);
-    }
-  };
-
-  BigPlayButton.prototype.handleKeyPress = function handleKeyPress(event) {
-    this.mouseused_ = false;
-
-    _Button.prototype.handleKeyPress.call(this, event);
-  };
-
-  BigPlayButton.prototype.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);
-
-/**
- * @file close-button.js
- */
-/**
- * The `CloseButton` is a `{@link Button}` that fires a `close` event when
- * it gets clicked.
- *
- * @extends Button
- */
-
-var CloseButton = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, CloseButton);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.controlText(options && options.controlText || _this.localize('Close'));
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CloseButton.prototype.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
-   */
-
-
-  CloseButton.prototype.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 });
-  };
-
-  return CloseButton;
-}(Button);
-
-Component.registerComponent('CloseButton', CloseButton);
-
-/**
- * @file play-toggle.js
- */
-/**
- * Button to toggle between play and pause.
- *
- * @extends Button
- */
-
-var PlayToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, PlayToggle);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.on(player, 'play', _this.handlePlay);
-    _this.on(player, 'pause', _this.handlePause);
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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.
-*
-* @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;
-};
-
-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;
-}
-
-var formatTime = function (seconds) {
-  var guide = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : seconds;
-
-  return implementation(seconds, guide);
-};
-
-/**
- * @file time-display.js
- */
-/**
- * Displays the time left in the video
- *
- * @extends Component
- */
-
-var TimeDisplay = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, TimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.throttledUpdateContent = throttle(bind(_this, _this.updateContent), 25);
-    _this.on(player, 'timeupdate', _this.throttledUpdateContent);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  TimeDisplay.prototype.createEl = function createEl$$1(plainName) {
-    var className = this.buildCSSClass();
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: className + ' vjs-time-control vjs-control'
-    });
-
-    this.contentEl_ = createEl('div', {
-      className: className + '-display'
-    }, {
-      // tell screen readers not to automatically read the time as it changes
-      'aria-live': 'off'
-    }, createEl('span', {
-      className: 'vjs-control-text',
-      textContent: this.localize(this.controlText_)
-    }));
-
-    this.updateTextNode_();
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  TimeDisplay.prototype.dispose = function dispose() {
-    this.contentEl_ = null;
-    this.textNode_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * Updates the "remaining time" text node with new content using the
-   * contents of the `formattedTime_` property.
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.updateTextNode_ = function updateTextNode_() {
-    if (!this.contentEl_) {
-      return;
-    }
-
-    while (this.contentEl_.firstChild) {
-      this.contentEl_.removeChild(this.contentEl_.firstChild);
-    }
-
-    this.textNode_ = document.createTextNode(this.formattedTime_ || '0:00');
-    this.contentEl_.appendChild(this.textNode_);
-  };
-
-  /**
-   * Generates a formatted time for this component to use in display.
-   *
-   * @param  {number} time
-   *         A numeric time, in seconds.
-   *
-   * @return {string}
-   *         A formatted time
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.formatTime_ = function formatTime_(time) {
-    return formatTime(time);
-  };
-
-  /**
-   * Updates the time display text node if it has what was passed in changed
-   * the formatted time.
-   *
-   * @param {number} time
-   *        The time to update to
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.updateFormattedTime_ = function updateFormattedTime_(time) {
-    var formattedTime = this.formatTime_(time);
-
-    if (formattedTime === this.formattedTime_) {
-      return;
-    }
-
-    this.formattedTime_ = formattedTime;
-    this.requestAnimationFrame(this.updateTextNode_);
-  };
-
-  /**
-   * 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
-   */
-
-
-  TimeDisplay.prototype.updateContent = function updateContent(event) {};
-
-  return TimeDisplay;
-}(Component);
-
-/**
- * The text that should display over the `TimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-TimeDisplay.prototype.controlText_ = 'Time';
-
-Component.registerComponent('TimeDisplay', TimeDisplay);
-
-/**
- * @file current-time-display.js
- */
-/**
- * Displays the current time
- *
- * @extends Component
- */
-
-var CurrentTimeDisplay = function (_TimeDisplay) {
-  inherits(CurrentTimeDisplay, _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 CurrentTimeDisplay(player, options) {
-    classCallCheck(this, CurrentTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CurrentTimeDisplay.prototype.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
-   */
-
-
-  CurrentTimeDisplay.prototype.updateContent = function updateContent(event) {
-    // Allows for smooth scrubbing, when player can't keep up.
-    var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-
-    this.updateFormattedTime_(time);
-  };
-
-  /**
-   * When the player fires ended there should be no time left. Sadly
-   * this is not always the case, lets make it seem like that is the case
-   * for users.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  CurrentTimeDisplay.prototype.handleEnded = function handleEnded(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-    this.updateFormattedTime_(this.player_.duration());
-  };
-
-  return CurrentTimeDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
-
-Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
-
-/**
- * @file duration-display.js
- */
-/**
- * Displays the duration
- *
- * @extends Component
- */
-
-var DurationDisplay = function (_TimeDisplay) {
-  inherits(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) {
-    classCallCheck(this, DurationDisplay);
-
-    // we do not want to/need to throttle duration changes,
-    // as they should always display the changed duration as
-    // it has changed
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'durationchange', _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.throttledUpdateContent);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  DurationDisplay.prototype.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
-   */
-
-
-  DurationDisplay.prototype.updateContent = function updateContent(event) {
-    var duration = this.player_.duration();
-
-    if (duration && this.duration_ !== duration) {
-      this.duration_ = duration;
-      this.updateFormattedTime_(duration);
-    }
-  };
-
-  return DurationDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `DurationDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-DurationDisplay.prototype.controlText_ = 'Duration Time';
-
-Component.registerComponent('DurationDisplay', DurationDisplay);
-
-/**
- * @file time-divider.js
- */
-/**
- * The separator between the current time and duration.
- * Can be hidden if it's not needed in the design.
- *
- * @extends Component
- */
-
-var TimeDivider = function (_Component) {
-  inherits(TimeDivider, _Component);
-
-  function TimeDivider() {
-    classCallCheck(this, TimeDivider);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the component's DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  TimeDivider.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-control vjs-time-divider',
-      innerHTML: '<div><span>/</span></div>'
-    });
-  };
-
-  return TimeDivider;
-}(Component);
-
-Component.registerComponent('TimeDivider', TimeDivider);
-
-/**
- * @file remaining-time-display.js
- */
-/**
- * Displays the time left in the video
- *
- * @extends Component
- */
-
-var RemainingTimeDisplay = function (_TimeDisplay) {
-  inherits(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) {
-    classCallCheck(this, RemainingTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'durationchange', _this.throttledUpdateContent);
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  RemainingTimeDisplay.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-remaining-time';
-  };
-
-  /**
-   * The remaining time display prefixes numbers with a "minus" character.
-   *
-   * @param  {number} time
-   *         A numeric time, in seconds.
-   *
-   * @return {string}
-   *         A formatted time
-   *
-   * @private
-   */
-
-
-  RemainingTimeDisplay.prototype.formatTime_ = function formatTime_(time) {
-    return '-' + _TimeDisplay.prototype.formatTime_.call(this, time);
-  };
-
-  /**
-   * Update remaining time display.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `durationchange` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   * @listens Player#durationchange
-   */
-
-
-  RemainingTimeDisplay.prototype.updateContent = function updateContent(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-
-    // @deprecated We should only use remainingTimeDisplay
-    // as of video.js 7
-    if (this.player_.remainingTimeDisplay) {
-      this.updateFormattedTime_(this.player_.remainingTimeDisplay());
-    } else {
-      this.updateFormattedTime_(this.player_.remainingTime());
-    }
-  };
-
-  /**
-   * When the player fires ended there should be no time left. Sadly
-   * this is not always the case, lets make it seem like that is the case
-   * for users.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  RemainingTimeDisplay.prototype.handleEnded = function handleEnded(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-    this.updateFormattedTime_(0);
-  };
-
-  return RemainingTimeDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
-
-Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
-
-/**
- * @file live-display.js
- */
-// TODO - Future make it click to snap to live
-
-/**
- * Displays the live indicator when duration is Infinity.
- *
- * @extends Component
- */
-
-var LiveDisplay = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, LiveDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.updateShowing();
-    _this.on(_this.player(), 'durationchange', _this.updateShowing);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  LiveDisplay.prototype.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') + '</span>' + this.localize('LIVE')
-    }, {
-      'aria-live': 'off'
-    });
-
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  LiveDisplay.prototype.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
-   */
-
-
-  LiveDisplay.prototype.updateShowing = function updateShowing(event) {
-    if (this.player().duration() === Infinity) {
-      this.show();
-    } else {
-      this.hide();
-    }
-  };
-
-  return LiveDisplay;
-}(Component);
-
-Component.registerComponent('LiveDisplay', LiveDisplay);
-
-/**
- * @file slider.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Slider);
-
-    // Set property names to bar to match with the child Slider class is looking for
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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
-   */
-
-
-  Slider.prototype.enabled = function enabled() {
-    return this.enabled_;
-  };
-
-  /**
-   * Enable controls for this slider if they are disabled
-   */
-
-
-  Slider.prototype.enable = function enable() {
-    if (this.enabled()) {
-      return;
-    }
-
-    this.on('mousedown', this.handleMouseDown);
-    this.on('touchstart', this.handleMouseDown);
-    this.on('focus', this.handleFocus);
-    this.on('blur', this.handleBlur);
-    this.on('click', this.handleClick);
-
-    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
-   */
-
-
-  Slider.prototype.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('focus', this.handleFocus);
-    this.off('blur', this.handleBlur);
-    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 `Button`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.
-   */
-
-
-  Slider.prototype.createEl = function createEl$$1(type) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    // 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
-   */
-
-
-  Slider.prototype.handleMouseDown = function handleMouseDown(event) {
-    var doc = this.bar.el_.ownerDocument;
-
-    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
-   */
-
-
-  Slider.prototype.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
-   */
-
-
-  Slider.prototype.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`.
-   *
-   * @returns {number}
-   *          The percentage of progress the progress bar represents as a
-   *          number from 0 to 1.
-   */
-
-
-  Slider.prototype.update = function update() {
-
-    // 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 (!this.el_) {
-      return;
-    }
-
-    // If scrubbing, we could use a cached value to make the handle keep up
-    // with the user's mouse. On HTML5 browsers scrubbing is really smooth, but
-    // some flash players are slow, so we might want to utilize this later.
-    // var progress =  (this.player_.scrubbing()) ? this.player_.getCache().currentTime / this.player_.duration() : this.player_.currentTime() / this.player_.duration();
-    var progress = this.getPercent();
-    var bar = this.bar;
-
-    // If there's no bar...
-    if (!bar) {
-      return;
-    }
-
-    // Protect against no duration and other division issues
-    if (typeof progress !== 'number' || progress !== progress || progress < 0 || progress === Infinity) {
-      progress = 0;
-    }
-
-    // Convert to a percentage for setting
-    var percentage = (progress * 100).toFixed(2) + '%';
-    var style = bar.el().style;
-
-    // Set the new bar width or height
-    if (this.vertical()) {
-      style.height = percentage;
-    } else {
-      style.width = percentage;
-    }
-
-    return progress;
-  };
-
-  /**
-   * Calculate distance for slider
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run.
-   *
-   * @return {number}
-   *         The current position of the Slider.
-   *         - postition.x for vertical `Slider`s
-   *         - postition.y for horizontal `Slider`s
-   */
-
-
-  Slider.prototype.calculateDistance = function calculateDistance(event) {
-    var position = getPointerPosition(this.el_, event);
-
-    if (this.vertical()) {
-      return position.y;
-    }
-    return position.x;
-  };
-
-  /**
-   * Handle a `focus` event on this `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to run.
-   *
-   * @listens focus
-   */
-
-
-  Slider.prototype.handleFocus = function handleFocus() {
-    this.on(this.bar.el_.ownerDocument, 'keydown', this.handleKeyPress);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Slider.prototype.handleKeyPress = function handleKeyPress(event) {
-    // Left and Down Arrows
-    if (event.which === 37 || event.which === 40) {
-      event.preventDefault();
-      this.stepBack();
-
-      // Up and Right Arrows
-    } else if (event.which === 38 || event.which === 39) {
-      event.preventDefault();
-      this.stepForward();
-    }
-  };
-
-  /**
-   * Handle a `blur` event on this `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to run.
-   *
-   * @listens blur
-   */
-
-  Slider.prototype.handleBlur = function handleBlur() {
-    this.off(this.bar.el_.ownerDocument, 'keydown', this.handleKeyPress);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Slider.prototype.handleClick = function handleClick(event) {
-    event.stopImmediatePropagation();
-    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
-   */
-
-
-  Slider.prototype.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);
-
-/**
- * @file load-progress-bar.js
- */
-/**
- * Shows loading progress
- *
- * @extends Component
- */
-
-var LoadProgressBar = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, LoadProgressBar);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.partEls_ = [];
-    _this.on(player, 'progress', _this.update);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  LoadProgressBar.prototype.createEl = function createEl$$1() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-load-progress',
-      innerHTML: '<span class="vjs-control-text"><span>' + this.localize('Loaded') + '</span>: 0%</span>'
-    });
-  };
-
-  LoadProgressBar.prototype.dispose = function dispose() {
-    this.partEls_ = 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
-   */
-
-
-  LoadProgressBar.prototype.update = function update(event) {
-    var buffered = this.player_.buffered();
-    var duration = this.player_.duration();
-    var bufferedEnd = this.player_.bufferedEnd();
-    var children = this.partEls_;
-
-    // get the percent width of a time compared to the total end
-    var percentify = function percentify(time, end) {
-      // no NaN
-      var percent = time / end || 0;
-
-      return (percent >= 1 ? 1 : percent) * 100 + '%';
-    };
-
-    // update the width of the progress bar
-    this.el_.style.width = percentify(bufferedEnd, duration);
-
-    // 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 = this.el_.appendChild(createEl());
-        children[i] = part;
-      }
-
-      // 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--) {
-      this.el_.removeChild(children[_i - 1]);
-    }
-    children.length = buffered.length;
-  };
-
-  return LoadProgressBar;
-}(Component);
-
-Component.registerComponent('LoadProgressBar', LoadProgressBar);
-
-/**
- * @file time-tooltip.js
- */
-/**
- * Time tooltips display a time above the progress bar.
- *
- * @extends Component
- */
-
-var TimeTooltip = function (_Component) {
-  inherits(TimeTooltip, _Component);
-
-  function TimeTooltip() {
-    classCallCheck(this, TimeTooltip);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the time tooltip DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  TimeTooltip.prototype.createEl = function createEl$$1() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-tooltip'
-    });
-  };
-
-  /**
-   * 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}
-   */
-
-
-  TimeTooltip.prototype.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';
-    textContent(this.el_, content);
-  };
-
-  return TimeTooltip;
-}(Component);
-
-Component.registerComponent('TimeTooltip', TimeTooltip);
-
-/**
- * @file play-progress-bar.js
- */
-/**
- * Used by {@link SeekBar} to display media playback progress as part of the
- * {@link ProgressControl}.
- *
- * @extends Component
- */
-
-var PlayProgressBar = function (_Component) {
-  inherits(PlayProgressBar, _Component);
-
-  function PlayProgressBar() {
-    classCallCheck(this, PlayProgressBar);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  PlayProgressBar.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-play-progress vjs-slider-bar',
-      innerHTML: '<span class="vjs-control-text"><span>' + this.localize('Progress') + '</span>: 0%</span>'
-    });
-  };
-
-  /**
-   * 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}
-   */
-
-
-  PlayProgressBar.prototype.update = function update(seekBarRect, seekBarPoint) {
-    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 time = _this2.player_.scrubbing() ? _this2.player_.getCache().currentTime : _this2.player_.currentTime();
-
-      var content = formatTime(time, _this2.player_.duration());
-      var timeTooltip = _this2.getChild('timeTooltip');
-
-      if (timeTooltip) {
-        timeTooltip.update(seekBarRect, seekBarPoint, content);
-      }
-    });
-  };
-
-  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 or IE8
-if ((!IE_VERSION || IE_VERSION > 8) && !IS_IOS && !IS_ANDROID) {
-  PlayProgressBar.prototype.options_.children.push('timeTooltip');
-}
-
-Component.registerComponent('PlayProgressBar', PlayProgressBar);
-
-/**
- * @file mouse-time-display.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, MouseTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.update = throttle(bind(_this, _this.update), 25);
-    return _this;
-  }
-
-  /**
-   * Create the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  MouseTimeDisplay.prototype.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}
-   */
-
-
-  MouseTimeDisplay.prototype.update = function update(seekBarRect, seekBarPoint) {
-    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 duration = _this2.player_.duration();
-      var content = formatTime(seekBarPoint * duration, duration);
-
-      _this2.el_.style.left = seekBarRect.width * seekBarPoint + 'px';
-      _this2.getChild('timeTooltip').update(seekBarRect, seekBarPoint, content);
-    });
-  };
-
-  return MouseTimeDisplay;
-}(Component);
-
-/**
- * Default options for `MouseTimeDisplay`
- *
- * @type {Object}
- * @private
- */
-
-
-MouseTimeDisplay.prototype.options_ = {
-  children: ['timeTooltip']
-};
-
-Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
-
-/**
- * @file seek-bar.js
- */
-// The number of seconds the `step*` functions move the timeline.
-var STEP_SECONDS = 5;
-
-// The interval at which the bar should update as it progresses.
-var UPDATE_REFRESH_INTERVAL = 30;
-
-/**
- * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
- * as its `bar`.
- *
- * @extends Slider
- */
-
-var SeekBar = function (_Slider) {
-  inherits(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) {
-    classCallCheck(this, SeekBar);
-
-    var _this = possibleConstructorReturn(this, _Slider.call(this, player, options));
-
-    _this.update = throttle(bind(_this, _this.update), UPDATE_REFRESH_INTERVAL);
-
-    _this.on(player, 'timeupdate', _this.update);
-    _this.on(player, 'ended', _this.handleEnded);
-
-    // when playing, let's ensure we smoothly update the play progress bar
-    // via an interval
-    _this.updateInterval = null;
-
-    _this.on(player, ['playing'], function () {
-      _this.clearInterval(_this.updateInterval);
-
-      _this.updateInterval = _this.setInterval(function () {
-        _this.requestAnimationFrame(function () {
-          _this.update();
-        });
-      }, UPDATE_REFRESH_INTERVAL);
-    });
-
-    _this.on(player, ['ended', 'pause', 'waiting'], function () {
-      _this.clearInterval(_this.updateInterval);
-    });
-
-    _this.on(player, ['timeupdate', 'ended'], _this.update);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  SeekBar.prototype.createEl = function createEl$$1() {
-    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 accessiblity
-   * attributes to whatever is passed in.
-   *
-   * @param {number} currentTime
-   *        The currentTime value that should be used for accessiblity
-   *
-   * @param {number} percent
-   *        The percentage as a decimal that the bar should be filled from 0-1.
-   *
-   * @private
-   */
-
-
-  SeekBar.prototype.update_ = function update_(currentTime, percent) {
-    var duration = this.player_.duration();
-
-    // machine readable value of progress bar (percentage complete)
-    this.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
-
-    // human readable value of progress bar (time complete)
-    this.el_.setAttribute('aria-valuetext', this.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
-
-    // Update the `PlayProgressBar`.
-    this.bar.update(getBoundingClientRect(this.el_), percent);
-  };
-
-  /**
-   * Update the seek bar's UI.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `ended` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   *
-   * @returns {number}
-   *          The current percent at a number from 0-1
-   */
-
-
-  SeekBar.prototype.update = function update(event) {
-    var percent = _Slider.prototype.update.call(this);
-
-    this.update_(this.getCurrentTime_(), percent);
-    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
-   */
-
-
-  SeekBar.prototype.getCurrentTime_ = function getCurrentTime_() {
-    return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-  };
-
-  /**
-   * We want the seek bar to be full on ended
-   * no matter what the actual internal values are. so we force it.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  SeekBar.prototype.handleEnded = function handleEnded(event) {
-    this.update_(this.player_.duration(), 1);
-  };
-
-  /**
-   * Get the percentage of media played so far.
-   *
-   * @return {number}
-   *         The percentage of media played so far (0 to 1).
-   */
-
-
-  SeekBar.prototype.getPercent = function getPercent() {
-    var percent = this.getCurrentTime_() / this.player_.duration();
-
-    return percent >= 1 ? 1 : percent;
-  };
-
-  /**
-   * Handle mouse down on seek bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousedown` event that caused this to run.
-   *
-   * @listens mousedown
-   */
-
-
-  SeekBar.prototype.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
-   */
-
-
-  SeekBar.prototype.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    var newTime = this.calculateDistance(event) * this.player_.duration();
-
-    // Don't let video end while scrubbing.
-    if (newTime === this.player_.duration()) {
-      newTime = newTime - 0.1;
-    }
-
-    // Set new time (tell player to seek to new time)
-    this.player_.currentTime(newTime);
-  };
-
-  SeekBar.prototype.enable = function enable() {
-    _Slider.prototype.enable.call(this);
-    var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-    if (!mouseTimeDisplay) {
-      return;
-    }
-
-    mouseTimeDisplay.show();
-  };
-
-  SeekBar.prototype.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
-   */
-
-
-  SeekBar.prototype.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());
-    }
-  };
-
-  /**
-   * Move more quickly fast forward for keyboard-only users
-   */
-
-
-  SeekBar.prototype.stepForward = function stepForward() {
-    this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
-  };
-
-  /**
-   * Move more quickly rewind for keyboard-only users
-   */
-
-
-  SeekBar.prototype.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
-   *
-   */
-
-
-  SeekBar.prototype.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. By
-   * default it will call `this.handleAction` when the key is space or enter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  SeekBar.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Support Space (32) or Enter (13) key operation to fire a click event
-    if (event.which === 32 || event.which === 13) {
-      event.preventDefault();
-      this.handleAction(event);
-    } else if (_Slider.prototype.handleKeyPress) {
-
-      // Pass keypress handling up for unsupported keys
-      _Slider.prototype.handleKeyPress.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 or IE8
-if ((!IE_VERSION || IE_VERSION > 8) && !IS_IOS && !IS_ANDROID) {
-  SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
-}
-
-/**
- * Call the update event for this Slider when this event happens on the player.
- *
- * @type {string}
- */
-SeekBar.prototype.playerEvent = 'timeupdate';
-
-Component.registerComponent('SeekBar', SeekBar);
-
-/**
- * @file progress-control.js
- */
-/**
- * The Progress Control component contains the seek bar, load progress,
- * and play progress.
- *
- * @extends Component
- */
-
-var ProgressControl = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, ProgressControl);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.handleMouseMove = throttle(bind(_this, _this.handleMouseMove), 25);
-    _this.throttledHandleMouseSeek = throttle(bind(_this, _this.handleMouseSeek), 25);
-
-    _this.enable();
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  ProgressControl.prototype.createEl = function createEl$$1() {
-    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
-   */
-
-
-  ProgressControl.prototype.handleMouseMove = function handleMouseMove(event) {
-    var seekBar = this.getChild('seekBar');
-
-    if (seekBar) {
-      var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
-      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.
-      if (seekBarPoint > 1) {
-        seekBarPoint = 1;
-      } else if (seekBarPoint < 0) {
-        seekBarPoint = 0;
-      }
-
-      if (mouseTimeDisplay) {
-        mouseTimeDisplay.update(seekBarRect, seekBarPoint);
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.enabled = function enabled() {
-    return this.enabled_;
-  };
-
-  /**
-   * Disable all controls on the progress control and its children
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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);
-
-/**
- * @file fullscreen-toggle.js
- */
-/**
- * Toggle fullscreen video
- *
- * @extends Button
- */
-
-var FullscreenToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, FullscreenToggle);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  FullscreenToggle.prototype.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
-   */
-
-
-  FullscreenToggle.prototype.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
-   */
-
-
-  FullscreenToggle.prototype.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');
-    }
-  });
-};
-
-/**
- * @file volume-level.js
- */
-/**
- * Shows volume level
- *
- * @extends Component
- */
-
-var VolumeLevel = function (_Component) {
-  inherits(VolumeLevel, _Component);
-
-  function VolumeLevel() {
-    classCallCheck(this, VolumeLevel);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  VolumeLevel.prototype.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);
-
-/**
- * @file volume-bar.js
- */
-// Required children
-/**
- * The bar that contains the volume level and can be clicked on to adjust the level
- *
- * @extends Slider
- */
-
-var VolumeBar = function (_Slider) {
-  inherits(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) {
-    classCallCheck(this, VolumeBar);
-
-    var _this = possibleConstructorReturn(this, _Slider.call(this, player, options));
-
-    _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.
-   */
-
-
-  VolumeBar.prototype.createEl = function createEl$$1() {
-    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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    this.checkMuted();
-    this.player_.volume(this.calculateDistance(event));
-  };
-
-  /**
-   * If the player is muted unmute it.
-   */
-
-
-  VolumeBar.prototype.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.
-   */
-
-
-  VolumeBar.prototype.getPercent = function getPercent() {
-    if (this.player_.muted()) {
-      return 0;
-    }
-    return this.player_.volume();
-  };
-
-  /**
-   * Increase volume level for keyboard users
-   */
-
-
-  VolumeBar.prototype.stepForward = function stepForward() {
-    this.checkMuted();
-    this.player_.volume(this.player_.volume() + 0.1);
-  };
-
-  /**
-   * Decrease volume level for keyboard users
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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);
-
-/**
- * @file volume-control.js
- */
-// Required children
-/**
- * The component for controlling the volume level
- *
- * @extends Component
- */
-
-var VolumeControl = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, VolumeControl);
-
-    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;
-    }
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    _this.throttledHandleMouseMove = throttle(bind(_this, _this.handleMouseMove), 25);
-
-    _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.
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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);
-
-/**
- * @file mute-toggle.js
- */
-/**
- * A button component for muting the audio.
- *
- * @extends Button
- */
-
-var MuteToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, MuteToggle);
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    _this.on(player, ['loadstart', 'volumechange'], _this.update);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.updateIcon_ = function updateIcon_() {
-    var vol = this.player_.volume();
-    var level = 3;
-
-    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
-   */
-
-
-  MuteToggle.prototype.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);
-
-/**
- * @file volume-control.js
- */
-// Required children
-/**
- * A Component to contain the MuteToggle and VolumeControl so that
- * they can work together.
- *
- * @extends Component
- */
-
-var VolumePanel = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, VolumePanel);
-
-    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;
-    }
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    // 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
-   */
-
-
-  VolumePanel.prototype.sliderActive_ = function sliderActive_() {
-    this.addClass('vjs-slider-active');
-  };
-
-  /**
-   * Removes vjs-slider-active class to the VolumePanel
-   *
-   * @listens VolumeControl#sliderinactive
-   * @private
-   */
-
-
-  VolumePanel.prototype.sliderInactive_ = function sliderInactive_() {
-    this.removeClass('vjs-slider-active');
-  };
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  VolumePanel.prototype.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
-    });
-  };
-
-  return VolumePanel;
-}(Component);
-
-/**
- * Default options for the `VolumeControl`
- *
- * @type {Object}
- * @private
- */
-
-
-VolumePanel.prototype.options_ = {
-  children: ['muteToggle', 'volumeControl']
-};
-
-Component.registerComponent('VolumePanel', VolumePanel);
-
-/**
- * @file menu.js
- */
-/**
- * The Menu component is used to build popup menus, including subtitle and
- * captions selection menus.
- *
- * @extends Component
- */
-
-var Menu = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Menu);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    if (options) {
-      _this.menuButton_ = options.menuButton;
-    }
-
-    _this.focusedChild_ = -1;
-
-    _this.on('keydown', _this.handleKeyPress);
-    return _this;
-  }
-
-  /**
-   * Add a {@link MenuItem} to the menu.
-   *
-   * @param {Object|string} component
-   *        The name or instance of the `MenuItem` to add.
-   *
-   */
-
-
-  Menu.prototype.addItem = function addItem(component) {
-    this.addChild(component);
-    component.on('click', bind(this, function (event) {
-      // Unpress the associated MenuButton, and move focus back to it
-      if (this.menuButton_) {
-        this.menuButton_.unpressButton();
-
-        // don't focus menu button if item is a caption settings item
-        // because focus will move elsewhere and it logs an error on IE8
-        if (component.name() !== 'CaptionSettingsMenuItem') {
-          this.menuButton_.focus();
-        }
-      }
-    }));
-  };
-
-  /**
-   * Create the `Menu`s DOM element.
-   *
-   * @return {Element}
-   *         the element that was created
-   */
-
-
-  Menu.prototype.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;
-  };
-
-  Menu.prototype.dispose = function dispose() {
-    this.contentEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Menu.prototype.handleKeyPress = function handleKeyPress(event) {
-    // Left and Down Arrows
-    if (event.which === 37 || event.which === 40) {
-      event.preventDefault();
-      this.stepForward();
-
-      // Up and Right Arrows
-    } else if (event.which === 38 || event.which === 39) {
-      event.preventDefault();
-      this.stepBack();
-    }
-  };
-
-  /**
-   * Move to next (lower) menu item for keyboard users.
-   */
-
-
-  Menu.prototype.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.
-   */
-
-
-  Menu.prototype.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.
-   */
-
-
-  Menu.prototype.focus = function focus() {
-    var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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);
-
-/**
- * @file menu-button.js
- */
-/**
- * A `MenuButton` class for any popup {@link Menu}.
- *
- * @extends Component
- */
-
-var MenuButton = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, MenuButton);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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_, 'focus', _this.handleFocus);
-    _this.on(_this.menuButton_, 'blur', _this.handleBlur);
-
-    _this.on('keydown', _this.handleSubmenuKeyPress);
-    return _this;
-  }
-
-  /**
-   * Update the menu based on the current state of its items.
-   */
-
-
-  MenuButton.prototype.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
-   */
-
-
-  MenuButton.prototype.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 title = createEl('li', {
-        className: 'vjs-menu-title',
-        innerHTML: toTitleCase(this.options_.title),
-        tabIndex: -1
-      });
-
-      this.hideThreshold_ += 1;
-
-      menu.children_.unshift(title);
-      prependTo(title, menu.contentEl());
-    }
-
-    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
-   */
-
-
-  MenuButton.prototype.createItems = function createItems() {};
-
-  /**
-   * Create the `MenuButtons`s DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  MenuButton.prototype.createEl = function createEl$$1() {
-    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`
-   */
-
-
-  MenuButton.prototype.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.
-   */
-
-
-  MenuButton.prototype.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
-   */
-
-
-  MenuButton.prototype.controlText = function controlText(text) {
-    var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.menuButton_.el();
-
-    return this.menuButton_.controlText(text, el);
-  };
-
-  /**
-   * 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
-   */
-
-
-  MenuButton.prototype.handleClick = function handleClick(event) {
-    // When you click the button it adds focus, which will show the menu.
-    // So we'll remove focus when the mouse leaves the button. Focus is needed
-    // for tab navigation.
-
-    this.one(this.menu.contentEl(), 'mouseleave', bind(this, function (e) {
-      this.unpressButton();
-      this.el_.blur();
-    }));
-    if (this.buttonPressed_) {
-      this.unpressButton();
-    } else {
-      this.pressButton();
-    }
-  };
-
-  /**
-   * Set the focus to the actual button, not to this element
-   */
-
-
-  MenuButton.prototype.focus = function focus() {
-    this.menuButton_.focus();
-  };
-
-  /**
-   * Remove the focus from the actual button, not this element
-   */
-
-
-  MenuButton.prototype.blur = function blur() {
-    this.menuButton_.blur();
-  };
-
-  /**
-   * This gets called when a `MenuButton` gains focus via a `focus` event.
-   * Turns on listening for `keydown` events. When they happen it
-   * calls `this.handleKeyPress`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to be called.
-   *
-   * @listens focus
-   */
-
-
-  MenuButton.prototype.handleFocus = function handleFocus() {
-    on(document, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Called when a `MenuButton` loses focus. Turns off the listener for
-   * `keydown` events. Which Stops `this.handleKeyPress` from getting called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to be called.
-   *
-   * @listens blur
-   */
-
-
-  MenuButton.prototype.handleBlur = function handleBlur() {
-    off(document, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
-   * {@link ClickableComponent#handleKeyPress} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  MenuButton.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Escape (27) key or Tab (9) key unpress the 'button'
-    if (event.which === 27 || event.which === 9) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      }
-      // Don't preventDefault for Tab key - we still want to lose focus
-      if (event.which !== 9) {
-        event.preventDefault();
-        // Set focus back to the menu button's button
-        this.menuButton_.el_.focus();
-      }
-      // Up (38) key or Down (40) key press the 'button'
-    } else if (event.which === 38 || event.which === 40) {
-      if (!this.buttonPressed_) {
-        this.pressButton();
-        event.preventDefault();
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  MenuButton.prototype.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
-
-    // Escape (27) key or Tab (9) key unpress the 'button'
-    if (event.which === 27 || event.which === 9) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      }
-      // Don't preventDefault for Tab key - we still want to lose focus
-      if (event.which !== 9) {
-        event.preventDefault();
-        // Set focus back to the menu button's button
-        this.menuButton_.el_.focus();
-      }
-    }
-  };
-
-  /**
-   * Put the current `MenuButton` into a pressed state.
-   */
-
-
-  MenuButton.prototype.pressButton = function pressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = true;
-      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.
-   */
-
-
-  MenuButton.prototype.unpressButton = function unpressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = false;
-      this.menu.unlockShowing();
-      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-    }
-  };
-
-  /**
-   * Disable the `MenuButton`. Don't allow it to be clicked.
-   */
-
-
-  MenuButton.prototype.disable = function disable() {
-    this.unpressButton();
-
-    this.enabled_ = false;
-    this.addClass('vjs-disabled');
-
-    this.menuButton_.disable();
-  };
-
-  /**
-   * Enable the `MenuButton`. Allow it to be clicked.
-   */
-
-
-  MenuButton.prototype.enable = function enable() {
-    this.enabled_ = true;
-    this.removeClass('vjs-disabled');
-
-    this.menuButton_.enable();
-  };
-
-  return MenuButton;
-}(Component);
-
-Component.registerComponent('MenuButton', MenuButton);
-
-/**
- * @file track-button.js
- */
-/**
- * The base class for buttons that toggle specific  track types (e.g. subtitles).
- *
- * @extends MenuButton
- */
-
-var TrackButton = function (_MenuButton) {
-  inherits(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) {
-    classCallCheck(this, TrackButton);
-
-    var tracks = options.tracks;
-
-    var _this = possibleConstructorReturn(this, _MenuButton.call(this, player, options));
-
-    if (_this.items.length <= 1) {
-      _this.hide();
-    }
-
-    if (!tracks) {
-      return possibleConstructorReturn(_this);
-    }
-
-    var updateHandler = bind(_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-item.js
- */
-/**
- * The component for a menu item. `<li>`
- *
- * @extends ClickableComponent
- */
-
-var MenuItem = function (_ClickableComponent) {
-  inherits(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) {
-    classCallCheck(this, MenuItem);
-
-    var _this = possibleConstructorReturn(this, _ClickableComponent.call(this, player, options));
-
-    _this.selectable = options.selectable;
-    _this.isSelected_ = options.selected || false;
-
-    _this.selected(_this.isSelected_);
-
-    if (_this.selectable) {
-      // TODO: May need to be either menuitemcheckbox or menuitemradio,
-      //       and may need logical grouping of menu items.
-      _this.el_.setAttribute('role', 'menuitemcheckbox');
-    } 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.
-   */
-
-
-  MenuItem.prototype.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);
-  };
-
-  /**
-   * Any click on a `MenuItem` puts int 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
-   */
-
-
-  MenuItem.prototype.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
-   */
-
-
-  MenuItem.prototype.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);
-
-/**
- * @file text-track-menu-item.js
- */
-/**
- * The specific menu item type for selecting a language within a text track kind
- *
- * @extends MenuItem
- */
-
-var TextTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, TextTrackMenuItem);
-
-    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';
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_this, args);
-    };
-    var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
-      for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      _this.handleSelectedLanguageChange.apply(_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 = void 0;
-
-      _this.on(['tap', 'click'], function () {
-        if (_typeof(window.Event) !== 'object') {
-          // Android 2.3 throws an Illegal Constructor error for window.Event
-          try {
-            event = new window.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
-   */
-
-
-  TextTrackMenuItem.prototype.handleClick = function handleClick(event) {
-    var kind = this.track.kind;
-    var kinds = this.track.kinds;
-    var tracks = this.player_.textTracks();
-
-    if (!kinds) {
-      kinds = [kind];
-    }
-
-    _MenuItem.prototype.handleClick.call(this, event);
-
-    if (!tracks) {
-      return;
-    }
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i];
-
-      if (track === this.track && kinds.indexOf(track.kind) > -1) {
-        if (track.mode !== 'showing') {
-          track.mode = 'showing';
-        }
-      } 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
-   */
-
-
-  TextTrackMenuItem.prototype.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);
-    }
-  };
-
-  TextTrackMenuItem.prototype.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
-      };
-    }
-  };
-
-  TextTrackMenuItem.prototype.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);
-
-/**
- * @file off-text-track-menu-item.js
- */
-/**
- * A special menu item for turning of a specific type of text track
- *
- * @extends TextTrackMenuItem
- */
-
-var OffTextTrackMenuItem = function (_TextTrackMenuItem) {
-  inherits(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) {
-    classCallCheck(this, OffTextTrackMenuItem);
-
-    // Create pseudo track info
-    // Requires options['kind']
-    options.track = {
-      player: player,
-      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;
-
-    return possibleConstructorReturn(this, _TextTrackMenuItem.call(this, player, options));
-  }
-
-  /**
-   * Handle text track change
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run
-   */
-
-
-  OffTextTrackMenuItem.prototype.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);
-    }
-  };
-
-  OffTextTrackMenuItem.prototype.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);
-
-/**
- * @file text-track-button.js
- */
-/**
- * The base class for buttons that toggle specific text track types (e.g. subtitles)
- *
- * @extends MenuButton
- */
-
-var TextTrackButton = function (_TrackButton) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, TextTrackButton);
-
-    options.tracks = player.textTracks();
-
-    return possibleConstructorReturn(this, _TrackButton.call(this, player, options));
-  }
-
-  /**
-   * 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
-   */
-
-
-  TextTrackButton.prototype.createItems = function createItems() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var TrackMenuItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TextTrackMenuItem;
-
-
-    // Label is an overide for the [track] off label
-    // USed to localise captions/subtitles
-    var label = void 0;
-
-    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,
-          // MenuItem is selectable
-          selectable: true
-        });
-
-        item.addClass('vjs-' + track.kind + '-menu-item');
-        items.push(item);
-      }
-    }
-
-    return items;
-  };
-
-  return TextTrackButton;
-}(TrackButton);
-
-Component.registerComponent('TextTrackButton', TextTrackButton);
-
-/**
- * @file chapters-track-menu-item.js
- */
-/**
- * The chapter track menu item
- *
- * @extends MenuItem
- */
-
-var ChaptersTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, ChaptersTrackMenuItem);
-
-    var track = options.track;
-    var cue = options.cue;
-    var currentTime = player.currentTime();
-
-    // Modify options for parent MenuItem class's init.
-    options.selectable = true;
-    options.label = cue.text;
-    options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-    _this.cue = cue;
-    track.addEventListener('cuechange', bind(_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
-   */
-
-
-  ChaptersTrackMenuItem.prototype.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
-   */
-
-
-  ChaptersTrackMenuItem.prototype.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);
-
-/**
- * @file chapters-button.js
- */
-/**
- * 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 = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, ChaptersButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  ChaptersButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-chapters-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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);
-
-/**
- * @file descriptions-button.js
- */
-/**
- * The button component for toggling and selecting descriptions
- *
- * @extends TextTrackButton
- */
-
-var DescriptionsButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, DescriptionsButton);
-
-    var _this = possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-
-    var tracks = player.textTracks();
-    var changeHandler = bind(_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
-   */
-
-
-  DescriptionsButton.prototype.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.
-   */
-
-
-  DescriptionsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-descriptions-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  DescriptionsButton.prototype.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);
-
-/**
- * @file subtitles-button.js
- */
-/**
- * The button component for toggling and selecting subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubtitlesButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, SubtitlesButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  SubtitlesButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-subtitles-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  SubtitlesButton.prototype.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);
-
-/**
- * @file caption-settings-menu-item.js
- */
-/**
- * The menu item for caption track settings menu
- *
- * @extends TextTrackMenuItem
- */
-
-var CaptionSettingsMenuItem = function (_TextTrackMenuItem) {
-  inherits(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) {
-    classCallCheck(this, CaptionSettingsMenuItem);
-
-    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';
-
-    var _this = possibleConstructorReturn(this, _TextTrackMenuItem.call(this, player, options));
-
-    _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
-   */
-
-
-  CaptionSettingsMenuItem.prototype.handleClick = function handleClick(event) {
-    this.player().getChild('textTrackSettings').open();
-  };
-
-  return CaptionSettingsMenuItem;
-}(TextTrackMenuItem);
-
-Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
-
-/**
- * @file captions-button.js
- */
-/**
- * The button component for toggling and selecting captions
- *
- * @extends TextTrackButton
- */
-
-var CaptionsButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, CaptionsButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CaptionsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-captions-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  CaptionsButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return 'vjs-captions-button ' + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  };
-
-  /**
-   * Create caption menu items
-   *
-   * @return {CaptionSettingsMenuItem[]}
-   *         The array of current menu items.
-   */
-
-
-  CaptionsButton.prototype.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);
-
-/**
- * @file subs-caps-menu-item.js
- */
-/**
- * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
- * in the SubsCapsMenu.
- *
- * @extends TextTrackMenuItem
- */
-
-var SubsCapsMenuItem = function (_TextTrackMenuItem) {
-  inherits(SubsCapsMenuItem, _TextTrackMenuItem);
-
-  function SubsCapsMenuItem() {
-    classCallCheck(this, SubsCapsMenuItem);
-    return possibleConstructorReturn(this, _TextTrackMenuItem.apply(this, arguments));
-  }
-
-  SubsCapsMenuItem.prototype.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);
-
-/**
- * @file sub-caps-button.js
- */
-/**
- * The button component for toggling and selecting captions and/or subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubsCapsButton = function (_TextTrackButton) {
-  inherits(SubsCapsButton, _TextTrackButton);
-
-  function SubsCapsButton(player) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, SubsCapsButton);
-
-    // Although North America uses "captions" in most cases for
-    // "captions and subtitles" other locales use "subtitles"
-    var _this = possibleConstructorReturn(this, _TextTrackButton.call(this, player, options));
-
-    _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.
-   */
-
-
-  SubsCapsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-subs-caps-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  SubsCapsButton.prototype.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.
-   */
-
-
-  SubsCapsButton.prototype.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);
-
-/**
- * @file audio-track-menu-item.js
- */
-/**
- * An {@link AudioTrack} {@link MenuItem}
- *
- * @extends MenuItem
- */
-
-var AudioTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, AudioTrackMenuItem);
-
-    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;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_this, args);
-    };
-
-    tracks.addEventListener('change', changeHandler);
-    _this.on('dispose', function () {
-      tracks.removeEventListener('change', changeHandler);
-    });
-    return _this;
-  }
-
-  /**
-   * 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
-   */
-
-
-  AudioTrackMenuItem.prototype.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
-   */
-
-
-  AudioTrackMenuItem.prototype.handleTracksChange = function handleTracksChange(event) {
-    this.selected(this.track.enabled);
-  };
-
-  return AudioTrackMenuItem;
-}(MenuItem);
-
-Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
-
-/**
- * @file audio-track-button.js
- */
-/**
- * The base class for buttons that toggle specific {@link AudioTrack} types.
- *
- * @extends TrackButton
- */
-
-var AudioTrackButton = function (_TrackButton) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, AudioTrackButton);
-
-    options.tracks = player.audioTracks();
-
-    return possibleConstructorReturn(this, _TrackButton.call(this, player, options));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  AudioTrackButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-audio-button ' + _TrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  AudioTrackButton.prototype.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
-   */
-
-
-  AudioTrackButton.prototype.createItems = function createItems() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-    // 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
-      }));
-    }
-
-    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);
-
-/**
- * @file playback-rate-menu-item.js
- */
-/**
- * The specific menu item type for selecting a playback rate.
- *
- * @extends MenuItem
- */
-
-var PlaybackRateMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, PlaybackRateMenuItem);
-
-    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;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _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
-   */
-
-
-  PlaybackRateMenuItem.prototype.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
-   */
-
-
-  PlaybackRateMenuItem.prototype.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);
-
-/**
- * @file playback-rate-menu-button.js
- */
-/**
- * The component for controlling the playback rate.
- *
- * @extends MenuButton
- */
-
-var PlaybackRateMenuButton = function (_MenuButton) {
-  inherits(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) {
-    classCallCheck(this, PlaybackRateMenuButton);
-
-    var _this = possibleConstructorReturn(this, _MenuButton.call(this, player, options));
-
-    _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.
-   */
-
-
-  PlaybackRateMenuButton.prototype.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;
-  };
-
-  PlaybackRateMenuButton.prototype.dispose = function dispose() {
-    this.labelEl_ = null;
-
-    _MenuButton.prototype.dispose.call(this);
-  };
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  PlaybackRateMenuButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-playback-rate ' + _MenuButton.prototype.buildCSSClass.call(this);
-  };
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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);
-
-/**
- * @file spacer.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(Spacer, _Component);
-
-  function Spacer() {
-    classCallCheck(this, Spacer);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  Spacer.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-spacer ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  Spacer.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: this.buildCSSClass()
-    });
-  };
-
-  return Spacer;
-}(Component);
-
-Component.registerComponent('Spacer', Spacer);
-
-/**
- * @file custom-control-spacer.js
- */
-/**
- * Spacer specifically meant to be used as an insertion point for new plugins, etc.
- *
- * @extends Spacer
- */
-
-var CustomControlSpacer = function (_Spacer) {
-  inherits(CustomControlSpacer, _Spacer);
-
-  function CustomControlSpacer() {
-    classCallCheck(this, CustomControlSpacer);
-    return possibleConstructorReturn(this, _Spacer.apply(this, arguments));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  CustomControlSpacer.prototype.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.
-   */
-
-
-  CustomControlSpacer.prototype.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);
-
-/**
- * @file control-bar.js
- */
-// Required children
-/**
- * Container of main controls.
- *
- * @extends Component
- */
-
-var ControlBar = function (_Component) {
-  inherits(ControlBar, _Component);
-
-  function ControlBar() {
-    classCallCheck(this, ControlBar);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ControlBar.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-control-bar',
-      dir: 'ltr'
-    }, {
-      // The control bar is a group, but we don't aria-label it to avoid
-      //  over-announcing by JAWS
-      role: 'group'
-    });
-  };
-
-  return ControlBar;
-}(Component);
-
-/**
- * Default options for `ControlBar`
- *
- * @type {Object}
- * @private
- */
-
-
-ControlBar.prototype.options_ = {
-  children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
-};
-
-Component.registerComponent('ControlBar', ControlBar);
-
-/**
- * @file error-display.js
- */
-/**
- * A display that indicates an error has occurred. This means that the video
- * is unplayable.
- *
- * @extends ModalDialog
- */
-
-var ErrorDisplay = function (_ModalDialog) {
-  inherits(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) {
-    classCallCheck(this, ErrorDisplay);
-
-    var _this = possibleConstructorReturn(this, _ModalDialog.call(this, player, options));
-
-    _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.
-   */
-
-
-  ErrorDisplay.prototype.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.
-   */
-
-
-  ErrorDisplay.prototype.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_ = mergeOptions(ModalDialog.prototype.options_, {
-  pauseOnOpen: false,
-  fillAlways: true,
-  temporary: false,
-  uncloseable: true
-});
-
-Component.registerComponent('ErrorDisplay', ErrorDisplay);
-
-/**
- * @file text-track-settings.js
- */
-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 = function (_ModalDialog) {
-  inherits(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) {
-    classCallCheck(this, TextTrackSettings);
-
-    options.temporary = false;
-
-    var _this = possibleConstructorReturn(this, _ModalDialog.call(this, player, options));
-
-    _this.updateDisplay = bind(_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;
-  }
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.createElSelect_ = function createElSelect_(key) {
-    var _this2 = this;
-
-    var legendId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';
-
-    var config = selectConfigs[key];
-    var id = config.id.replace('%s', this.id_);
-
-    return ['<' + type + ' id="' + id + '" class="' + (type === 'label' ? 'vjs-label' : '') + '">', this.localize(config.label), '</' + type + '>', '<select aria-labelledby="' + (legendId !== '' ? legendId + ' ' : '') + id + '">'].concat(config.options.map(function (o) {
-      var optionId = id + '-' + o[1];
-
-      return ['<option id="' + optionId + '" value="' + o[0] + '" ', 'aria-labelledby="' + (legendId !== '' ? legendId + ' ' : '') + id + ' ' + optionId + '">', _this2.localize(o[1]), '</option>'].join('');
-    })).concat('</select>').join('');
-  };
-
-  /**
-   * Create foreground color element for the component
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.createElControls_ = function createElControls_() {
-    var defaultsDescription = this.localize('restore all settings to the default values');
-
-    return createEl('div', {
-      className: 'vjs-track-settings-controls',
-      innerHTML: ['<button class="vjs-default-button" title="' + defaultsDescription + '">', this.localize('Reset'), '<span class="vjs-control-text"> ' + defaultsDescription + '</span>', '</button>', '<button class="vjs-done-button">' + this.localize('Done') + '</button>'].join('')
-    });
-  };
-
-  TextTrackSettings.prototype.content = function content() {
-    return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
-  };
-
-  TextTrackSettings.prototype.label = function label() {
-    return this.localize('Caption Settings Dialog');
-  };
-
-  TextTrackSettings.prototype.description = function description() {
-    return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
-  };
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.restoreSettings = function restoreSettings() {
-    var values = void 0;
-
-    try {
-      values = JSON.parse(window.localStorage.getItem(LOCAL_STORAGE_KEY));
-    } catch (err) {
-      log$1.warn(err);
-    }
-
-    if (values) {
-      this.setValues(values);
-    }
-  };
-
-  /**
-   * Save text track settings to localStorage
-   */
-
-
-  TextTrackSettings.prototype.saveSettings = function saveSettings() {
-    if (!this.options_.persistTextTrackSettings) {
-      return;
-    }
-
-    var values = this.getValues();
-
-    try {
-      if (Object.keys(values).length) {
-        window.localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(values));
-      } else {
-        window.localStorage.removeItem(LOCAL_STORAGE_KEY);
-      }
-    } catch (err) {
-      log$1.warn(err);
-    }
-  };
-
-  /**
-   * Update display of text track settings
-   */
-
-
-  TextTrackSettings.prototype.updateDisplay = function updateDisplay() {
-    var ttDisplay = this.player_.getChild('textTrackDisplay');
-
-    if (ttDisplay) {
-      ttDisplay.updateDisplay();
-    }
-  };
-
-  /**
-   * conditionally blur the element and refocus the captions button
-   *
-   * @private
-   */
-
-
-  TextTrackSettings.prototype.conditionalBlur_ = function conditionalBlur_() {
-    this.previouslyActiveEl_ = null;
-    this.off(document, 'keydown', this.handleKeyDown);
-
-    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);
-
-/**
- * @file resize-manager.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, ResizeManager);
-
-    var RESIZE_OBSERVER_AVAILABLE = options.ResizeObserver || window.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 }, options);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options_));
-
-    _this.ResizeObserver = options.ResizeObserver || window.ResizeObserver;
-    _this.loadListener_ = null;
-    _this.resizeObserver_ = null;
-    _this.debouncedHandler_ = debounce(function () {
-      _this.resizeHandler();
-    }, 100, false, player);
-
-    if (RESIZE_OBSERVER_AVAILABLE) {
-      _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
-      _this.resizeObserver_.observe(player.el());
-    } else {
-      _this.loadListener_ = function () {
-        if (_this.el_.contentWindow) {
-          on(_this.el_.contentWindow, 'resize', _this.debouncedHandler_);
-        }
-        _this.off('load', _this.loadListener_);
-      };
-
-      _this.on('load', _this.loadListener_);
-    }
-    return _this;
-  }
-
-  ResizeManager.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'iframe', {
-      className: 'vjs-resize-manager'
-    });
-  };
-
-  /**
-   * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
-   *
-   * @fires Player#playerresize
-   */
-
-
-  ResizeManager.prototype.resizeHandler = function resizeHandler() {
-    /**
-     * Called when the player size has changed
-     *
-     * @event Player#playerresize
-     * @type {EventTarget~Event}
-     */
-    this.player_.trigger('playerresize');
-  };
-
-  ResizeManager.prototype.dispose = function dispose() {
-    if (this.resizeObserver_) {
-      this.resizeObserver_.unobserve(this.player_.el());
-      this.resizeObserver_.disconnect();
-    }
-
-    if (this.el_ && this.el_.contentWindow) {
-      off(this.el_.contentWindow, 'resize', this.debouncedHandler_);
-    }
-
-    if (this.loadListener_) {
-      this.off('load', this.loadListener_);
-    }
-
-    this.ResizeObserver = null;
-    this.resizeObserver = null;
-    this.debouncedHandler_ = null;
-    this.loadListener_ = null;
-  };
-
-  return ResizeManager;
-}(Component);
-
-Component.registerComponent('ResizeManager', ResizeManager);
-
-var _templateObject$2 = taggedTemplateLiteralLoose(['Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n            This may prevent text tracks from loading.'], ['Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n            This may prevent text tracks from loading.']);
-
-/**
- * @file html5.js
- */
-/**
- * HTML5 Media Controller - Wrapper for HTML5 Media API
- *
- * @mixes Tech~SouceHandlerAdditions
- * @extends Tech
- */
-
-var Html5 = function (_Tech) {
-  inherits(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) {
-    classCallCheck(this, Html5);
-
-    var _this = possibleConstructorReturn(this, _Tech.call(this, options, ready));
-
-    if (options.enableSourceset) {
-      _this.setupSourcesetHandling_();
-    }
-
-    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_);
-    }
-
-    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$1.warn(tsml(_templateObject$2));
-    }
-
-    // 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.
-   */
-
-
-  Html5.prototype.dispose = function dispose() {
-    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
-   */
-
-
-  Html5.prototype.setupSourcesetHandling_ = function setupSourcesetHandling_() {
-    var _this2 = this;
-
-    if (!this.featuresSourceset) {
-      return;
-    }
-
-    var el = this.el();
-
-    // we need to fire sourceset when the player is ready
-    // if we find that the media element had a src when it was
-    // given to us and that tech element is not in a stalled state
-    if (el.src || el.currentSrc && this.el().initNetworkState_ !== 3) {
-      this.triggerSourceset(el.src || el.currentSrc);
-    }
-
-    var proto = window.HTMLMediaElement.prototype;
-    var srcDescriptor = {};
-
-    // preserve getters/setters already on `el.src` if they exist
-    if (Object.getOwnPropertyDescriptor(el, 'src')) {
-      srcDescriptor = Object.getOwnPropertyDescriptor(el, 'src');
-    } else if (Object.getOwnPropertyDescriptor(proto, 'src')) {
-      srcDescriptor = mergeOptions(srcDescriptor, Object.getOwnPropertyDescriptor(proto, 'src'));
-    }
-
-    if (!srcDescriptor.get) {
-      srcDescriptor.get = function () {
-        return proto.getAttribute.call(this, 'src');
-      };
-    }
-
-    if (!srcDescriptor.set) {
-      srcDescriptor.set = function (v) {
-        return proto.setAttribute.call(this, 'src', v);
-      };
-    }
-
-    if (typeof srcDescriptor.enumerable === 'undefined') {
-      srcDescriptor.enumerable = true;
-    }
-
-    Object.defineProperty(el, 'src', {
-      get: srcDescriptor.get.bind(el),
-      set: function set$$1(v) {
-        var retval = srcDescriptor.set.call(el, v);
-
-        _this2.triggerSourceset(v);
-
-        return retval;
-      },
-      configurable: true,
-      enumerable: srcDescriptor.enumerable
-    });
-
-    var oldSetAttribute = el.setAttribute;
-
-    el.setAttribute = function (n, v) {
-      var retval = oldSetAttribute.call(el, n, v);
-
-      if (n === 'src') {
-        _this2.triggerSourceset(v);
-      }
-
-      return retval;
-    };
-
-    var oldLoad = el.load;
-
-    el.load = function () {
-      var retval = oldLoad.call(el);
-
-      // if `el.src` is set, that source will be loaded
-      // otherwise, we can't know for sure what source will be set because
-      // source elements will be used but implementing the source selection algorithm
-      // is laborious and asynchronous, so,
-      // instead return an empty string to basically indicate source may change
-      _this2.triggerSourceset(el.src || '');
-
-      return retval;
-    };
-  };
-
-  /**
-   * 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
-   */
-
-
-  Html5.prototype.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
-    var textTracks = this.textTracks();
-    var metadataTracksPreFullscreenState = void 0;
-
-    // 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);
-    });
-  };
-
-  /**
-   * Proxy all native track list events to our track lists if the browser we are playing
-   * in supports that type of track list.
-   *
-   * @private
-   */
-
-
-  Html5.prototype.proxyNativeTracks_ = function proxyNativeTracks_() {
-    var _this3 = this;
-
-    NORMAL.names.forEach(function (name) {
-      var props = NORMAL[name];
-      var elTracks = _this3.el()[props.getterName];
-      var techTracks = _this3[props.getterName]();
-
-      if (!_this3['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());
-        }
-      };
-
-      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
-      _this3.on('loadstart', removeOldTracks);
-      _this3.on('dispose', function (e) {
-        return _this3.off('loadstart', removeOldTracks);
-      });
-    });
-  };
-
-  /**
-   * Create the `Html5` Tech's DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  Html5.prototype.createEl = function createEl$$1() {
-    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.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.setCurrentTime = function setCurrentTime(seconds) {
-    try {
-      this.el_.currentTime = seconds;
-    } catch (e) {
-      log$1(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.
-   */
-
-
-  Html5.prototype.duration = function duration() {
-    var _this4 = 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 (_this4.el_.currentTime > 0) {
-          // Trigger durationchange for genuinely live video
-          if (_this4.el_.duration === Infinity) {
-            _this4.trigger('durationchange');
-          }
-          _this4.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.
-   */
-
-
-  Html5.prototype.width = function width() {
-    return this.el_.offsetWidth;
-  };
-
-  /**
-   * Get the current height of the HTML5 media element.
-   *
-   * @return {number}
-   *         The heigth of the HTML5 media element.
-   */
-
-
-  Html5.prototype.height = function height() {
-    return this.el_.offsetHeight;
-  };
-
-  /**
-   * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
-   * `fullscreenchange` event.
-   *
-   * @private
-   * @fires fullscreenchange
-   * @listens webkitendfullscreen
-   * @listens webkitbeginfullscreen
-   * @listens webkitbeginfullscreen
-   */
-
-
-  Html5.prototype.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
-    var _this5 = 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 () {
-      _this5.off('webkitbeginfullscreen', beginFn);
-      _this5.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.
-   */
-
-
-  Html5.prototype.supportsFullScreen = function supportsFullScreen() {
-    if (typeof this.el_.webkitEnterFullScreen === 'function') {
-      var userAgent = window.navigator && window.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.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.exitFullScreen = function exitFullScreen() {
-    this.el_.webkitExitFullScreen();
-  };
-
-  /**
-   * 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.
-   */
-
-
-  Html5.prototype.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}.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.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 intialize 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.
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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.performance && typeof window.performance.now === 'function') {
-      videoPlaybackQuality.creationTime = window.performance.now();
-    } else if (window.performance && window.performance.timing && typeof window.performance.timing.navigationStart === 'number') {
-      videoPlaybackQuality.creationTime = window.Date.now() - window.performance.timing.navigationStart;
-    }
-
-    return videoPlaybackQuality;
-  };
-
-  return Html5;
-}(Tech);
-
-/* HTML5 Support Testing ---------------------------------------------------- */
-
-if (isReal()) {
-
-  /**
-   * Element for testing browser HTML5 media capabilities
-   *
-   * @type {Element}
-   * @constant
-   * @private
-   */
-  Html5.TEST_VID = document.createElement('video');
-  var track = document.createElement('track');
-
-  track.kind = 'captions';
-  track.srclang = 'en';
-  track.label = 'English';
-  Html5.TEST_VID.appendChild(track);
-}
-
-/**
- * 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 () {
-  // IE9 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 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 overriden
- *         - False otherwise
- */
-Html5.canOverrideAttributes = function () {
-  if (IS_IE8) {
-    return false;
-  }
-  // if we cannot overwrite the src 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 });
-  } 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;
-};
-
-/**
- * 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}
- */
-Html5.prototype.featuresVolumeControl = Html5.canControlVolume();
-
-/**
- * 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}
- */
-Html5.prototype.featuresPlaybackRate = Html5.canControlPlaybackRate();
-
-/**
- * Boolean indicating wether the `Tech` supports the `sourceset` event.
- *
- * @type {boolean}
- * @default
- */
-Html5.prototype.featuresSourceset = Html5.canOverrideAttributes();
-
-/**
- * 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 triggred 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 triggred instead.
- *
- * @default
- */
-Html5.prototype.featuresTimeupdateEvents = true;
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeTextTracks}
- */
-Html5.prototype.featuresNativeTextTracks = Html5.supportsNativeTextTracks();
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeVideoTracks}
- */
-Html5.prototype.featuresNativeVideoTracks = Html5.supportsNativeVideoTracks();
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeAudioTracks}
- */
-Html5.prototype.featuresNativeAudioTracks = Html5.supportsNativeAudioTracks();
-
-// HTML5 Feature detection and Device Fixes --------------------------------- //
-var canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
-var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
-var mp4RE = /^video\/mp4/i;
-
-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) {
-    Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-      if (type && mpegurlRE.test(type)) {
-        return 'maybe';
-      }
-      return canPlayType.call(this, type);
-    };
-
-    // Override Android 2.2 and less canPlayType method which is broken
-  } else if (IS_OLD_ANDROID) {
-    Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-      if (type && mp4RE.test(type)) {
-        return 'maybe';
-      }
-      return canPlayType.call(this, type);
-    };
-  }
-};
-
-Html5.unpatchCanPlayType = function () {
-  var r = Html5.TEST_VID.constructor.prototype.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 occured 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.
- *         - Flase 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: NEWORK_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. `videoHeigth` 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.
- *
- * @proprety {Tech~SourceObject} source
- *        The source object
- *
- * @proprety {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) {
-  // IE9 on Windows 7 without MediaPlayer throws an error here
-  // https://github.com/videojs/video.js/issues/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);
-
-var _templateObject$1 = taggedTemplateLiteralLoose(['\n        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      '], ['\n        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      ']);
-
-/**
- * @file player.js
- */
-// Subclasses Component
-// The following imports are used only to ensure that the corresponding modules
-// are always included in the video.js package. Importing the modules will
-// execute them and they will register themselves with video.js.
-// Import Html5 tech, at least for disposing the original video tag.
-// The following tech events are simply re-triggered
-// 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 playing speed of the audio/video is changed
- *
- * @event Player#ratechange
- * @type {event}
- */
-/**
- * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechRatechange_
- * @fires Player#ratechange
- * @listens Tech#ratechange
- */
-'ratechange',
-
-/**
- * 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'];
-
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Player);
-
-    // Make sure tag ID exists
-    tag.id = tag.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
-
-    // Tracks when a tech changes the poster
-    var _this = possibleConstructorReturn(this, _Component.call(this, null, options, ready));
-
-    _this.isPosterFromTech_ = false;
-
-    // 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$$1) {
-        languagesToLower[name$$1.toLowerCase()] = options.languages[name$$1];
-      });
-      _this.languages_ = languagesToLower;
-    } else {
-      _this.languages_ = Player.prototype.options_.languages;
-    }
-
-    // Cache for video property values.
-    _this.cache_ = {};
-
-    // Set poster
-    _this.poster_ = options.poster || '';
-
-    // Set controls
-    _this.controls_ = !!options.controls;
-
-    // Set default values for lastVolume
-    _this.cache_.lastVolume = 1;
-
-    // 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');
-
-    /*
-     * 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(_this, { eventBusKey: 'el_' });
-
-    // 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) {
-      var plugins = options.plugins;
-
-      Object.keys(plugins).forEach(function (name$$1) {
-        if (typeof this[name$$1] === 'function') {
-          this[name$$1](plugins[name$$1]);
-        } else {
-          throw new Error('plugin "' + name$$1 + '" does not exist');
-        }
-      }, _this);
-    }
-
-    _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.
-    // if (browser.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_] = _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.listenForUserActivity_();
-
-    _this.on('fullscreenchange', _this.handleFullscreenChange_);
-    _this.on('stageclick', _this.handleStageClick_);
-
-    _this.changingSrc_ = false;
-    _this.playWaitingForReady_ = false;
-    _this.playOnLoadstart_ = null;
-    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
-   */
-
-
-  Player.prototype.dispose = function dispose() {
-    /**
-     * 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');
-
-    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);
-
-    // 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.
-   */
-
-
-  Player.prototype.createEl = function createEl$$1() {
-    var tag = this.tag;
-    var el = void 0;
-    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;
-    }
-
-    // set tabindex to -1 so we could focus on the player element
-    tag.setAttribute('tabindex', '-1');
-
-    // Remove width/height attrs from tag so CSS can make it 100% width/height
-    tag.removeAttribute('width');
-    tag.removeAttribute('height');
-
-    Object.getOwnPropertyNames(attrs).forEach(function (attr) {
-      // workaround so we don't totally break IE7
-      // http://stackoverflow.com/questions/3653444/css-styles-not-applied-on-dynamic-elements-in-internet-explorer-7
-      if (attr === 'class') {
-        el.className += ' ' + attrs[attr];
-
-        if (divEmbed) {
-          tag.className += ' ' + attrs[attr];
-        }
-      } else {
-        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.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);
-    }
-
-    // Pass in the width/height/aspectRatio options which will update the style el
-    this.width(this.options_.width);
-    this.height(this.options_.height);
-    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.
-    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.
-   */
-
-
-  Player.prototype.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.
-   */
-
-
-  Player.prototype.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).
-   */
-
-
-  Player.prototype.dimension = function dimension(_dimension, value) {
-    var privDimension = _dimension + '_';
-
-    if (value === undefined) {
-      return this[privDimension] || 0;
-    }
-
-    if (value === '') {
-      // 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$1.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`.
-   *
-   * @param {boolean} [bool]
-   *        - A value of true adds the class.
-   *        - A value of false removes the class.
-   *        - No value will toggle the fluid class.
-   *
-   * @return {boolean|undefined}
-   *         - The value of fluid when getting.
-   *         - `undefined` when setting.
-   */
-
-
-  Player.prototype.fluid = function fluid(bool) {
-    if (bool === undefined) {
-      return !!this.fluid_;
-    }
-
-    this.fluid_ = !!bool;
-
-    if (bool) {
-      this.addClass('vjs-fluid');
-    } else {
-      this.removeClass('vjs-fluid');
-    }
-
-    this.updateStyleEl_();
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.updateStyleEl_ = function updateStyleEl_() {
-    if (window.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 = void 0;
-    var height = void 0;
-    var aspectRatio = void 0;
-    var idClass = void 0;
-
-    // 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
-   */
-
-
-  Player.prototype.loadTech_ = function loadTech_(techName, source) {
-    var _this2 = 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;
-
-    // Grab tech-specific options from player options and add source and parent element to use.
-    var techOptions = {
-      source: source,
-      'nativeControlsForTouch': this.options_.nativeControlsForTouch,
-      'playerId': this.id(),
-      'techId': this.id() + '_' + titleTechName + '_api',
-      'autoplay': this.options_.autoplay,
-      '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
-    };
-
-    ALL.names.forEach(function (name$$1) {
-      var props = ALL[name$$1];
-
-      techOptions[props.getterName] = _this2[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) {
-      _this2.on(_this2.tech_, event, _this2['handleTech' + toTitleCase(event) + '_']);
-    });
-    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_, 'canplay', this.handleTechCanPlay_);
-    this.on(this.tech_, 'canplaythrough', this.handleTechCanPlayThrough_);
-    this.on(this.tech_, 'playing', this.handleTechPlaying_);
-    this.on(this.tech_, 'ended', this.handleTechEnded_);
-    this.on(this.tech_, 'seeking', this.handleTechSeeking_);
-    this.on(this.tech_, 'seeked', this.handleTechSeeked_);
-    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_, '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.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
-   */
-
-
-  Player.prototype.unloadTech_ = function unloadTech_() {
-    var _this3 = this;
-
-    // Save the current text tracks so that we can reuse the same text tracks with the next tech
-    ALL.names.forEach(function (name$$1) {
-      var props = ALL[name$$1];
-
-      _this3[props.privateName] = _this3[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
-   */
-
-
-  Player.prototype.tech = function tech(safety) {
-    if (safety === undefined) {
-      log$1.warn(tsml(_templateObject$1));
-    }
-
-    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
-   */
-
-
-  Player.prototype.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_, 'mousedown', this.handleTechClick_);
-
-    // 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
-   */
-
-
-  Player.prototype.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_, 'mousedown', this.handleTechClick_);
-  };
-
-  /**
-   * Player waits for the tech to be ready
-   *
-   * @private
-   */
-
-
-  Player.prototype.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_();
-
-    // Chrome and Safari both have issues with autoplay.
-    // In Safari (5.1.1), when we move the video element into the container div, autoplay doesn't work.
-    // In Chrome (15), if you have autoplay + a poster + no controls, the video gets hidden (but audio plays)
-    // This fixes both issues. Need to wait for API, so it updates displays correctly
-    if ((this.src() || this.currentSrc()) && this.tag && this.options_.autoplay && this.paused()) {
-      try {
-        // Chrome Fix. Fixed in Chrome v16.
-        delete this.tag.poster;
-      } catch (e) {
-        log$1('deleting tag.poster throws in some browsers', e);
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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);
-
-    // 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');
-    }
-  };
-
-  /**
-   * *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
-   */
-
-
-  Player.prototype.handleTechSourceset_ = function handleTechSourceset_(event) {
-    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_
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 `waiting` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#waiting
-   * @listens Tech#waiting
-   * @private
-   */
-
-
-  Player.prototype.handleTechWaiting_ = function handleTechWaiting_() {
-    var _this4 = 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');
-    this.one('timeupdate', function () {
-      return _this4.removeClass('vjs-waiting');
-    });
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.handleTechSeeked_ = function handleTechSeeked_() {
-    this.removeClass('vjs-seeking');
-    /**
-     * 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.
-   * @deprecated As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
-   * @private
-   */
-
-
-  Player.prototype.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$1.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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#mousedown
-   * @private
-   */
-
-
-  Player.prototype.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()) {
-      this.play();
-    } else {
-      this.pause();
-    }
-  };
-
-  /**
-   * Handle a tap on the media element. It will toggle the user
-   * activity state, which hides and shows the controls.
-   *
-   * @listens Tech#tap
-   * @private
-   */
-
-
-  Player.prototype.handleTechTap_ = function handleTechTap_() {
-    this.userActive(!this.userActive());
-  };
-
-  /**
-   * Handle touch to start
-   *
-   * @listens Tech#touchstart
-   * @private
-   */
-
-
-  Player.prototype.handleTechTouchStart_ = function handleTechTouchStart_() {
-    this.userWasActive = this.userActive();
-  };
-
-  /**
-   * Handle touch to move
-   *
-   * @listens Tech#touchmove
-   * @private
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
-    // Stop the mouse events from also happening
-    event.preventDefault();
-  };
-
-  /**
-   * Fired when the player switches in or out of fullscreen mode
-   *
-   * @private
-   * @listens Player#fullscreenchange
-   */
-
-
-  Player.prototype.handleFullscreenChange_ = function handleFullscreenChange_() {
-    if (this.isFullscreen()) {
-      this.addClass('vjs-fullscreen');
-    } else {
-      this.removeClass('vjs-fullscreen');
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.handleStageClick_ = function handleStageClick_() {
-    this.reportUserActivity();
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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');
-  };
-
-  /**
-   * Fires when an error occurred during the loading of an audio/video.
-   *
-   * @private
-   * @listens Tech#error
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.getCache = function getCache() {
-    return this.cache_;
-  };
-
-  /**
-   * Pass values to the playback tech
-   *
-   * @param {string} [method]
-   *        the method to call
-   *
-   * @param {Object} arg
-   *        the argument to pass
-   *
-   * @private
-   */
-
-
-  Player.prototype.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$1(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$1(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
-   */
-
-
-  Player.prototype.techGet_ = function techGet_(method) {
-    if (!this.tech_ || !this.tech_.isReady_) {
-      return;
-    }
-
-    if (method in allowedGetters) {
-      return get$1(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$1('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$1('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$1(e);
-      throw e;
-    }
-  };
-
-  /**
-   * Attempt to begin playback at the first opportunity.
-   *
-   * @return {Promise|undefined}
-   *         Returns a `Promise` only if the browser returns one and the player
-   *         is ready to begin playback. For some browsers and all non-ready
-   *         situations, this will return `undefined`.
-   */
-
-
-  Player.prototype.play = function play() {
-    var _this5 = this;
-
-    // If this is called while we have a play queued up on a loadstart, remove
-    // that listener to avoid getting in a potentially bad state.
-    if (this.playOnLoadstart_) {
-      this.off('loadstart', this.playOnLoadstart_);
-    }
-
-    // If the player/tech is not ready, queue up another call to `play()` for
-    // when it is. This will loop back into this method for another attempt at
-    // playback when the tech is ready.
-    if (!this.isReady_) {
-
-      // Bail out if we're already waiting for `ready`!
-      if (this.playWaitingForReady_) {
-        return;
-      }
-
-      this.playWaitingForReady_ = true;
-      this.ready(function () {
-        _this5.playWaitingForReady_ = false;
-        silencePromise(_this5.play());
-      });
-
-      // If the player/tech is ready and we have a source, we can attempt playback.
-    } else if (!this.changingSrc_ && (this.src() || this.currentSrc())) {
-      return this.techGet_('play');
-
-      // If the tech is ready, but we do not have a source, we'll need to wait
-      // for both the `ready` and a `loadstart` when the source is finally
-      // resolved by middleware and set on the player.
-      //
-      // This can happen if `play()` is called while changing sources or before
-      // one has been set on the player.
-    } else {
-
-      this.playOnLoadstart_ = function () {
-        _this5.playOnLoadstart_ = null;
-        silencePromise(_this5.play());
-      };
-
-      this.one('loadstart', this.playOnLoadstart_);
-    }
-  };
-
-  /**
-   * Pause the video playback
-   *
-   * @return {Player}
-   *         A reference to the player object this function was called on
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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.
-   */
-
-
-  Player.prototype.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]
-   *        wether the user is or is not scrubbing
-   *
-   * @return {boolean}
-   *         The value of scrubbing when getting
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 Inifity 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');
-      } else {
-        this.removeClass('vjs-live');
-      }
-      /**
-       * @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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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)
-   */
-
-
-  Player.prototype.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 bufferred 0 being 0% and 1 being 100%
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.volume = function volume(percentAsDecimal) {
-    var vol = void 0;
-
-    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
-   */
-
-
-  Player.prototype.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 intial 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.isFullscreen = function isFullscreen(isFS) {
-    if (isFS !== undefined) {
-      this.isFullscreen_ = !!isFS;
-      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.
-   *
-   * @fires Player#fullscreenchange
-   */
-
-
-  Player.prototype.requestFullscreen = function requestFullscreen() {
-    var fsApi = FullscreenApi;
-
-    this.isFullscreen(true);
-
-    if (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, fsApi.fullscreenchange, bind(this, function documentFullscreenChange(e) {
-        this.isFullscreen(document[fsApi.fullscreenElement]);
-
-        // If cancelling fullscreen, remove event listener.
-        if (this.isFullscreen() === false) {
-          off(document, fsApi.fullscreenchange, documentFullscreenChange);
-        }
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-        this.trigger('fullscreenchange');
-      }));
-
-      this.el_[fsApi.requestFullscreen]();
-    } 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
-   */
-
-
-  Player.prototype.exitFullscreen = function exitFullscreen() {
-    var fsApi = FullscreenApi;
-
-    this.isFullscreen(false);
-
-    // Check for browser element fullscreen support
-    if (fsApi.requestFullscreen) {
-      document[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
-   */
-
-
-  Player.prototype.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', bind(this, this.fullWindowOnEscKey));
-
-    // 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
-   */
-
-
-  Player.prototype.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
-    if (event.keyCode === 27) {
-      if (this.isFullscreen() === true) {
-        this.exitFullscreen();
-      } else {
-        this.exitFullWindow();
-      }
-    }
-  };
-
-  /**
-   * Exit full window
-   *
-   * @fires Player#exitFullWindow
-   */
-
-
-  Player.prototype.exitFullWindow = function exitFullWindow() {
-    this.isFullWindow = false;
-    off(document, 'keydown', this.fullWindowOnEscKey);
-
-    // 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 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)
-   */
-
-
-  Player.prototype.canPlayType = function canPlayType(type) {
-    var can = void 0;
-
-    // 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$1.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
-   */
-
-
-  Player.prototype.selectSource = function selectSource(sources) {
-    var _this6 = 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$1.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 = void 0;
-
-      outerArray.some(function (outerChoice) {
-        return innerArray.some(function (innerChoice) {
-          found = tester(outerChoice, innerChoice);
-
-          if (found) {
-            return true;
-          }
-        });
-      });
-
-      return found;
-    };
-
-    var foundSourceAndTech = void 0;
-    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, _this6.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.
-   */
-
-
-  Player.prototype.src = function src(source) {
-    var _this7 = 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.cache_.sources = sources;
-    this.changingSrc_ = true;
-
-    // intial source
-    this.cache_.source = sources[0];
-
-    // middlewareSource is the source after it has been changed by middleware
-    setSource(this, sources[0], function (middlewareSource, mws) {
-      _this7.middleware_ = mws;
-
-      var err = _this7.src_(middlewareSource);
-
-      if (err) {
-        if (sources.length > 1) {
-          return _this7.src(sources.slice(1));
-        }
-
-        // We need to wrap this in a timeout to give folks a chance to add error event handlers
-        _this7.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
-        _this7.triggerReady();
-
-        return;
-      }
-
-      _this7.changingSrc_ = false;
-      // video element listed source
-      _this7.cache_.src = middlewareSource.src;
-
-      setTech(mws, _this7.tech_);
-    });
-  };
-
-  /**
-   * Set the source object on the tech, returns a boolean that indicates wether
-   * 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
-   */
-
-
-  Player.prototype.src_ = function src_(source) {
-    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);
-      return false;
-    }
-
-    // wait until the tech is ready to set the source
-    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);
-      }
-
-      if (this.options_.preload === 'auto') {
-        this.load();
-      }
-
-      // Set the source synchronously if possible (#2326)
-    }, true);
-
-    return false;
-  };
-
-  /**
-   * Begin loading the src data.
-   */
-
-
-  Player.prototype.load = function load() {
-    this.techCall_('load');
-  };
-
-  /**
-   * Reset the player. Loads the first tech in the techOrder,
-   * and calls `reset` on the tech`.
-   */
-
-
-  Player.prototype.reset = function reset() {
-    this.loadTech_(this.options_.techOrder[0], null);
-    this.techCall_('reset');
-  };
-
-  /**
-   * Returns all of the current source objects.
-   *
-   * @return {Tech~SourceObject[]}
-   *         The current source objects
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 conjuction with `currentType` to assist in rebuilding the current source object.
-   *
-   * @return {string}
-   *         The current source
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 maens that we should not preload
-   *
-   * @return {string}
-   *         The preload attribute value when getting
-   */
-
-
-  Player.prototype.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 attribute.
-   *
-   * @param {boolean} [value]
-   *        - true means that we should autoplay
-   *        - false means that we should not autoplay
-   *
-   * @return {string}
-   *         The current value of autoplay when getting
-   */
-
-
-  Player.prototype.autoplay = function autoplay(value) {
-    if (value !== undefined) {
-      this.techCall_('setAutoplay', value);
-      this.options_.autoplay = value;
-      return;
-    }
-    return this.techGet_('autoplay', value);
-  };
-
-  /**
-   * 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}
-   */
-
-
-  Player.prototype.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 {string}
-   *         The current value of loop when getting
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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)
-   */
-
-
-  Player.prototype.error = function error(err) {
-    if (err === undefined) {
-      return this.error_ || null;
-    }
-
-    // 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
-    // ie8 just logs "[object object]" if you just log the error object
-    log$1.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.listenForUserActivity_ = function listenForUserActivity_() {
-    var mouseInProgress = void 0;
-    var lastMoveX = void 0;
-    var lastMoveY = void 0;
-    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);
-
-    // 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 = void 0;
-
-    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
-   */
-
-
-  Player.prototype.playbackRate = function playbackRate(rate) {
-    if (rate !== undefined) {
-      this.techCall_('setPlaybackRate', rate);
-      return;
-    }
-
-    if (this.tech_ && this.tech_.featuresPlaybackRate) {
-      return 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 intial 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.removeRemoteTextTrack = function removeRemoteTextTrack() {
-    var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref3$track = _ref3.track,
-        track = _ref3$track === undefined ? arguments[0] : _ref3$track;
-
-    // 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.
-   */
-
-
-  Player.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return this.techGet_('getVideoPlaybackQuality');
-  };
-
-  /**
-   * Get video width
-   *
-   * @return {number}
-   *         current video width
-   */
-
-
-  Player.prototype.videoWidth = function videoWidth() {
-    return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
-  };
-
-  /**
-   * Get video height
-   *
-   * @return {number}
-   *         current video height
-   */
-
-
-  Player.prototype.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 lanugage
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.createModal = function createModal(content, options) {
-    var _this8 = this;
-
-    options = options || {};
-    options.content = content || '';
-
-    var modal = new ModalDialog(this, options);
-
-    this.addChild(modal);
-    modal.on('dispose', function () {
-      _this8.removeChild(modal);
-    });
-
-    modal.open();
-    return modal;
-  };
-
-  /**
-   * 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-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$1.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 wether or not flexbox is supported
-   *
-   * @return {boolean}
-   *         - true if flexbox is supported
-   *         - false if flexbox is not supported
-   */
-
-
-  Player.prototype.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)
-    '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$$1) {
-  var props = ALL[name$$1];
-
-  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 player list
- *
- * @type {Object}
- */
-Player.players = {};
-
-var navigator = window.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],
-
-  // Included control sets
-  children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'controlBar', 'errorDisplay', 'textTrackSettings'],
-
-  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.'
-};
-
-if (!IS_IE8) {
-  Player.prototype.options_.children.push('resizeManager');
-}
-
-[
-/**
- * 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);
-
-/**
- * @file plugin.js
- */
-/**
- * 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.
- *
- * @returns {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.
- *
- * @returns {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.
- *
- * @returns {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.
- *
- * @returns {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 = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var instance = new (Function.prototype.bind.apply(PluginSubClass, [null].concat([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 = 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) {
-    classCallCheck(this, Plugin);
-
-    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
-   */
-
-
-  Plugin.prototype.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.
-   *
-   * @returns {Plugin~PluginEventHash}
-   *          An event hash object with provided properties mixed-in.
-   */
-
-
-  Plugin.prototype.getEventHash = function getEventHash() {
-    var hash = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    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}.
-   *
-   * @returns {boolean}
-   *          Whether or not default was prevented.
-   */
-
-
-  Plugin.prototype.trigger = function trigger$$1(event) {
-    var hash = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    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.
-   */
-
-
-  Plugin.prototype.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
-   */
-
-
-  Plugin.prototype.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.
-   *
-   * @returns {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.
-   *
-   * @returns {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 === 'undefined' ? 'undefined' : _typeof(name)) + '.');
-    }
-
-    if (pluginExists(name)) {
-      log$1.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 === 'undefined' ? 'undefined' : _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 deregistered.
-   */
-
-
-  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.
-   *
-   * @returns {Object|undefined}
-   *          An object containing plugin(s) associated with their name(s) or
-   *          `undefined` if no matching plugins exist).
-   */
-
-
-  Plugin.getPlugins = function getPlugins() {
-    var names = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Object.keys(pluginStorage);
-
-    var result = void 0;
-
-    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.
-   *
-   * @returns {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
- */
-
-/**
- * A combination of node inherits and babel's inherits (after transpile).
- * Both work the same but node adds `super_` to the subClass
- * and Bable adds the superClass as __proto__. Both seem useful.
- *
- * @param {Object} subClass
- *        The class to inherit to
- *
- * @param {Object} superClass
- *        The class to inherit from
- *
- * @private
- */
-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 === 'undefined' ? 'undefined' : _typeof(superClass)));
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-
-  if (superClass) {
-    // node
-    subClass.super_ = superClass;
-  }
-};
-
-/**
- * Function for subclassing using the same inheritance that
- * videojs uses internally
- *
- * @static
- * @const
- *
- * @param {Object} superClass
- *        The class to inherit from
- *
- * @param {Object} [subClassMethods={}]
- *        The class to inherit to
- *
- * @return {Object}
- *         The new object with subClassMethods that inherited superClass.
- */
-var extendFn = function extendFn(superClass) {
-  var subClassMethods = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  var subClass = function subClass() {
-    superClass.apply(this, arguments);
-  };
-
-  var methods = {};
-
-  if ((typeof subClassMethods === 'undefined' ? 'undefined' : _typeof(subClassMethods)) === 'object') {
-    if (subClassMethods.constructor !== Object.prototype.constructor) {
-      subClass = subClassMethods.constructor;
-    }
-    methods = subClassMethods;
-  } else if (typeof subClassMethods === 'function') {
-    subClass = subClassMethods;
-  }
-
-  _inherits(subClass, 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
- */
-// Include the built-in techs
-// HTML5 Element Shim for IE8
-if (typeof HTMLVideoElement === 'undefined' && isReal()) {
-  document.createElement('video');
-  document.createElement('audio');
-  document.createElement('track');
-  document.createElement('video-js');
-}
-
-/**
- * Normalize an `id` value by trimming off a leading `#`
- *
- * @param   {string} id
- *          A string, maybe with a leading `#`.
- *
- * @returns {string}
- *          The string, without any leading `#`.
- */
-var normalizeId = function normalizeId(id) {
-  return id.indexOf('#') === 0 ? id.slice(1) : id;
-};
-
-/**
- * Doubles as the main function for users to create a player instance and also
- * the main library object.
- * The `videojs` function can be used to initialize or retrieve a player.
-  *
- * @param {string|Element} id
- *        Video element or video element ID
- *
- * @param {Object} [options]
- *        Optional options object for config/settings
- *
- * @param {Component~ReadyCallback} [ready]
- *        Optional ready callback
- *
- * @return {Player}
- *         A player instance
- */
-function videojs(id, options, ready) {
-  var player = videojs.getPlayer(id);
-
-  if (player) {
-    if (options) {
-      log$1.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)');
-  }
-
-  if (!document.body.contains(el)) {
-    log$1.warn('The element supplied is not included in the DOM');
-  }
-
-  options = options || {};
-
-  videojs.hooks('beforesetup').forEach(function (hookFunction) {
-    var opts = hookFunction(el, mergeOptions(options));
-
-    if (!isObject(opts) || Array.isArray(opts)) {
-      log$1.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.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
- */
-videojs.hooks_ = {};
-
-/**
- * Get a list of hooks for a specific lifecycle
- * @function videojs.hooks
- *
- * @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.hooks = function (type, fn) {
-  videojs.hooks_[type] = videojs.hooks_[type] || [];
-  if (fn) {
-    videojs.hooks_[type] = videojs.hooks_[type].concat(fn);
-  }
-  return videojs.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.hook = function (type, fn) {
-  videojs.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.hookOnce = function (type, fn) {
-  videojs.hooks(type, [].concat(fn).map(function (original) {
-    var wrapper = function wrapper() {
-      videojs.removeHook(type, wrapper);
-      return original.apply(undefined, 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.removeHook = function (type, fn) {
-  var index = videojs.hooks(type).indexOf(fn);
-
-  if (index <= -1) {
-    return false;
-  }
-
-  videojs.hooks_[type] = videojs.hooks_[type].slice();
-  videojs.hooks_[type].splice(index, 1);
-
-  return true;
-};
-
-// Add default styles
-if (window.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);
-
-/**
- * Current software version. Follows semver.
- *
- * @type {string}
- */
-videojs.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.options = Player.prototype.options_;
-
-/**
- * Get an object with the currently created players, keyed by player ID
- *
- * @return {Object}
- *         The created players
- */
-videojs.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.
- *
- * @returns {Player|undefined}
- *          A player instance or `undefined` if there is no player instance
- *          matching the argument.
- */
-videojs.getPlayer = function (id) {
-  var players = Player.players;
-  var tag = void 0;
-
-  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.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)
-  );
-};
-
-/**
- * Expose players object.
- *
- * @memberOf videojs
- * @property {Object} players
- */
-videojs.players = Player.players;
-
-/**
- * Get a component class object by name
- *
- * @borrows Component.getComponent as videojs.getComponent
- */
-videojs.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.registerComponent = function (name$$1, comp) {
-  if (Tech.isTech(comp)) {
-    log$1.warn('The ' + name$$1 + ' tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)');
-  }
-
-  Component.registerComponent.call(Component, name$$1, comp);
-};
-
-/**
- * Get a Tech class object by name
- *
- * @borrows Tech.getTech as videojs.getTech
- */
-videojs.getTech = Tech.getTech;
-
-/**
- * Register a Tech so it can referred to by name.
- * This is used in the tech order for the player.
- *
- * @borrows Tech.registerTech as videojs.registerTech
- */
-videojs.registerTech = Tech.registerTech;
-
-/**
- * Register a middleware to a source type.
- *
- * @param {String} type A string representing a MIME type.
- * @param {function(player):object} middleware A middleware factory that takes a player.
- */
-videojs.use = use;
-
-/**
- * An object that can be returned by a middleware to signify
- * that the middleware is being terminated.
- *
- * @type {object}
- * @memberOf {videojs}
- * @property {object} middleware.TERMINATOR
- */
-// Object.defineProperty is not available in IE8
-if (!IS_IE8 && Object.defineProperty) {
-  Object.defineProperty(videojs, 'middleware', {
-    value: {},
-    writeable: false,
-    enumerable: true
-  });
-
-  Object.defineProperty(videojs.middleware, 'TERMINATOR', {
-    value: TERMINATOR,
-    writeable: false,
-    enumerable: true
-  });
-} else {
-  videojs.middleware = { TERMINATOR: TERMINATOR };
-}
-
-/**
- * A suite of browser and device tests from {@link browser}.
- *
- * @type {Object}
- * @private
- */
-videojs.browser = browser;
-
-/**
- * Whether or not the browser supports touch events. Included for backward
- * compatibility with 4.x, but deprecated. Use `videojs.browser.TOUCH_ENABLED`
- * instead going forward.
- *
- * @deprecated since version 5.0
- * @type {boolean}
- */
-videojs.TOUCH_ENABLED = TOUCH_ENABLED;
-
-/**
- * Subclass an existing class
- * Mimics ES6 subclassing with the `extend` keyword
- *
- * @borrows extend:extendFn as videojs.extend
- */
-videojs.extend = extendFn;
-
-/**
- * Merge two options objects recursively
- * Performs a deep merge like lodash.merge but **only merges plain objects**
- * (not arrays, elements, anything else)
- * Other values will be copied directly from the second object.
- *
- * @borrows merge-options:mergeOptions as videojs.mergeOptions
- */
-videojs.mergeOptions = mergeOptions;
-
-/**
- * Change the context (this) of a function
- *
- * > NOTE: as of v5.0 we require an ES5 shim, so you should use the native
- * `function() {}.bind(newContext);` instead of this.
- *
- * @borrows fn:bind as videojs.bind
- */
-videojs.bind = bind;
-
-/**
- * Register a Video.js plugin.
- *
- * @borrows plugin:registerPlugin as videojs.registerPlugin
- * @method registerPlugin
- *
- * @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.
- */
-videojs.registerPlugin = Plugin.registerPlugin;
-
-/**
- * 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.plugin = function (name$$1, plugin) {
-  log$1.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
-  return Plugin.registerPlugin(name$$1, plugin);
-};
-
-/**
- * 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).
- */
-videojs.getPlugins = Plugin.getPlugins;
-
-/**
- * Gets a plugin by name if it exists.
- *
- * @param  {string} name
- *         The name of a plugin.
- *
- * @return {Function|undefined}
- *         The plugin (or `undefined`).
- */
-videojs.getPlugin = Plugin.getPlugin;
-
-/**
- * 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.
- */
-videojs.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.addLanguage = function (code, data) {
-  var _mergeOptions;
-
-  code = ('' + code).toLowerCase();
-
-  videojs.options.languages = mergeOptions(videojs.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
-
-  return videojs.options.languages[code];
-};
-
-/**
- * Log messages
- *
- * @borrows log:log as videojs.log
- */
-videojs.log = log$1;
-
-/**
- * Creates an emulated TimeRange object.
- *
- * @borrows time-ranges:createTimeRanges as videojs.createTimeRange
- */
-/**
- * @borrows time-ranges:createTimeRanges as videojs.createTimeRanges
- */
-videojs.createTimeRange = videojs.createTimeRanges = createTimeRanges;
-
-/**
- * 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
- *
- * @borrows format-time:formatTime as videojs.formatTime
- */
-videojs.formatTime = formatTime;
-
-/**
- * Replaces format-time with a custom implementation, to be used in place of the default.
- *
- * @borrows format-time:setFormatTime as videojs.setFormatTime
- *
- * @method setFormatTime
- *
- * @param {Function} customFn
- *        A custom format-time function which will be called with the current time and guide (in seconds) as arguments.
- *        Passed fn should return a string.
- */
-videojs.setFormatTime = setFormatTime;
-
-/**
- * Resets format-time to the default implementation.
- *
- * @borrows format-time:resetFormatTime as videojs.resetFormatTime
- *
- * @method resetFormatTime
- */
-videojs.resetFormatTime = resetFormatTime;
-
-/**
- * Resolve and parse the elements of a URL
- *
- * @borrows url:parseUrl as videojs.parseUrl
- *
- */
-videojs.parseUrl = parseUrl;
-
-/**
- * Returns whether the url passed is a cross domain request or not.
- *
- * @borrows url:isCrossOrigin as videojs.isCrossOrigin
- */
-videojs.isCrossOrigin = isCrossOrigin;
-
-/**
- * Event target class.
- *
- * @borrows EventTarget as videojs.EventTarget
- */
-videojs.EventTarget = EventTarget;
-
-/**
- * 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.
- *
- * @borrows events:on as videojs.on
- */
-videojs.on = on;
-
-/**
- * Trigger a listener only once for an event
- *
- * @borrows events:one as videojs.one
- */
-videojs.one = one;
-
-/**
- * Removes event listeners from an element
- *
- * @borrows events:off as videojs.off
- */
-videojs.off = off;
-
-/**
- * Trigger an event for an element
- *
- * @borrows events:trigger as videojs.trigger
- */
-videojs.trigger = trigger;
-
-/**
- * A cross-browser XMLHttpRequest wrapper. Here's a simple example:
- *
- * @param {Object} options
- *        settings for the request.
- *
- * @return {XMLHttpRequest|XDomainRequest}
- *         The request object.
- *
- * @see https://github.com/Raynos/xhr
- */
-videojs.xhr = xhr;
-
-/**
- * TextTrack class
- *
- * @borrows TextTrack as videojs.TextTrack
- */
-videojs.TextTrack = TextTrack;
-
-/**
- * export the AudioTrack class so that source handlers can create
- * AudioTracks and then add them to the players AudioTrackList
- *
- * @borrows AudioTrack as videojs.AudioTrack
- */
-videojs.AudioTrack = AudioTrack;
-
-/**
- * export the VideoTrack class so that source handlers can create
- * VideoTracks and then add them to the players VideoTrackList
- *
- * @borrows VideoTrack as videojs.VideoTrack
- */
-videojs.VideoTrack = VideoTrack;
-
-/**
- * Determines, via duck typing, whether or not a value is a DOM element.
- *
- * @borrows dom:isEl as videojs.isEl
- * @deprecated Use videojs.dom.isEl() instead
- */
-
-/**
- * Determines, via duck typing, whether or not a value is a text node.
- *
- * @borrows dom:isTextNode as videojs.isTextNode
- * @deprecated Use videojs.dom.isTextNode() instead
- */
-
-/**
- * Creates an element and applies properties.
- *
- * @borrows dom:createEl as videojs.createEl
- * @deprecated Use videojs.dom.createEl() instead
- */
-
-/**
- * Check if an element has a CSS class
- *
- * @borrows dom:hasElClass as videojs.hasClass
- * @deprecated Use videojs.dom.hasClass() instead
- */
-
-/**
- * Add a CSS class name to an element
- *
- * @borrows dom:addElClass as videojs.addClass
- * @deprecated Use videojs.dom.addClass() instead
- */
-
-/**
- * Remove a CSS class name from an element
- *
- * @borrows dom:removeElClass as videojs.removeClass
- * @deprecated Use videojs.dom.removeClass() instead
- */
-
-/**
- * Adds or removes a CSS class name on an element depending on an optional
- * condition or the presence/absence of the class name.
- *
- * @borrows dom:toggleElClass as videojs.toggleClass
- * @deprecated Use videojs.dom.toggleClass() instead
- */
-
-/**
- * Apply attributes to an HTML element.
- *
- * @borrows dom:setElAttributes as videojs.setAttribute
- * @deprecated Use videojs.dom.setAttributes() instead
- */
-
-/**
- * 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 (which shouldn't be used with HTML)
- * This will return true or false for boolean attributes.
- *
- * @borrows dom:getElAttributes as videojs.getAttributes
- * @deprecated Use videojs.dom.getAttributes() instead
- */
-
-/**
- * Empties the contents of an element.
- *
- * @borrows dom:emptyEl as videojs.emptyEl
- * @deprecated Use videojs.dom.emptyEl() instead
- */
-
-/**
- * Normalizes and appends content to an element.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * - String
- *   Normalized into a text node.
- *
- * - Element, TextNode
- *   Passed through.
- *
- * - Array
- *   A one-dimensional array of strings, elements, nodes, or functions (which
- *   return single strings, elements, or nodes).
- *
- * - Function
- *   If the sole argument, is expected to produce a string, element,
- *   node, or array.
- *
- * @borrows dom:appendContents as videojs.appendContet
- * @deprecated Use videojs.dom.appendContent() instead
- */
-
-/**
- * Normalizes and inserts content into an element; this is identical to
- * `appendContent()`, except it empties the element first.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * - String
- *   Normalized into a text node.
- *
- * - Element, TextNode
- *   Passed through.
- *
- * - Array
- *   A one-dimensional array of strings, elements, nodes, or functions (which
- *   return single strings, elements, or nodes).
- *
- * - Function
- *   If the sole argument, is expected to produce a string, element,
- *   node, or array.
- *
- * @borrows dom:insertContent as videojs.insertContent
- * @deprecated Use videojs.dom.insertContent() instead
- */
-['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
-  videojs[k] = function () {
-    log$1.warn('videojs.' + k + '() is deprecated; use videojs.dom.' + k + '() instead');
-    return Dom[k].apply(null, arguments);
-  };
-});
-
-/**
- * A safe getComputedStyle with an IE8 fallback.
- *
- * This is 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.
- * See https://bugzilla.mozilla.org/show_bug.cgi?id=548397 for more details.
- *
- * @borrows computed-style:computedStyle as videojs.computedStyle
- */
-videojs.computedStyle = computedStyle;
-
-/**
- * Export the Dom utilities for use in external plugins
- * and Tech's
- */
-videojs.dom = Dom;
-
-/**
- * Export the Url utilities for use in external plugins
- * and Tech's
- */
-videojs.url = Url;
-
-export default videojs;
diff --git a/pod/main/static/video-js-6.8.0/video.js b/pod/main/static/video-js-6.8.0/video.js
deleted file mode 100755
index 0bbae2685a..0000000000
--- a/pod/main/static/video-js-6.8.0/video.js
+++ /dev/null
@@ -1,26371 +0,0 @@
-/**
- * @license
- * Video.js 6.8.0 <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() :
-	typeof define === 'function' && define.amd ? define(factory) :
-	(global.videojs = factory());
-}(this, (function () {
-
-var version = "6.8.0";
-
-var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-
-
-
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-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 empty = {};
-
-
-var empty$1 = (Object.freeze || Object)({
-	'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;
-
-/**
- * @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;
-
-/*
- * Device is an iPhone
- *
- * @type {Boolean}
- * @constant
- * @private
- */
-var IS_IPAD = /iPad/i.test(USER_AGENT);
-
-// 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;
-var IS_IPOD = /iPod/i.test(USER_AGENT);
-var IS_IOS = IS_IPHONE || IS_IPAD || IS_IPOD;
-
-var IOS_VERSION = function () {
-  var match = USER_AGENT.match(/OS (\d+)_/i);
-
-  if (match && match[1]) {
-    return match[1];
-  }
-  return null;
-}();
-
-var IS_ANDROID = /Android/i.test(USER_AGENT);
-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;
-}();
-
-// Old Android is defined as Version older than 2.3, and requiring a webkit version of the android browser
-var IS_OLD_ANDROID = IS_ANDROID && /webkit/i.test(USER_AGENT) && ANDROID_VERSION < 2.3;
-var IS_NATIVE_ANDROID = IS_ANDROID && ANDROID_VERSION < 5 && appleWebkitVersion < 537;
-
-var IS_FIREFOX = /Firefox/i.test(USER_AGENT);
-var IS_EDGE = /Edge/i.test(USER_AGENT);
-var IS_CHROME = !IS_EDGE && /Chrome/i.test(USER_AGENT);
-var CHROME_VERSION = function () {
-  var match = USER_AGENT.match(/Chrome\/(\d+)/);
-
-  if (match && match[1]) {
-    return parseFloat(match[1]);
-  }
-  return null;
-}();
-var IS_IE8 = /MSIE\s8\.0/.test(USER_AGENT);
-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;
-}();
-
-var IS_SAFARI = /Safari/i.test(USER_AGENT) && !IS_CHROME && !IS_ANDROID && !IS_EDGE;
-var IS_ANY_SAFARI = IS_SAFARI || IS_IOS;
-
-var TOUCH_ENABLED = isReal() && ('ontouchstart' in window_1 || window_1.DocumentTouch && window_1.document instanceof window_1.DocumentTouch);
-
-var BACKGROUND_SIZE_SUPPORTED = isReal() && 'backgroundSize' in window_1.document.createElement('video').style;
-
-var browser = (Object.freeze || Object)({
-	IS_IPAD: IS_IPAD,
-	IS_IPHONE: IS_IPHONE,
-	IS_IPOD: IS_IPOD,
-	IS_IOS: IS_IOS,
-	IOS_VERSION: IOS_VERSION,
-	IS_ANDROID: IS_ANDROID,
-	ANDROID_VERSION: ANDROID_VERSION,
-	IS_OLD_ANDROID: IS_OLD_ANDROID,
-	IS_NATIVE_ANDROID: IS_NATIVE_ANDROID,
-	IS_FIREFOX: IS_FIREFOX,
-	IS_EDGE: IS_EDGE,
-	IS_CHROME: IS_CHROME,
-	CHROME_VERSION: CHROME_VERSION,
-	IS_IE8: IS_IE8,
-	IE_VERSION: IE_VERSION,
-	IS_SAFARI: IS_SAFARI,
-	IS_ANY_SAFARI: IS_ANY_SAFARI,
-	TOUCH_ENABLED: TOUCH_ENABLED,
-	BACKGROUND_SIZE_SUPPORTED: BACKGROUND_SIZE_SUPPORTED
-});
-
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-
-
-
-
-
-
-
-
-
-
-
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
-
-
-
-
-
-
-
-
-
-
-
-var inherits = function (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 (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 taggedTemplateLiteralLoose = function (strings, raw) {
-  strings.raw = raw;
-  return strings;
-};
-
-/**
- * @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) {
-  var initial = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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 = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    sources[_key - 1] = arguments[_key];
-  }
-
-  if (Object.assign) {
-    return Object.assign.apply(Object, [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 === 'undefined' ? 'undefined' : _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 log.js
- * @module log
- */
-var log = void 0;
-
-// This is the private tracking variable for logging level.
-var level = 'info';
-
-// This is the private tracking variable for the logging history.
-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.
- *
- * @param  {boolean} [stringify]
- *         By default, only old IEs should get console argument stringification,
- *         but this is exposed as a parameter to facilitate testing.
- */
-var logByType = function logByType(type, args) {
-  var stringify = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !!IE_VERSION && IE_VERSION < 11;
-
-  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 a clone of the args at this point to history.
-  if (history) {
-    history.push([].concat(args));
-  }
-
-  // Add console prefix after adding to history.
-  args.unshift('VIDEOJS:');
-
-  // 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;
-  }
-
-  // IEs previous to 11 log objects uselessly as "[object Object]"; so, JSONify
-  // objects and arrays for those less-capable browsers.
-  if (stringify) {
-    args = args.map(function (a) {
-      if (isObject(a) || Array.isArray(a)) {
-        try {
-          return JSON.stringify(a);
-        } catch (x) {
-          return String(a);
-        }
-      }
-
-      // Cast to string before joining, so we get null and undefined explicitly
-      // included in output (as we would in a modern console).
-      return String(a);
-    }).join(' ');
-  }
-
-  // Old IE versions do not allow .apply() for console methods (they are
-  // reported as objects rather than functions).
-  if (!fn.apply) {
-    fn(args);
-  } else {
-    fn[Array.isArray(args) ? 'apply' : 'call'](window_1.console, args);
-  }
-};
-
-/**
- * Logs plain debug messages. Similar to `console.log`.
- *
- * @class
- * @param    {Mixed[]} args
- *           One or more messages or objects that should be logged.
- */
-log = function log() {
-  for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  logByType('log', args);
-};
-
-/**
- * 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 log.levels} is provided, acts as a setter. Regardless of argument,
- * returns the current logging level.
- *
- * @param  {string} [lvl]
- *         Pass 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) : [];
-};
-
-/**
- * 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 = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-
-  return logByType('error', 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 = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-    args[_key3] = arguments[_key3];
-  }
-
-  return logByType('warn', 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 = Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-    args[_key4] = arguments[_key4];
-  }
-
-  return logByType('debug', args);
-};
-
-var log$1 = log;
-
-function clean (s) {
-  return s.replace(/\n\r?\s*/g, '')
-}
-
-
-var tsml = function tsml (sa) {
-  var s = ''
-    , i = 0;
-
-  for (; i < arguments.length; i++)
-    s += clean(sa[i]) + (arguments[i + 1] || '');
-
-  return s
-};
-
-/**
- * @file computed-style.js
- * @module computed-style
- */
-/**
- * A safe getComputedStyle with an IE8 fallback.
- *
- * 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.
- *
- * @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
- *
- * @static
- * @const
- */
-function computedStyle(el, prop) {
-  if (!el || !prop) {
-    return '';
-  }
-
-  if (typeof window_1.getComputedStyle === 'function') {
-    var cs = window_1.getComputedStyle(el);
-
-    return cs ? cs[prop] : '';
-  }
-
-  return el.currentStyle[prop] || '';
-}
-
-var _templateObject = taggedTemplateLiteralLoose(['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 ', ' to ', '.'], ['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 ', ' to ', '.']);
-
-/**
- * @file dom.js
- * @module dom
- */
-/**
- * Detect if a value is a string with any non-whitespace characters.
- *
- * @param {string} str
- *        The string to check
- *
- * @return {boolean}
- *         - True if the string is non-blank
- *         - False otherwise
- *
- */
-function isNonBlankString(str) {
-  return typeof str === 'string' && /\S/.test(str);
-}
-
-/**
- * Throws an error if the passed string has whitespace. This is used by
- * class methods to be relatively consistent with the classList API.
- *
- * @param {string} str
- *         The string to check for whitespace.
- *
- * @throws {Error}
- *         Throws an error if there is whitespace in the string.
- *
- */
-function throwIfWhitespace(str) {
-  if (/\s/.test(str)) {
-    throw new Error('class has illegal whitespace characters');
-  }
-}
-
-/**
- * Produce a regular expression for matching a className within an elements className.
- *
- * @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.
- *
- * @return {Boolean}
- */
-function isReal() {
-  return (
-
-    // Both document and window will never be undefined thanks to `global`.
-    document_1 === window_1.document &&
-
-    // In IE < 9, DOM methods return "object" as their type, so all we can
-    // confidently check is that it exists.
-    typeof document_1.createElement !== 'undefined'
-  );
-}
-
-/**
- * Determines, via duck typing, whether or not a value is a DOM element.
- *
- * @param {Mixed} value
- *        The thing to check
- *
- * @return {boolean}
- *         - True if it 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}
- *
- */
-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.
- *
- * @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_1[method](null);
-    }
-    if (isNonBlankString(context)) {
-      context = document_1.querySelector(context);
-    }
-
-    var ctx = isEl(context) ? context : document_1;
-
-    return ctx[method] && ctx[method](selector);
-  };
-}
-
-/**
- * Creates an element and applies properties.
- *
- * @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 {String|Element|TextNode|Array|Function} [content]
- *         Contents for the element (see: {@link dom:normalizeContent})
- *
- * @return {Element}
- *         The element that was created.
- */
-function createEl() {
-  var tagName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';
-  var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var content = arguments[3];
-
-  var el = document_1.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$1.warn(tsml(_templateObject, propName, 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 {
-      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 CSS class
- *
- * @param {Element} element
- *        Element to check
- *
- * @param {string} classToCheck
- *        Class name to check for
- *
- * @return {boolean}
- *         - True if the element had the 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 CSS 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 CSS 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 toggleElClass.
- *
- * @callback 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 the `classToToggle` will get added to `element`.
- *         - If false the `classToToggle` will get removed from `element`.
- *         - If undefined this callback will be ignored
- */
-
-/**
- * Adds or removes a CSS class name on 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|PredicateCallback} [predicate]
- *        See the return value for {@link Dom~PredicateCallback}
- *
- * @return {Element}
- *         The element with a class that has been toggled.
- */
-function toggleClass(element, classToToggle, predicate) {
-
-  // This CANNOT use `classList` internally because IE 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 (which shouldn't be used with HTML)
- * This will return true or false for boolean attributes.
- *
- * @param {Element} tag
- *        Element from which to get tag attributes.
- *
- * @return {Object}
- *         All attributes of the element.
- */
-function getAttributes(tag) {
-  var obj = {};
-
-  // known boolean attributes
-  // we can check for matching boolean properties, but older browsers
-  // won't know about HTML5 boolean attributes that we still read from
-  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}
- *         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 while dragging controls
- */
-function blockTextSelection() {
-  document_1.body.focus();
-  document_1.onselectstart = function () {
-    return false;
-  };
-}
-
-/**
- * Turn off text selection blocking
- */
-function unblockTextSelection() {
-  document_1.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
- */
-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;
-  }
-}
-
-/**
- * The postion of a DOM element on the page.
- *
- * @typedef {Object} module:dom~Position
- *
- * @property {number} left
- *           Pixels to the left
- *
- * @property {number} top
- *           Pixels on top
- */
-
-/**
- * Offset Left.
- * 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 = void 0;
-
-  if (el.getBoundingClientRect && el.parentNode) {
-    box = el.getBoundingClientRect();
-  }
-
-  if (!box) {
-    return {
-      left: 0,
-      top: 0
-    };
-  }
-
-  var docEl = document_1.documentElement;
-  var body = document_1.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)
-  };
-}
-
-/**
- * x and y coordinates for a dom element or mouse pointer
- *
- * @typedef {Object} Dom~Coordinates
- *
- * @property {number} x
- *           x coordinate in pixels
- *
- * @property {number} y
- *           y coordinate in pixels
- */
-
-/**
- * Get pointer position in element
- * Returns an object with x and y coordinates.
- * 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 {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}
- *         - True if it 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;
-}
-
-/**
- * Normalizes content for eventual insertion into the DOM.
- *
- * This allows a wide range of content definition methods, but protects
- * from falling into the trap of simply writing to `innerHTML`, which is
- * an XSS concern.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * @param {String|Element|TextNode|Array|Function} content
- *        - String: Normalized into a text node.
- *        - Element/TextNode: Passed through.
- *        - Array: A one-dimensional array of strings, elements, nodes, or functions
- *          (which return single strings, elements, or nodes).
- *        - Function: If the sole argument, is expected to produce a string, element,
- *          node, or array as defined above.
- *
- * @return {Array}
- *         All of the content that was passed in normalized.
- */
-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_1.createTextNode(value);
-    }
-  }).filter(function (value) {
-    return value;
-  });
-}
-
-/**
- * Normalizes and appends content to an element.
- *
- * @param {Element} el
- *        Element to append normalized content to.
- *
- *
- * @param {String|Element|TextNode|Array|Function} content
- *        See the `content` argument of {@link dom:normalizeContent}
- *
- * @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 {String|Element|TextNode|Array|Function} content
- *        See the `content` argument of {@link dom:normalizeContent}
- *
- * @return {Element}
- *         The element with inserted normalized content.
- *
- */
-function insertContent(el, content) {
-  return appendContent(emptyEl(el), content);
-}
-
-/**
- * Check if event was a single left click
- *
- * @param {EventTarget~Event} event
- *        Event object
- *
- * @return {boolean}
- *         - True if a left click
- *         - False if not a left click
- */
-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;
-  }
-
-  if (IE_VERSION === 9) {
-    // Ignore IE9
-
-    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 = (Object.freeze || Object)({
-	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 guid.js
- * @module guid
- */
-
-/**
- * Unique ID for an element or function
- * @type {Number}
- */
-var _guid = 1;
-
-/**
- * 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
- */
-/**
- * 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 elData = {};
-
-/*
- * Unique attribute name to store an element's guid in
- *
- * @type {String}
- * @constant
- * @private
- */
-var elIdAttr = 'vdata' + new Date().getTime();
-
-/**
- * Returns the cache object where data for an element is stored
- *
- * @param {Element} el
- *        Element to store data for.
- *
- * @return {Object}
- *         The cache object for that el that was passed in.
- */
-function getData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    id = el[elIdAttr] = newGUID();
-  }
-
-  if (!elData[id]) {
-    elData[id] = {};
-  }
-
-  return elData[id];
-}
-
-/**
- * Returns whether or not an element has cached data
- *
- * @param {Element} el
- *        Check if this element has cached data.
- *
- * @return {boolean}
- *         - True if the DOM element has cached data.
- *         - False otherwise.
- */
-function hasData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    return false;
-  }
-
-  return !!Object.getOwnPropertyNames(elData[id]).length;
-}
-
-/**
- * Delete data for the element from the cache and the guid attr from getElementById
- *
- * @param {Element} el
- *        Remove cached data for this element.
- */
-function removeData(el) {
-  var id = el[elIdAttr];
-
-  if (!id) {
-    return;
-  }
-
-  // Remove all stored data
-  delete elData[id];
-
-  // Remove the elIdAttr property from the DOM node
-  try {
-    delete el[elIdAttr];
-  } catch (e) {
-    if (el.removeAttribute) {
-      el.removeAttribute(elIdAttr);
-    } else {
-      // IE doesn't appear to support removeAttribute on the document element
-      el[elIdAttr] = null;
-    }
-  }
-}
-
-/**
- * @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.
- *
- * @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) {
-  var data = getData(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) {
-    removeData(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) {
-
-  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_1;
-    }
-
-    // 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_1.documentElement;
-      var body = document_1.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 */
-    }
-  }
-
-  // Returns fixed-up instance
-  return event;
-}
-
-/**
- * Whether passive event listeners are supported
- */
-var _supportsPassive = false;
-
-(function () {
-  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
-  }
-})();
-
-/**
- * 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);
-  }
-
-  var data = getData(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$1.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 (!hasData(elem)) {
-    return;
-  }
-
-  var data = getData(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 = hasData(elem) ? getData(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) {
-    var targetData = getData(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);
-}
-
-var Events = (Object.freeze || Object)({
-	fixEvent: fixEvent,
-	on: on,
-	off: off,
-	trigger: trigger,
-	one: one
-});
-
-/**
- * @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$2 = void 0;
-
-/**
- * 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.
-  if (!isReal()) {
-    return;
-  }
-
-  // One day, when we stop supporting IE8, go back to this, but in the meantime...*hack hack hack*
-  // var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
-  // var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
-  // var mediaEls = vids.concat(audios);
-
-  // Because IE8 doesn't support calling slice on a node list, we need to loop
-  // through each list of elements to build up a new, combined list of elements.
-  var vids = document_1.getElementsByTagName('video');
-  var audios = document_1.getElementsByTagName('audio');
-  var divs = document_1.getElementsByTagName('video-js');
-  var mediaEls = [];
-
-  if (vids && vids.length > 0) {
-    for (var i = 0, e = vids.length; i < e; i++) {
-      mediaEls.push(vids[i]);
-    }
-  }
-
-  if (audios && audios.length > 0) {
-    for (var _i = 0, _e = audios.length; _i < _e; _i++) {
-      mediaEls.push(audios[_i]);
-    }
-  }
-
-  if (divs && divs.length > 0) {
-    for (var _i2 = 0, _e2 = divs.length; _i2 < _e2; _i2++) {
-      mediaEls.push(divs[_i2]);
-    }
-  }
-
-  // Check if any media elements exist
-  if (mediaEls && mediaEls.length > 0) {
-
-    for (var _i3 = 0, _e3 = mediaEls.length; _i3 < _e3; _i3++) {
-      var mediaEl = mediaEls[_i3];
-
-      // Check if element exists, has getAttribute func.
-      // IE seems to consider typeof el.getAttribute == 'object' instead of
-      // 'function' like expected, at least when loading the player immediately.
-      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$2(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$2 = vjs;
-  }
-
-  window_1.setTimeout(autoSetup, wait);
-}
-
-if (isReal() && document_1.readyState === 'complete') {
-  _windowLoaded = true;
-} else {
-  /**
-   * Listen for the load event on window, and set _windowLoaded to true.
-   *
-   * @listens load
-   */
-  one(window_1, 'load', function () {
-    _windowLoaded = true;
-  });
-}
-
-/**
- * @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_1.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 fn.js
- * @module fn
- */
-/**
- * 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.
- *
- * @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 = function bound() {
-    return fn.apply(context, arguments);
-  };
-
-  // 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.
- *
- * @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 = Date.now();
-
-  var throttled = function throttled() {
-    var now = Date.now();
-
-    if (now - last >= wait) {
-      fn.apply(undefined, 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.
- *
- * @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) {
-  var context = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : window_1;
-
-  var timeout = void 0;
-
-  /* eslint-disable consistent-this */
-  return function () {
-    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 */
-};
-
-/**
- * @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 alialing 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;
-};
-
-/**
- * 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;
-
-  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;
-
-/**
- * @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';
-  });
-};
-
-/**
- * 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 = void 0;
-  var type = void 0;
-  var listener = void 0;
-
-  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 capabilites 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$$1() {
-    var _this = this;
-
-    for (var _len = arguments.length, args = 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 only be called once 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$$1() {
-    var _this2 = this;
-
-    for (var _len2 = arguments.length, args = 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 {
-      var wrapper = function wrapper() {
-        for (var _len3 = arguments.length, largs = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-          largs[_key3] = arguments[_key3];
-        }
-
-        _this2.off(target, type, wrapper);
-        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);
-    }
-  },
-
-
-  /**
-   * 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.
-   *
-   * @returns {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) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var 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);
-
-  // 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.
-   *
-   * @returns {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 = void 0;
-
-    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.
- *
- * @returns {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 to-title-case.js
- * @module to-title-case
- */
-
-/**
- * Uppercase the first letter of a string.
- *
- * @param {string} string
- *        String to be uppercased
- *
- * @return {string}
- *         The string with an uppercased first letter
- */
-function toTitleCase(string) {
-  if (typeof string !== 'string') {
-    return string;
-  }
-
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-/**
- * 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
- */
-function titleCaseEquals(str1, str2) {
-  return toTitleCase(str1) === toTitleCase(str2);
-}
-
-/**
- * @file merge-options.js
- * @module merge-options
- */
-/**
- * Deep-merge one or more options objects, recursively merging **only** plain
- * object properties.
- *
- * @param   {Object[]} sources
- *          One or more objects to merge into a new object.
- *
- * @returns {Object}
- *          A new object that is the merged result of all sources.
- */
-function mergeOptions() {
-  var result = {};
-
-  for (var _len = arguments.length, sources = 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 = 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) {
-    classCallCheck(this, Component);
-
-
-    // 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;
-    }
-
-    // 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_ = {};
-
-    // 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
-   */
-
-
-  Component.prototype.dispose = function dispose() {
-
-    /**
-     * Triggered when a `Component` is disposed.
-     *
-     * @event Component#dispose
-     * @type {EventTarget~Event}
-     *
-     * @property {boolean} [bubbles=false]
-     *           set to false so that the close event does not
-     *           bubble up
-     */
-    this.trigger({ type: 'dispose', bubbles: false });
-
-    // 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;
-
-    if (this.el_) {
-      // Remove element from DOM
-      if (this.el_.parentNode) {
-        this.el_.parentNode.removeChild(this.el_);
-      }
-
-      removeData(this.el_);
-      this.el_ = null;
-    }
-
-    // remove reference to the player after disposing of the element
-    this.player_ = null;
-  };
-
-  /**
-   * Return the {@link Player} that the `Component` has attached to.
-   *
-   * @return {Player}
-   *         The player that this `Component` has attached to.
-   */
-
-
-  Component.prototype.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.
-   *
-   * @deprecated since version 5
-   */
-
-
-  Component.prototype.options = function options(obj) {
-    log$1.warn('this.options() has been deprecated and will be moved to the constructor in 6.0');
-
-    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`.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.localize = function localize(string, tokens) {
-    var defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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`.
-   */
-
-
-  Component.prototype.contentEl = function contentEl() {
-    return this.contentEl_ || this.el_;
-  };
-
-  /**
-   * Get this `Component`s ID
-   *
-   * @return {string}
-   *         The id of this `Component`
-   */
-
-
-  Component.prototype.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`.
-   */
-
-
-  Component.prototype.name = function name() {
-    return this.name_;
-  };
-
-  /**
-   * Get an array of all child components
-   *
-   * @return {Array}
-   *         The children
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.getChild = function getChild(name) {
-    if (!name) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    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.
-   */
-
-
-  Component.prototype.addChild = function addChild(child) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.children_.length;
-
-    var component = void 0;
-    var componentName = void 0;
-
-    // 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;
-    }
-
-    this.children_.splice(index, 0, component);
-
-    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;
-    }
-
-    // Add the UI object's element to the container div (box)
-    // Having an element is not required
-    if (typeof component.el === 'function' && component.el()) {
-      var childNodes = this.contentEl().children;
-      var refNode = childNodes[index] || null;
-
-      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.
-   */
-
-
-  Component.prototype.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;
-    }
-
-    this.childIndex_[component.id()] = null;
-    this.childNameIndex_[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.
-   */
-
-
-  Component.prototype.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 = void 0;
-      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 = void 0;
-        var opts = void 0;
-
-        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
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.ready = function ready(fn) {
-    var sync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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
-   */
-
-
-  Component.prototype.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)
-   */
-
-
-  Component.prototype.$ = 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)
-   */
-
-
-  Component.prototype.$$ = 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`
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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}
-   */
-
-
-  Component.prototype.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'.
-   */
-
-
-  Component.prototype.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'.
-   */
-
-
-  Component.prototype.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.
-   */
-
-
-  Component.prototype.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
-   */
-
-
-  Component.prototype.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 width or the height of the `Component` elements computed style. 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.
-   */
-
-
-  Component.prototype.currentDimension = function currentDimension(widthOrHeight) {
-    var computedWidthOrHeight = 0;
-
-    if (widthOrHeight !== 'width' && widthOrHeight !== 'height') {
-      throw new Error('currentDimension only accepts width or height value');
-    }
-
-    if (typeof window_1.getComputedStyle === 'function') {
-      var computedStyle = window_1.getComputedStyle(this.el_);
-
-      computedWidthOrHeight = computedStyle.getPropertyValue(widthOrHeight) || computedStyle[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 on IE8 and wherever getComputedStyle doesn't exist.
-    if (computedWidthOrHeight === 0) {
-      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 width and height values of the `Component`s
-   * computed style.
-   *
-   * @return {Component~DimensionObject}
-   *         The dimensions of the components element
-   */
-
-
-  Component.prototype.currentDimensions = function currentDimensions() {
-    return {
-      width: this.currentDimension('width'),
-      height: this.currentDimension('height')
-    };
-  };
-
-  /**
-   * Get the width of the `Component`s computed style. Uses `window.getComputedStyle`.
-   *
-   * @return {number} width
-   *           The width of the `Component`s computed style.
-   */
-
-
-  Component.prototype.currentWidth = function currentWidth() {
-    return this.currentDimension('width');
-  };
-
-  /**
-   * Get the height of the `Component`s computed style. Uses `window.getComputedStyle`.
-   *
-   * @return {number} height
-   *           The height of the `Component`s computed style.
-   */
-
-
-  Component.prototype.currentHeight = function currentHeight() {
-    return this.currentDimension('height');
-  };
-
-  /**
-   * Set the focus to this component
-   */
-
-
-  Component.prototype.focus = function focus() {
-    this.el_.focus();
-  };
-
-  /**
-   * Remove the focus from this component
-   */
-
-
-  Component.prototype.blur = function blur() {
-    this.el_.blur();
-  };
-
-  /**
-   * 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
-    */
-
-
-  Component.prototype.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 = void 0;
-
-    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 = new Date().getTime();
-        // 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 = new Date().getTime() - 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
-   */
-
-
-  Component.prototype.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 = void 0;
-
-    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 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}.
-   *
-   * @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}
-   */
-
-
-  Component.prototype.setTimeout = function setTimeout(fn, timeout) {
-    var _this2 = this;
-
-    fn = bind(this, fn);
-
-    var timeoutId = window_1.setTimeout(fn, timeout);
-    var disposeFn = function disposeFn() {
-      return _this2.clearTimeout(timeoutId);
-    };
-
-    disposeFn.guid = 'vjs-timeout-' + timeoutId;
-
-    this.on('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.clearTimeout = function clearTimeout(timeoutId) {
-    window_1.clearTimeout(timeoutId);
-
-    var disposeFn = function disposeFn() {};
-
-    disposeFn.guid = 'vjs-timeout-' + timeoutId;
-
-    this.off('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.setInterval = function setInterval(fn, interval) {
-    var _this3 = this;
-
-    fn = bind(this, fn);
-
-    var intervalId = window_1.setInterval(fn, interval);
-
-    var disposeFn = function disposeFn() {
-      return _this3.clearInterval(intervalId);
-    };
-
-    disposeFn.guid = 'vjs-interval-' + intervalId;
-
-    this.on('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.clearInterval = function clearInterval(intervalId) {
-    window_1.clearInterval(intervalId);
-
-    var disposeFn = function disposeFn() {};
-
-    disposeFn.guid = 'vjs-interval-' + intervalId;
-
-    this.off('dispose', disposeFn);
-
-    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}
-   */
-
-
-  Component.prototype.requestAnimationFrame = function requestAnimationFrame(fn) {
-    var _this4 = this;
-
-    if (this.supportsRaf_) {
-      fn = bind(this, fn);
-
-      var id = window_1.requestAnimationFrame(fn);
-      var disposeFn = function disposeFn() {
-        return _this4.cancelAnimationFrame(id);
-      };
-
-      disposeFn.guid = 'vjs-raf-' + id;
-      this.on('dispose', disposeFn);
-
-      return id;
-    }
-
-    // Fall back to using a timer.
-    return this.setTimeout(fn, 1000 / 60);
-  };
-
-  /**
-   * 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}
-   */
-
-
-  Component.prototype.cancelAnimationFrame = function cancelAnimationFrame(id) {
-    if (this.supportsRaf_) {
-      window_1.cancelAnimationFrame(id);
-
-      var disposeFn = function disposeFn() {};
-
-      disposeFn.guid = 'vjs-raf-' + id;
-
-      this.off('dispose', disposeFn);
-
-      return id;
-    }
-
-    // Fall back to using a timer.
-    return this.clearTimeout(id);
-  };
-
-  /**
-   * 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 = void 0;
-
-      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;
-
-    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) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    if (Component.components_ && Component.components_[name]) {
-      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 time-ranges.js
- * @module time-ranges
- */
-
-/**
- * Returns the time for the specified index at the start or end
- * of a TimeRange object.
- *
- * @function time-ranges:indexFunction
- *
- * @param {number} [index=0]
- *        The range number to return the time for.
- *
- * @return {number}
- *         The time that offset at the specified index.
- *
- * @depricated index must be set to a value, in the future this will throw an error.
- */
-
-/**
- * An object that contains ranges of time for various reasons.
- *
- * @typedef {Object} TimeRange
- *
- * @property {number} length
- *           The number of time ranges represented by this Object
- *
- * @property {time-ranges:indexFunction} start
- *           Returns the time offset at which a specified time range begins.
- *
- * @property {time-ranges:indexFunction} 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.
- *
- * @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.
- *
- * @param {string} fnName
- *        The function name to use for logging
- *
- * @param {string} valueIndex
- *        The proprety 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.
- *
- *
- * @depricated 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.
- *
- * @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)
-  };
-}
-
-/**
- * Should create a fake `TimeRange` object which mimics an HTML5 time range instance.
- *
- * @param {number|Array} start
- *        The start of a single range or an array of ranges
- *
- * @param {number} end
- *        The end of a single range.
- *
- * @private
- */
-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 = void 0;
-  var end = void 0;
-
-  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 = {};
-
-// browser API methods
-var apiMap = [['requestFullscreen', 'exitFullscreen', 'fullscreenElement', 'fullscreenEnabled', 'fullscreenchange', 'fullscreenerror'],
-// WebKit
-['webkitRequestFullscreen', 'webkitExitFullscreen', 'webkitFullscreenElement', 'webkitFullscreenEnabled', 'webkitfullscreenchange', 'webkitfullscreenerror'],
-// Old WebKit (Safari 5.1)
-['webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitCurrentFullScreenElement', 'webkitCancelFullScreen', 'webkitfullscreenchange', 'webkitfullscreenerror'],
-// Mozilla
-['mozRequestFullScreen', 'mozCancelFullScreen', 'mozFullScreenElement', 'mozFullScreenEnabled', 'mozfullscreenchange', 'mozfullscreenerror'],
-// Microsoft
-['msRequestFullscreen', 'msExitFullscreen', 'msFullscreenElement', 'msFullscreenEnabled', 'MSFullscreenChange', 'MSFullscreenError']];
-
-var specApi = apiMap[0];
-var browserApi = void 0;
-
-// determine the supported set of functions
-for (var i = 0; i < apiMap.length; i++) {
-  // check for exitFullscreen function
-  if (apiMap[i][1] in document_1) {
-    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];
-  }
-}
-
-/**
- * @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_CUSTOM
- * @property {string} 2 - MEDIA_ERR_ABORTED
- * @property {string} 3 - MEDIA_ERR_NETWORK
- * @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;
-}
-
-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_ };
-
-/**
- * @file modal-dialog.js
- */
-var MODAL_CLASS_NAME = 'vjs-modal-dialog';
-var ESC = 27;
-
-/**
- * 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 = function (_Component) {
-  inherits(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.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) {
-    classCallCheck(this, ModalDialog);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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.
-   */
-
-
-  ModalDialog.prototype.createEl = function createEl$$1() {
-    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'
-    });
-  };
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.buildCSSClass = function buildCSSClass() {
-    return MODAL_CLASS_NAME + ' vjs-hidden ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Handles `keydown` events on the document, looking for ESC, which closes
-   * the modal.
-   *
-   * @param {EventTarget~Event} e
-   *        The keypress that triggered this event.
-   *
-   * @listens keydown
-   */
-
-
-  ModalDialog.prototype.handleKeyPress = function handleKeyPress(e) {
-    if (e.which === ESC && this.closeable()) {
-      this.close();
-    }
-  };
-
-  /**
-   * Returns the label string for this modal. Primarily used for accessibility.
-   *
-   * @return {string}
-   *         the localized or raw label of this modal.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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();
-      }
-
-      if (this.closeable()) {
-        this.on(this.el_.ownerDocument, 'keydown', bind(this, this.handleKeyPress));
-      }
-
-      // 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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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();
-    }
-
-    if (this.closeable()) {
-      this.off(this.el_.ownerDocument, 'keydown', bind(this, this.handleKeyPress));
-    }
-
-    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.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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.
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.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
-   */
-
-
-  ModalDialog.prototype.conditionalFocus_ = function conditionalFocus_() {
-    var activeEl = document_1.activeElement;
-    var playerEl = this.player_.el_;
-
-    this.previouslyActiveEl_ = null;
-
-    if (playerEl.contains(activeEl) || playerEl === activeEl) {
-      this.previouslyActiveEl_ = activeEl;
-
-      this.focus();
-
-      this.on(document_1, 'keydown', this.handleKeyDown);
-    }
-  };
-
-  /**
-   * conditionally blur the element and refocus the last focused element
-   *
-   * @private
-   */
-
-
-  ModalDialog.prototype.conditionalBlur_ = function conditionalBlur_() {
-    if (this.previouslyActiveEl_) {
-      this.previouslyActiveEl_.focus();
-      this.previouslyActiveEl_ = null;
-    }
-
-    this.off(document_1, 'keydown', this.handleKeyDown);
-  };
-
-  /**
-   * Keydown handler. Attached when modal is focused.
-   *
-   * @listens keydown
-   */
-
-
-  ModalDialog.prototype.handleKeyDown = function handleKeyDown(event) {
-    // exit early if it isn't a tab key
-    if (event.which !== 9) {
-      return;
-    }
-
-    var focusableEls = this.focusableEls_();
-    var activeEl = this.el_.querySelector(':focus');
-    var focusIndex = void 0;
-
-    for (var i = 0; i < focusableEls.length; i++) {
-      if (activeEl === focusableEls[i]) {
-        focusIndex = i;
-        break;
-      }
-    }
-
-    if (document_1.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
-   */
-
-
-  ModalDialog.prototype.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);
-
-/**
- * @file track-list.js
- */
-/**
- * Common functionaliy between {@link TextTrackList}, {@link AudioTrackList}, and
- * {@link VideoTrackList}
- *
- * @extends EventTarget
- */
-
-var TrackList = function (_EventTarget) {
-  inherits(TrackList, _EventTarget);
-
-  /**
-   * Create an instance of this class
-   *
-   * @param {Track[]} tracks
-   *        A list of tracks to initialize the list with.
-   *
-   * @param {Object} [list]
-   *        The child object with inheritance done manually for ie8.
-   *
-   * @abstract
-   */
-  function TrackList() {
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-    var _ret;
-
-    var list = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    classCallCheck(this, TrackList);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    if (!list) {
-      list = _this; // eslint-disable-line
-      if (IS_IE8) {
-        list = document_1.createElement('custom');
-        for (var prop in TrackList.prototype) {
-          if (prop !== 'constructor') {
-            list[prop] = TrackList.prototype[prop];
-          }
-        }
-      }
-    }
-
-    list.tracks_ = [];
-
-    /**
-     * @memberof TrackList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.tracks_.length;
-      }
-    });
-
-    for (var i = 0; i < tracks.length; i++) {
-      list.addTrack(tracks[i]);
-    }
-
-    // must return the object, as for ie8 it will not be this
-    // but a reference to a document object
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link Track} to the `TrackList`
-   *
-   * @param {Track} track
-   *        The audio, video, or text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  TrackList.prototype.addTrack = function addTrack(track) {
-    var index = this.tracks_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get$$1() {
-          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'
-      });
-    }
-  };
-
-  /**
-   * Remove a {@link Track} from the `TrackList`
-   *
-   * @param {Track} rtrack
-   *        The audio, video, or text track to remove from the list.
-   *
-   * @fires TrackList#removetrack
-   */
-
-
-  TrackList.prototype.removeTrack = function removeTrack(rtrack) {
-    var track = void 0;
-
-    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'
-    });
-  };
-
-  /**
-   * 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
-   */
-
-
-  TrackList.prototype.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;
-}
-
-/**
- * @file audio-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(AudioTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {AudioTrack[]} [tracks=[]]
-   *        A list of `AudioTrack` to instantiate the list with.
-   */
-  function AudioTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, AudioTrackList);
-
-    var list = void 0;
-
-    // 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;
-      }
-    }
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document_1.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in AudioTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = AudioTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    list.changing_ = false;
-
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add an {@link AudioTrack} to the `AudioTrackList`.
-   *
-   * @param {AudioTrack} track
-   *        The AudioTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  AudioTrackList.prototype.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;
-    }
-
-    /**
-     * @listens AudioTrack#enabledchange
-     * @fires TrackList#change
-     */
-    track.addEventListener('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');
-    });
-  };
-
-  return AudioTrackList;
-}(TrackList);
-
-/**
- * @file video-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(VideoTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {VideoTrack[]} [tracks=[]]
-   *        A list of `VideoTrack` to instantiate the list with.
-   */
-  function VideoTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, VideoTrackList);
-
-    var list = void 0;
-
-    // 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;
-      }
-    }
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document_1.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in VideoTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = VideoTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    list.changing_ = false;
-
-    /**
-     * @member {number} VideoTrackList#selectedIndex
-     *         The current index of the selected {@link VideoTrack`}.
-     */
-    Object.defineProperty(list, 'selectedIndex', {
-      get: function get$$1() {
-        for (var _i = 0; _i < this.length; _i++) {
-          if (this[_i].selected) {
-            return _i;
-          }
-        }
-        return -1;
-      },
-      set: function set$$1() {}
-    });
-
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link VideoTrack} to the `VideoTrackList`.
-   *
-   * @param {VideoTrack} track
-   *        The VideoTrack to add to the list
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  VideoTrackList.prototype.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;
-    }
-
-    /**
-     * @listens VideoTrack#selectedchange
-     * @fires TrackList#change
-     */
-    track.addEventListener('selectedchange', function () {
-      if (_this2.changing_) {
-        return;
-      }
-      _this2.changing_ = true;
-      disableOthers$1(_this2, track);
-      _this2.changing_ = false;
-      _this2.trigger('change');
-    });
-  };
-
-  return VideoTrackList;
-}(TrackList);
-
-/**
- * @file text-track-list.js
- */
-/**
- * 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 = function (_TrackList) {
-  inherits(TextTrackList, _TrackList);
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {TextTrack[]} [tracks=[]]
-   *        A list of `TextTrack` to instantiate the list with.
-   */
-  function TextTrackList() {
-    var _this, _ret;
-
-    var tracks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, TextTrackList);
-
-    var list = void 0;
-
-    // IE8 forces us to implement inheritance ourselves
-    // as it does not support Object.defineProperty properly
-    if (IS_IE8) {
-      list = document_1.createElement('custom');
-      for (var prop in TrackList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TrackList.prototype[prop];
-        }
-      }
-      for (var _prop in TextTrackList.prototype) {
-        if (_prop !== 'constructor') {
-          list[_prop] = TextTrackList.prototype[_prop];
-        }
-      }
-    }
-
-    list = (_this = possibleConstructorReturn(this, _TrackList.call(this, tracks, list)), _this);
-    return _ret = list, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a {@link TextTrack} to the `TextTrackList`
-   *
-   * @param {TextTrack} track
-   *        The text track to add to the list.
-   *
-   * @fires TrackList#addtrack
-   */
-
-
-  TextTrackList.prototype.addTrack = function addTrack(track) {
-    _TrackList.prototype.addTrack.call(this, track);
-
-    /**
-     * @listens TextTrack#modechange
-     * @fires TrackList#change
-     */
-    track.addEventListener('modechange', bind(this, function () {
-      this.trigger('change');
-    }));
-
-    var nonLanguageTextTrackKind = ['metadata', 'chapters'];
-
-    if (nonLanguageTextTrackKind.indexOf(track.kind) === -1) {
-      track.addEventListener('modechange', bind(this, function () {
-        this.trigger('selectedlanguagechange');
-      }));
-    }
-  };
-
-  return TextTrackList;
-}(TrackList);
-
-/**
- * @file html-track-element-list.js
- */
-
-/**
- * The current list of {@link HtmlTrackElement}s.
- */
-
-var HtmlTrackElementList = function () {
-
-  /**
-   * Create an instance of this class.
-   *
-   * @param {HtmlTrackElement[]} [tracks=[]]
-   *        A list of `HtmlTrackElement` to instantiate the list with.
-   */
-  function HtmlTrackElementList() {
-    var trackElements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    classCallCheck(this, HtmlTrackElementList);
-
-    var list = this; // eslint-disable-line
-
-    if (IS_IE8) {
-      list = document_1.createElement('custom');
-
-      for (var prop in HtmlTrackElementList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = HtmlTrackElementList.prototype[prop];
-        }
-      }
-    }
-
-    list.trackElements_ = [];
-
-    /**
-     * @memberof HtmlTrackElementList
-     * @member {number} length
-     *         The current number of `Track`s in the this Trackist.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.trackElements_.length;
-      }
-    });
-
-    for (var i = 0, length = trackElements.length; i < length; i++) {
-      list.addTrackElement_(trackElements[i]);
-    }
-
-    if (IS_IE8) {
-      return list;
-    }
-  }
-
-  /**
-   * Add an {@link HtmlTrackElement} to the `HtmlTrackElementList`
-   *
-   * @param {HtmlTrackElement} trackElement
-   *        The track element to add to the list.
-   *
-   * @private
-   */
-
-
-  HtmlTrackElementList.prototype.addTrackElement_ = function addTrackElement_(trackElement) {
-    var index = this.trackElements_.length;
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get$$1() {
-          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
-   */
-
-
-  HtmlTrackElementList.prototype.getTrackElementByTrack_ = function getTrackElementByTrack_(track) {
-    var trackElement_ = void 0;
-
-    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
-   */
-
-
-  HtmlTrackElementList.prototype.removeTrackElement_ = function removeTrackElement_(trackElement) {
-    for (var i = 0, length = this.trackElements_.length; i < length; i++) {
-      if (trackElement === this.trackElements_[i]) {
-        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 = function () {
-
-  /**
-   * Create an instance of this class..
-   *
-   * @param {Array} cues
-   *        A list of cues to be initialized with
-   */
-  function TextTrackCueList(cues) {
-    classCallCheck(this, TextTrackCueList);
-
-    var list = this; // eslint-disable-line
-
-    if (IS_IE8) {
-      list = document_1.createElement('custom');
-
-      for (var prop in TextTrackCueList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = TextTrackCueList.prototype[prop];
-        }
-      }
-    }
-
-    TextTrackCueList.prototype.setCues_.call(list, cues);
-
-    /**
-     * @memberof TextTrackCueList
-     * @member {number} length
-     *         The current number of `TextTrackCue`s in the TextTrackCueList.
-     * @instance
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get$$1() {
-        return this.length_;
-      }
-    });
-
-    if (IS_IE8) {
-      return list;
-    }
-  }
-
-  /**
-   * 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
-   */
-
-
-  TextTrackCueList.prototype.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$$1() {
-            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.
-   */
-
-
-  TextTrackCueList.prototype.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'
-};
-
-/**
- * @file track.js
- */
-/**
- * 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 = function (_EventTarget) {
-  inherits(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() {
-    var _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, Track);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    var track = _this; // eslint-disable-line
-
-    if (IS_IE8) {
-      track = document_1.createElement('custom');
-      for (var prop in Track.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = Track.prototype[prop];
-        }
-      }
-    }
-
-    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(track, key, {
-        get: function get$$1() {
-          return trackProps[key];
-        },
-        set: function set$$1() {}
-      });
-    };
-
-    for (var key in trackProps) {
-      _loop(key);
-    }
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  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.
- *
- * @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_1.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 = void 0;
-
-  if (addToBody) {
-    div = document_1.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_1.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_1.body.removeChild(div);
-  }
-
-  return details;
-};
-
-/**
- * Get absolute version of relative URL. Used to tell flash correct URL.
- *
- *
- * @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_1.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.
- *
- * @param {string} path
- *        The fileName path like '/path/to/file.mp4'
- *
- * @returns {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}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/i;
-    var pathParts = splitPathRe.exec(path);
-
-    if (pathParts) {
-      return pathParts.pop().toLowerCase();
-    }
-  }
-
-  return '';
-};
-
-/**
- * Returns whether the url passed is a cross domain request or not.
- *
- * @param {string} url
- *        The url to check.
- *
- * @return {boolean}
- *         Whether it is a cross domain request or not.
- */
-var isCrossOrigin = function isCrossOrigin(url) {
-  var 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 = (Object.freeze || Object)({
-	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))
-}
-
-var trim_1 = createCommonjsModule(function (module, exports) {
-exports = module.exports = trim;
-
-function trim(str){
-  return str.replace(/^\s*|\s*$/g, '');
-}
-
-exports.left = function(str){
-  return str.replace(/^\s*/, '');
-};
-
-exports.right = function(str){
-  return str.replace(/\s*$/, '');
-};
-});
-
-var forEach_1 = forEach;
-
-var toString$2 = Object.prototype.toString;
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-
-function forEach(list, iterator, context) {
-    if (!isFunction_1(iterator)) {
-        throw new TypeError('iterator must be a function')
-    }
-
-    if (arguments.length < 3) {
-        context = this;
-    }
-    
-    if (toString$2.call(list) === '[object Array]')
-        forEachArray$1(list, iterator, context);
-    else if (typeof list === 'string')
-        forEachString(list, iterator, context);
-    else
-        forEachObject(list, iterator, context);
-}
-
-function forEachArray$1(array, iterator, context) {
-    for (var i = 0, len = array.length; i < len; i++) {
-        if (hasOwnProperty.call(array, i)) {
-            iterator.call(context, array[i], i, array);
-        }
-    }
-}
-
-function forEachString(string, iterator, context) {
-    for (var i = 0, len = string.length; i < len; i++) {
-        // no such thing as a sparse string.
-        iterator.call(context, string.charAt(i), i, string);
-    }
-}
-
-function forEachObject(object, iterator, context) {
-    for (var k in object) {
-        if (hasOwnProperty.call(object, k)) {
-            iterator.call(context, object[k], k, object);
-        }
-    }
-}
-
-var isArray = function(arg) {
-      return Object.prototype.toString.call(arg) === '[object Array]';
-    };
-
-var parseHeaders = function (headers) {
-  if (!headers)
-    return {}
-
-  var result = {};
-
-  forEach_1(
-      trim_1(headers).split('\n')
-    , function (row) {
-        var index = row.indexOf(':')
-          , key = trim_1(row.slice(0, index)).toLowerCase()
-          , value = trim_1(row.slice(index + 1));
-
-        if (typeof(result[key]) === 'undefined') {
-          result[key] = value;
-        } else if (isArray(result[key])) {
-          result[key].push(value);
-        } else {
-          result[key] = [ result[key], value ];
-        }
-      }
-  );
-
-  return result
-};
-
-var immutable = extend;
-
-var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
-
-function extend() {
-    var target = {};
-
-    for (var i = 0; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-            if (hasOwnProperty$1.call(source, key)) {
-                target[key] = source[key];
-            }
-        }
-    }
-
-    return target
-}
-
-var xhr = 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 = immutable(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) {
-    if (xhr.responseType === "document") {
-        return xhr.responseXML
-    }
-    var firefoxBugTakenEffect = xhr.responseXML && xhr.responseXML.documentElement.nodeName === "parsererror";
-    if (xhr.responseType === "" && !firefoxBugTakenEffect) {
-        return xhr.responseXML
-    }
-
-    return null
-}
-
-function noop() {}
-
-/**
- * @file text-track.js
- */
-/**
- * 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$1.error(error);
-    });
-    if (window_1.console && window_1.console.groupEnd) {
-      window_1.console.groupEnd();
-    }
-  }
-
-  parser.flush();
-};
-
-/**
- * Load a `TextTrack` from a specifed 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$1.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_) {
-        var loadHandler = function loadHandler() {
-          return parseCues(responseBody, track);
-        };
-
-        track.tech_.on('vttjsloaded', loadHandler);
-        track.tech_.on('vttjserror', function () {
-          log$1.error('vttjs failed to load, stopping trying to process ' + track.src);
-          track.tech_.off('vttjsloaded', loadHandler);
-        });
-      }
-    } 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 = function (_Track) {
-  inherits(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
-   *        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 TextTrack() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, TextTrack);
-
-    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';
-    }
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var tt = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-
-    tt.tech_ = settings.tech;
-
-    if (IS_IE8) {
-      for (var prop in TextTrack.prototype) {
-        if (prop !== 'constructor') {
-          tt[prop] = TextTrack.prototype[prop];
-        }
-      }
-    }
-
-    tt.cues_ = [];
-    tt.activeCues_ = [];
-
-    var cues = new TextTrackCueList(tt.cues_);
-    var activeCues = new TextTrackCueList(tt.activeCues_);
-    var changed = false;
-    var timeupdateHandler = bind(tt, function () {
-
-      // Accessing this.activeCues for the side-effects of updating itself
-      // due to it's nature as a getter function. Do not remove or cues will
-      // stop updating!
-      /* eslint-disable no-unused-expressions */
-      this.activeCues;
-      /* eslint-enable no-unused-expressions */
-      if (changed) {
-        this.trigger('cuechange');
-        changed = false;
-      }
-    });
-
-    if (mode !== 'disabled') {
-      tt.tech_.ready(function () {
-        tt.tech_.on('timeupdate', timeupdateHandler);
-      }, true);
-    }
-
-    /**
-     * @memberof TextTrack
-     * @member {boolean} default
-     *         If this track was set to be on or off by default. Cannot be changed after
-     *         creation.
-     * @instance
-     *
-     * @readonly
-     */
-    Object.defineProperty(tt, 'default', {
-      get: function get$$1() {
-        return default_;
-      },
-      set: function set$$1() {}
-    });
-
-    /**
-     * @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
-     */
-    Object.defineProperty(tt, 'mode', {
-      get: function get$$1() {
-        return mode;
-      },
-      set: function set$$1(newMode) {
-        var _this2 = this;
-
-        if (!TextTrackMode[newMode]) {
-          return;
-        }
-        mode = newMode;
-        if (mode === 'showing') {
-
-          this.tech_.ready(function () {
-            _this2.tech_.on('timeupdate', timeupdateHandler);
-          }, true);
-        }
-        /**
-         * 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
-     */
-    Object.defineProperty(tt, 'cues', {
-      get: function get$$1() {
-        if (!this.loaded_) {
-          return null;
-        }
-
-        return cues;
-      },
-      set: function set$$1() {}
-    });
-
-    /**
-     * @memberof TextTrack
-     * @member {TextTrackCueList} activeCues
-     *         The list text track cues that are currently active for this TextTrack.
-     * @instance
-     */
-    Object.defineProperty(tt, 'activeCues', {
-      get: function get$$1() {
-        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;
-      },
-      set: function set$$1() {}
-    });
-
-    if (settings.src) {
-      tt.src = settings.src;
-      loadTrack(settings.src, tt);
-    } else {
-      tt.loaded_ = true;
-    }
-
-    return _ret = tt, possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Add a cue to the internal list of cues.
-   *
-   * @param {TextTrack~Cue} cue
-   *        The cue to add to our internal list
-   */
-
-
-  TextTrack.prototype.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
-   */
-
-
-  TextTrack.prototype.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 = function (_Track) {
-  inherits(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() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, AudioTrack);
-
-    var settings = mergeOptions(options, {
-      kind: AudioTrackKind[options.kind] || ''
-    });
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var track = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-    var enabled = false;
-
-    if (IS_IE8) {
-      for (var prop in AudioTrack.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = AudioTrack.prototype[prop];
-        }
-      }
-    }
-    /**
-     * @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(track, 'enabled', {
-      get: function get$$1() {
-        return enabled;
-      },
-      set: function set$$1(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) {
-      track.enabled = settings.enabled;
-    }
-    track.loaded_ = true;
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  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 = function (_Track) {
-  inherits(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() {
-    var _this, _ret;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, VideoTrack);
-
-    var settings = mergeOptions(options, {
-      kind: VideoTrackKind[options.kind] || ''
-    });
-
-    // on IE8 this will be a document element
-    // for every other browser this will be a normal object
-    var track = (_this = possibleConstructorReturn(this, _Track.call(this, settings)), _this);
-    var selected = false;
-
-    if (IS_IE8) {
-      for (var prop in VideoTrack.prototype) {
-        if (prop !== 'constructor') {
-          track[prop] = VideoTrack.prototype[prop];
-        }
-      }
-    }
-
-    /**
-     * @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(track, 'selected', {
-      get: function get$$1() {
-        return selected;
-      },
-      set: function set$$1(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) {
-      track.selected = settings.selected;
-    }
-
-    return _ret = track, possibleConstructorReturn(_this, _ret);
-  }
-
-  return VideoTrack;
-}(Track);
-
-/**
- * @file html-track-element.js
- */
-
-/**
- * @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 = function (_EventTarget) {
-  inherits(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() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    classCallCheck(this, HTMLTrackElement);
-
-    var _this = possibleConstructorReturn(this, _EventTarget.call(this));
-
-    var readyState = void 0;
-    var trackElement = _this; // eslint-disable-line
-
-    if (IS_IE8) {
-      trackElement = document_1.createElement('custom');
-
-      for (var prop in HTMLTrackElement.prototype) {
-        if (prop !== 'constructor') {
-          trackElement[prop] = HTMLTrackElement.prototype[prop];
-        }
-      }
-    }
-
-    var track = new TextTrack(options);
-
-    trackElement.kind = track.kind;
-    trackElement.src = track.src;
-    trackElement.srclang = track.language;
-    trackElement.label = track.label;
-    trackElement['default'] = track['default'];
-
-    /**
-     * @memberof HTMLTrackElement
-     * @member {HTMLTrackElement~ReadyState} readyState
-     *         The current ready state of the track element.
-     * @instance
-     */
-    Object.defineProperty(trackElement, 'readyState', {
-      get: function get$$1() {
-        return readyState;
-      }
-    });
-
-    /**
-     * @memberof HTMLTrackElement
-     * @member {TextTrack} track
-     *         The underlying TextTrack object.
-     * @instance
-     *
-     */
-    Object.defineProperty(trackElement, 'track', {
-      get: function get$$1() {
-        return track;
-      }
-    });
-
-    readyState = NONE;
-
-    /**
-     * @listens TextTrack#loadeddata
-     * @fires HTMLTrackElement#load
-     */
-    track.addEventListener('loadeddata', function () {
-      readyState = LOADED;
-
-      trackElement.trigger({
-        type: 'load',
-        target: trackElement
-      });
-    });
-
-    if (IS_IE8) {
-      var _ret;
-
-      return _ret = trackElement, possibleConstructorReturn(_this, _ret);
-    }
-    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 = mergeOptions(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{2})(:\d{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(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(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(k) {
-    return k in this.values;
-  },
-  // Accept a setting if its one of the given alternatives.
-  alt: function(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(k, v) {
-    if (/^-?\d+$/.test(v)) { // integer
-      this.set(k, parseInt(v, 10));
-    }
-  },
-  // Accept a setting if its a valid percentage.
-  percent: function(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", "middle", "end"]);
-        }
-        break;
-      case "position":
-        vals = v.split(",");
-        settings.percent(k, vals[0]);
-        if (vals.length === 2) {
-          settings.alt("positionAlign", vals[1], ["start", "middle", "end"]);
-        }
-        break;
-      case "size":
-        settings.percent(k, v);
-        break;
-      case "align":
-        settings.alt(k, v, ["start", "middle", "end", "left", "right"]);
-        break;
-      }
-    }, /:/, /\s/);
-
-    // Apply default values for any missing fields.
-    cue.region = settings.get("region", null);
-    cue.vertical = settings.get("vertical", "");
-    cue.line = settings.get("line", "auto");
-    cue.lineAlign = settings.get("lineAlign", "start");
-    cue.snapToLines = settings.get("snapToLines", true);
-    cue.size = settings.get("size", 100);
-    cue.align = settings.get("align", "middle");
-    cue.position = settings.get("position", {
-      start: 0,
-      left: 0,
-      middle: 50,
-      end: 100,
-      right: 100
-    }, cue.align);
-    cue.positionAlign = settings.get("positionAlign", {
-      start: "start",
-      left: "start",
-      middle: "middle",
-      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 ESCAPE = {
-  "&amp;": "&",
-  "&lt;": "<",
-  "&gt;": ">",
-  "&lrm;": "\u200e",
-  "&rlm;": "\u200f",
-  "&nbsp;": "\u00a0"
-};
-
-var TAG_NAME = {
-  c: "span",
-  i: "i",
-  b: "b",
-  u: "u",
-  ruby: "ruby",
-  rt: "rt",
-  v: "span",
-  lang: "span"
-};
-
-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]);
-  }
-
-  // Unescape a string 's'.
-  function unescape1(e) {
-    return ESCAPE[e];
-  }
-  function unescape(s) {
-    while ((m = s.match(/&(amp|lt|gt|lrm|rlm|nbsp);/))) {
-      s = s.replace(m[0], unescape1);
-    }
-    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);
-    element.localName = 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]) {
-        node.className = m[2].substr(1).replace('.', ' ');
-      }
-      // 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) {
-  var isIE8 = (/MSIE\s8\.0/).test(navigator.userAgent);
-  var color = "rgba(255, 255, 255, 1)";
-  var backgroundColor = "rgba(0, 0, 0, 0.8)";
-
-  if (isIE8) {
-    color = "rgb(255, 255, 255)";
-    backgroundColor = "rgb(0, 0, 0)";
-  }
-
-  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: color,
-    backgroundColor: backgroundColor,
-    position: "relative",
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0,
-    display: "inline"
-  };
-
-  if (!isIE8) {
-    styles.writingMode = cue.vertical === "" ? "horizontal-tb"
-                                             : cue.vertical === "lr" ? "vertical-lr"
-                                                                     : "vertical-rl";
-    styles.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" which is "center" in CSS.
-  this.div = window.document.createElement("div");
-  styles = {
-    textAlign: cue.align === "middle" ? "center" : cue.align,
-    font: styleOptions.font,
-    whiteSpace: "pre-line",
-    position: "absolute"
-  };
-
-  if (!isIE8) {
-    styles.direction = determineBidi(this.cueDiv);
-    styles.writingMode = cue.vertical === "" ? "horizontal-tb"
-                                             : cue.vertical === "lr" ? "vertical-lr"
-                                                                     : "vertical-rl".
-    stylesunicodeBidi =  "plaintext";
-  }
-
-  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 "middle":
-    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) {
-  var isIE8 = (/MSIE\s8\.0/).test(navigator.userAgent);
-
-  // 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;
-
-  if (isIE8 && !this.lineHeight) {
-    this.lineHeight = 13;
-  }
-}
-
-// 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 "middle":
-      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(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(e) {
-    if (e instanceof ParsingError) {
-      this.onparsingerror && this.onparsingerror(e);
-    } else {
-      throw e;
-    }
-  },
-  parse: function (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, "");
-          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;
-          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 () {
-    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$1 = 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 = {
-  "": true,
-  "lr": true,
-  "rl": true
-};
-var alignSetting = {
-  "start": true,
-  "middle": true,
-  "end": true,
-  "left": true,
-  "right": true
-};
-
-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 extend$1(obj) {
-  var i = 1;
-  for (; i < arguments.length; i++) {
-    var cobj = arguments[i];
-    for (var p in cobj) {
-      obj[p] = cobj[p];
-    }
-  }
-
-  return obj;
-}
-
-function VTTCue(startTime, endTime, text) {
-  var cue = this;
-  var isIE8 = (/MSIE\s8\.0/).test(navigator.userAgent);
-  var baseObj = {};
-
-  if (isIE8) {
-    cue = document.createElement('custom');
-  } else {
-    baseObj.enumerable = true;
-  }
-
-  /**
-   * 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.
-  cue.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 = 50;
-  var _positionAlign = "middle";
-  var _size = 50;
-  var _align = "middle";
-
-  Object.defineProperty(cue,
-    "id", extend$1({}, baseObj, {
-      get: function() {
-        return _id;
-      },
-      set: function(value) {
-        _id = "" + value;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "pauseOnExit", extend$1({}, baseObj, {
-      get: function() {
-        return _pauseOnExit;
-      },
-      set: function(value) {
-        _pauseOnExit = !!value;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "startTime", extend$1({}, baseObj, {
-      get: function() {
-        return _startTime;
-      },
-      set: function(value) {
-        if (typeof value !== "number") {
-          throw new TypeError("Start time must be set to a number.");
-        }
-        _startTime = value;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "endTime", extend$1({}, baseObj, {
-      get: function() {
-        return _endTime;
-      },
-      set: function(value) {
-        if (typeof value !== "number") {
-          throw new TypeError("End time must be set to a number.");
-        }
-        _endTime = value;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "text", extend$1({}, baseObj, {
-      get: function() {
-        return _text;
-      },
-      set: function(value) {
-        _text = "" + value;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "region", extend$1({}, baseObj, {
-      get: function() {
-        return _region;
-      },
-      set: function(value) {
-        _region = value;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "vertical", extend$1({}, baseObj, {
-      get: function() {
-        return _vertical;
-      },
-      set: function(value) {
-        var setting = findDirectionSetting(value);
-        // Have to check for false because the setting an be an empty string.
-        if (setting === false) {
-          throw new SyntaxError("An invalid or illegal string was specified.");
-        }
-        _vertical = setting;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "snapToLines", extend$1({}, baseObj, {
-      get: function() {
-        return _snapToLines;
-      },
-      set: function(value) {
-        _snapToLines = !!value;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "line", extend$1({}, baseObj, {
-      get: function() {
-        return _line;
-      },
-      set: function(value) {
-        if (typeof value !== "number" && value !== autoKeyword) {
-          throw new SyntaxError("An invalid number or illegal string was specified.");
-        }
-        _line = value;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "lineAlign", extend$1({}, baseObj, {
-      get: function() {
-        return _lineAlign;
-      },
-      set: function(value) {
-        var setting = findAlignSetting(value);
-        if (!setting) {
-          throw new SyntaxError("An invalid or illegal string was specified.");
-        }
-        _lineAlign = setting;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "position", extend$1({}, baseObj, {
-      get: function() {
-        return _position;
-      },
-      set: function(value) {
-        if (value < 0 || value > 100) {
-          throw new Error("Position must be between 0 and 100.");
-        }
-        _position = value;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "positionAlign", extend$1({}, baseObj, {
-      get: function() {
-        return _positionAlign;
-      },
-      set: function(value) {
-        var setting = findAlignSetting(value);
-        if (!setting) {
-          throw new SyntaxError("An invalid or illegal string was specified.");
-        }
-        _positionAlign = setting;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "size", extend$1({}, baseObj, {
-      get: function() {
-        return _size;
-      },
-      set: function(value) {
-        if (value < 0 || value > 100) {
-          throw new Error("Size must be between 0 and 100.");
-        }
-        _size = value;
-        this.hasBeenReset = true;
-      }
-    }));
-
-  Object.defineProperty(cue,
-    "align", extend$1({}, baseObj, {
-      get: function() {
-        return _align;
-      },
-      set: function(value) {
-        var setting = findAlignSetting(value);
-        if (!setting) {
-          throw new SyntaxError("An invalid or illegal 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
-  cue.displayState = undefined;
-
-  if (isIE8) {
-    return cue;
-  }
-}
-
-/**
- * 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() {
-        return _width;
-      },
-      set: function(value) {
-        if (!isValidPercentValue(value)) {
-          throw new Error("Width must be between 0 and 100.");
-        }
-        _width = value;
-      }
-    },
-    "lines": {
-      enumerable: true,
-      get: function() {
-        return _lines;
-      },
-      set: function(value) {
-        if (typeof value !== "number") {
-          throw new TypeError("Lines must be set to a number.");
-        }
-        _lines = value;
-      }
-    },
-    "regionAnchorY": {
-      enumerable: true,
-      get: function() {
-        return _regionAnchorY;
-      },
-      set: function(value) {
-        if (!isValidPercentValue(value)) {
-          throw new Error("RegionAnchorX must be between 0 and 100.");
-        }
-        _regionAnchorY = value;
-      }
-    },
-    "regionAnchorX": {
-      enumerable: true,
-      get: function() {
-        return _regionAnchorX;
-      },
-      set: function(value) {
-        if(!isValidPercentValue(value)) {
-          throw new Error("RegionAnchorY must be between 0 and 100.");
-        }
-        _regionAnchorX = value;
-      }
-    },
-    "viewportAnchorY": {
-      enumerable: true,
-      get: function() {
-        return _viewportAnchorY;
-      },
-      set: function(value) {
-        if (!isValidPercentValue(value)) {
-          throw new Error("ViewportAnchorY must be between 0 and 100.");
-        }
-        _viewportAnchorY = value;
-      }
-    },
-    "viewportAnchorX": {
-      enumerable: true,
-      get: function() {
-        return _viewportAnchorX;
-      },
-      set: function(value) {
-        if (!isValidPercentValue(value)) {
-          throw new Error("ViewportAnchorX must be between 0 and 100.");
-        }
-        _viewportAnchorX = value;
-      }
-    },
-    "scroll": {
-      enumerable: true,
-      get: function() {
-        return _scroll;
-      },
-      set: function(value) {
-        var setting = findScrollSetting(value);
-        // Have to check for false as an empty string is a legal value.
-        if (setting === false) {
-          throw new SyntaxError("An invalid or illegal string was specified.");
-        }
-        _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$1,
-  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();
-}
-});
-
-/**
- * @file tech.js
- */
-
-/**
- * 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) {
-  var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-
-  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 = function (_Component) {
-  inherits(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() {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var ready = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
-    classCallCheck(this, Tech);
-
-    // we don't want the tech to report user activity automatically.
-    // This is done manually in addControlsListeners
-    options.reportTouchActivity = false;
-
-    // keep track of whether the current source has played at all to
-    // implement a very limited played()
-    var _this = possibleConstructorReturn(this, _Component.call(this, null, options, ready));
-
-    _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.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.
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   *
-   */
-
-
-  Tech.prototype.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}.
-   */
-
-
-  Tech.prototype.stopTrackingProgress = function stopTrackingProgress() {
-    this.clearInterval(this.progressInterval);
-  };
-
-  /**
-   * Polyfill the `timeupdate` event for browsers that don't support it.
-   *
-   * @see {@link Tech#trackCurrentTime}
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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}
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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`.
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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 wether 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.
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.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_1.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_1.createElement('script');
-
-      script.src = this.options_['vtt.js'] || 'https://vjs.zencdn.net/vttjs/0.12.4/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
-   *
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.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.
-   */
-
-
-  Tech.prototype.addRemoteTextTrack = function addRemoteTextTrack() {
-    var _this7 = this;
-
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var manualCleanup = arguments[1];
-
-    var htmlTrackElement = this.createRemoteTextTrack(options);
-
-    if (manualCleanup !== true && manualCleanup !== false) {
-      // deprecation warning
-      log$1.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`
-   */
-
-
-  Tech.prototype.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
-   */
-
-
-  Tech.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return {};
-  };
-
-  /**
-   * A method to set a poster from a `Tech`.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.setPoster = function setPoster() {};
-
-  /**
-   * A method to check for the presence of the 'playsinine' <video> attribute.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.playsinline = function playsinline() {};
-
-  /**
-   * A method to set or unset the 'playsinine' <video> attribute.
-   *
-   * @abstract
-   */
-
-
-  Tech.prototype.setPlaysinline = function setPlaysinline() {};
-
-  /*
-   * 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
-   */
-
-
-  Tech.prototype.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;
-    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 requsted.
-   */
-
-
-  Tech.getTech = function getTech(name) {
-    if (!name) {
-      return;
-    }
-
-    name = toTitleCase(name);
-
-    if (Tech.techs_ && Tech.techs_[name]) {
-      return Tech.techs_[name];
-    }
-
-    if (window_1 && window_1.videojs && window_1.videojs[name]) {
-      log$1.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 wether the `Tech` supports volume control.
- *
- * @type {boolean}
- * @default
- */
-Tech.prototype.featuresVolumeControl = true;
-
-/**
- * Boolean indicating wether the `Tech` support fullscreen resize control.
- * Resizing plugins using request fullscreen reloads the plugin
- *
- * @type {boolean}
- * @default
- */
-Tech.prototype.featuresFullscreenResize = false;
-
-/**
- * Boolean indicating wether 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 wether 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 wether 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 wether 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 wether 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 = void 0;
-
-    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 = void 0;
-
-    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', '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$1.error('No source hander 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.on('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_ = [];
-
-var middlewares = {};
-var middlewareInstances = {};
-
-var TERMINATOR = {};
-
-function use(type, middleware) {
-  middlewares[type] = middlewares[type] || [];
-  middlewares[type].push(middleware);
-}
-
-
-
-function setSource(player, src, next) {
-  player.setTimeout(function () {
-    return setSourceHelper(src, middlewares[src.type], next, player);
-  }, 1);
-}
-
-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.
- */
-function get$1(middleware, tech, method) {
-  return middleware.reduceRight(middlewareIterator(method), tech[method]());
-}
-
-/**
- * Takes the argument given to the player and calls the setter method on each
- * middlware from left to right to the tech.
- */
-function set$1(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.
- */
-function mediate(middleware, tech, method) {
-  var arg = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-
-  var callMethod = 'call' + toTitleCase(method);
-  var middlewareValue = middleware.reduce(middlewareIterator(callMethod), arg);
-  var terminated = middlewareValue === TERMINATOR;
-  var returnValue = terminated ? null : tech[method](middlewareValue);
-
-  executeRight(middleware, method, returnValue, terminated);
-
-  return returnValue;
-}
-
-var allowedGetters = {
-  buffered: 1,
-  currentTime: 1,
-  duration: 1,
-  seekable: 1,
-  played: 1,
-  paused: 1
-};
-
-var allowedSetters = {
-  setCurrentTime: 1
-};
-
-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);
-    }
-  }
-}
-
-function clearCacheForPlayer(player) {
-  middlewareInstances[player.id()] = null;
-}
-
-/**
- * {
- *  [playerId]: [[mwFactory, mwInstance], ...]
- * }
- */
-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() {
-  var src = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var middleware = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var next = arguments[2];
-  var player = arguments[3];
-  var acc = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-  var lastRun = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
-  var 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);
-
-    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',
-  mp3: 'audio/mpeg',
-  aac: 'audio/aac',
-  oga: 'audio/ogg',
-  m3u8: 'application/x-mpegURL'
-};
-
-/**
- * @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 = [checkMimetype({ src: src })];
-  } else if (isObject(src) && typeof src.src === 'string' && src.src && src.src.trim()) {
-    // src is already valid
-    src = [checkMimetype(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 checkMimetype(src) {
-  var ext = getFileExtension(src.src);
-  var mimetype = MimetypesKind[ext.toLowerCase()];
-
-  if (!src.type && mimetype) {
-    src.type = mimetype;
-  }
-
-  return src;
-}
-
-/**
- * @file loader.js
- */
-/**
- * The `MediaLoader` is the `Component` that decides which playback technology to load
- * when a player is initialized.
- *
- * @extends Component
- */
-
-var MediaLoader = function (_Component) {
-  inherits(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 stroe of player options.
-   *
-   * @param {Component~ReadyCallback} [ready]
-   *        The function that is run when this component is ready.
-   */
-  function MediaLoader(player, options, ready) {
-    classCallCheck(this, MediaLoader);
-
-    // MediaLoader has no element
-    var options_ = mergeOptions({ createEl: false }, options);
-
-    // If there are no sources when the player is initialized,
-    // load the first supported playback technology.
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options_, ready));
-
-    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);
-
-/**
- * @file button.js
- */
-/**
- * Clickable Component which is clickable or keyboard actionable,
- * but is not a native HTML button.
- *
- * @extends Component
- */
-
-var ClickableComponent = function (_Component) {
-  inherits(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.
-   */
-  function ClickableComponent(player, options) {
-    classCallCheck(this, ClickableComponent);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.emitTapEvents();
-
-    _this.enable();
-    return _this;
-  }
-
-  /**
-   * Create the `Component`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.
-   */
-
-
-  ClickableComponent.prototype.createEl = function createEl$$1() {
-    var tag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'div';
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    props = assign({
-      innerHTML: '<span aria-hidden="true" class="vjs-icon-placeholder"></span>',
-      className: this.buildCSSClass(),
-      tabIndex: 0
-    }, props);
-
-    if (tag === 'button') {
-      log$1.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',
-
-      // let the screen reader user know that the text of the element may change
-      'aria-live': 'polite'
-    }, attributes);
-
-    this.tabIndex_ = props.tabIndex;
-
-    var el = _Component.prototype.createEl.call(this, tag, props, attributes);
-
-    this.createControlTextEl(el);
-
-    return el;
-  };
-
-  ClickableComponent.prototype.dispose = function dispose() {
-    // remove controlTextEl_ on dipose
-    this.controlTextEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * Create a control text element on this `Component`
-   *
-   * @param {Element} [el]
-   *        Parent element for the control text.
-   *
-   * @return {Element}
-   *         The control text element that gets created.
-   */
-
-
-  ClickableComponent.prototype.createControlTextEl = function createControlTextEl(el) {
-    this.controlTextEl_ = createEl('span', {
-      className: 'vjs-control-text'
-    });
-
-    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 `Component`.
-   *
-   * @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
-   */
-
-
-  ClickableComponent.prototype.controlText = function controlText(text) {
-    var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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.
-   */
-
-
-  ClickableComponent.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-control vjs-button ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Enable this `Component`s element.
-   */
-
-
-  ClickableComponent.prototype.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('focus', this.handleFocus);
-      this.on('blur', this.handleBlur);
-    }
-  };
-
-  /**
-   * Disable this `Component`s element.
-   */
-
-
-  ClickableComponent.prototype.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(['tap', 'click'], this.handleClick);
-    this.off('focus', this.handleFocus);
-    this.off('blur', this.handleBlur);
-  };
-
-  /**
-   * This gets called when a `ClickableComponent` gets:
-   * - Clicked (via the `click` event, listening starts in the constructor)
-   * - Tapped (via the `tap` event, listening starts in the constructor)
-   * - The following things happen in order:
-   *   1. {@link ClickableComponent#handleFocus} is called via a `focus` event on the
-   *      `ClickableComponent`.
-   *   2. {@link ClickableComponent#handleFocus} adds a listener for `keydown` on using
-   *      {@link ClickableComponent#handleKeyPress}.
-   *   3. `ClickableComponent` has not had a `blur` event (`blur` means that focus was lost). The user presses
-   *      the space or enter key.
-   *   4. {@link ClickableComponent#handleKeyPress} calls this function with the `keydown`
-   *      event as a parameter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown`, `tap`, or `click` event that caused this function to be
-   *        called.
-   *
-   * @listens tap
-   * @listens click
-   * @abstract
-   */
-
-
-  ClickableComponent.prototype.handleClick = function handleClick(event) {};
-
-  /**
-   * This gets called when a `ClickableComponent` gains focus via a `focus` event.
-   * Turns on listening for `keydown` events. When they happen it
-   * calls `this.handleKeyPress`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to be called.
-   *
-   * @listens focus
-   */
-
-
-  ClickableComponent.prototype.handleFocus = function handleFocus(event) {
-    on(document_1, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Called when this ClickableComponent has focus and a key gets pressed down. By
-   * default it will call `this.handleClick` when the key is space or enter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  ClickableComponent.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Support Space (32) or Enter (13) key operation to fire a click event
-    if (event.which === 32 || event.which === 13) {
-      event.preventDefault();
-      this.trigger('click');
-    } else if (_Component.prototype.handleKeyPress) {
-
-      // Pass keypress handling up for unsupported keys
-      _Component.prototype.handleKeyPress.call(this, event);
-    }
-  };
-
-  /**
-   * Called when a `ClickableComponent` loses focus. Turns off the listener for
-   * `keydown` events. Which Stops `this.handleKeyPress` from getting called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to be called.
-   *
-   * @listens blur
-   */
-
-
-  ClickableComponent.prototype.handleBlur = function handleBlur(event) {
-    off(document_1, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  return ClickableComponent;
-}(Component);
-
-Component.registerComponent('ClickableComponent', ClickableComponent);
-
-/**
- * @file poster-image.js
- */
-/**
- * A `ClickableComponent` that handles showing the poster image for the player.
- *
- * @extends ClickableComponent
- */
-
-var PosterImage = function (_ClickableComponent) {
-  inherits(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) {
-    classCallCheck(this, PosterImage);
-
-    var _this = possibleConstructorReturn(this, _ClickableComponent.call(this, player, options));
-
-    _this.update();
-    player.on('posterchange', bind(_this, _this.update));
-    return _this;
-  }
-
-  /**
-   * Clean up and dispose of the `PosterImage`.
-   */
-
-
-  PosterImage.prototype.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.
-   */
-
-
-  PosterImage.prototype.createEl = function createEl$$1() {
-    var el = createEl('div', {
-      className: 'vjs-poster',
-
-      // Don't want poster to be tabbable.
-      tabIndex: -1
-    });
-
-    // To ensure the poster image resizes while maintaining its original aspect
-    // ratio, use a div with `background-size` when available. For browsers that
-    // do not support `background-size` (e.g. IE8), fall back on using a regular
-    // img element.
-    if (!BACKGROUND_SIZE_SUPPORTED) {
-      this.fallbackImg_ = createEl('img');
-      el.appendChild(this.fallbackImg_);
-    }
-
-    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.
-   */
-
-
-  PosterImage.prototype.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`.
-   */
-
-
-  PosterImage.prototype.setSrc = function setSrc(url) {
-    if (this.fallbackImg_) {
-      this.fallbackImg_.src = url;
-    } else {
-      var backgroundImage = '';
-
-      // Any falsey values 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.
-   */
-
-
-  PosterImage.prototype.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_.paused()) {
-      this.player_.play();
-    } else {
-      this.player_.pause();
-    }
-  };
-
-  return PosterImage;
-}(ClickableComponent);
-
-Component.registerComponent('PosterImage', PosterImage);
-
-/**
- * @file text-track-display.js
- */
-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.
- *
- * @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)'.
- *
- * @private
- */
-function constructColor(color, opacity) {
-  return 'rgba(' +
-  // color looks like "#f0e"
-  parseInt(color[1] + color[1], 16) + ',' + parseInt(color[2] + color[2], 16) + ',' + parseInt(color[3] + color[3], 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, TextTrackDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options, ready));
-
-    player.on('loadstart', bind(_this, _this.toggleDisplay));
-    player.on('texttrackchange', bind(_this, _this.updateDisplay));
-    player.on('loadstart', bind(_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(_this, function () {
-      if (player.tech_ && player.tech_.featuresNativeTextTracks) {
-        this.hide();
-        return;
-      }
-
-      player.on('fullscreenchange', bind(this, this.updateDisplay));
-
-      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
-  */
-
-
-  TextTrackDisplay.prototype.preselectTrack = function preselectTrack() {
-    var modes = { captions: 1, subtitles: 1 };
-    var trackList = this.player_.textTracks();
-    var userPref = this.player_.cache_.selectedLanguage;
-    var firstDesc = void 0;
-    var firstCaptions = void 0;
-    var preferredTrack = void 0;
-
-    for (var i = 0; i < trackList.length; i++) {
-      var track = trackList[i];
-
-      if (userPref && userPref.enabled && userPref.language === track.language) {
-        // 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
-    // precendence 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
-   */
-
-
-  TextTrackDisplay.prototype.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.
-   */
-
-
-  TextTrackDisplay.prototype.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.
-   */
-
-
-  TextTrackDisplay.prototype.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
-   */
-
-
-  TextTrackDisplay.prototype.updateDisplay = function updateDisplay() {
-    var tracks = this.player_.textTracks();
-
-    this.clearDisplay();
-
-    // 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);
-    }
-  };
-
-  /**
-   * Add an {@link Texttrack} to to the {@link Tech}s {@link TextTrackList}.
-   *
-   * @param {TextTrack} track
-   *        Text track object to be added to the list.
-   */
-
-
-  TextTrackDisplay.prototype.updateForTrack = function updateForTrack(track) {
-    if (typeof window_1.WebVTT !== 'function' || !track.activeCues) {
-      return;
-    }
-
-    var cues = [];
-
-    for (var _i = 0; _i < track.activeCues.length; _i++) {
-      cues.push(track.activeCues[_i]);
-    }
-
-    window_1.WebVTT.processCues(window_1, cues, this.el_);
-
-    if (!this.player_.textTrackSettings) {
-      return;
-    }
-
-    var overrides = this.player_.textTrackSettings.getValues();
-
-    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];
-        }
-      }
-    }
-  };
-
-  return TextTrackDisplay;
-}(Component);
-
-Component.registerComponent('TextTrackDisplay', TextTrackDisplay);
-
-/**
- * @file loading-spinner.js
- */
-/**
- * A loading spinner for use during waiting/loading events.
- *
- * @extends Component
- */
-
-var LoadingSpinner = function (_Component) {
-  inherits(LoadingSpinner, _Component);
-
-  function LoadingSpinner() {
-    classCallCheck(this, LoadingSpinner);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `LoadingSpinner`s DOM element.
-   *
-   * @return {Element}
-   *         The dom element that gets created.
-   */
-  LoadingSpinner.prototype.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);
-
-/**
- * @file button.js
- */
-/**
- * Base class for all buttons.
- *
- * @extends ClickableComponent
- */
-
-var Button = function (_ClickableComponent) {
-  inherits(Button, _ClickableComponent);
-
-  function Button() {
-    classCallCheck(this, Button);
-    return possibleConstructorReturn(this, _ClickableComponent.apply(this, arguments));
-  }
-
-  /**
-   * 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.
-   */
-  Button.prototype.createEl = function createEl(tag) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    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',
-
-      // let the screen reader user know that the text of the button may change
-      'aria-live': 'polite'
-    }, 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
-   */
-
-
-  Button.prototype.addChild = function addChild(child) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    var className = this.constructor.name;
-
-    log$1.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}.
-   */
-
-
-  Button.prototype.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}.
-   */
-
-
-  Button.prototype.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
-   */
-
-
-  Button.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Ignore Space (32) or Enter (13) key operation, which is handled by the browser for a button.
-    if (event.which === 32 || event.which === 13) {
-      return;
-    }
-
-    // Pass keypress handling up for unsupported keys
-    _ClickableComponent.prototype.handleKeyPress.call(this, event);
-  };
-
-  return Button;
-}(ClickableComponent);
-
-Component.registerComponent('Button', Button);
-
-/**
- * @file big-play-button.js
- */
-/**
- * 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 = function (_Button) {
-  inherits(BigPlayButton, _Button);
-
-  function BigPlayButton(player, options) {
-    classCallCheck(this, BigPlayButton);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _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'.
-   */
-
-
-  BigPlayButton.prototype.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
-   */
-
-
-  BigPlayButton.prototype.handleClick = function handleClick(event) {
-    var playPromise = this.player_.play();
-
-    // exit early if clicked via the mouse
-    if (this.mouseused_ && event.clientX && event.clientY) {
-      return;
-    }
-
-    var cb = this.player_.getChild('controlBar');
-    var playToggle = cb && cb.getChild('playToggle');
-
-    if (!playToggle) {
-      this.player_.focus();
-      return;
-    }
-
-    var playFocus = function playFocus() {
-      return playToggle.focus();
-    };
-
-    if (isPromise(playPromise)) {
-      playPromise.then(playFocus, function () {});
-    } else {
-      this.setTimeout(playFocus, 1);
-    }
-  };
-
-  BigPlayButton.prototype.handleKeyPress = function handleKeyPress(event) {
-    this.mouseused_ = false;
-
-    _Button.prototype.handleKeyPress.call(this, event);
-  };
-
-  BigPlayButton.prototype.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);
-
-/**
- * @file close-button.js
- */
-/**
- * The `CloseButton` is a `{@link Button}` that fires a `close` event when
- * it gets clicked.
- *
- * @extends Button
- */
-
-var CloseButton = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, CloseButton);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.controlText(options && options.controlText || _this.localize('Close'));
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CloseButton.prototype.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
-   */
-
-
-  CloseButton.prototype.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 });
-  };
-
-  return CloseButton;
-}(Button);
-
-Component.registerComponent('CloseButton', CloseButton);
-
-/**
- * @file play-toggle.js
- */
-/**
- * Button to toggle between play and pause.
- *
- * @extends Button
- */
-
-var PlayToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, PlayToggle);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.on(player, 'play', _this.handlePlay);
-    _this.on(player, 'pause', _this.handlePause);
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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
-   */
-
-
-  PlayToggle.prototype.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.
-*
-* @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;
-};
-
-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;
-}
-
-var formatTime = function (seconds) {
-  var guide = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : seconds;
-
-  return implementation(seconds, guide);
-};
-
-/**
- * @file time-display.js
- */
-/**
- * Displays the time left in the video
- *
- * @extends Component
- */
-
-var TimeDisplay = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, TimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.throttledUpdateContent = throttle(bind(_this, _this.updateContent), 25);
-    _this.on(player, 'timeupdate', _this.throttledUpdateContent);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  TimeDisplay.prototype.createEl = function createEl$$1(plainName) {
-    var className = this.buildCSSClass();
-    var el = _Component.prototype.createEl.call(this, 'div', {
-      className: className + ' vjs-time-control vjs-control'
-    });
-
-    this.contentEl_ = createEl('div', {
-      className: className + '-display'
-    }, {
-      // tell screen readers not to automatically read the time as it changes
-      'aria-live': 'off'
-    }, createEl('span', {
-      className: 'vjs-control-text',
-      textContent: this.localize(this.controlText_)
-    }));
-
-    this.updateTextNode_();
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  TimeDisplay.prototype.dispose = function dispose() {
-    this.contentEl_ = null;
-    this.textNode_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * Updates the "remaining time" text node with new content using the
-   * contents of the `formattedTime_` property.
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.updateTextNode_ = function updateTextNode_() {
-    if (!this.contentEl_) {
-      return;
-    }
-
-    while (this.contentEl_.firstChild) {
-      this.contentEl_.removeChild(this.contentEl_.firstChild);
-    }
-
-    this.textNode_ = document_1.createTextNode(this.formattedTime_ || '0:00');
-    this.contentEl_.appendChild(this.textNode_);
-  };
-
-  /**
-   * Generates a formatted time for this component to use in display.
-   *
-   * @param  {number} time
-   *         A numeric time, in seconds.
-   *
-   * @return {string}
-   *         A formatted time
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.formatTime_ = function formatTime_(time) {
-    return formatTime(time);
-  };
-
-  /**
-   * Updates the time display text node if it has what was passed in changed
-   * the formatted time.
-   *
-   * @param {number} time
-   *        The time to update to
-   *
-   * @private
-   */
-
-
-  TimeDisplay.prototype.updateFormattedTime_ = function updateFormattedTime_(time) {
-    var formattedTime = this.formatTime_(time);
-
-    if (formattedTime === this.formattedTime_) {
-      return;
-    }
-
-    this.formattedTime_ = formattedTime;
-    this.requestAnimationFrame(this.updateTextNode_);
-  };
-
-  /**
-   * 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
-   */
-
-
-  TimeDisplay.prototype.updateContent = function updateContent(event) {};
-
-  return TimeDisplay;
-}(Component);
-
-/**
- * The text that should display over the `TimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-TimeDisplay.prototype.controlText_ = 'Time';
-
-Component.registerComponent('TimeDisplay', TimeDisplay);
-
-/**
- * @file current-time-display.js
- */
-/**
- * Displays the current time
- *
- * @extends Component
- */
-
-var CurrentTimeDisplay = function (_TimeDisplay) {
-  inherits(CurrentTimeDisplay, _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 CurrentTimeDisplay(player, options) {
-    classCallCheck(this, CurrentTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CurrentTimeDisplay.prototype.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
-   */
-
-
-  CurrentTimeDisplay.prototype.updateContent = function updateContent(event) {
-    // Allows for smooth scrubbing, when player can't keep up.
-    var time = this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-
-    this.updateFormattedTime_(time);
-  };
-
-  /**
-   * When the player fires ended there should be no time left. Sadly
-   * this is not always the case, lets make it seem like that is the case
-   * for users.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  CurrentTimeDisplay.prototype.handleEnded = function handleEnded(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-    this.updateFormattedTime_(this.player_.duration());
-  };
-
-  return CurrentTimeDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `CurrentTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-CurrentTimeDisplay.prototype.controlText_ = 'Current Time';
-
-Component.registerComponent('CurrentTimeDisplay', CurrentTimeDisplay);
-
-/**
- * @file duration-display.js
- */
-/**
- * Displays the duration
- *
- * @extends Component
- */
-
-var DurationDisplay = function (_TimeDisplay) {
-  inherits(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) {
-    classCallCheck(this, DurationDisplay);
-
-    // we do not want to/need to throttle duration changes,
-    // as they should always display the changed duration as
-    // it has changed
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'durationchange', _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.throttledUpdateContent);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  DurationDisplay.prototype.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
-   */
-
-
-  DurationDisplay.prototype.updateContent = function updateContent(event) {
-    var duration = this.player_.duration();
-
-    if (duration && this.duration_ !== duration) {
-      this.duration_ = duration;
-      this.updateFormattedTime_(duration);
-    }
-  };
-
-  return DurationDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `DurationDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-DurationDisplay.prototype.controlText_ = 'Duration Time';
-
-Component.registerComponent('DurationDisplay', DurationDisplay);
-
-/**
- * @file time-divider.js
- */
-/**
- * The separator between the current time and duration.
- * Can be hidden if it's not needed in the design.
- *
- * @extends Component
- */
-
-var TimeDivider = function (_Component) {
-  inherits(TimeDivider, _Component);
-
-  function TimeDivider() {
-    classCallCheck(this, TimeDivider);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the component's DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  TimeDivider.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-control vjs-time-divider',
-      innerHTML: '<div><span>/</span></div>'
-    });
-  };
-
-  return TimeDivider;
-}(Component);
-
-Component.registerComponent('TimeDivider', TimeDivider);
-
-/**
- * @file remaining-time-display.js
- */
-/**
- * Displays the time left in the video
- *
- * @extends Component
- */
-
-var RemainingTimeDisplay = function (_TimeDisplay) {
-  inherits(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) {
-    classCallCheck(this, RemainingTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _TimeDisplay.call(this, player, options));
-
-    _this.on(player, 'durationchange', _this.throttledUpdateContent);
-    _this.on(player, 'ended', _this.handleEnded);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  RemainingTimeDisplay.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-remaining-time';
-  };
-
-  /**
-   * The remaining time display prefixes numbers with a "minus" character.
-   *
-   * @param  {number} time
-   *         A numeric time, in seconds.
-   *
-   * @return {string}
-   *         A formatted time
-   *
-   * @private
-   */
-
-
-  RemainingTimeDisplay.prototype.formatTime_ = function formatTime_(time) {
-    return '-' + _TimeDisplay.prototype.formatTime_.call(this, time);
-  };
-
-  /**
-   * Update remaining time display.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `durationchange` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   * @listens Player#durationchange
-   */
-
-
-  RemainingTimeDisplay.prototype.updateContent = function updateContent(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-
-    // @deprecated We should only use remainingTimeDisplay
-    // as of video.js 7
-    if (this.player_.remainingTimeDisplay) {
-      this.updateFormattedTime_(this.player_.remainingTimeDisplay());
-    } else {
-      this.updateFormattedTime_(this.player_.remainingTime());
-    }
-  };
-
-  /**
-   * When the player fires ended there should be no time left. Sadly
-   * this is not always the case, lets make it seem like that is the case
-   * for users.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  RemainingTimeDisplay.prototype.handleEnded = function handleEnded(event) {
-    if (!this.player_.duration()) {
-      return;
-    }
-    this.updateFormattedTime_(0);
-  };
-
-  return RemainingTimeDisplay;
-}(TimeDisplay);
-
-/**
- * The text that should display over the `RemainingTimeDisplay`s controls. Added to for localization.
- *
- * @type {string}
- * @private
- */
-
-
-RemainingTimeDisplay.prototype.controlText_ = 'Remaining Time';
-
-Component.registerComponent('RemainingTimeDisplay', RemainingTimeDisplay);
-
-/**
- * @file live-display.js
- */
-// TODO - Future make it click to snap to live
-
-/**
- * Displays the live indicator when duration is Infinity.
- *
- * @extends Component
- */
-
-var LiveDisplay = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, LiveDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.updateShowing();
-    _this.on(_this.player(), 'durationchange', _this.updateShowing);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  LiveDisplay.prototype.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') + '</span>' + this.localize('LIVE')
-    }, {
-      'aria-live': 'off'
-    });
-
-    el.appendChild(this.contentEl_);
-    return el;
-  };
-
-  LiveDisplay.prototype.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
-   */
-
-
-  LiveDisplay.prototype.updateShowing = function updateShowing(event) {
-    if (this.player().duration() === Infinity) {
-      this.show();
-    } else {
-      this.hide();
-    }
-  };
-
-  return LiveDisplay;
-}(Component);
-
-Component.registerComponent('LiveDisplay', LiveDisplay);
-
-/**
- * @file slider.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Slider);
-
-    // Set property names to bar to match with the child Slider class is looking for
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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
-   */
-
-
-  Slider.prototype.enabled = function enabled() {
-    return this.enabled_;
-  };
-
-  /**
-   * Enable controls for this slider if they are disabled
-   */
-
-
-  Slider.prototype.enable = function enable() {
-    if (this.enabled()) {
-      return;
-    }
-
-    this.on('mousedown', this.handleMouseDown);
-    this.on('touchstart', this.handleMouseDown);
-    this.on('focus', this.handleFocus);
-    this.on('blur', this.handleBlur);
-    this.on('click', this.handleClick);
-
-    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
-   */
-
-
-  Slider.prototype.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('focus', this.handleFocus);
-    this.off('blur', this.handleBlur);
-    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 `Button`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.
-   */
-
-
-  Slider.prototype.createEl = function createEl$$1(type) {
-    var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var attributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
-    // 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
-   */
-
-
-  Slider.prototype.handleMouseDown = function handleMouseDown(event) {
-    var doc = this.bar.el_.ownerDocument;
-
-    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
-   */
-
-
-  Slider.prototype.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
-   */
-
-
-  Slider.prototype.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`.
-   *
-   * @returns {number}
-   *          The percentage of progress the progress bar represents as a
-   *          number from 0 to 1.
-   */
-
-
-  Slider.prototype.update = function update() {
-
-    // 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 (!this.el_) {
-      return;
-    }
-
-    // If scrubbing, we could use a cached value to make the handle keep up
-    // with the user's mouse. On HTML5 browsers scrubbing is really smooth, but
-    // some flash players are slow, so we might want to utilize this later.
-    // var progress =  (this.player_.scrubbing()) ? this.player_.getCache().currentTime / this.player_.duration() : this.player_.currentTime() / this.player_.duration();
-    var progress = this.getPercent();
-    var bar = this.bar;
-
-    // If there's no bar...
-    if (!bar) {
-      return;
-    }
-
-    // Protect against no duration and other division issues
-    if (typeof progress !== 'number' || progress !== progress || progress < 0 || progress === Infinity) {
-      progress = 0;
-    }
-
-    // Convert to a percentage for setting
-    var percentage = (progress * 100).toFixed(2) + '%';
-    var style = bar.el().style;
-
-    // Set the new bar width or height
-    if (this.vertical()) {
-      style.height = percentage;
-    } else {
-      style.width = percentage;
-    }
-
-    return progress;
-  };
-
-  /**
-   * Calculate distance for slider
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run.
-   *
-   * @return {number}
-   *         The current position of the Slider.
-   *         - postition.x for vertical `Slider`s
-   *         - postition.y for horizontal `Slider`s
-   */
-
-
-  Slider.prototype.calculateDistance = function calculateDistance(event) {
-    var position = getPointerPosition(this.el_, event);
-
-    if (this.vertical()) {
-      return position.y;
-    }
-    return position.x;
-  };
-
-  /**
-   * Handle a `focus` event on this `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to run.
-   *
-   * @listens focus
-   */
-
-
-  Slider.prototype.handleFocus = function handleFocus() {
-    this.on(this.bar.el_.ownerDocument, 'keydown', this.handleKeyPress);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Slider.prototype.handleKeyPress = function handleKeyPress(event) {
-    // Left and Down Arrows
-    if (event.which === 37 || event.which === 40) {
-      event.preventDefault();
-      this.stepBack();
-
-      // Up and Right Arrows
-    } else if (event.which === 38 || event.which === 39) {
-      event.preventDefault();
-      this.stepForward();
-    }
-  };
-
-  /**
-   * Handle a `blur` event on this `Slider`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to run.
-   *
-   * @listens blur
-   */
-
-  Slider.prototype.handleBlur = function handleBlur() {
-    this.off(this.bar.el_.ownerDocument, 'keydown', this.handleKeyPress);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Slider.prototype.handleClick = function handleClick(event) {
-    event.stopImmediatePropagation();
-    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
-   */
-
-
-  Slider.prototype.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);
-
-/**
- * @file load-progress-bar.js
- */
-/**
- * Shows loading progress
- *
- * @extends Component
- */
-
-var LoadProgressBar = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, LoadProgressBar);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.partEls_ = [];
-    _this.on(player, 'progress', _this.update);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  LoadProgressBar.prototype.createEl = function createEl$$1() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-load-progress',
-      innerHTML: '<span class="vjs-control-text"><span>' + this.localize('Loaded') + '</span>: 0%</span>'
-    });
-  };
-
-  LoadProgressBar.prototype.dispose = function dispose() {
-    this.partEls_ = 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
-   */
-
-
-  LoadProgressBar.prototype.update = function update(event) {
-    var buffered = this.player_.buffered();
-    var duration = this.player_.duration();
-    var bufferedEnd = this.player_.bufferedEnd();
-    var children = this.partEls_;
-
-    // get the percent width of a time compared to the total end
-    var percentify = function percentify(time, end) {
-      // no NaN
-      var percent = time / end || 0;
-
-      return (percent >= 1 ? 1 : percent) * 100 + '%';
-    };
-
-    // update the width of the progress bar
-    this.el_.style.width = percentify(bufferedEnd, duration);
-
-    // 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 = this.el_.appendChild(createEl());
-        children[i] = part;
-      }
-
-      // 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--) {
-      this.el_.removeChild(children[_i - 1]);
-    }
-    children.length = buffered.length;
-  };
-
-  return LoadProgressBar;
-}(Component);
-
-Component.registerComponent('LoadProgressBar', LoadProgressBar);
-
-/**
- * @file time-tooltip.js
- */
-/**
- * Time tooltips display a time above the progress bar.
- *
- * @extends Component
- */
-
-var TimeTooltip = function (_Component) {
-  inherits(TimeTooltip, _Component);
-
-  function TimeTooltip() {
-    classCallCheck(this, TimeTooltip);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the time tooltip DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  TimeTooltip.prototype.createEl = function createEl$$1() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-time-tooltip'
-    });
-  };
-
-  /**
-   * 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}
-   */
-
-
-  TimeTooltip.prototype.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';
-    textContent(this.el_, content);
-  };
-
-  return TimeTooltip;
-}(Component);
-
-Component.registerComponent('TimeTooltip', TimeTooltip);
-
-/**
- * @file play-progress-bar.js
- */
-/**
- * Used by {@link SeekBar} to display media playback progress as part of the
- * {@link ProgressControl}.
- *
- * @extends Component
- */
-
-var PlayProgressBar = function (_Component) {
-  inherits(PlayProgressBar, _Component);
-
-  function PlayProgressBar() {
-    classCallCheck(this, PlayProgressBar);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  PlayProgressBar.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-play-progress vjs-slider-bar',
-      innerHTML: '<span class="vjs-control-text"><span>' + this.localize('Progress') + '</span>: 0%</span>'
-    });
-  };
-
-  /**
-   * 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}
-   */
-
-
-  PlayProgressBar.prototype.update = function update(seekBarRect, seekBarPoint) {
-    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 time = _this2.player_.scrubbing() ? _this2.player_.getCache().currentTime : _this2.player_.currentTime();
-
-      var content = formatTime(time, _this2.player_.duration());
-      var timeTooltip = _this2.getChild('timeTooltip');
-
-      if (timeTooltip) {
-        timeTooltip.update(seekBarRect, seekBarPoint, content);
-      }
-    });
-  };
-
-  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 or IE8
-if ((!IE_VERSION || IE_VERSION > 8) && !IS_IOS && !IS_ANDROID) {
-  PlayProgressBar.prototype.options_.children.push('timeTooltip');
-}
-
-Component.registerComponent('PlayProgressBar', PlayProgressBar);
-
-/**
- * @file mouse-time-display.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, MouseTimeDisplay);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.update = throttle(bind(_this, _this.update), 25);
-    return _this;
-  }
-
-  /**
-   * Create the DOM element for this class.
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  MouseTimeDisplay.prototype.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}
-   */
-
-
-  MouseTimeDisplay.prototype.update = function update(seekBarRect, seekBarPoint) {
-    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 duration = _this2.player_.duration();
-      var content = formatTime(seekBarPoint * duration, duration);
-
-      _this2.el_.style.left = seekBarRect.width * seekBarPoint + 'px';
-      _this2.getChild('timeTooltip').update(seekBarRect, seekBarPoint, content);
-    });
-  };
-
-  return MouseTimeDisplay;
-}(Component);
-
-/**
- * Default options for `MouseTimeDisplay`
- *
- * @type {Object}
- * @private
- */
-
-
-MouseTimeDisplay.prototype.options_ = {
-  children: ['timeTooltip']
-};
-
-Component.registerComponent('MouseTimeDisplay', MouseTimeDisplay);
-
-/**
- * @file seek-bar.js
- */
-// The number of seconds the `step*` functions move the timeline.
-var STEP_SECONDS = 5;
-
-// The interval at which the bar should update as it progresses.
-var UPDATE_REFRESH_INTERVAL = 30;
-
-/**
- * Seek bar and container for the progress bars. Uses {@link PlayProgressBar}
- * as its `bar`.
- *
- * @extends Slider
- */
-
-var SeekBar = function (_Slider) {
-  inherits(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) {
-    classCallCheck(this, SeekBar);
-
-    var _this = possibleConstructorReturn(this, _Slider.call(this, player, options));
-
-    _this.update = throttle(bind(_this, _this.update), UPDATE_REFRESH_INTERVAL);
-
-    _this.on(player, 'timeupdate', _this.update);
-    _this.on(player, 'ended', _this.handleEnded);
-
-    // when playing, let's ensure we smoothly update the play progress bar
-    // via an interval
-    _this.updateInterval = null;
-
-    _this.on(player, ['playing'], function () {
-      _this.clearInterval(_this.updateInterval);
-
-      _this.updateInterval = _this.setInterval(function () {
-        _this.requestAnimationFrame(function () {
-          _this.update();
-        });
-      }, UPDATE_REFRESH_INTERVAL);
-    });
-
-    _this.on(player, ['ended', 'pause', 'waiting'], function () {
-      _this.clearInterval(_this.updateInterval);
-    });
-
-    _this.on(player, ['timeupdate', 'ended'], _this.update);
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  SeekBar.prototype.createEl = function createEl$$1() {
-    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 accessiblity
-   * attributes to whatever is passed in.
-   *
-   * @param {number} currentTime
-   *        The currentTime value that should be used for accessiblity
-   *
-   * @param {number} percent
-   *        The percentage as a decimal that the bar should be filled from 0-1.
-   *
-   * @private
-   */
-
-
-  SeekBar.prototype.update_ = function update_(currentTime, percent) {
-    var duration = this.player_.duration();
-
-    // machine readable value of progress bar (percentage complete)
-    this.el_.setAttribute('aria-valuenow', (percent * 100).toFixed(2));
-
-    // human readable value of progress bar (time complete)
-    this.el_.setAttribute('aria-valuetext', this.localize('progress bar timing: currentTime={1} duration={2}', [formatTime(currentTime, duration), formatTime(duration, duration)], '{1} of {2}'));
-
-    // Update the `PlayProgressBar`.
-    this.bar.update(getBoundingClientRect(this.el_), percent);
-  };
-
-  /**
-   * Update the seek bar's UI.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `ended` event that caused this to run.
-   *
-   * @listens Player#timeupdate
-   *
-   * @returns {number}
-   *          The current percent at a number from 0-1
-   */
-
-
-  SeekBar.prototype.update = function update(event) {
-    var percent = _Slider.prototype.update.call(this);
-
-    this.update_(this.getCurrentTime_(), percent);
-    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
-   */
-
-
-  SeekBar.prototype.getCurrentTime_ = function getCurrentTime_() {
-    return this.player_.scrubbing() ? this.player_.getCache().currentTime : this.player_.currentTime();
-  };
-
-  /**
-   * We want the seek bar to be full on ended
-   * no matter what the actual internal values are. so we force it.
-   *
-   * @param {EventTarget~Event} [event]
-   *        The `timeupdate` or `ended` event that caused this to run.
-   *
-   * @listens Player#ended
-   */
-
-
-  SeekBar.prototype.handleEnded = function handleEnded(event) {
-    this.update_(this.player_.duration(), 1);
-  };
-
-  /**
-   * Get the percentage of media played so far.
-   *
-   * @return {number}
-   *         The percentage of media played so far (0 to 1).
-   */
-
-
-  SeekBar.prototype.getPercent = function getPercent() {
-    var percent = this.getCurrentTime_() / this.player_.duration();
-
-    return percent >= 1 ? 1 : percent;
-  };
-
-  /**
-   * Handle mouse down on seek bar
-   *
-   * @param {EventTarget~Event} event
-   *        The `mousedown` event that caused this to run.
-   *
-   * @listens mousedown
-   */
-
-
-  SeekBar.prototype.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
-   */
-
-
-  SeekBar.prototype.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    var newTime = this.calculateDistance(event) * this.player_.duration();
-
-    // Don't let video end while scrubbing.
-    if (newTime === this.player_.duration()) {
-      newTime = newTime - 0.1;
-    }
-
-    // Set new time (tell player to seek to new time)
-    this.player_.currentTime(newTime);
-  };
-
-  SeekBar.prototype.enable = function enable() {
-    _Slider.prototype.enable.call(this);
-    var mouseTimeDisplay = this.getChild('mouseTimeDisplay');
-
-    if (!mouseTimeDisplay) {
-      return;
-    }
-
-    mouseTimeDisplay.show();
-  };
-
-  SeekBar.prototype.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
-   */
-
-
-  SeekBar.prototype.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());
-    }
-  };
-
-  /**
-   * Move more quickly fast forward for keyboard-only users
-   */
-
-
-  SeekBar.prototype.stepForward = function stepForward() {
-    this.player_.currentTime(this.player_.currentTime() + STEP_SECONDS);
-  };
-
-  /**
-   * Move more quickly rewind for keyboard-only users
-   */
-
-
-  SeekBar.prototype.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
-   *
-   */
-
-
-  SeekBar.prototype.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. By
-   * default it will call `this.handleAction` when the key is space or enter.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  SeekBar.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Support Space (32) or Enter (13) key operation to fire a click event
-    if (event.which === 32 || event.which === 13) {
-      event.preventDefault();
-      this.handleAction(event);
-    } else if (_Slider.prototype.handleKeyPress) {
-
-      // Pass keypress handling up for unsupported keys
-      _Slider.prototype.handleKeyPress.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 or IE8
-if ((!IE_VERSION || IE_VERSION > 8) && !IS_IOS && !IS_ANDROID) {
-  SeekBar.prototype.options_.children.splice(1, 0, 'mouseTimeDisplay');
-}
-
-/**
- * Call the update event for this Slider when this event happens on the player.
- *
- * @type {string}
- */
-SeekBar.prototype.playerEvent = 'timeupdate';
-
-Component.registerComponent('SeekBar', SeekBar);
-
-/**
- * @file progress-control.js
- */
-/**
- * The Progress Control component contains the seek bar, load progress,
- * and play progress.
- *
- * @extends Component
- */
-
-var ProgressControl = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, ProgressControl);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _this.handleMouseMove = throttle(bind(_this, _this.handleMouseMove), 25);
-    _this.throttledHandleMouseSeek = throttle(bind(_this, _this.handleMouseSeek), 25);
-
-    _this.enable();
-    return _this;
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  ProgressControl.prototype.createEl = function createEl$$1() {
-    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
-   */
-
-
-  ProgressControl.prototype.handleMouseMove = function handleMouseMove(event) {
-    var seekBar = this.getChild('seekBar');
-
-    if (seekBar) {
-      var mouseTimeDisplay = seekBar.getChild('mouseTimeDisplay');
-      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.
-      if (seekBarPoint > 1) {
-        seekBarPoint = 1;
-      } else if (seekBarPoint < 0) {
-        seekBarPoint = 0;
-      }
-
-      if (mouseTimeDisplay) {
-        mouseTimeDisplay.update(seekBarRect, seekBarPoint);
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.enabled = function enabled() {
-    return this.enabled_;
-  };
-
-  /**
-   * Disable all controls on the progress control and its children
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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
-   */
-
-
-  ProgressControl.prototype.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);
-
-/**
- * @file fullscreen-toggle.js
- */
-/**
- * Toggle fullscreen video
- *
- * @extends Button
- */
-
-var FullscreenToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, FullscreenToggle);
-
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    _this.on(player, 'fullscreenchange', _this.handleFullscreenChange);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  FullscreenToggle.prototype.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
-   */
-
-
-  FullscreenToggle.prototype.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
-   */
-
-
-  FullscreenToggle.prototype.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');
-    }
-  });
-};
-
-/**
- * @file volume-level.js
- */
-/**
- * Shows volume level
- *
- * @extends Component
- */
-
-var VolumeLevel = function (_Component) {
-  inherits(VolumeLevel, _Component);
-
-  function VolumeLevel() {
-    classCallCheck(this, VolumeLevel);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  VolumeLevel.prototype.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);
-
-/**
- * @file volume-bar.js
- */
-// Required children
-/**
- * The bar that contains the volume level and can be clicked on to adjust the level
- *
- * @extends Slider
- */
-
-var VolumeBar = function (_Slider) {
-  inherits(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) {
-    classCallCheck(this, VolumeBar);
-
-    var _this = possibleConstructorReturn(this, _Slider.call(this, player, options));
-
-    _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.
-   */
-
-
-  VolumeBar.prototype.createEl = function createEl$$1() {
-    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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.handleMouseMove = function handleMouseMove(event) {
-    if (!isSingleLeftClick(event)) {
-      return;
-    }
-
-    this.checkMuted();
-    this.player_.volume(this.calculateDistance(event));
-  };
-
-  /**
-   * If the player is muted unmute it.
-   */
-
-
-  VolumeBar.prototype.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.
-   */
-
-
-  VolumeBar.prototype.getPercent = function getPercent() {
-    if (this.player_.muted()) {
-      return 0;
-    }
-    return this.player_.volume();
-  };
-
-  /**
-   * Increase volume level for keyboard users
-   */
-
-
-  VolumeBar.prototype.stepForward = function stepForward() {
-    this.checkMuted();
-    this.player_.volume(this.player_.volume() + 0.1);
-  };
-
-  /**
-   * Decrease volume level for keyboard users
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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
-   */
-
-
-  VolumeBar.prototype.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);
-
-/**
- * @file volume-control.js
- */
-// Required children
-/**
- * The component for controlling the volume level
- *
- * @extends Component
- */
-
-var VolumeControl = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, VolumeControl);
-
-    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;
-    }
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    _this.throttledHandleMouseMove = throttle(bind(_this, _this.handleMouseMove), 25);
-
-    _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.
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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
-   */
-
-
-  VolumeControl.prototype.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);
-
-/**
- * @file mute-toggle.js
- */
-/**
- * A button component for muting the audio.
- *
- * @extends Button
- */
-
-var MuteToggle = function (_Button) {
-  inherits(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) {
-    classCallCheck(this, MuteToggle);
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Button.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    _this.on(player, ['loadstart', 'volumechange'], _this.update);
-    return _this;
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.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
-   */
-
-
-  MuteToggle.prototype.updateIcon_ = function updateIcon_() {
-    var vol = this.player_.volume();
-    var level = 3;
-
-    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
-   */
-
-
-  MuteToggle.prototype.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);
-
-/**
- * @file volume-control.js
- */
-// Required children
-/**
- * A Component to contain the MuteToggle and VolumeControl so that
- * they can work together.
- *
- * @extends Component
- */
-
-var VolumePanel = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, VolumePanel);
-
-    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;
-    }
-
-    // hide this control if volume support is missing
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    checkVolumeSupport(_this, player);
-
-    // 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
-   */
-
-
-  VolumePanel.prototype.sliderActive_ = function sliderActive_() {
-    this.addClass('vjs-slider-active');
-  };
-
-  /**
-   * Removes vjs-slider-active class to the VolumePanel
-   *
-   * @listens VolumeControl#sliderinactive
-   * @private
-   */
-
-
-  VolumePanel.prototype.sliderInactive_ = function sliderInactive_() {
-    this.removeClass('vjs-slider-active');
-  };
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  VolumePanel.prototype.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
-    });
-  };
-
-  return VolumePanel;
-}(Component);
-
-/**
- * Default options for the `VolumeControl`
- *
- * @type {Object}
- * @private
- */
-
-
-VolumePanel.prototype.options_ = {
-  children: ['muteToggle', 'volumeControl']
-};
-
-Component.registerComponent('VolumePanel', VolumePanel);
-
-/**
- * @file menu.js
- */
-/**
- * The Menu component is used to build popup menus, including subtitle and
- * captions selection menus.
- *
- * @extends Component
- */
-
-var Menu = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Menu);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    if (options) {
-      _this.menuButton_ = options.menuButton;
-    }
-
-    _this.focusedChild_ = -1;
-
-    _this.on('keydown', _this.handleKeyPress);
-    return _this;
-  }
-
-  /**
-   * Add a {@link MenuItem} to the menu.
-   *
-   * @param {Object|string} component
-   *        The name or instance of the `MenuItem` to add.
-   *
-   */
-
-
-  Menu.prototype.addItem = function addItem(component) {
-    this.addChild(component);
-    component.on('click', bind(this, function (event) {
-      // Unpress the associated MenuButton, and move focus back to it
-      if (this.menuButton_) {
-        this.menuButton_.unpressButton();
-
-        // don't focus menu button if item is a caption settings item
-        // because focus will move elsewhere and it logs an error on IE8
-        if (component.name() !== 'CaptionSettingsMenuItem') {
-          this.menuButton_.focus();
-        }
-      }
-    }));
-  };
-
-  /**
-   * Create the `Menu`s DOM element.
-   *
-   * @return {Element}
-   *         the element that was created
-   */
-
-
-  Menu.prototype.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;
-  };
-
-  Menu.prototype.dispose = function dispose() {
-    this.contentEl_ = null;
-
-    _Component.prototype.dispose.call(this);
-  };
-
-  /**
-   * 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
-   */
-
-
-  Menu.prototype.handleKeyPress = function handleKeyPress(event) {
-    // Left and Down Arrows
-    if (event.which === 37 || event.which === 40) {
-      event.preventDefault();
-      this.stepForward();
-
-      // Up and Right Arrows
-    } else if (event.which === 38 || event.which === 39) {
-      event.preventDefault();
-      this.stepBack();
-    }
-  };
-
-  /**
-   * Move to next (lower) menu item for keyboard users.
-   */
-
-
-  Menu.prototype.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.
-   */
-
-
-  Menu.prototype.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.
-   */
-
-
-  Menu.prototype.focus = function focus() {
-    var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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);
-
-/**
- * @file menu-button.js
- */
-/**
- * A `MenuButton` class for any popup {@link Menu}.
- *
- * @extends Component
- */
-
-var MenuButton = function (_Component) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, MenuButton);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options));
-
-    _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_, 'focus', _this.handleFocus);
-    _this.on(_this.menuButton_, 'blur', _this.handleBlur);
-
-    _this.on('keydown', _this.handleSubmenuKeyPress);
-    return _this;
-  }
-
-  /**
-   * Update the menu based on the current state of its items.
-   */
-
-
-  MenuButton.prototype.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
-   */
-
-
-  MenuButton.prototype.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 title = createEl('li', {
-        className: 'vjs-menu-title',
-        innerHTML: toTitleCase(this.options_.title),
-        tabIndex: -1
-      });
-
-      this.hideThreshold_ += 1;
-
-      menu.children_.unshift(title);
-      prependTo(title, menu.contentEl());
-    }
-
-    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
-   */
-
-
-  MenuButton.prototype.createItems = function createItems() {};
-
-  /**
-   * Create the `MenuButtons`s DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  MenuButton.prototype.createEl = function createEl$$1() {
-    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`
-   */
-
-
-  MenuButton.prototype.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.
-   */
-
-
-  MenuButton.prototype.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
-   */
-
-
-  MenuButton.prototype.controlText = function controlText(text) {
-    var el = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.menuButton_.el();
-
-    return this.menuButton_.controlText(text, el);
-  };
-
-  /**
-   * 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
-   */
-
-
-  MenuButton.prototype.handleClick = function handleClick(event) {
-    // When you click the button it adds focus, which will show the menu.
-    // So we'll remove focus when the mouse leaves the button. Focus is needed
-    // for tab navigation.
-
-    this.one(this.menu.contentEl(), 'mouseleave', bind(this, function (e) {
-      this.unpressButton();
-      this.el_.blur();
-    }));
-    if (this.buttonPressed_) {
-      this.unpressButton();
-    } else {
-      this.pressButton();
-    }
-  };
-
-  /**
-   * Set the focus to the actual button, not to this element
-   */
-
-
-  MenuButton.prototype.focus = function focus() {
-    this.menuButton_.focus();
-  };
-
-  /**
-   * Remove the focus from the actual button, not this element
-   */
-
-
-  MenuButton.prototype.blur = function blur() {
-    this.menuButton_.blur();
-  };
-
-  /**
-   * This gets called when a `MenuButton` gains focus via a `focus` event.
-   * Turns on listening for `keydown` events. When they happen it
-   * calls `this.handleKeyPress`.
-   *
-   * @param {EventTarget~Event} event
-   *        The `focus` event that caused this function to be called.
-   *
-   * @listens focus
-   */
-
-
-  MenuButton.prototype.handleFocus = function handleFocus() {
-    on(document_1, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Called when a `MenuButton` loses focus. Turns off the listener for
-   * `keydown` events. Which Stops `this.handleKeyPress` from getting called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `blur` event that caused this function to be called.
-   *
-   * @listens blur
-   */
-
-
-  MenuButton.prototype.handleBlur = function handleBlur() {
-    off(document_1, 'keydown', bind(this, this.handleKeyPress));
-  };
-
-  /**
-   * Handle tab, escape, down arrow, and up arrow keys for `MenuButton`. See
-   * {@link ClickableComponent#handleKeyPress} for instances where this is called.
-   *
-   * @param {EventTarget~Event} event
-   *        The `keydown` event that caused this function to be called.
-   *
-   * @listens keydown
-   */
-
-
-  MenuButton.prototype.handleKeyPress = function handleKeyPress(event) {
-
-    // Escape (27) key or Tab (9) key unpress the 'button'
-    if (event.which === 27 || event.which === 9) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      }
-      // Don't preventDefault for Tab key - we still want to lose focus
-      if (event.which !== 9) {
-        event.preventDefault();
-        // Set focus back to the menu button's button
-        this.menuButton_.el_.focus();
-      }
-      // Up (38) key or Down (40) key press the 'button'
-    } else if (event.which === 38 || event.which === 40) {
-      if (!this.buttonPressed_) {
-        this.pressButton();
-        event.preventDefault();
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  MenuButton.prototype.handleSubmenuKeyPress = function handleSubmenuKeyPress(event) {
-
-    // Escape (27) key or Tab (9) key unpress the 'button'
-    if (event.which === 27 || event.which === 9) {
-      if (this.buttonPressed_) {
-        this.unpressButton();
-      }
-      // Don't preventDefault for Tab key - we still want to lose focus
-      if (event.which !== 9) {
-        event.preventDefault();
-        // Set focus back to the menu button's button
-        this.menuButton_.el_.focus();
-      }
-    }
-  };
-
-  /**
-   * Put the current `MenuButton` into a pressed state.
-   */
-
-
-  MenuButton.prototype.pressButton = function pressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = true;
-      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.
-   */
-
-
-  MenuButton.prototype.unpressButton = function unpressButton() {
-    if (this.enabled_) {
-      this.buttonPressed_ = false;
-      this.menu.unlockShowing();
-      this.menuButton_.el_.setAttribute('aria-expanded', 'false');
-    }
-  };
-
-  /**
-   * Disable the `MenuButton`. Don't allow it to be clicked.
-   */
-
-
-  MenuButton.prototype.disable = function disable() {
-    this.unpressButton();
-
-    this.enabled_ = false;
-    this.addClass('vjs-disabled');
-
-    this.menuButton_.disable();
-  };
-
-  /**
-   * Enable the `MenuButton`. Allow it to be clicked.
-   */
-
-
-  MenuButton.prototype.enable = function enable() {
-    this.enabled_ = true;
-    this.removeClass('vjs-disabled');
-
-    this.menuButton_.enable();
-  };
-
-  return MenuButton;
-}(Component);
-
-Component.registerComponent('MenuButton', MenuButton);
-
-/**
- * @file track-button.js
- */
-/**
- * The base class for buttons that toggle specific  track types (e.g. subtitles).
- *
- * @extends MenuButton
- */
-
-var TrackButton = function (_MenuButton) {
-  inherits(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) {
-    classCallCheck(this, TrackButton);
-
-    var tracks = options.tracks;
-
-    var _this = possibleConstructorReturn(this, _MenuButton.call(this, player, options));
-
-    if (_this.items.length <= 1) {
-      _this.hide();
-    }
-
-    if (!tracks) {
-      return possibleConstructorReturn(_this);
-    }
-
-    var updateHandler = bind(_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-item.js
- */
-/**
- * The component for a menu item. `<li>`
- *
- * @extends ClickableComponent
- */
-
-var MenuItem = function (_ClickableComponent) {
-  inherits(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) {
-    classCallCheck(this, MenuItem);
-
-    var _this = possibleConstructorReturn(this, _ClickableComponent.call(this, player, options));
-
-    _this.selectable = options.selectable;
-    _this.isSelected_ = options.selected || false;
-
-    _this.selected(_this.isSelected_);
-
-    if (_this.selectable) {
-      // TODO: May need to be either menuitemcheckbox or menuitemradio,
-      //       and may need logical grouping of menu items.
-      _this.el_.setAttribute('role', 'menuitemcheckbox');
-    } 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.
-   */
-
-
-  MenuItem.prototype.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);
-  };
-
-  /**
-   * Any click on a `MenuItem` puts int 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
-   */
-
-
-  MenuItem.prototype.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
-   */
-
-
-  MenuItem.prototype.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);
-
-/**
- * @file text-track-menu-item.js
- */
-/**
- * The specific menu item type for selecting a language within a text track kind
- *
- * @extends MenuItem
- */
-
-var TextTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, TextTrackMenuItem);
-
-    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';
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_this, args);
-    };
-    var selectedLanguageChangeHandler = function selectedLanguageChangeHandler() {
-      for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      _this.handleSelectedLanguageChange.apply(_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 = void 0;
-
-      _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_1.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
-   */
-
-
-  TextTrackMenuItem.prototype.handleClick = function handleClick(event) {
-    var kind = this.track.kind;
-    var kinds = this.track.kinds;
-    var tracks = this.player_.textTracks();
-
-    if (!kinds) {
-      kinds = [kind];
-    }
-
-    _MenuItem.prototype.handleClick.call(this, event);
-
-    if (!tracks) {
-      return;
-    }
-
-    for (var i = 0; i < tracks.length; i++) {
-      var track = tracks[i];
-
-      if (track === this.track && kinds.indexOf(track.kind) > -1) {
-        if (track.mode !== 'showing') {
-          track.mode = 'showing';
-        }
-      } 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
-   */
-
-
-  TextTrackMenuItem.prototype.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);
-    }
-  };
-
-  TextTrackMenuItem.prototype.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
-      };
-    }
-  };
-
-  TextTrackMenuItem.prototype.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);
-
-/**
- * @file off-text-track-menu-item.js
- */
-/**
- * A special menu item for turning of a specific type of text track
- *
- * @extends TextTrackMenuItem
- */
-
-var OffTextTrackMenuItem = function (_TextTrackMenuItem) {
-  inherits(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) {
-    classCallCheck(this, OffTextTrackMenuItem);
-
-    // Create pseudo track info
-    // Requires options['kind']
-    options.track = {
-      player: player,
-      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;
-
-    return possibleConstructorReturn(this, _TextTrackMenuItem.call(this, player, options));
-  }
-
-  /**
-   * Handle text track change
-   *
-   * @param {EventTarget~Event} event
-   *        The event that caused this function to run
-   */
-
-
-  OffTextTrackMenuItem.prototype.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);
-    }
-  };
-
-  OffTextTrackMenuItem.prototype.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);
-
-/**
- * @file text-track-button.js
- */
-/**
- * The base class for buttons that toggle specific text track types (e.g. subtitles)
- *
- * @extends MenuButton
- */
-
-var TextTrackButton = function (_TrackButton) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, TextTrackButton);
-
-    options.tracks = player.textTracks();
-
-    return possibleConstructorReturn(this, _TrackButton.call(this, player, options));
-  }
-
-  /**
-   * 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
-   */
-
-
-  TextTrackButton.prototype.createItems = function createItems() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var TrackMenuItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TextTrackMenuItem;
-
-
-    // Label is an overide for the [track] off label
-    // USed to localise captions/subtitles
-    var label = void 0;
-
-    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,
-          // MenuItem is selectable
-          selectable: true
-        });
-
-        item.addClass('vjs-' + track.kind + '-menu-item');
-        items.push(item);
-      }
-    }
-
-    return items;
-  };
-
-  return TextTrackButton;
-}(TrackButton);
-
-Component.registerComponent('TextTrackButton', TextTrackButton);
-
-/**
- * @file chapters-track-menu-item.js
- */
-/**
- * The chapter track menu item
- *
- * @extends MenuItem
- */
-
-var ChaptersTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, ChaptersTrackMenuItem);
-
-    var track = options.track;
-    var cue = options.cue;
-    var currentTime = player.currentTime();
-
-    // Modify options for parent MenuItem class's init.
-    options.selectable = true;
-    options.label = cue.text;
-    options.selected = cue.startTime <= currentTime && currentTime < cue.endTime;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-    _this.cue = cue;
-    track.addEventListener('cuechange', bind(_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
-   */
-
-
-  ChaptersTrackMenuItem.prototype.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
-   */
-
-
-  ChaptersTrackMenuItem.prototype.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);
-
-/**
- * @file chapters-button.js
- */
-/**
- * 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 = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, ChaptersButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  ChaptersButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-chapters-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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.
-   */
-
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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
-   */
-
-
-  ChaptersButton.prototype.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);
-
-/**
- * @file descriptions-button.js
- */
-/**
- * The button component for toggling and selecting descriptions
- *
- * @extends TextTrackButton
- */
-
-var DescriptionsButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, DescriptionsButton);
-
-    var _this = possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-
-    var tracks = player.textTracks();
-    var changeHandler = bind(_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
-   */
-
-
-  DescriptionsButton.prototype.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.
-   */
-
-
-  DescriptionsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-descriptions-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  DescriptionsButton.prototype.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);
-
-/**
- * @file subtitles-button.js
- */
-/**
- * The button component for toggling and selecting subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubtitlesButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, SubtitlesButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  SubtitlesButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-subtitles-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  SubtitlesButton.prototype.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);
-
-/**
- * @file caption-settings-menu-item.js
- */
-/**
- * The menu item for caption track settings menu
- *
- * @extends TextTrackMenuItem
- */
-
-var CaptionSettingsMenuItem = function (_TextTrackMenuItem) {
-  inherits(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) {
-    classCallCheck(this, CaptionSettingsMenuItem);
-
-    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';
-
-    var _this = possibleConstructorReturn(this, _TextTrackMenuItem.call(this, player, options));
-
-    _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
-   */
-
-
-  CaptionSettingsMenuItem.prototype.handleClick = function handleClick(event) {
-    this.player().getChild('textTrackSettings').open();
-  };
-
-  return CaptionSettingsMenuItem;
-}(TextTrackMenuItem);
-
-Component.registerComponent('CaptionSettingsMenuItem', CaptionSettingsMenuItem);
-
-/**
- * @file captions-button.js
- */
-/**
- * The button component for toggling and selecting captions
- *
- * @extends TextTrackButton
- */
-
-var CaptionsButton = function (_TextTrackButton) {
-  inherits(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) {
-    classCallCheck(this, CaptionsButton);
-    return possibleConstructorReturn(this, _TextTrackButton.call(this, player, options, ready));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  CaptionsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-captions-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  CaptionsButton.prototype.buildWrapperCSSClass = function buildWrapperCSSClass() {
-    return 'vjs-captions-button ' + _TextTrackButton.prototype.buildWrapperCSSClass.call(this);
-  };
-
-  /**
-   * Create caption menu items
-   *
-   * @return {CaptionSettingsMenuItem[]}
-   *         The array of current menu items.
-   */
-
-
-  CaptionsButton.prototype.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);
-
-/**
- * @file subs-caps-menu-item.js
- */
-/**
- * SubsCapsMenuItem has an [cc] icon to distinguish captions from subtitles
- * in the SubsCapsMenu.
- *
- * @extends TextTrackMenuItem
- */
-
-var SubsCapsMenuItem = function (_TextTrackMenuItem) {
-  inherits(SubsCapsMenuItem, _TextTrackMenuItem);
-
-  function SubsCapsMenuItem() {
-    classCallCheck(this, SubsCapsMenuItem);
-    return possibleConstructorReturn(this, _TextTrackMenuItem.apply(this, arguments));
-  }
-
-  SubsCapsMenuItem.prototype.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);
-
-/**
- * @file sub-caps-button.js
- */
-/**
- * The button component for toggling and selecting captions and/or subtitles
- *
- * @extends TextTrackButton
- */
-
-var SubsCapsButton = function (_TextTrackButton) {
-  inherits(SubsCapsButton, _TextTrackButton);
-
-  function SubsCapsButton(player) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, SubsCapsButton);
-
-    // Although North America uses "captions" in most cases for
-    // "captions and subtitles" other locales use "subtitles"
-    var _this = possibleConstructorReturn(this, _TextTrackButton.call(this, player, options));
-
-    _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.
-   */
-
-
-  SubsCapsButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-subs-caps-button ' + _TextTrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  SubsCapsButton.prototype.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.
-   */
-
-
-  SubsCapsButton.prototype.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);
-
-/**
- * @file audio-track-menu-item.js
- */
-/**
- * An {@link AudioTrack} {@link MenuItem}
- *
- * @extends MenuItem
- */
-
-var AudioTrackMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, AudioTrackMenuItem);
-
-    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;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _this.track = track;
-
-    var changeHandler = function changeHandler() {
-      for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      _this.handleTracksChange.apply(_this, args);
-    };
-
-    tracks.addEventListener('change', changeHandler);
-    _this.on('dispose', function () {
-      tracks.removeEventListener('change', changeHandler);
-    });
-    return _this;
-  }
-
-  /**
-   * 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
-   */
-
-
-  AudioTrackMenuItem.prototype.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
-   */
-
-
-  AudioTrackMenuItem.prototype.handleTracksChange = function handleTracksChange(event) {
-    this.selected(this.track.enabled);
-  };
-
-  return AudioTrackMenuItem;
-}(MenuItem);
-
-Component.registerComponent('AudioTrackMenuItem', AudioTrackMenuItem);
-
-/**
- * @file audio-track-button.js
- */
-/**
- * The base class for buttons that toggle specific {@link AudioTrack} types.
- *
- * @extends TrackButton
- */
-
-var AudioTrackButton = function (_TrackButton) {
-  inherits(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) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    classCallCheck(this, AudioTrackButton);
-
-    options.tracks = player.audioTracks();
-
-    return possibleConstructorReturn(this, _TrackButton.call(this, player, options));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  AudioTrackButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-audio-button ' + _TrackButton.prototype.buildCSSClass.call(this);
-  };
-
-  AudioTrackButton.prototype.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
-   */
-
-
-  AudioTrackButton.prototype.createItems = function createItems() {
-    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-    // 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
-      }));
-    }
-
-    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);
-
-/**
- * @file playback-rate-menu-item.js
- */
-/**
- * The specific menu item type for selecting a playback rate.
- *
- * @extends MenuItem
- */
-
-var PlaybackRateMenuItem = function (_MenuItem) {
-  inherits(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) {
-    classCallCheck(this, PlaybackRateMenuItem);
-
-    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;
-
-    var _this = possibleConstructorReturn(this, _MenuItem.call(this, player, options));
-
-    _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
-   */
-
-
-  PlaybackRateMenuItem.prototype.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
-   */
-
-
-  PlaybackRateMenuItem.prototype.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);
-
-/**
- * @file playback-rate-menu-button.js
- */
-/**
- * The component for controlling the playback rate.
- *
- * @extends MenuButton
- */
-
-var PlaybackRateMenuButton = function (_MenuButton) {
-  inherits(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) {
-    classCallCheck(this, PlaybackRateMenuButton);
-
-    var _this = possibleConstructorReturn(this, _MenuButton.call(this, player, options));
-
-    _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.
-   */
-
-
-  PlaybackRateMenuButton.prototype.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;
-  };
-
-  PlaybackRateMenuButton.prototype.dispose = function dispose() {
-    this.labelEl_ = null;
-
-    _MenuButton.prototype.dispose.call(this);
-  };
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-
-
-  PlaybackRateMenuButton.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-playback-rate ' + _MenuButton.prototype.buildCSSClass.call(this);
-  };
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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
-   */
-
-
-  PlaybackRateMenuButton.prototype.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);
-
-/**
- * @file spacer.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(Spacer, _Component);
-
-  function Spacer() {
-    classCallCheck(this, Spacer);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  Spacer.prototype.buildCSSClass = function buildCSSClass() {
-    return 'vjs-spacer ' + _Component.prototype.buildCSSClass.call(this);
-  };
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-
-
-  Spacer.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: this.buildCSSClass()
-    });
-  };
-
-  return Spacer;
-}(Component);
-
-Component.registerComponent('Spacer', Spacer);
-
-/**
- * @file custom-control-spacer.js
- */
-/**
- * Spacer specifically meant to be used as an insertion point for new plugins, etc.
- *
- * @extends Spacer
- */
-
-var CustomControlSpacer = function (_Spacer) {
-  inherits(CustomControlSpacer, _Spacer);
-
-  function CustomControlSpacer() {
-    classCallCheck(this, CustomControlSpacer);
-    return possibleConstructorReturn(this, _Spacer.apply(this, arguments));
-  }
-
-  /**
-   * Builds the default DOM `className`.
-   *
-   * @return {string}
-   *         The DOM `className` for this object.
-   */
-  CustomControlSpacer.prototype.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.
-   */
-
-
-  CustomControlSpacer.prototype.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);
-
-/**
- * @file control-bar.js
- */
-// Required children
-/**
- * Container of main controls.
- *
- * @extends Component
- */
-
-var ControlBar = function (_Component) {
-  inherits(ControlBar, _Component);
-
-  function ControlBar() {
-    classCallCheck(this, ControlBar);
-    return possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Create the `Component`'s DOM element
-   *
-   * @return {Element}
-   *         The element that was created.
-   */
-  ControlBar.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'div', {
-      className: 'vjs-control-bar',
-      dir: 'ltr'
-    }, {
-      // The control bar is a group, but we don't aria-label it to avoid
-      //  over-announcing by JAWS
-      role: 'group'
-    });
-  };
-
-  return ControlBar;
-}(Component);
-
-/**
- * Default options for `ControlBar`
- *
- * @type {Object}
- * @private
- */
-
-
-ControlBar.prototype.options_ = {
-  children: ['playToggle', 'volumePanel', 'currentTimeDisplay', 'timeDivider', 'durationDisplay', 'progressControl', 'liveDisplay', 'remainingTimeDisplay', 'customControlSpacer', 'playbackRateMenuButton', 'chaptersButton', 'descriptionsButton', 'subsCapsButton', 'audioTrackButton', 'fullscreenToggle']
-};
-
-Component.registerComponent('ControlBar', ControlBar);
-
-/**
- * @file error-display.js
- */
-/**
- * A display that indicates an error has occurred. This means that the video
- * is unplayable.
- *
- * @extends ModalDialog
- */
-
-var ErrorDisplay = function (_ModalDialog) {
-  inherits(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) {
-    classCallCheck(this, ErrorDisplay);
-
-    var _this = possibleConstructorReturn(this, _ModalDialog.call(this, player, options));
-
-    _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.
-   */
-
-
-  ErrorDisplay.prototype.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.
-   */
-
-
-  ErrorDisplay.prototype.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_ = mergeOptions(ModalDialog.prototype.options_, {
-  pauseOnOpen: false,
-  fillAlways: true,
-  temporary: false,
-  uncloseable: true
-});
-
-Component.registerComponent('ErrorDisplay', ErrorDisplay);
-
-/**
- * @file text-track-settings.js
- */
-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 = function (_ModalDialog) {
-  inherits(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) {
-    classCallCheck(this, TextTrackSettings);
-
-    options.temporary = false;
-
-    var _this = possibleConstructorReturn(this, _ModalDialog.call(this, player, options));
-
-    _this.updateDisplay = bind(_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;
-  }
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.createElSelect_ = function createElSelect_(key) {
-    var _this2 = this;
-
-    var legendId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'label';
-
-    var config = selectConfigs[key];
-    var id = config.id.replace('%s', this.id_);
-
-    return ['<' + type + ' id="' + id + '" class="' + (type === 'label' ? 'vjs-label' : '') + '">', this.localize(config.label), '</' + type + '>', '<select aria-labelledby="' + (legendId !== '' ? legendId + ' ' : '') + id + '">'].concat(config.options.map(function (o) {
-      var optionId = id + '-' + o[1];
-
-      return ['<option id="' + optionId + '" value="' + o[0] + '" ', 'aria-labelledby="' + (legendId !== '' ? legendId + ' ' : '') + id + ' ' + optionId + '">', _this2.localize(o[1]), '</option>'].join('');
-    })).concat('</select>').join('');
-  };
-
-  /**
-   * Create foreground color element for the component
-   *
-   * @return {string}
-   *         An HTML string.
-   *
-   * @private
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.createElControls_ = function createElControls_() {
-    var defaultsDescription = this.localize('restore all settings to the default values');
-
-    return createEl('div', {
-      className: 'vjs-track-settings-controls',
-      innerHTML: ['<button class="vjs-default-button" title="' + defaultsDescription + '">', this.localize('Reset'), '<span class="vjs-control-text"> ' + defaultsDescription + '</span>', '</button>', '<button class="vjs-done-button">' + this.localize('Done') + '</button>'].join('')
-    });
-  };
-
-  TextTrackSettings.prototype.content = function content() {
-    return [this.createElColors_(), this.createElFont_(), this.createElControls_()];
-  };
-
-  TextTrackSettings.prototype.label = function label() {
-    return this.localize('Caption Settings Dialog');
-  };
-
-  TextTrackSettings.prototype.description = function description() {
-    return this.localize('Beginning of dialog window. Escape will cancel and close the window.');
-  };
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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.
-   */
-
-
-  TextTrackSettings.prototype.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
-   */
-
-
-  TextTrackSettings.prototype.restoreSettings = function restoreSettings() {
-    var values = void 0;
-
-    try {
-      values = JSON.parse(window_1.localStorage.getItem(LOCAL_STORAGE_KEY));
-    } catch (err) {
-      log$1.warn(err);
-    }
-
-    if (values) {
-      this.setValues(values);
-    }
-  };
-
-  /**
-   * Save text track settings to localStorage
-   */
-
-
-  TextTrackSettings.prototype.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$1.warn(err);
-    }
-  };
-
-  /**
-   * Update display of text track settings
-   */
-
-
-  TextTrackSettings.prototype.updateDisplay = function updateDisplay() {
-    var ttDisplay = this.player_.getChild('textTrackDisplay');
-
-    if (ttDisplay) {
-      ttDisplay.updateDisplay();
-    }
-  };
-
-  /**
-   * conditionally blur the element and refocus the captions button
-   *
-   * @private
-   */
-
-
-  TextTrackSettings.prototype.conditionalBlur_ = function conditionalBlur_() {
-    this.previouslyActiveEl_ = null;
-    this.off(document_1, 'keydown', this.handleKeyDown);
-
-    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);
-
-/**
- * @file resize-manager.js
- */
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, ResizeManager);
-
-    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 }, options);
-
-    var _this = possibleConstructorReturn(this, _Component.call(this, player, options_));
-
-    _this.ResizeObserver = options.ResizeObserver || window_1.ResizeObserver;
-    _this.loadListener_ = null;
-    _this.resizeObserver_ = null;
-    _this.debouncedHandler_ = debounce(function () {
-      _this.resizeHandler();
-    }, 100, false, player);
-
-    if (RESIZE_OBSERVER_AVAILABLE) {
-      _this.resizeObserver_ = new _this.ResizeObserver(_this.debouncedHandler_);
-      _this.resizeObserver_.observe(player.el());
-    } else {
-      _this.loadListener_ = function () {
-        if (_this.el_.contentWindow) {
-          on(_this.el_.contentWindow, 'resize', _this.debouncedHandler_);
-        }
-        _this.off('load', _this.loadListener_);
-      };
-
-      _this.on('load', _this.loadListener_);
-    }
-    return _this;
-  }
-
-  ResizeManager.prototype.createEl = function createEl() {
-    return _Component.prototype.createEl.call(this, 'iframe', {
-      className: 'vjs-resize-manager'
-    });
-  };
-
-  /**
-   * Called when a resize is triggered on the iframe or a resize is observed via the ResizeObserver
-   *
-   * @fires Player#playerresize
-   */
-
-
-  ResizeManager.prototype.resizeHandler = function resizeHandler() {
-    /**
-     * Called when the player size has changed
-     *
-     * @event Player#playerresize
-     * @type {EventTarget~Event}
-     */
-    this.player_.trigger('playerresize');
-  };
-
-  ResizeManager.prototype.dispose = function dispose() {
-    if (this.resizeObserver_) {
-      this.resizeObserver_.unobserve(this.player_.el());
-      this.resizeObserver_.disconnect();
-    }
-
-    if (this.el_ && this.el_.contentWindow) {
-      off(this.el_.contentWindow, 'resize', this.debouncedHandler_);
-    }
-
-    if (this.loadListener_) {
-      this.off('load', this.loadListener_);
-    }
-
-    this.ResizeObserver = null;
-    this.resizeObserver = null;
-    this.debouncedHandler_ = null;
-    this.loadListener_ = null;
-  };
-
-  return ResizeManager;
-}(Component);
-
-Component.registerComponent('ResizeManager', ResizeManager);
-
-var _templateObject$2 = taggedTemplateLiteralLoose(['Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n            This may prevent text tracks from loading.'], ['Text Tracks are being loaded from another origin but the crossorigin attribute isn\'t used.\n            This may prevent text tracks from loading.']);
-
-/**
- * @file html5.js
- */
-/**
- * HTML5 Media Controller - Wrapper for HTML5 Media API
- *
- * @mixes Tech~SouceHandlerAdditions
- * @extends Tech
- */
-
-var Html5 = function (_Tech) {
-  inherits(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) {
-    classCallCheck(this, Html5);
-
-    var _this = possibleConstructorReturn(this, _Tech.call(this, options, ready));
-
-    if (options.enableSourceset) {
-      _this.setupSourcesetHandling_();
-    }
-
-    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_);
-    }
-
-    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$1.warn(tsml(_templateObject$2));
-    }
-
-    // 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.
-   */
-
-
-  Html5.prototype.dispose = function dispose() {
-    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
-   */
-
-
-  Html5.prototype.setupSourcesetHandling_ = function setupSourcesetHandling_() {
-    var _this2 = this;
-
-    if (!this.featuresSourceset) {
-      return;
-    }
-
-    var el = this.el();
-
-    // we need to fire sourceset when the player is ready
-    // if we find that the media element had a src when it was
-    // given to us and that tech element is not in a stalled state
-    if (el.src || el.currentSrc && this.el().initNetworkState_ !== 3) {
-      this.triggerSourceset(el.src || el.currentSrc);
-    }
-
-    var proto = window_1.HTMLMediaElement.prototype;
-    var srcDescriptor = {};
-
-    // preserve getters/setters already on `el.src` if they exist
-    if (Object.getOwnPropertyDescriptor(el, 'src')) {
-      srcDescriptor = Object.getOwnPropertyDescriptor(el, 'src');
-    } else if (Object.getOwnPropertyDescriptor(proto, 'src')) {
-      srcDescriptor = mergeOptions(srcDescriptor, Object.getOwnPropertyDescriptor(proto, 'src'));
-    }
-
-    if (!srcDescriptor.get) {
-      srcDescriptor.get = function () {
-        return proto.getAttribute.call(this, 'src');
-      };
-    }
-
-    if (!srcDescriptor.set) {
-      srcDescriptor.set = function (v) {
-        return proto.setAttribute.call(this, 'src', v);
-      };
-    }
-
-    if (typeof srcDescriptor.enumerable === 'undefined') {
-      srcDescriptor.enumerable = true;
-    }
-
-    Object.defineProperty(el, 'src', {
-      get: srcDescriptor.get.bind(el),
-      set: function set$$1(v) {
-        var retval = srcDescriptor.set.call(el, v);
-
-        _this2.triggerSourceset(v);
-
-        return retval;
-      },
-      configurable: true,
-      enumerable: srcDescriptor.enumerable
-    });
-
-    var oldSetAttribute = el.setAttribute;
-
-    el.setAttribute = function (n, v) {
-      var retval = oldSetAttribute.call(el, n, v);
-
-      if (n === 'src') {
-        _this2.triggerSourceset(v);
-      }
-
-      return retval;
-    };
-
-    var oldLoad = el.load;
-
-    el.load = function () {
-      var retval = oldLoad.call(el);
-
-      // if `el.src` is set, that source will be loaded
-      // otherwise, we can't know for sure what source will be set because
-      // source elements will be used but implementing the source selection algorithm
-      // is laborious and asynchronous, so,
-      // instead return an empty string to basically indicate source may change
-      _this2.triggerSourceset(el.src || '');
-
-      return retval;
-    };
-  };
-
-  /**
-   * 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
-   */
-
-
-  Html5.prototype.restoreMetadataTracksInIOSNativePlayer_ = function restoreMetadataTracksInIOSNativePlayer_() {
-    var textTracks = this.textTracks();
-    var metadataTracksPreFullscreenState = void 0;
-
-    // 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);
-    });
-  };
-
-  /**
-   * Proxy all native track list events to our track lists if the browser we are playing
-   * in supports that type of track list.
-   *
-   * @private
-   */
-
-
-  Html5.prototype.proxyNativeTracks_ = function proxyNativeTracks_() {
-    var _this3 = this;
-
-    NORMAL.names.forEach(function (name) {
-      var props = NORMAL[name];
-      var elTracks = _this3.el()[props.getterName];
-      var techTracks = _this3[props.getterName]();
-
-      if (!_this3['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());
-        }
-      };
-
-      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
-      _this3.on('loadstart', removeOldTracks);
-      _this3.on('dispose', function (e) {
-        return _this3.off('loadstart', removeOldTracks);
-      });
-    });
-  };
-
-  /**
-   * Create the `Html5` Tech's DOM element.
-   *
-   * @return {Element}
-   *         The element that gets created.
-   */
-
-
-  Html5.prototype.createEl = function createEl$$1() {
-    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_1.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.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.setCurrentTime = function setCurrentTime(seconds) {
-    try {
-      this.el_.currentTime = seconds;
-    } catch (e) {
-      log$1(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.
-   */
-
-
-  Html5.prototype.duration = function duration() {
-    var _this4 = 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 (_this4.el_.currentTime > 0) {
-          // Trigger durationchange for genuinely live video
-          if (_this4.el_.duration === Infinity) {
-            _this4.trigger('durationchange');
-          }
-          _this4.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.
-   */
-
-
-  Html5.prototype.width = function width() {
-    return this.el_.offsetWidth;
-  };
-
-  /**
-   * Get the current height of the HTML5 media element.
-   *
-   * @return {number}
-   *         The heigth of the HTML5 media element.
-   */
-
-
-  Html5.prototype.height = function height() {
-    return this.el_.offsetHeight;
-  };
-
-  /**
-   * Proxy iOS `webkitbeginfullscreen` and `webkitendfullscreen` into
-   * `fullscreenchange` event.
-   *
-   * @private
-   * @fires fullscreenchange
-   * @listens webkitendfullscreen
-   * @listens webkitbeginfullscreen
-   * @listens webkitbeginfullscreen
-   */
-
-
-  Html5.prototype.proxyWebkitFullscreen_ = function proxyWebkitFullscreen_() {
-    var _this5 = 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 () {
-      _this5.off('webkitbeginfullscreen', beginFn);
-      _this5.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.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.exitFullScreen = function exitFullScreen() {
-    this.el_.webkitExitFullScreen();
-  };
-
-  /**
-   * 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.
-   */
-
-
-  Html5.prototype.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}.
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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.
-   */
-
-
-  Html5.prototype.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 intialize 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.
-   */
-
-
-  Html5.prototype.createRemoteTextTrack = function createRemoteTextTrack(options) {
-    if (!this.featuresNativeTextTracks) {
-      return _Tech.prototype.createRemoteTextTrack.call(this, options);
-    }
-    var htmlTrackElement = document_1.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
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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
-   */
-
-
-  Html5.prototype.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 ---------------------------------------------------- */
-
-if (isReal()) {
-
-  /**
-   * Element for testing browser HTML5 media capabilities
-   *
-   * @type {Element}
-   * @constant
-   * @private
-   */
-  Html5.TEST_VID = document_1.createElement('video');
-  var track = document_1.createElement('track');
-
-  track.kind = 'captions';
-  track.srclang = 'en';
-  track.label = 'English';
-  Html5.TEST_VID.appendChild(track);
-}
-
-/**
- * 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 () {
-  // IE9 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 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 overriden
- *         - False otherwise
- */
-Html5.canOverrideAttributes = function () {
-  if (IS_IE8) {
-    return false;
-  }
-  // if we cannot overwrite the src property, there is no support
-  // iOS 7 safari for instance cannot do this.
-  try {
-    var noop = function noop() {};
-
-    Object.defineProperty(document_1.createElement('video'), 'src', { get: noop, set: noop });
-    Object.defineProperty(document_1.createElement('audio'), 'src', { 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;
-};
-
-/**
- * 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}
- */
-Html5.prototype.featuresVolumeControl = Html5.canControlVolume();
-
-/**
- * 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}
- */
-Html5.prototype.featuresPlaybackRate = Html5.canControlPlaybackRate();
-
-/**
- * Boolean indicating wether the `Tech` supports the `sourceset` event.
- *
- * @type {boolean}
- * @default
- */
-Html5.prototype.featuresSourceset = Html5.canOverrideAttributes();
-
-/**
- * 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 triggred 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 triggred instead.
- *
- * @default
- */
-Html5.prototype.featuresTimeupdateEvents = true;
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `TextTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeTextTracks}
- */
-Html5.prototype.featuresNativeTextTracks = Html5.supportsNativeTextTracks();
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `VideoTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeVideoTracks}
- */
-Html5.prototype.featuresNativeVideoTracks = Html5.supportsNativeVideoTracks();
-
-/**
- * Boolean indicating whether the `HTML5` tech currently supports native `AudioTrack`s.
- *
- * @type {boolean}
- * @default {@link Html5.supportsNativeAudioTracks}
- */
-Html5.prototype.featuresNativeAudioTracks = Html5.supportsNativeAudioTracks();
-
-// HTML5 Feature detection and Device Fixes --------------------------------- //
-var canPlayType = Html5.TEST_VID && Html5.TEST_VID.constructor.prototype.canPlayType;
-var mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i;
-var mp4RE = /^video\/mp4/i;
-
-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) {
-    Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-      if (type && mpegurlRE.test(type)) {
-        return 'maybe';
-      }
-      return canPlayType.call(this, type);
-    };
-
-    // Override Android 2.2 and less canPlayType method which is broken
-  } else if (IS_OLD_ANDROID) {
-    Html5.TEST_VID.constructor.prototype.canPlayType = function (type) {
-      if (type && mp4RE.test(type)) {
-        return 'maybe';
-      }
-      return canPlayType.call(this, type);
-    };
-  }
-};
-
-Html5.unpatchCanPlayType = function () {
-  var r = Html5.TEST_VID.constructor.prototype.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 occured 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.
- *         - Flase 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: NEWORK_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. `videoHeigth` 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.
- *
- * @proprety {Tech~SourceObject} source
- *        The source object
- *
- * @proprety {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) {
-  // IE9 on Windows 7 without MediaPlayer throws an error here
-  // https://github.com/videojs/video.js/issues/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);
-
-var _templateObject$1 = taggedTemplateLiteralLoose(['\n        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      '], ['\n        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      ']);
-
-/**
- * @file player.js
- */
-// Subclasses Component
-// The following imports are used only to ensure that the corresponding modules
-// are always included in the video.js package. Importing the modules will
-// execute them and they will register themselves with video.js.
-// Import Html5 tech, at least for disposing the original video tag.
-// The following tech events are simply re-triggered
-// 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 playing speed of the audio/video is changed
- *
- * @event Player#ratechange
- * @type {event}
- */
-/**
- * Retrigger the `ratechange` event that was triggered by the {@link Tech}.
- *
- * @private
- * @method Player#handleTechRatechange_
- * @fires Player#ratechange
- * @listens Tech#ratechange
- */
-'ratechange',
-
-/**
- * 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'];
-
-/**
- * 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 = function (_Component) {
-  inherits(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) {
-    classCallCheck(this, Player);
-
-    // Make sure tag ID exists
-    tag.id = tag.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
-
-    // Tracks when a tech changes the poster
-    var _this = possibleConstructorReturn(this, _Component.call(this, null, options, ready));
-
-    _this.isPosterFromTech_ = false;
-
-    // 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$$1) {
-        languagesToLower[name$$1.toLowerCase()] = options.languages[name$$1];
-      });
-      _this.languages_ = languagesToLower;
-    } else {
-      _this.languages_ = Player.prototype.options_.languages;
-    }
-
-    // Cache for video property values.
-    _this.cache_ = {};
-
-    // Set poster
-    _this.poster_ = options.poster || '';
-
-    // Set controls
-    _this.controls_ = !!options.controls;
-
-    // Set default values for lastVolume
-    _this.cache_.lastVolume = 1;
-
-    // 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');
-
-    /*
-     * 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(_this, { eventBusKey: 'el_' });
-
-    // 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) {
-      var plugins = options.plugins;
-
-      Object.keys(plugins).forEach(function (name$$1) {
-        if (typeof this[name$$1] === 'function') {
-          this[name$$1](plugins[name$$1]);
-        } else {
-          throw new Error('plugin "' + name$$1 + '" does not exist');
-        }
-      }, _this);
-    }
-
-    _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.
-    // if (browser.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_] = _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.listenForUserActivity_();
-
-    _this.on('fullscreenchange', _this.handleFullscreenChange_);
-    _this.on('stageclick', _this.handleStageClick_);
-
-    _this.changingSrc_ = false;
-    _this.playWaitingForReady_ = false;
-    _this.playOnLoadstart_ = null;
-    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
-   */
-
-
-  Player.prototype.dispose = function dispose() {
-    /**
-     * 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');
-
-    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);
-
-    // 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.
-   */
-
-
-  Player.prototype.createEl = function createEl$$1() {
-    var tag = this.tag;
-    var el = void 0;
-    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_1.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;
-    }
-
-    // set tabindex to -1 so we could focus on the player element
-    tag.setAttribute('tabindex', '-1');
-
-    // Remove width/height attrs from tag so CSS can make it 100% width/height
-    tag.removeAttribute('width');
-    tag.removeAttribute('height');
-
-    Object.getOwnPropertyNames(attrs).forEach(function (attr) {
-      // workaround so we don't totally break IE7
-      // http://stackoverflow.com/questions/3653444/css-styles-not-applied-on-dynamic-elements-in-internet-explorer-7
-      if (attr === 'class') {
-        el.className += ' ' + attrs[attr];
-
-        if (divEmbed) {
-          tag.className += ' ' + attrs[attr];
-        }
-      } else {
-        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);
-    }
-
-    // Pass in the width/height/aspectRatio options which will update the style el
-    this.width(this.options_.width);
-    this.height(this.options_.height);
-    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.
-    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.
-   */
-
-
-  Player.prototype.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.
-   */
-
-
-  Player.prototype.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).
-   */
-
-
-  Player.prototype.dimension = function dimension(_dimension, value) {
-    var privDimension = _dimension + '_';
-
-    if (value === undefined) {
-      return this[privDimension] || 0;
-    }
-
-    if (value === '') {
-      // 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$1.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`.
-   *
-   * @param {boolean} [bool]
-   *        - A value of true adds the class.
-   *        - A value of false removes the class.
-   *        - No value will toggle the fluid class.
-   *
-   * @return {boolean|undefined}
-   *         - The value of fluid when getting.
-   *         - `undefined` when setting.
-   */
-
-
-  Player.prototype.fluid = function fluid(bool) {
-    if (bool === undefined) {
-      return !!this.fluid_;
-    }
-
-    this.fluid_ = !!bool;
-
-    if (bool) {
-      this.addClass('vjs-fluid');
-    } else {
-      this.removeClass('vjs-fluid');
-    }
-
-    this.updateStyleEl_();
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 = void 0;
-    var height = void 0;
-    var aspectRatio = void 0;
-    var idClass = void 0;
-
-    // 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
-   */
-
-
-  Player.prototype.loadTech_ = function loadTech_(techName, source) {
-    var _this2 = 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;
-
-    // Grab tech-specific options from player options and add source and parent element to use.
-    var techOptions = {
-      source: source,
-      'nativeControlsForTouch': this.options_.nativeControlsForTouch,
-      'playerId': this.id(),
-      'techId': this.id() + '_' + titleTechName + '_api',
-      'autoplay': this.options_.autoplay,
-      '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
-    };
-
-    ALL.names.forEach(function (name$$1) {
-      var props = ALL[name$$1];
-
-      techOptions[props.getterName] = _this2[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) {
-      _this2.on(_this2.tech_, event, _this2['handleTech' + toTitleCase(event) + '_']);
-    });
-    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_, 'canplay', this.handleTechCanPlay_);
-    this.on(this.tech_, 'canplaythrough', this.handleTechCanPlayThrough_);
-    this.on(this.tech_, 'playing', this.handleTechPlaying_);
-    this.on(this.tech_, 'ended', this.handleTechEnded_);
-    this.on(this.tech_, 'seeking', this.handleTechSeeking_);
-    this.on(this.tech_, 'seeked', this.handleTechSeeked_);
-    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_, '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.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
-   */
-
-
-  Player.prototype.unloadTech_ = function unloadTech_() {
-    var _this3 = this;
-
-    // Save the current text tracks so that we can reuse the same text tracks with the next tech
-    ALL.names.forEach(function (name$$1) {
-      var props = ALL[name$$1];
-
-      _this3[props.privateName] = _this3[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
-   */
-
-
-  Player.prototype.tech = function tech(safety) {
-    if (safety === undefined) {
-      log$1.warn(tsml(_templateObject$1));
-    }
-
-    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
-   */
-
-
-  Player.prototype.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_, 'mousedown', this.handleTechClick_);
-
-    // 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
-   */
-
-
-  Player.prototype.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_, 'mousedown', this.handleTechClick_);
-  };
-
-  /**
-   * Player waits for the tech to be ready
-   *
-   * @private
-   */
-
-
-  Player.prototype.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_();
-
-    // Chrome and Safari both have issues with autoplay.
-    // In Safari (5.1.1), when we move the video element into the container div, autoplay doesn't work.
-    // In Chrome (15), if you have autoplay + a poster + no controls, the video gets hidden (but audio plays)
-    // This fixes both issues. Need to wait for API, so it updates displays correctly
-    if ((this.src() || this.currentSrc()) && this.tag && this.options_.autoplay && this.paused()) {
-      try {
-        // Chrome Fix. Fixed in Chrome v16.
-        delete this.tag.poster;
-      } catch (e) {
-        log$1('deleting tag.poster throws in some browsers', e);
-      }
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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);
-
-    // 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');
-    }
-  };
-
-  /**
-   * *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
-   */
-
-
-  Player.prototype.handleTechSourceset_ = function handleTechSourceset_(event) {
-    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_
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 `waiting` event that was triggered by the {@link Tech}.
-   *
-   * @fires Player#waiting
-   * @listens Tech#waiting
-   * @private
-   */
-
-
-  Player.prototype.handleTechWaiting_ = function handleTechWaiting_() {
-    var _this4 = 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');
-    this.one('timeupdate', function () {
-      return _this4.removeClass('vjs-waiting');
-    });
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.handleTechSeeked_ = function handleTechSeeked_() {
-    this.removeClass('vjs-seeking');
-    /**
-     * 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.
-   * @deprecated As of 6.0 passing the `starttime` option to the player and the firstplay event are deprecated.
-   * @private
-   */
-
-
-  Player.prototype.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$1.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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#mousedown
-   * @private
-   */
-
-
-  Player.prototype.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()) {
-      this.play();
-    } else {
-      this.pause();
-    }
-  };
-
-  /**
-   * Handle a tap on the media element. It will toggle the user
-   * activity state, which hides and shows the controls.
-   *
-   * @listens Tech#tap
-   * @private
-   */
-
-
-  Player.prototype.handleTechTap_ = function handleTechTap_() {
-    this.userActive(!this.userActive());
-  };
-
-  /**
-   * Handle touch to start
-   *
-   * @listens Tech#touchstart
-   * @private
-   */
-
-
-  Player.prototype.handleTechTouchStart_ = function handleTechTouchStart_() {
-    this.userWasActive = this.userActive();
-  };
-
-  /**
-   * Handle touch to move
-   *
-   * @listens Tech#touchmove
-   * @private
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.handleTechTouchEnd_ = function handleTechTouchEnd_(event) {
-    // Stop the mouse events from also happening
-    event.preventDefault();
-  };
-
-  /**
-   * Fired when the player switches in or out of fullscreen mode
-   *
-   * @private
-   * @listens Player#fullscreenchange
-   */
-
-
-  Player.prototype.handleFullscreenChange_ = function handleFullscreenChange_() {
-    if (this.isFullscreen()) {
-      this.addClass('vjs-fullscreen');
-    } else {
-      this.removeClass('vjs-fullscreen');
-    }
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.handleStageClick_ = function handleStageClick_() {
-    this.reportUserActivity();
-  };
-
-  /**
-   * 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
-   */
-
-
-  Player.prototype.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');
-  };
-
-  /**
-   * Fires when an error occurred during the loading of an audio/video.
-   *
-   * @private
-   * @listens Tech#error
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.getCache = function getCache() {
-    return this.cache_;
-  };
-
-  /**
-   * Pass values to the playback tech
-   *
-   * @param {string} [method]
-   *        the method to call
-   *
-   * @param {Object} arg
-   *        the argument to pass
-   *
-   * @private
-   */
-
-
-  Player.prototype.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$1(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$1(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
-   */
-
-
-  Player.prototype.techGet_ = function techGet_(method) {
-    if (!this.tech_ || !this.tech_.isReady_) {
-      return;
-    }
-
-    if (method in allowedGetters) {
-      return get$1(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$1('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$1('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$1(e);
-      throw e;
-    }
-  };
-
-  /**
-   * Attempt to begin playback at the first opportunity.
-   *
-   * @return {Promise|undefined}
-   *         Returns a `Promise` only if the browser returns one and the player
-   *         is ready to begin playback. For some browsers and all non-ready
-   *         situations, this will return `undefined`.
-   */
-
-
-  Player.prototype.play = function play() {
-    var _this5 = this;
-
-    // If this is called while we have a play queued up on a loadstart, remove
-    // that listener to avoid getting in a potentially bad state.
-    if (this.playOnLoadstart_) {
-      this.off('loadstart', this.playOnLoadstart_);
-    }
-
-    // If the player/tech is not ready, queue up another call to `play()` for
-    // when it is. This will loop back into this method for another attempt at
-    // playback when the tech is ready.
-    if (!this.isReady_) {
-
-      // Bail out if we're already waiting for `ready`!
-      if (this.playWaitingForReady_) {
-        return;
-      }
-
-      this.playWaitingForReady_ = true;
-      this.ready(function () {
-        _this5.playWaitingForReady_ = false;
-        silencePromise(_this5.play());
-      });
-
-      // If the player/tech is ready and we have a source, we can attempt playback.
-    } else if (!this.changingSrc_ && (this.src() || this.currentSrc())) {
-      return this.techGet_('play');
-
-      // If the tech is ready, but we do not have a source, we'll need to wait
-      // for both the `ready` and a `loadstart` when the source is finally
-      // resolved by middleware and set on the player.
-      //
-      // This can happen if `play()` is called while changing sources or before
-      // one has been set on the player.
-    } else {
-
-      this.playOnLoadstart_ = function () {
-        _this5.playOnLoadstart_ = null;
-        silencePromise(_this5.play());
-      };
-
-      this.one('loadstart', this.playOnLoadstart_);
-    }
-  };
-
-  /**
-   * Pause the video playback
-   *
-   * @return {Player}
-   *         A reference to the player object this function was called on
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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.
-   */
-
-
-  Player.prototype.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]
-   *        wether the user is or is not scrubbing
-   *
-   * @return {boolean}
-   *         The value of scrubbing when getting
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 Inifity 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');
-      } else {
-        this.removeClass('vjs-live');
-      }
-      /**
-       * @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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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)
-   */
-
-
-  Player.prototype.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 bufferred 0 being 0% and 1 being 100%
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.volume = function volume(percentAsDecimal) {
-    var vol = void 0;
-
-    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
-   */
-
-
-  Player.prototype.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 intial 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.isFullscreen = function isFullscreen(isFS) {
-    if (isFS !== undefined) {
-      this.isFullscreen_ = !!isFS;
-      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.
-   *
-   * @fires Player#fullscreenchange
-   */
-
-
-  Player.prototype.requestFullscreen = function requestFullscreen() {
-    var fsApi = FullscreenApi;
-
-    this.isFullscreen(true);
-
-    if (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_1, fsApi.fullscreenchange, bind(this, function documentFullscreenChange(e) {
-        this.isFullscreen(document_1[fsApi.fullscreenElement]);
-
-        // If cancelling fullscreen, remove event listener.
-        if (this.isFullscreen() === false) {
-          off(document_1, fsApi.fullscreenchange, documentFullscreenChange);
-        }
-        /**
-         * @event Player#fullscreenchange
-         * @type {EventTarget~Event}
-         */
-        this.trigger('fullscreenchange');
-      }));
-
-      this.el_[fsApi.requestFullscreen]();
-    } 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
-   */
-
-
-  Player.prototype.exitFullscreen = function exitFullscreen() {
-    var fsApi = FullscreenApi;
-
-    this.isFullscreen(false);
-
-    // Check for browser element fullscreen support
-    if (fsApi.requestFullscreen) {
-      document_1[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
-   */
-
-
-  Player.prototype.enterFullWindow = function enterFullWindow() {
-    this.isFullWindow = true;
-
-    // Storing original doc overflow value to return to when fullscreen is off
-    this.docOrigOverflow = document_1.documentElement.style.overflow;
-
-    // Add listener for esc key to exit fullscreen
-    on(document_1, 'keydown', bind(this, this.fullWindowOnEscKey));
-
-    // Hide any scroll bars
-    document_1.documentElement.style.overflow = 'hidden';
-
-    // Apply fullscreen styles
-    addClass(document_1.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
-   */
-
-
-  Player.prototype.fullWindowOnEscKey = function fullWindowOnEscKey(event) {
-    if (event.keyCode === 27) {
-      if (this.isFullscreen() === true) {
-        this.exitFullscreen();
-      } else {
-        this.exitFullWindow();
-      }
-    }
-  };
-
-  /**
-   * Exit full window
-   *
-   * @fires Player#exitFullWindow
-   */
-
-
-  Player.prototype.exitFullWindow = function exitFullWindow() {
-    this.isFullWindow = false;
-    off(document_1, 'keydown', this.fullWindowOnEscKey);
-
-    // Unhide scroll bars.
-    document_1.documentElement.style.overflow = this.docOrigOverflow;
-
-    // Remove fullscreen styles
-    removeClass(document_1.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 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)
-   */
-
-
-  Player.prototype.canPlayType = function canPlayType(type) {
-    var can = void 0;
-
-    // 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$1.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
-   */
-
-
-  Player.prototype.selectSource = function selectSource(sources) {
-    var _this6 = 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$1.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 = void 0;
-
-      outerArray.some(function (outerChoice) {
-        return innerArray.some(function (innerChoice) {
-          found = tester(outerChoice, innerChoice);
-
-          if (found) {
-            return true;
-          }
-        });
-      });
-
-      return found;
-    };
-
-    var foundSourceAndTech = void 0;
-    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, _this6.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.
-   */
-
-
-  Player.prototype.src = function src(source) {
-    var _this7 = 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.cache_.sources = sources;
-    this.changingSrc_ = true;
-
-    // intial source
-    this.cache_.source = sources[0];
-
-    // middlewareSource is the source after it has been changed by middleware
-    setSource(this, sources[0], function (middlewareSource, mws) {
-      _this7.middleware_ = mws;
-
-      var err = _this7.src_(middlewareSource);
-
-      if (err) {
-        if (sources.length > 1) {
-          return _this7.src(sources.slice(1));
-        }
-
-        // We need to wrap this in a timeout to give folks a chance to add error event handlers
-        _this7.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
-        _this7.triggerReady();
-
-        return;
-      }
-
-      _this7.changingSrc_ = false;
-      // video element listed source
-      _this7.cache_.src = middlewareSource.src;
-
-      setTech(mws, _this7.tech_);
-    });
-  };
-
-  /**
-   * Set the source object on the tech, returns a boolean that indicates wether
-   * 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
-   */
-
-
-  Player.prototype.src_ = function src_(source) {
-    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);
-      return false;
-    }
-
-    // wait until the tech is ready to set the source
-    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);
-      }
-
-      if (this.options_.preload === 'auto') {
-        this.load();
-      }
-
-      // Set the source synchronously if possible (#2326)
-    }, true);
-
-    return false;
-  };
-
-  /**
-   * Begin loading the src data.
-   */
-
-
-  Player.prototype.load = function load() {
-    this.techCall_('load');
-  };
-
-  /**
-   * Reset the player. Loads the first tech in the techOrder,
-   * and calls `reset` on the tech`.
-   */
-
-
-  Player.prototype.reset = function reset() {
-    this.loadTech_(this.options_.techOrder[0], null);
-    this.techCall_('reset');
-  };
-
-  /**
-   * Returns all of the current source objects.
-   *
-   * @return {Tech~SourceObject[]}
-   *         The current source objects
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 conjuction with `currentType` to assist in rebuilding the current source object.
-   *
-   * @return {string}
-   *         The current source
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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 maens that we should not preload
-   *
-   * @return {string}
-   *         The preload attribute value when getting
-   */
-
-
-  Player.prototype.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 attribute.
-   *
-   * @param {boolean} [value]
-   *        - true means that we should autoplay
-   *        - false means that we should not autoplay
-   *
-   * @return {string}
-   *         The current value of autoplay when getting
-   */
-
-
-  Player.prototype.autoplay = function autoplay(value) {
-    if (value !== undefined) {
-      this.techCall_('setAutoplay', value);
-      this.options_.autoplay = value;
-      return;
-    }
-    return this.techGet_('autoplay', value);
-  };
-
-  /**
-   * 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}
-   */
-
-
-  Player.prototype.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 {string}
-   *         The current value of loop when getting
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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)
-   */
-
-
-  Player.prototype.error = function error(err) {
-    if (err === undefined) {
-      return this.error_ || null;
-    }
-
-    // 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
-    // ie8 just logs "[object object]" if you just log the error object
-    log$1.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.listenForUserActivity_ = function listenForUserActivity_() {
-    var mouseInProgress = void 0;
-    var lastMoveX = void 0;
-    var lastMoveY = void 0;
-    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);
-
-    // 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 = void 0;
-
-    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
-   */
-
-
-  Player.prototype.playbackRate = function playbackRate(rate) {
-    if (rate !== undefined) {
-      this.techCall_('setPlaybackRate', rate);
-      return;
-    }
-
-    if (this.tech_ && this.tech_.featuresPlaybackRate) {
-      return 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 intial 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.removeRemoteTextTrack = function removeRemoteTextTrack() {
-    var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref3$track = _ref3.track,
-        track = _ref3$track === undefined ? arguments[0] : _ref3$track;
-
-    // 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.
-   */
-
-
-  Player.prototype.getVideoPlaybackQuality = function getVideoPlaybackQuality() {
-    return this.techGet_('getVideoPlaybackQuality');
-  };
-
-  /**
-   * Get video width
-   *
-   * @return {number}
-   *         current video width
-   */
-
-
-  Player.prototype.videoWidth = function videoWidth() {
-    return this.tech_ && this.tech_.videoWidth && this.tech_.videoWidth() || 0;
-  };
-
-  /**
-   * Get video height
-   *
-   * @return {number}
-   *         current video height
-   */
-
-
-  Player.prototype.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 lanugage
-   * 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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.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
-   */
-
-
-  Player.prototype.createModal = function createModal(content, options) {
-    var _this8 = this;
-
-    options = options || {};
-    options.content = content || '';
-
-    var modal = new ModalDialog(this, options);
-
-    this.addChild(modal);
-    modal.on('dispose', function () {
-      _this8.removeChild(modal);
-    });
-
-    modal.open();
-    return modal;
-  };
-
-  /**
-   * 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-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$1.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 wether or not flexbox is supported
-   *
-   * @return {boolean}
-   *         - true if flexbox is supported
-   *         - false if flexbox is not supported
-   */
-
-
-  Player.prototype.flexNotSupported_ = function flexNotSupported_() {
-    var elem = document_1.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)
-    '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$$1) {
-  var props = ALL[name$$1];
-
-  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 player list
- *
- * @type {Object}
- */
-Player.players = {};
-
-var navigator$1 = 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],
-
-  // Included control sets
-  children: ['mediaLoader', 'posterImage', 'textTrackDisplay', 'loadingSpinner', 'bigPlayButton', 'controlBar', 'errorDisplay', 'textTrackSettings'],
-
-  language: navigator$1 && (navigator$1.languages && navigator$1.languages[0] || navigator$1.userLanguage || navigator$1.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.'
-};
-
-if (!IS_IE8) {
-  Player.prototype.options_.children.push('resizeManager');
-}
-
-[
-/**
- * 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);
-
-/**
- * @file plugin.js
- */
-/**
- * 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.
- *
- * @returns {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.
- *
- * @returns {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.
- *
- * @returns {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.
- *
- * @returns {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 = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    var instance = new (Function.prototype.bind.apply(PluginSubClass, [null].concat([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 = 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) {
-    classCallCheck(this, Plugin);
-
-    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
-   */
-
-
-  Plugin.prototype.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.
-   *
-   * @returns {Plugin~PluginEventHash}
-   *          An event hash object with provided properties mixed-in.
-   */
-
-
-  Plugin.prototype.getEventHash = function getEventHash() {
-    var hash = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    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}.
-   *
-   * @returns {boolean}
-   *          Whether or not default was prevented.
-   */
-
-
-  Plugin.prototype.trigger = function trigger$$1(event) {
-    var hash = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-    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.
-   */
-
-
-  Plugin.prototype.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
-   */
-
-
-  Plugin.prototype.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.
-   *
-   * @returns {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.
-   *
-   * @returns {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 === 'undefined' ? 'undefined' : _typeof(name)) + '.');
-    }
-
-    if (pluginExists(name)) {
-      log$1.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 === 'undefined' ? 'undefined' : _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 deregistered.
-   */
-
-
-  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.
-   *
-   * @returns {Object|undefined}
-   *          An object containing plugin(s) associated with their name(s) or
-   *          `undefined` if no matching plugins exist).
-   */
-
-
-  Plugin.getPlugins = function getPlugins() {
-    var names = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Object.keys(pluginStorage);
-
-    var result = void 0;
-
-    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.
-   *
-   * @returns {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
- */
-
-/**
- * A combination of node inherits and babel's inherits (after transpile).
- * Both work the same but node adds `super_` to the subClass
- * and Bable adds the superClass as __proto__. Both seem useful.
- *
- * @param {Object} subClass
- *        The class to inherit to
- *
- * @param {Object} superClass
- *        The class to inherit from
- *
- * @private
- */
-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 === 'undefined' ? 'undefined' : _typeof(superClass)));
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-
-  if (superClass) {
-    // node
-    subClass.super_ = superClass;
-  }
-};
-
-/**
- * Function for subclassing using the same inheritance that
- * videojs uses internally
- *
- * @static
- * @const
- *
- * @param {Object} superClass
- *        The class to inherit from
- *
- * @param {Object} [subClassMethods={}]
- *        The class to inherit to
- *
- * @return {Object}
- *         The new object with subClassMethods that inherited superClass.
- */
-var extendFn = function extendFn(superClass) {
-  var subClassMethods = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  var subClass = function subClass() {
-    superClass.apply(this, arguments);
-  };
-
-  var methods = {};
-
-  if ((typeof subClassMethods === 'undefined' ? 'undefined' : _typeof(subClassMethods)) === 'object') {
-    if (subClassMethods.constructor !== Object.prototype.constructor) {
-      subClass = subClassMethods.constructor;
-    }
-    methods = subClassMethods;
-  } else if (typeof subClassMethods === 'function') {
-    subClass = subClassMethods;
-  }
-
-  _inherits(subClass, 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
- */
-// Include the built-in techs
-// HTML5 Element Shim for IE8
-if (typeof HTMLVideoElement === 'undefined' && isReal()) {
-  document_1.createElement('video');
-  document_1.createElement('audio');
-  document_1.createElement('track');
-  document_1.createElement('video-js');
-}
-
-/**
- * Normalize an `id` value by trimming off a leading `#`
- *
- * @param   {string} id
- *          A string, maybe with a leading `#`.
- *
- * @returns {string}
- *          The string, without any leading `#`.
- */
-var normalizeId = function normalizeId(id) {
-  return id.indexOf('#') === 0 ? id.slice(1) : id;
-};
-
-/**
- * Doubles as the main function for users to create a player instance and also
- * the main library object.
- * The `videojs` function can be used to initialize or retrieve a player.
-  *
- * @param {string|Element} id
- *        Video element or video element ID
- *
- * @param {Object} [options]
- *        Optional options object for config/settings
- *
- * @param {Component~ReadyCallback} [ready]
- *        Optional ready callback
- *
- * @return {Player}
- *         A player instance
- */
-function videojs(id, options, ready) {
-  var player = videojs.getPlayer(id);
-
-  if (player) {
-    if (options) {
-      log$1.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)');
-  }
-
-  if (!document_1.body.contains(el)) {
-    log$1.warn('The element supplied is not included in the DOM');
-  }
-
-  options = options || {};
-
-  videojs.hooks('beforesetup').forEach(function (hookFunction) {
-    var opts = hookFunction(el, mergeOptions(options));
-
-    if (!isObject(opts) || Array.isArray(opts)) {
-      log$1.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.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
- */
-videojs.hooks_ = {};
-
-/**
- * Get a list of hooks for a specific lifecycle
- * @function videojs.hooks
- *
- * @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.hooks = function (type, fn) {
-  videojs.hooks_[type] = videojs.hooks_[type] || [];
-  if (fn) {
-    videojs.hooks_[type] = videojs.hooks_[type].concat(fn);
-  }
-  return videojs.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.hook = function (type, fn) {
-  videojs.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.hookOnce = function (type, fn) {
-  videojs.hooks(type, [].concat(fn).map(function (original) {
-    var wrapper = function wrapper() {
-      videojs.removeHook(type, wrapper);
-      return original.apply(undefined, 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.removeHook = function (type, fn) {
-  var index = videojs.hooks(type).indexOf(fn);
-
-  if (index <= -1) {
-    return false;
-  }
-
-  videojs.hooks_[type] = videojs.hooks_[type].slice();
-  videojs.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);
-
-/**
- * Current software version. Follows semver.
- *
- * @type {string}
- */
-videojs.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.options = Player.prototype.options_;
-
-/**
- * Get an object with the currently created players, keyed by player ID
- *
- * @return {Object}
- *         The created players
- */
-videojs.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.
- *
- * @returns {Player|undefined}
- *          A player instance or `undefined` if there is no player instance
- *          matching the argument.
- */
-videojs.getPlayer = function (id) {
-  var players = Player.players;
-  var tag = void 0;
-
-  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.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)
-  );
-};
-
-/**
- * Expose players object.
- *
- * @memberOf videojs
- * @property {Object} players
- */
-videojs.players = Player.players;
-
-/**
- * Get a component class object by name
- *
- * @borrows Component.getComponent as videojs.getComponent
- */
-videojs.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.registerComponent = function (name$$1, comp) {
-  if (Tech.isTech(comp)) {
-    log$1.warn('The ' + name$$1 + ' tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)');
-  }
-
-  Component.registerComponent.call(Component, name$$1, comp);
-};
-
-/**
- * Get a Tech class object by name
- *
- * @borrows Tech.getTech as videojs.getTech
- */
-videojs.getTech = Tech.getTech;
-
-/**
- * Register a Tech so it can referred to by name.
- * This is used in the tech order for the player.
- *
- * @borrows Tech.registerTech as videojs.registerTech
- */
-videojs.registerTech = Tech.registerTech;
-
-/**
- * Register a middleware to a source type.
- *
- * @param {String} type A string representing a MIME type.
- * @param {function(player):object} middleware A middleware factory that takes a player.
- */
-videojs.use = use;
-
-/**
- * An object that can be returned by a middleware to signify
- * that the middleware is being terminated.
- *
- * @type {object}
- * @memberOf {videojs}
- * @property {object} middleware.TERMINATOR
- */
-// Object.defineProperty is not available in IE8
-if (!IS_IE8 && Object.defineProperty) {
-  Object.defineProperty(videojs, 'middleware', {
-    value: {},
-    writeable: false,
-    enumerable: true
-  });
-
-  Object.defineProperty(videojs.middleware, 'TERMINATOR', {
-    value: TERMINATOR,
-    writeable: false,
-    enumerable: true
-  });
-} else {
-  videojs.middleware = { TERMINATOR: TERMINATOR };
-}
-
-/**
- * A suite of browser and device tests from {@link browser}.
- *
- * @type {Object}
- * @private
- */
-videojs.browser = browser;
-
-/**
- * Whether or not the browser supports touch events. Included for backward
- * compatibility with 4.x, but deprecated. Use `videojs.browser.TOUCH_ENABLED`
- * instead going forward.
- *
- * @deprecated since version 5.0
- * @type {boolean}
- */
-videojs.TOUCH_ENABLED = TOUCH_ENABLED;
-
-/**
- * Subclass an existing class
- * Mimics ES6 subclassing with the `extend` keyword
- *
- * @borrows extend:extendFn as videojs.extend
- */
-videojs.extend = extendFn;
-
-/**
- * Merge two options objects recursively
- * Performs a deep merge like lodash.merge but **only merges plain objects**
- * (not arrays, elements, anything else)
- * Other values will be copied directly from the second object.
- *
- * @borrows merge-options:mergeOptions as videojs.mergeOptions
- */
-videojs.mergeOptions = mergeOptions;
-
-/**
- * Change the context (this) of a function
- *
- * > NOTE: as of v5.0 we require an ES5 shim, so you should use the native
- * `function() {}.bind(newContext);` instead of this.
- *
- * @borrows fn:bind as videojs.bind
- */
-videojs.bind = bind;
-
-/**
- * Register a Video.js plugin.
- *
- * @borrows plugin:registerPlugin as videojs.registerPlugin
- * @method registerPlugin
- *
- * @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.
- */
-videojs.registerPlugin = Plugin.registerPlugin;
-
-/**
- * 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.plugin = function (name$$1, plugin) {
-  log$1.warn('videojs.plugin() is deprecated; use videojs.registerPlugin() instead');
-  return Plugin.registerPlugin(name$$1, plugin);
-};
-
-/**
- * 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).
- */
-videojs.getPlugins = Plugin.getPlugins;
-
-/**
- * Gets a plugin by name if it exists.
- *
- * @param  {string} name
- *         The name of a plugin.
- *
- * @return {Function|undefined}
- *         The plugin (or `undefined`).
- */
-videojs.getPlugin = Plugin.getPlugin;
-
-/**
- * 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.
- */
-videojs.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.addLanguage = function (code, data) {
-  var _mergeOptions;
-
-  code = ('' + code).toLowerCase();
-
-  videojs.options.languages = mergeOptions(videojs.options.languages, (_mergeOptions = {}, _mergeOptions[code] = data, _mergeOptions));
-
-  return videojs.options.languages[code];
-};
-
-/**
- * Log messages
- *
- * @borrows log:log as videojs.log
- */
-videojs.log = log$1;
-
-/**
- * Creates an emulated TimeRange object.
- *
- * @borrows time-ranges:createTimeRanges as videojs.createTimeRange
- */
-/**
- * @borrows time-ranges:createTimeRanges as videojs.createTimeRanges
- */
-videojs.createTimeRange = videojs.createTimeRanges = createTimeRanges;
-
-/**
- * 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
- *
- * @borrows format-time:formatTime as videojs.formatTime
- */
-videojs.formatTime = formatTime;
-
-/**
- * Replaces format-time with a custom implementation, to be used in place of the default.
- *
- * @borrows format-time:setFormatTime as videojs.setFormatTime
- *
- * @method setFormatTime
- *
- * @param {Function} customFn
- *        A custom format-time function which will be called with the current time and guide (in seconds) as arguments.
- *        Passed fn should return a string.
- */
-videojs.setFormatTime = setFormatTime;
-
-/**
- * Resets format-time to the default implementation.
- *
- * @borrows format-time:resetFormatTime as videojs.resetFormatTime
- *
- * @method resetFormatTime
- */
-videojs.resetFormatTime = resetFormatTime;
-
-/**
- * Resolve and parse the elements of a URL
- *
- * @borrows url:parseUrl as videojs.parseUrl
- *
- */
-videojs.parseUrl = parseUrl;
-
-/**
- * Returns whether the url passed is a cross domain request or not.
- *
- * @borrows url:isCrossOrigin as videojs.isCrossOrigin
- */
-videojs.isCrossOrigin = isCrossOrigin;
-
-/**
- * Event target class.
- *
- * @borrows EventTarget as videojs.EventTarget
- */
-videojs.EventTarget = EventTarget;
-
-/**
- * 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.
- *
- * @borrows events:on as videojs.on
- */
-videojs.on = on;
-
-/**
- * Trigger a listener only once for an event
- *
- * @borrows events:one as videojs.one
- */
-videojs.one = one;
-
-/**
- * Removes event listeners from an element
- *
- * @borrows events:off as videojs.off
- */
-videojs.off = off;
-
-/**
- * Trigger an event for an element
- *
- * @borrows events:trigger as videojs.trigger
- */
-videojs.trigger = trigger;
-
-/**
- * A cross-browser XMLHttpRequest wrapper. Here's a simple example:
- *
- * @param {Object} options
- *        settings for the request.
- *
- * @return {XMLHttpRequest|XDomainRequest}
- *         The request object.
- *
- * @see https://github.com/Raynos/xhr
- */
-videojs.xhr = xhr;
-
-/**
- * TextTrack class
- *
- * @borrows TextTrack as videojs.TextTrack
- */
-videojs.TextTrack = TextTrack;
-
-/**
- * export the AudioTrack class so that source handlers can create
- * AudioTracks and then add them to the players AudioTrackList
- *
- * @borrows AudioTrack as videojs.AudioTrack
- */
-videojs.AudioTrack = AudioTrack;
-
-/**
- * export the VideoTrack class so that source handlers can create
- * VideoTracks and then add them to the players VideoTrackList
- *
- * @borrows VideoTrack as videojs.VideoTrack
- */
-videojs.VideoTrack = VideoTrack;
-
-/**
- * Determines, via duck typing, whether or not a value is a DOM element.
- *
- * @borrows dom:isEl as videojs.isEl
- * @deprecated Use videojs.dom.isEl() instead
- */
-
-/**
- * Determines, via duck typing, whether or not a value is a text node.
- *
- * @borrows dom:isTextNode as videojs.isTextNode
- * @deprecated Use videojs.dom.isTextNode() instead
- */
-
-/**
- * Creates an element and applies properties.
- *
- * @borrows dom:createEl as videojs.createEl
- * @deprecated Use videojs.dom.createEl() instead
- */
-
-/**
- * Check if an element has a CSS class
- *
- * @borrows dom:hasElClass as videojs.hasClass
- * @deprecated Use videojs.dom.hasClass() instead
- */
-
-/**
- * Add a CSS class name to an element
- *
- * @borrows dom:addElClass as videojs.addClass
- * @deprecated Use videojs.dom.addClass() instead
- */
-
-/**
- * Remove a CSS class name from an element
- *
- * @borrows dom:removeElClass as videojs.removeClass
- * @deprecated Use videojs.dom.removeClass() instead
- */
-
-/**
- * Adds or removes a CSS class name on an element depending on an optional
- * condition or the presence/absence of the class name.
- *
- * @borrows dom:toggleElClass as videojs.toggleClass
- * @deprecated Use videojs.dom.toggleClass() instead
- */
-
-/**
- * Apply attributes to an HTML element.
- *
- * @borrows dom:setElAttributes as videojs.setAttribute
- * @deprecated Use videojs.dom.setAttributes() instead
- */
-
-/**
- * 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 (which shouldn't be used with HTML)
- * This will return true or false for boolean attributes.
- *
- * @borrows dom:getElAttributes as videojs.getAttributes
- * @deprecated Use videojs.dom.getAttributes() instead
- */
-
-/**
- * Empties the contents of an element.
- *
- * @borrows dom:emptyEl as videojs.emptyEl
- * @deprecated Use videojs.dom.emptyEl() instead
- */
-
-/**
- * Normalizes and appends content to an element.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * - String
- *   Normalized into a text node.
- *
- * - Element, TextNode
- *   Passed through.
- *
- * - Array
- *   A one-dimensional array of strings, elements, nodes, or functions (which
- *   return single strings, elements, or nodes).
- *
- * - Function
- *   If the sole argument, is expected to produce a string, element,
- *   node, or array.
- *
- * @borrows dom:appendContents as videojs.appendContet
- * @deprecated Use videojs.dom.appendContent() instead
- */
-
-/**
- * Normalizes and inserts content into an element; this is identical to
- * `appendContent()`, except it empties the element first.
- *
- * The content for an element can be passed in multiple types and
- * combinations, whose behavior is as follows:
- *
- * - String
- *   Normalized into a text node.
- *
- * - Element, TextNode
- *   Passed through.
- *
- * - Array
- *   A one-dimensional array of strings, elements, nodes, or functions (which
- *   return single strings, elements, or nodes).
- *
- * - Function
- *   If the sole argument, is expected to produce a string, element,
- *   node, or array.
- *
- * @borrows dom:insertContent as videojs.insertContent
- * @deprecated Use videojs.dom.insertContent() instead
- */
-['isEl', 'isTextNode', 'createEl', 'hasClass', 'addClass', 'removeClass', 'toggleClass', 'setAttributes', 'getAttributes', 'emptyEl', 'appendContent', 'insertContent'].forEach(function (k) {
-  videojs[k] = function () {
-    log$1.warn('videojs.' + k + '() is deprecated; use videojs.dom.' + k + '() instead');
-    return Dom[k].apply(null, arguments);
-  };
-});
-
-/**
- * A safe getComputedStyle with an IE8 fallback.
- *
- * This is 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.
- * See https://bugzilla.mozilla.org/show_bug.cgi?id=548397 for more details.
- *
- * @borrows computed-style:computedStyle as videojs.computedStyle
- */
-videojs.computedStyle = computedStyle;
-
-/**
- * Export the Dom utilities for use in external plugins
- * and Tech's
- */
-videojs.dom = Dom;
-
-/**
- * Export the Url utilities for use in external plugins
- * and Tech's
- */
-videojs.url = Url;
-
-return videojs;
-
-})));
diff --git a/pod/main/static/video-js-6.8.0/video.min.js b/pod/main/static/video-js-6.8.0/video.min.js
deleted file mode 100755
index e92ac63d92..0000000000
--- a/pod/main/static/video-js-6.8.0/video.min.js
+++ /dev/null
@@ -1,7 +0,0 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.videojs=e()}(this,function(){function t(t,e){return e={exports:{}},t(e,e.exports),e.exports}function e(t,e){Ge(t).forEach(function(r){return e(t[r],r)})}function r(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return Ge(t).reduce(function(r,n){return e(r,t[n],n)},r)}function n(t){for(var r=arguments.length,n=Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];return Object.assign?Object.assign.apply(Object,[t].concat(n)):(n.forEach(function(r){r&&e(r,function(e,r){t[r]=e})}),t)}function i(t){return!!t&&"object"===(void 0===t?"undefined":We(t))}function o(t){return i(t)&&"[object Object]"===Ye.call(t)&&t.constructor===Object}function s(t){return t.replace(/\n\r?\s*/g,"")}function a(t,e){if(!t||!e)return"";if("function"==typeof fe.getComputedStyle){var r=fe.getComputedStyle(t);return r?r[e]:""}return t.currentStyle[e]||""}function l(t){return"string"==typeof t&&/\S/.test(t)}function c(t){if(/\s/.test(t))throw new Error("class has illegal whitespace characters")}function u(t){return new RegExp("(^|\\s)"+t+"($|\\s)")}function h(){return _e===fe.document&&void 0!==_e.createElement}function p(t){return i(t)&&1===t.nodeType}function d(){try{return fe.parent!==fe.self}catch(t){return!0}}function f(t){return function(e,r){if(!l(e))return _e[t](null);l(r)&&(r=_e.querySelector(r));var n=p(r)?r:_e;return n[t]&&n[t](e)}}function v(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"div",e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments[3],i=_e.createElement(t);return Object.getOwnPropertyNames(e).forEach(function(t){var r=e[t];-1!==t.indexOf("aria-")||"role"===t||"type"===t?(tr.warn(er(rr,t,r)),i.setAttribute(t,r)):"textContent"===t?y(i,r):i[t]=r}),Object.getOwnPropertyNames(r).forEach(function(t){i.setAttribute(t,r[t])}),n&&D(i,n),i}function y(t,e){return void 0===t.textContent?t.innerText=e:t.textContent=e,t}function g(t,e){e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t)}function m(t,e){return c(e),t.classList?t.classList.contains(e):u(e).test(t.className)}function _(t,e){return t.classList?t.classList.add(e):m(t,e)||(t.className=(t.className+" "+e).trim()),t}function b(t,e){return t.classList?t.classList.remove(e):(c(e),t.className=t.className.split(/\s+/).filter(function(t){return t!==e}).join(" ")),t}function T(t,e,r){var n=m(t,e);if("function"==typeof r&&(r=r(t,e)),"boolean"!=typeof r&&(r=!n),r!==n)return r?_(t,e):b(t,e),t}function C(t,e){Object.getOwnPropertyNames(e).forEach(function(r){var n=e[r];null===n||void 0===n||!1===n?t.removeAttribute(r):t.setAttribute(r,!0===n?"":n)})}function k(t){var e={};if(t&&t.attributes&&t.attributes.length>0)for(var r=t.attributes,n=r.length-1;n>=0;n--){var i=r[n].name,o=r[n].value;"boolean"!=typeof t[i]&&-1===",autoplay,controls,playsinline,loop,muted,default,defaultMuted,".indexOf(","+i+",")||(o=null!==o),e[i]=o}return e}function w(t,e){return t.getAttribute(e)}function E(t,e,r){t.setAttribute(e,r)}function S(t,e){t.removeAttribute(e)}function x(){_e.body.focus(),_e.onselectstart=function(){return!1}}function j(){_e.onselectstart=function(){return!0}}function A(t){if(t&&t.getBoundingClientRect&&t.parentNode){var e=t.getBoundingClientRect(),r={};return["bottom","height","left","right","top","width"].forEach(function(t){void 0!==e[t]&&(r[t]=e[t])}),r.height||(r.height=parseFloat(a(t,"height"))),r.width||(r.width=parseFloat(a(t,"width"))),r}}function P(t){var e=void 0;if(t.getBoundingClientRect&&t.parentNode&&(e=t.getBoundingClientRect()),!e)return{left:0,top:0};var r=_e.documentElement,n=_e.body,i=r.clientLeft||n.clientLeft||0,o=fe.pageXOffset||n.scrollLeft,s=e.left+o-i,a=r.clientTop||n.clientTop||0,l=fe.pageYOffset||n.scrollTop,c=e.top+l-a;return{left:Math.round(s),top:Math.round(c)}}function O(t,e){var r={},n=P(t),i=t.offsetWidth,o=t.offsetHeight,s=n.top,a=n.left,l=e.pageY,c=e.pageX;return e.changedTouches&&(c=e.changedTouches[0].pageX,l=e.changedTouches[0].pageY),r.y=Math.max(0,Math.min(1,(s-l+o)/o)),r.x=Math.max(0,Math.min(1,(c-a)/i)),r}function M(t){return i(t)&&3===t.nodeType}function N(t){for(;t.firstChild;)t.removeChild(t.firstChild);return t}function I(t){return"function"==typeof t&&(t=t()),(Array.isArray(t)?t:[t]).map(function(t){return"function"==typeof t&&(t=t()),p(t)||M(t)?t:"string"==typeof t&&/\S/.test(t)?_e.createTextNode(t):void 0}).filter(function(t){return t})}function D(t,e){return I(e).forEach(function(e){return t.appendChild(e)}),t}function L(t,e){return D(N(t),e)}function R(t){return void 0===t.button&&void 0===t.buttons||(0===t.button&&void 0===t.buttons||(9===Re||0===t.button&&1===t.buttons))}function B(){return sr++}function F(t){var e=t[lr];return e||(e=t[lr]=B()),ar[e]||(ar[e]={}),ar[e]}function H(t){var e=t[lr];return!!e&&!!Object.getOwnPropertyNames(ar[e]).length}function V(t){var e=t[lr];if(e){delete ar[e];try{delete t[lr]}catch(e){t.removeAttribute?t.removeAttribute(lr):t[lr]=null}}}function z(t,e){var r=F(t);0===r.handlers[e].length&&(delete r.handlers[e],t.removeEventListener?t.removeEventListener(e,r.dispatcher,!1):t.detachEvent&&t.detachEvent("on"+e,r.dispatcher)),Object.getOwnPropertyNames(r.handlers).length<=0&&(delete r.handlers,delete r.dispatcher,delete r.disabled),0===Object.getOwnPropertyNames(r).length&&V(t)}function W(t,e,r,n){r.forEach(function(r){t(e,r,n)})}function U(t){function e(){return!0}function r(){return!1}if(!t||!t.isPropagationStopped){var n=t||fe.event;t={};for(var i in n)"layerX"!==i&&"layerY"!==i&&"keyLocation"!==i&&"webkitMovementX"!==i&&"webkitMovementY"!==i&&("returnValue"===i&&n.preventDefault||(t[i]=n[i]));if(t.target||(t.target=t.srcElement||_e),t.relatedTarget||(t.relatedTarget=t.fromElement===t.target?t.toElement:t.fromElement),t.preventDefault=function(){n.preventDefault&&n.preventDefault(),t.returnValue=!1,n.returnValue=!1,t.defaultPrevented=!0},t.defaultPrevented=!1,t.stopPropagation=function(){n.stopPropagation&&n.stopPropagation(),t.cancelBubble=!0,n.cancelBubble=!0,t.isPropagationStopped=e},t.isPropagationStopped=r,t.stopImmediatePropagation=function(){n.stopImmediatePropagation&&n.stopImmediatePropagation(),t.isImmediatePropagationStopped=e,t.stopPropagation()},t.isImmediatePropagationStopped=r,null!==t.clientX&&void 0!==t.clientX){var o=_e.documentElement,s=_e.body;t.pageX=t.clientX+(o&&o.scrollLeft||s&&s.scrollLeft||0)-(o&&o.clientLeft||s&&s.clientLeft||0),t.pageY=t.clientY+(o&&o.scrollTop||s&&s.scrollTop||0)-(o&&o.clientTop||s&&s.clientTop||0)}t.which=t.charCode||t.keyCode,null!==t.button&&void 0!==t.button&&(t.button=1&t.button?0:4&t.button?1:2&t.button?2:0)}return t}function X(t,e,r){if(Array.isArray(e))return W(X,t,e,r);var n=F(t);if(n.handlers||(n.handlers={}),n.handlers[e]||(n.handlers[e]=[]),r.guid||(r.guid=B()),n.handlers[e].push(r),n.dispatcher||(n.disabled=!1,n.dispatcher=function(e,r){if(!n.disabled){e=U(e);var i=n.handlers[e.type];if(i)for(var o=i.slice(0),s=0,a=o.length;s<a&&!e.isImmediatePropagationStopped();s++)try{o[s].call(t,e,r)}catch(t){tr.error(t)}}}),1===n.handlers[e].length)if(t.addEventListener){var i=!1;cr&&ur.indexOf(e)>-1&&(i={passive:!0}),t.addEventListener(e,n.dispatcher,i)}else t.attachEvent&&t.attachEvent("on"+e,n.dispatcher)}function q(t,e,r){if(H(t)){var n=F(t);if(n.handlers){if(Array.isArray(e))return W(q,t,e,r);var i=function(t,e){n.handlers[e]=[],z(t,e)};if(void 0!==e){var o=n.handlers[e];if(o){if(!r)return void i(t,e);if(r.guid)for(var s=0;s<o.length;s++)o[s].guid===r.guid&&o.splice(s--,1);z(t,e)}}else for(var a in n.handlers)Object.prototype.hasOwnProperty.call(n.handlers||{},a)&&i(t,a)}}}function K(t,e,r){var n=H(t)?F(t):{},i=t.parentNode||t.ownerDocument;if("string"==typeof e?e={type:e,target:t}:e.target||(e.target=t),e=U(e),n.dispatcher&&n.dispatcher.call(t,e,r),i&&!e.isPropagationStopped()&&!0===e.bubbles)K.call(null,i,e,r);else if(!i&&!e.defaultPrevented){var o=F(e.target);e.target[e.type]&&(o.disabled=!0,"function"==typeof e.target[e.type]&&e.target[e.type](),o.disabled=!1)}return!e.defaultPrevented}function Y(t,e,r){if(Array.isArray(e))return W(Y,t,e,r);var n=function n(){q(t,e,n),r.apply(this,arguments)};n.guid=r.guid=r.guid||B(),X(t,e,n)}function G(t,e){e&&(dr=e),fe.setTimeout(fr,t)}function $(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e.eventBusKey;if(r){if(!t[r].nodeName)throw new Error('The eventBusKey "'+r+'" does not refer to an element.');t.eventBusEl_=t[r]}else t.eventBusEl_=v("span",{className:"vjs-event-bus"});return n(t,jr),t.on("dispose",function(){t.off(),fe.setTimeout(function(){t.eventBusEl_=null},0)}),t}function J(t,e){return n(t,Ar),t.state=n({},t.state,e),"function"==typeof t.handleStateChanged&&Tr(t)&&t.on("statechanged",t.handleStateChanged),t}function Q(t){return"string"!=typeof t?t:t.charAt(0).toUpperCase()+t.slice(1)}function Z(t,e){return Q(t)===Q(e)}function tt(){for(var t={},r=arguments.length,n=Array(r),i=0;i<r;i++)n[i]=arguments[i];return n.forEach(function(r){r&&e(r,function(e,r){if(!o(e))return void(t[r]=e);o(t[r])||(t[r]={}),t[r]=tt(t[r],e)})}),t}function et(t,e,r){if("number"!=typeof e||e<0||e>r)throw new Error("Failed to execute '"+t+"' on 'TimeRanges': The index provided ("+e+") is non-numeric or out of bounds (0-"+r+").")}function rt(t,e,r,n){return et(t,n,r.length-1),r[n][e]}function nt(t){return void 0===t||0===t.length?{length:0,start:function(){throw new Error("This TimeRanges object is empty")},end:function(){throw new Error("This TimeRanges object is empty")}}:{length:t.length,start:rt.bind(null,"start",0,t),end:rt.bind(null,"end",1,t)}}function it(t,e){return Array.isArray(t)?nt(t):void 0===t||void 0===e?nt():nt([[t,e]])}function ot(t,e){var r=0,n=void 0,i=void 0;if(!e)return 0;t&&t.length||(t=it(0,0));for(var o=0;o<t.length;o++)n=t.start(o),i=t.end(o),i>e&&(i=e),r+=i-n;return r/e}function st(t){if(t instanceof st)return t;"number"==typeof t?this.code=t:"string"==typeof t?this.message=t:i(t)&&("number"==typeof t.code&&(this.code=t.code),n(this,t)),this.message||(this.message=st.defaultMessages[this.code]||"")}function at(t,e){var r,n=null;try{r=JSON.parse(t,e)}catch(t){n=t}return[n,r]}function lt(t){return void 0!==t&&null!==t&&"function"==typeof t.then}function ct(t){lt(t)&&t.then(null,function(t){})}function ut(t){var e=pn.call(t);return"[object Function]"===e||"function"==typeof t&&"[object RegExp]"!==e||"undefined"!=typeof window&&(t===window.setTimeout||t===window.alert||t===window.confirm||t===window.prompt)}function ht(t,e,r){if(!hn(e))throw new TypeError("iterator must be a function");arguments.length<3&&(r=this),"[object Array]"===vn.call(t)?pt(t,e,r):"string"==typeof t?dt(t,e,r):ft(t,e,r)}function pt(t,e,r){for(var n=0,i=t.length;n<i;n++)yn.call(t,n)&&e.call(r,t[n],n,t)}function dt(t,e,r){for(var n=0,i=t.length;n<i;n++)e.call(r,t.charAt(n),n,t)}function ft(t,e,r){for(var n in t)yn.call(t,n)&&e.call(r,t[n],n,t)}function vt(){for(var t={},e=0;e<arguments.length;e++){var r=arguments[e];for(var n in r)bn.call(r,n)&&(t[n]=r[n])}return t}function yt(t){for(var e in t)if(t.hasOwnProperty(e))return!1;return!0}function gt(t,e,r){var n=t;return hn(e)?(r=e,"string"==typeof t&&(n={uri:t})):n=_n(e,{uri:t}),n.callback=r,n}function mt(t,e,r){return e=gt(t,e,r),_t(e)}function _t(t){function e(){4===a.readyState&&setTimeout(i,0)}function r(){var t=void 0;if(t=a.response?a.response:a.responseText||bt(a),y)try{t=JSON.parse(t)}catch(t){}return t}function n(t){return clearTimeout(u),t instanceof Error||(t=new Error(""+(t||"Unknown XMLHttpRequest Error"))),t.statusCode=0,s(t,g)}function i(){if(!c){var e;clearTimeout(u),e=t.useXDR&&void 0===a.status?200:1223===a.status?204:a.status;var n=g,i=null;return 0!==e?(n={body:r(),statusCode:e,method:p,headers:{},url:h,rawRequest:a},a.getAllResponseHeaders&&(n.headers=mn(a.getAllResponseHeaders()))):i=new Error("Internal XMLHttpRequest Error"),s(i,n,n.body)}}if(void 0===t.callback)throw new Error("callback argument missing");var o=!1,s=function(e,r,n){o||(o=!0,t.callback(e,r,n))},a=t.xhr||null;a||(a=t.cors||t.useXDR?new mt.XDomainRequest:new mt.XMLHttpRequest);var l,c,u,h=a.url=t.uri||t.url,p=a.method=t.method||"GET",d=t.body||t.data,f=a.headers=t.headers||{},v=!!t.sync,y=!1,g={body:void 0,headers:{},statusCode:0,method:p,url:h,rawRequest:a};if("json"in t&&!1!==t.json&&(y=!0,f.accept||f.Accept||(f.Accept="application/json"),"GET"!==p&&"HEAD"!==p&&(f["content-type"]||f["Content-Type"]||(f["Content-Type"]="application/json"),d=JSON.stringify(!0===t.json?d:t.json))),a.onreadystatechange=e,a.onload=i,a.onerror=n,a.onprogress=function(){},a.onabort=function(){c=!0},a.ontimeout=n,a.open(p,h,!v,t.username,t.password),v||(a.withCredentials=!!t.withCredentials),!v&&t.timeout>0&&(u=setTimeout(function(){if(!c){c=!0,a.abort("timeout");var t=new Error("XMLHttpRequest timeout");t.code="ETIMEDOUT",n(t)}},t.timeout)),a.setRequestHeader)for(l in f)f.hasOwnProperty(l)&&a.setRequestHeader(l,f[l]);else if(t.headers&&!yt(t.headers))throw new Error("Headers cannot be set on an XDomainRequest object");return"responseType"in t&&(a.responseType=t.responseType),"beforeSend"in t&&"function"==typeof t.beforeSend&&t.beforeSend(a),a.send(d||null),a}function bt(t){if("document"===t.responseType)return t.responseXML;var e=t.responseXML&&"parsererror"===t.responseXML.documentElement.nodeName;return""!==t.responseType||e?null:t.responseXML}function Tt(){}function Ct(t,e){this.name="ParsingError",this.code=t.code,this.message=e||t.message}function kt(t){function e(t,e,r,n){return 3600*(0|t)+60*(0|e)+(0|r)+(0|n)/1e3}var r=t.match(/^(\d+):(\d{2})(:\d{2})?\.(\d{3})/);return r?r[3]?e(r[1],r[2],r[3].replace(":",""),r[4]):r[1]>59?e(r[1],r[2],0,r[4]):e(0,r[1],r[2],r[4]):null}function wt(){this.values=Nn(null)}function Et(t,e,r,n){var i=n?t.split(n):[t];for(var o in i)if("string"==typeof i[o]){var s=i[o].split(r);if(2===s.length){var a=s[0],l=s[1];e(a,l)}}}function St(t,e,r){function n(){var e=kt(t);if(null===e)throw new Ct(Ct.Errors.BadTimeStamp,"Malformed timestamp: "+o);return t=t.replace(/^[^\sa-zA-Z-]+/,""),e}function i(){t=t.replace(/^\s+/,"")}var o=t;if(i(),e.startTime=n(),i(),"--\x3e"!==t.substr(0,3))throw new Ct(Ct.Errors.BadTimeStamp,"Malformed time stamp (time stamps must be separated by '--\x3e'): "+o);t=t.substr(3),i(),e.endTime=n(),i(),function(t,e){var n=new wt;Et(t,function(t,e){switch(t){case"region":for(var i=r.length-1;i>=0;i--)if(r[i].id===e){n.set(t,r[i].region);break}break;case"vertical":n.alt(t,e,["rl","lr"]);break;case"line":var o=e.split(","),s=o[0];n.integer(t,s),n.percent(t,s)&&n.set("snapToLines",!1),n.alt(t,s,["auto"]),2===o.length&&n.alt("lineAlign",o[1],["start","middle","end"]);break;case"position":o=e.split(","),n.percent(t,o[0]),2===o.length&&n.alt("positionAlign",o[1],["start","middle","end"]);break;case"size":n.percent(t,e);break;case"align":n.alt(t,e,["start","middle","end","left","right"])}},/:/,/\s/),e.region=n.get("region",null),e.vertical=n.get("vertical",""),e.line=n.get("line","auto"),e.lineAlign=n.get("lineAlign","start"),e.snapToLines=n.get("snapToLines",!0),e.size=n.get("size",100),e.align=n.get("align","middle"),e.position=n.get("position",{start:0,left:0,middle:50,end:100,right:100},e.align),e.positionAlign=n.get("positionAlign",{start:"start",left:"start",middle:"middle",end:"end",right:"end"},e.align)}(t,e)}function xt(t,e){function r(t){return In[t]}for(var n,i=t.document.createElement("div"),o=i,s=[];null!==(n=function(){if(!e)return null;var t=e.match(/^([^<]*)(<[^>]*>?)?/);return function(t){return e=e.substr(t.length),t}(t[1]?t[1]:t[2])}());)if("<"!==n[0])o.appendChild(t.document.createTextNode(function(t){for(;c=t.match(/&(amp|lt|gt|lrm|rlm|nbsp);/);)t=t.replace(c[0],r);return t}(n)));else{if("/"===n[1]){s.length&&s[s.length-1]===n.substr(2).replace(">","")&&(s.pop(),o=o.parentNode);continue}var a,l=kt(n.substr(1,n.length-2));if(l){a=t.document.createProcessingInstruction("timestamp",l),o.appendChild(a);continue}var c=n.match(/^<([^.\s\/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/);if(!c)continue;if(!(a=function(e,r){var n=Dn[e];if(!n)return null;var i=t.document.createElement(n);i.localName=n;var o=Ln[e];return o&&r&&(i[o]=r.trim()),i}(c[1],c[3])))continue;if(!function(t,e){return!Rn[e.localName]||Rn[e.localName]===t.localName}(o,a))continue;c[2]&&(a.className=c[2].substr(1).replace("."," ")),s.push(c[1]),o.appendChild(a),o=a}return i}function jt(t){for(var e=0;e<Bn.length;e++){var r=Bn[e];if(t>=r[0]&&t<=r[1])return!0}return!1}function At(t){function e(t,e){for(var r=e.childNodes.length-1;r>=0;r--)t.push(e.childNodes[r])}function r(t){if(!t||!t.length)return null;var n=t.pop(),i=n.textContent||n.innerText;if(i){var o=i.match(/^.*(\n|\r)/);return o?(t.length=0,o[0]):i}return"ruby"===n.tagName?r(t):n.childNodes?(e(t,n),r(t)):void 0}var n,i=[],o="";if(!t||!t.childNodes)return"ltr";for(e(i,t);o=r(i);)for(var s=0;s<o.length;s++)if(n=o.charCodeAt(s),jt(n))return"rtl";return"ltr"}function Pt(t){if("number"==typeof t.line&&(t.snapToLines||t.line>=0&&t.line<=100))return t.line;if(!t.track||!t.track.textTrackList||!t.track.textTrackList.mediaElement)return-1;for(var e=t.track,r=e.textTrackList,n=0,i=0;i<r.length&&r[i]!==e;i++)"showing"===r[i].mode&&n++;return-1*++n}function Ot(){}function Mt(t,e,r){var n=/MSIE\s8\.0/.test(navigator.userAgent),i="rgba(255, 255, 255, 1)",o="rgba(0, 0, 0, 0.8)";n&&(i="rgb(255, 255, 255)",o="rgb(0, 0, 0)"),Ot.call(this),this.cue=e,this.cueDiv=xt(t,e.text);var s={color:i,backgroundColor:o,position:"relative",left:0,right:0,top:0,bottom:0,display:"inline"};n||(s.writingMode=""===e.vertical?"horizontal-tb":"lr"===e.vertical?"vertical-lr":"vertical-rl",s.unicodeBidi="plaintext"),this.applyStyles(s,this.cueDiv),this.div=t.document.createElement("div"),s={textAlign:"middle"===e.align?"center":e.align,font:r.font,whiteSpace:"pre-line",position:"absolute"},n||(s.direction=At(this.cueDiv),s.writingMode=""===e.vertical?"horizontal-tb":"lr"===e.vertical?"vertical-lr":"vertical-rl".stylesunicodeBidi="plaintext"),this.applyStyles(s),this.div.appendChild(this.cueDiv);var a=0;switch(e.positionAlign){case"start":a=e.position;break;case"middle":a=e.position-e.size/2;break;case"end":a=e.position-e.size}""===e.vertical?this.applyStyles({left:this.formatStyle(a,"%"),width:this.formatStyle(e.size,"%")}):this.applyStyles({top:this.formatStyle(a,"%"),height:this.formatStyle(e.size,"%")}),this.move=function(t){this.applyStyles({top:this.formatStyle(t.top,"px"),bottom:this.formatStyle(t.bottom,"px"),left:this.formatStyle(t.left,"px"),right:this.formatStyle(t.right,"px"),height:this.formatStyle(t.height,"px"),width:this.formatStyle(t.width,"px")})}}function Nt(t){var e,r,n,i,o=/MSIE\s8\.0/.test(navigator.userAgent);if(t.div){r=t.div.offsetHeight,n=t.div.offsetWidth,i=t.div.offsetTop;var s=(s=t.div.childNodes)&&(s=s[0])&&s.getClientRects&&s.getClientRects();t=t.div.getBoundingClientRect(),e=s?Math.max(s[0]&&s[0].height||0,t.height/s.length):0}this.left=t.left,this.right=t.right,this.top=t.top||i,this.height=t.height||r,this.bottom=t.bottom||i+(t.height||r),this.width=t.width||n,this.lineHeight=void 0!==e?e:t.lineHeight,o&&!this.lineHeight&&(this.lineHeight=13)}function It(t,e,r,n){var i=new Nt(e),o=e.cue,s=Pt(o),a=[];if(o.snapToLines){var l;switch(o.vertical){case"":a=["+y","-y"],l="height";break;case"rl":a=["+x","-x"],l="width";break;case"lr":a=["-x","+x"],l="width"}var c=i.lineHeight,u=c*Math.round(s),h=r[l]+c,p=a[0];Math.abs(u)>h&&(u=u<0?-1:1,u*=Math.ceil(h/c)*c),s<0&&(u+=""===o.vertical?r.height:r.width,a=a.reverse()),i.move(p,u)}else{var d=i.lineHeight/r.height*100;switch(o.lineAlign){case"middle":s-=d/2;break;case"end":s-=d}switch(o.vertical){case"":e.applyStyles({top:e.formatStyle(s,"%")});break;case"rl":e.applyStyles({left:e.formatStyle(s,"%")});break;case"lr":e.applyStyles({right:e.formatStyle(s,"%")})}a=["+y","-x","+x","-y"],i=new Nt(e)}var f=function(t,e){for(var i,o=new Nt(t),s=1,a=0;a<e.length;a++){for(;t.overlapsOppositeAxis(r,e[a])||t.within(r)&&t.overlapsAny(n);)t.move(e[a]);if(t.within(r))return t;var l=t.intersectPercentage(r);s>l&&(i=new Nt(t),s=l),t=new Nt(o)}return i||o}(i,a);e.move(f.toCSSCompatValues(r))}function Dt(){}function Lt(t){return"string"==typeof t&&(!!Vn[t.toLowerCase()]&&t.toLowerCase())}function Rt(t){return"string"==typeof t&&(!!zn[t.toLowerCase()]&&t.toLowerCase())}function Bt(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)t[n]=r[n]}return t}function Ft(t,e,r){var n=this,i=/MSIE\s8\.0/.test(navigator.userAgent),o={};i?n=document.createElement("custom"):o.enumerable=!0,n.hasBeenReset=!1;var s="",a=!1,l=t,c=e,u=r,h=null,p="",d=!0,f="auto",v="start",y=50,g="middle",m=50,_="middle";if(Object.defineProperty(n,"id",Bt({},o,{get:function(){return s},set:function(t){s=""+t}})),Object.defineProperty(n,"pauseOnExit",Bt({},o,{get:function(){return a},set:function(t){a=!!t}})),Object.defineProperty(n,"startTime",Bt({},o,{get:function(){return l},set:function(t){if("number"!=typeof t)throw new TypeError("Start time must be set to a number.");l=t,this.hasBeenReset=!0}})),Object.defineProperty(n,"endTime",Bt({},o,{get:function(){return c},set:function(t){if("number"!=typeof t)throw new TypeError("End time must be set to a number.");c=t,this.hasBeenReset=!0}})),Object.defineProperty(n,"text",Bt({},o,{get:function(){return u},set:function(t){u=""+t,this.hasBeenReset=!0}})),Object.defineProperty(n,"region",Bt({},o,{get:function(){return h},set:function(t){h=t,this.hasBeenReset=!0}})),Object.defineProperty(n,"vertical",Bt({},o,{get:function(){return p},set:function(t){var e=Lt(t);if(!1===e)throw new SyntaxError("An invalid or illegal string was specified.");p=e,this.hasBeenReset=!0}})),Object.defineProperty(n,"snapToLines",Bt({},o,{get:function(){return d},set:function(t){d=!!t,this.hasBeenReset=!0}})),Object.defineProperty(n,"line",Bt({},o,{get:function(){return f},set:function(t){if("number"!=typeof t&&t!==Hn)throw new SyntaxError("An invalid number or illegal string was specified.");f=t,this.hasBeenReset=!0}})),Object.defineProperty(n,"lineAlign",Bt({},o,{get:function(){return v},set:function(t){var e=Rt(t);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");v=e,this.hasBeenReset=!0}})),Object.defineProperty(n,"position",Bt({},o,{get:function(){return y},set:function(t){if(t<0||t>100)throw new Error("Position must be between 0 and 100.");y=t,this.hasBeenReset=!0}})),Object.defineProperty(n,"positionAlign",Bt({},o,{get:function(){return g},set:function(t){var e=Rt(t);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");g=e,this.hasBeenReset=!0}})),Object.defineProperty(n,"size",Bt({},o,{get:function(){return m},set:function(t){if(t<0||t>100)throw new Error("Size must be between 0 and 100.");m=t,this.hasBeenReset=!0}})),Object.defineProperty(n,"align",Bt({},o,{get:function(){return _},set:function(t){var e=Rt(t);if(!e)throw new SyntaxError("An invalid or illegal string was specified.");_=e,this.hasBeenReset=!0}})),n.displayState=void 0,i)return n}function Ht(t){return"string"==typeof t&&(!!Un[t.toLowerCase()]&&t.toLowerCase())}function Vt(t){return"number"==typeof t&&t>=0&&t<=100}function zt(){var t=100,e=3,r=0,n=100,i=0,o=100,s="";Object.defineProperties(this,{width:{enumerable:!0,get:function(){return t},set:function(e){if(!Vt(e))throw new Error("Width must be between 0 and 100.");t=e}},lines:{enumerable:!0,get:function(){return e},set:function(t){if("number"!=typeof t)throw new TypeError("Lines must be set to a number.");e=t}},regionAnchorY:{enumerable:!0,get:function(){return n},set:function(t){if(!Vt(t))throw new Error("RegionAnchorX must be between 0 and 100.");n=t}},regionAnchorX:{enumerable:!0,get:function(){return r},set:function(t){if(!Vt(t))throw new Error("RegionAnchorY must be between 0 and 100.");r=t}},viewportAnchorY:{enumerable:!0,get:function(){return o},set:function(t){if(!Vt(t))throw new Error("ViewportAnchorY must be between 0 and 100.");o=t}},viewportAnchorX:{enumerable:!0,get:function(){return i},set:function(t){if(!Vt(t))throw new Error("ViewportAnchorX must be between 0 and 100.");i=t}},scroll:{enumerable:!0,get:function(){return s},set:function(t){var e=Ht(t);if(!1===e)throw new SyntaxError("An invalid or illegal string was specified.");s=e}}})}function Wt(t,e,r,n){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},o=t.textTracks();i.kind=e,r&&(i.label=r),n&&(i.language=n),i.tech=t;var s=new Mn.text.TrackClass(i);return o.addTrack(s),s}function Ut(t,e){Yn[t]=Yn[t]||[],Yn[t].push(e)}function Xt(t,e,r){t.setTimeout(function(){return te(e,Yn[e.type],r,t)},1)}function qt(t,e){t.forEach(function(t){return t.setTech&&t.setTech(e)})}function Kt(t,e,r){return t.reduceRight($t(r),e[r]())}function Yt(t,e,r,n){return e[r](t.reduce($t(r),n))}function Gt(t,e,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i="call"+Q(r),o=t.reduce($t(i),n),s=o===$n,a=s?null:e[r](o);return Jt(t,r,a,s),a}function $t(t){return function(e,r){return e===$n?$n:r[t]?r[t](e):e}}function Jt(t,e,r,n){for(var i=t.length-1;i>=0;i--){var o=t[i];o[e]&&o[e](n,r)}}function Qt(t){Gn[t.id()]=null}function Zt(t,e){var r=Gn[t.id()],n=null;if(void 0===r||null===r)return n=e(t),Gn[t.id()]=[[e,n]],n;for(var i=0;i<r.length;i++){var o=r[i],s=o[0],a=o[1];s===e&&(n=a)}return null===n&&(n=e(t),r.push([e,n])),n}function te(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=arguments[2],i=arguments[3],o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],s=arguments.length>5&&void 0!==arguments[5]&&arguments[5],a=e[0],l=e.slice(1);if("string"==typeof a)te(t,Yn[a],r,i,o,s);else if(a){var c=Zt(i,a);c.setSource(n({},t),function(e,n){if(e)return te(t,l,r,i,o,s);o.push(c),te(n,t.type===n.type?l:Yn[n.type],r,i,o,s)})}else l.length?te(t,l,r,i,o,s):s?r(t,o):te(t,Yn["*"],r,i,o,!0)}function ee(t){var e=ln(t.src),r=ti[e.toLowerCase()];return!t.type&&r&&(t.type=r),t}function re(t,e){return"rgba("+parseInt(t[1]+t[1],16)+","+parseInt(t[2]+t[2],16)+","+parseInt(t[3]+t[3],16)+","+e+")"}function ne(t,e,r){try{t.style[e]=r}catch(t){return}}function ie(t){di=t}function oe(){di=pi}function se(t,e){if(e&&(t=e(t)),t&&"none"!==t)return t}function ae(t,e){return se(t.options[t.options.selectedIndex].value,e)}function le(t,e,r){if(e)for(var n=0;n<t.options.length;n++)if(se(t.options[n].value,r)===e){t.selectedIndex=n;break}}function ce(t,e,r){var n=ce.getPlayer(t);if(n)return e&&tr.warn('Player "'+t+'" is already initialised. Options will not be applied.'),r&&n.ready(r),n;var o="string"==typeof t?nr("#"+Ho(t)):t;if(!p(o))throw new TypeError("The element or ID supplied is not valid. (videojs)");_e.body.contains(o)||tr.warn("The element supplied is not included in the DOM"),e=e||{},ce.hooks("beforesetup").forEach(function(t){var r=t(o,tt(e));if(!i(r)||Array.isArray(r))return void tr.error("please return an object in beforesetup hooks");e=tt(e,r)});var s=Pr.getComponent("Player");return n=new s(o,e,r),ce.hooks("setup").forEach(function(t){return t(n)}),n}var ue,he="6.8.0",pe="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};ue="undefined"!=typeof window?window:void 0!==pe?pe:"undefined"!=typeof self?self:{};var de,fe=ue,ve={},ye=(Object.freeze||Object)({default:ve}),ge=ye&&ve||ye,me=void 0!==pe?pe:"undefined"!=typeof window?window:{};"undefined"!=typeof document?de=document:(de=me["__GLOBAL_DOCUMENT_CACHE@4"])||(de=me["__GLOBAL_DOCUMENT_CACHE@4"]=ge);var _e=de,be=fe.navigator&&fe.navigator.userAgent||"",Te=/AppleWebKit\/([\d.]+)/i.exec(be),Ce=Te?parseFloat(Te.pop()):null,ke=/iPad/i.test(be),we=/iPhone/i.test(be)&&!ke,Ee=/iPod/i.test(be),Se=we||ke||Ee,xe=function(){var t=be.match(/OS (\d+)_/i);return t&&t[1]?t[1]:null}(),je=/Android/i.test(be),Ae=function(){var t=be.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i);if(!t)return null;var e=t[1]&&parseFloat(t[1]),r=t[2]&&parseFloat(t[2]);return e&&r?parseFloat(t[1]+"."+t[2]):e||null}(),Pe=je&&/webkit/i.test(be)&&Ae<2.3,Oe=je&&Ae<5&&Ce<537,Me=/Firefox/i.test(be),Ne=/Edge/i.test(be),Ie=!Ne&&/Chrome/i.test(be),De=function(){var t=be.match(/Chrome\/(\d+)/);return t&&t[1]?parseFloat(t[1]):null}(),Le=/MSIE\s8\.0/.test(be),Re=function(){var t=/MSIE\s(\d+)\.\d/.exec(be),e=t&&parseFloat(t[1]);return!e&&/Trident\/7.0/i.test(be)&&/rv:11.0/.test(be)&&(e=11),e}(),Be=/Safari/i.test(be)&&!Ie&&!je&&!Ne,Fe=Be||Se,He=h()&&("ontouchstart"in fe||fe.DocumentTouch&&fe.document instanceof fe.DocumentTouch),Ve=h()&&"backgroundSize"in fe.document.createElement("video").style,ze=(Object.freeze||Object)({IS_IPAD:ke,IS_IPHONE:we,IS_IPOD:Ee,IS_IOS:Se,IOS_VERSION:xe,IS_ANDROID:je,ANDROID_VERSION:Ae,IS_OLD_ANDROID:Pe,IS_NATIVE_ANDROID:Oe,IS_FIREFOX:Me,IS_EDGE:Ne,IS_CHROME:Ie,CHROME_VERSION:De,IS_IE8:Le,IE_VERSION:Re,IS_SAFARI:Be,IS_ANY_SAFARI:Fe,TOUCH_ENABLED:He,BACKGROUND_SIZE_SUPPORTED:Ve}),We="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ue=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},Xe=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},qe=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},Ke=function(t,e){return t.raw=e,t},Ye=Object.prototype.toString,Ge=function(t){return i(t)?Object.keys(t):[]},$e=void 0,Je="info",Qe=[],Ze=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:!!Re&&Re<11,n=$e.levels[Je],o=new RegExp("^("+n+")$");if("log"!==t&&e.unshift(t.toUpperCase()+":"),Qe&&Qe.push([].concat(e)),e.unshift("VIDEOJS:"),fe.console){var s=fe.console[t];s||"debug"!==t||(s=fe.console.info||fe.console.log),s&&n&&o.test(t)&&(r&&(e=e.map(function(t){if(i(t)||Array.isArray(t))try{return JSON.stringify(t)}catch(e){return String(t)}return String(t)}).join(" ")),s.apply?s[Array.isArray(e)?"apply":"call"](fe.console,e):s(e))}};$e=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];Ze("log",e)},$e.levels={all:"debug|log|warn|error",off:"",debug:"debug|log|warn|error",info:"log|warn|error",warn:"warn|error",error:"error",DEFAULT:Je},$e.level=function(t){if("string"==typeof t){if(!$e.levels.hasOwnProperty(t))throw new Error('"'+t+'" in not a valid log level');Je=t}return Je},$e.history=function(){return Qe?[].concat(Qe):[]},$e.history.clear=function(){Qe&&(Qe.length=0)},$e.history.disable=function(){null!==Qe&&(Qe.length=0,Qe=null)},$e.history.enable=function(){null===Qe&&(Qe=[])},$e.error=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];return Ze("error",e)},$e.warn=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];return Ze("warn",e)},$e.debug=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];return Ze("debug",e)};var tr=$e,er=function(t){for(var e="",r=0;r<arguments.length;r++)e+=s(t[r])+(arguments[r+1]||"");return e},rr=Ke(["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 "," to ","."],["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 "," to ","."]),nr=f("querySelector"),ir=f("querySelectorAll"),or=(Object.freeze||Object)({isReal:h,isEl:p,isInFrame:d,createEl:v,
-textContent:y,prependTo:g,hasClass:m,addClass:_,removeClass:b,toggleClass:T,setAttributes:C,getAttributes:k,getAttribute:w,setAttribute:E,removeAttribute:S,blockTextSelection:x,unblockTextSelection:j,getBoundingClientRect:A,findPosition:P,getPointerPosition:O,isTextNode:M,emptyEl:N,normalizeContent:I,appendContent:D,insertContent:L,isSingleLeftClick:R,$:nr,$$:ir}),sr=1,ar={},lr="vdata"+(new Date).getTime(),cr=!1;!function(){try{var t=Object.defineProperty({},"passive",{get:function(){cr=!0}});fe.addEventListener("test",null,t),fe.removeEventListener("test",null,t)}catch(t){}}();var ur=["touchstart","touchmove"],hr=(Object.freeze||Object)({fixEvent:U,on:X,off:q,trigger:K,one:Y}),pr=!1,dr=void 0,fr=function(){if(h()){var t=_e.getElementsByTagName("video"),e=_e.getElementsByTagName("audio"),r=_e.getElementsByTagName("video-js"),n=[];if(t&&t.length>0)for(var i=0,o=t.length;i<o;i++)n.push(t[i]);if(e&&e.length>0)for(var s=0,a=e.length;s<a;s++)n.push(e[s]);if(r&&r.length>0)for(var l=0,c=r.length;l<c;l++)n.push(r[l]);if(n&&n.length>0)for(var u=0,p=n.length;u<p;u++){var d=n[u];if(!d||!d.getAttribute){G(1);break}if(void 0===d.player){var f=d.getAttribute("data-setup");null!==f&&dr(d)}}else pr||G(1)}};h()&&"complete"===_e.readyState?pr=!0:Y(fe,"load",function(){pr=!0});var vr=function(t){var e=_e.createElement("style");return e.className=t,e},yr=function(t,e){t.styleSheet?t.styleSheet.cssText=e:t.textContent=e},gr=function(t,e,r){e.guid||(e.guid=B());var n=function(){return e.apply(t,arguments)};return n.guid=r?r+"_"+e.guid:e.guid,n},mr=function(t,e){var r=Date.now();return function(){var n=Date.now();n-r>=e&&(t.apply(void 0,arguments),r=n)}},_r=function(t,e,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:fe,i=void 0;return function(){var o=this,s=arguments,a=function(){i=null,a=null,r||t.apply(o,s)};!i&&r&&t.apply(o,s),n.clearTimeout(i),i=n.setTimeout(a,e)}},br=function(){};br.prototype.allowedEvents_={},br.prototype.on=function(t,e){var r=this.addEventListener;this.addEventListener=function(){},X(this,t,e),this.addEventListener=r},br.prototype.addEventListener=br.prototype.on,br.prototype.off=function(t,e){q(this,t,e)},br.prototype.removeEventListener=br.prototype.off,br.prototype.one=function(t,e){var r=this.addEventListener;this.addEventListener=function(){},Y(this,t,e),this.addEventListener=r},br.prototype.trigger=function(t){var e=t.type||t;"string"==typeof t&&(t={type:e}),t=U(t),this.allowedEvents_[e]&&this["on"+e]&&this["on"+e](t),K(this,t)},br.prototype.dispatchEvent=br.prototype.trigger;var Tr=function(t){return t instanceof br||!!t.eventBusEl_&&["on","one","off","trigger"].every(function(e){return"function"==typeof t[e]})},Cr=function(t){return"string"==typeof t&&/\S/.test(t)||Array.isArray(t)&&!!t.length},kr=function(t){if(!t.nodeName&&!Tr(t))throw new Error("Invalid target; must be a DOM node or evented object.")},wr=function(t){if(!Cr(t))throw new Error("Invalid event type; must be a non-empty string or array.")},Er=function(t){if("function"!=typeof t)throw new Error("Invalid listener; must be a function.")},Sr=function(t,e){var r=e.length<3||e[0]===t||e[0]===t.eventBusEl_,n=void 0,i=void 0,o=void 0;return r?(n=t.eventBusEl_,e.length>=3&&e.shift(),i=e[0],o=e[1]):(n=e[0],i=e[1],o=e[2]),kr(n),wr(i),Er(o),o=gr(t,o),{isTargetingSelf:r,target:n,type:i,listener:o}},xr=function(t,e,r,n){kr(t),t.nodeName?hr[e](t,r,n):t[e](r,n)},jr={on:function(){for(var t=this,e=arguments.length,r=Array(e),n=0;n<e;n++)r[n]=arguments[n];var i=Sr(this,r),o=i.isTargetingSelf,s=i.target,a=i.type,l=i.listener;if(xr(s,"on",a,l),!o){var c=function(){return t.off(s,a,l)};c.guid=l.guid;var u=function(){return t.off("dispose",c)};u.guid=l.guid,xr(this,"on","dispose",c),xr(s,"on","dispose",u)}},one:function(){for(var t=this,e=arguments.length,r=Array(e),n=0;n<e;n++)r[n]=arguments[n];var i=Sr(this,r),o=i.isTargetingSelf,s=i.target,a=i.type,l=i.listener;if(o)xr(s,"one",a,l);else{var c=function e(){for(var r=arguments.length,n=Array(r),i=0;i<r;i++)n[i]=arguments[i];t.off(s,a,e),l.apply(null,n)};c.guid=l.guid,xr(s,"one",a,c)}},off:function(t,e,r){if(!t||Cr(t))q(this.eventBusEl_,t,e);else{var n=t,i=e;kr(n),wr(i),Er(r),r=gr(this,r),this.off("dispose",r),n.nodeName?(q(n,i,r),q(n,"dispose",r)):Tr(n)&&(n.off(i,r),n.off("dispose",r))}},trigger:function(t,e){return K(this.eventBusEl_,t,e)}},Ar={state:{},setState:function(t){var r=this;"function"==typeof t&&(t=t());var n=void 0;return e(t,function(t,e){r.state[e]!==t&&(n=n||{},n[e]={from:r.state[e],to:t}),r.state[e]=t}),n&&Tr(this)&&this.trigger({changes:n,type:"statechanged"}),n}},Pr=function(){function t(e,r,n){if(Ue(this,t),!e&&this.play?this.player_=e=this:this.player_=e,this.options_=tt({},this.options_),r=this.options_=tt(this.options_,r),this.id_=r.id||r.el&&r.el.id,!this.id_){var i=e&&e.id&&e.id()||"no_player";this.id_=i+"_component_"+B()}this.name_=r.name||null,r.el?this.el_=r.el:!1!==r.createEl&&(this.el_=this.createEl()),!1!==r.evented&&$(this,{eventBusKey:this.el_?"el_":null}),J(this,this.constructor.defaultState),this.children_=[],this.childIndex_={},this.childNameIndex_={},!1!==r.initChildren&&this.initChildren(),this.ready(n),!1!==r.reportTouchActivity&&this.enableTouchActivity()}return t.prototype.dispose=function(){if(this.trigger({type:"dispose",bubbles:!1}),this.children_)for(var t=this.children_.length-1;t>=0;t--)this.children_[t].dispose&&this.children_[t].dispose();this.children_=null,this.childIndex_=null,this.childNameIndex_=null,this.el_&&(this.el_.parentNode&&this.el_.parentNode.removeChild(this.el_),V(this.el_),this.el_=null),this.player_=null},t.prototype.player=function(){return this.player_},t.prototype.options=function(t){return tr.warn("this.options() has been deprecated and will be moved to the constructor in 6.0"),t?(this.options_=tt(this.options_,t),this.options_):this.options_},t.prototype.el=function(){return this.el_},t.prototype.createEl=function(t,e,r){return v(t,e,r)},t.prototype.localize=function(t,e){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t,n=this.player_.language&&this.player_.language(),i=this.player_.languages&&this.player_.languages(),o=i&&i[n],s=n&&n.split("-")[0],a=i&&i[s],l=r;return o&&o[t]?l=o[t]:a&&a[t]&&(l=a[t]),e&&(l=l.replace(/\{(\d+)\}/g,function(t,r){var n=e[r-1],i=n;return void 0===n&&(i=t),i})),l},t.prototype.contentEl=function(){return this.contentEl_||this.el_},t.prototype.id=function(){return this.id_},t.prototype.name=function(){return this.name_},t.prototype.children=function(){return this.children_},t.prototype.getChildById=function(t){return this.childIndex_[t]},t.prototype.getChild=function(t){if(t)return t=Q(t),this.childNameIndex_[t]},t.prototype.addChild=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.children_.length,i=void 0,o=void 0;if("string"==typeof e){o=Q(e);var s=r.componentClass||o;r.name=o;var a=t.getComponent(s);if(!a)throw new Error("Component "+s+" does not exist");if("function"!=typeof a)return null;i=new a(this.player_||this,r)}else i=e;if(this.children_.splice(n,0,i),"function"==typeof i.id&&(this.childIndex_[i.id()]=i),o=o||i.name&&Q(i.name()),o&&(this.childNameIndex_[o]=i),"function"==typeof i.el&&i.el()){var l=this.contentEl().children,c=l[n]||null;this.contentEl().insertBefore(i.el(),c)}return i},t.prototype.removeChild=function(t){if("string"==typeof t&&(t=this.getChild(t)),t&&this.children_){for(var e=!1,r=this.children_.length-1;r>=0;r--)if(this.children_[r]===t){e=!0,this.children_.splice(r,1);break}if(e){this.childIndex_[t.id()]=null,this.childNameIndex_[t.name()]=null;var n=t.el();n&&n.parentNode===this.contentEl()&&this.contentEl().removeChild(t.el())}}},t.prototype.initChildren=function(){var e=this,r=this.options_.children;if(r){var n=this.options_,i=function(t){var r=t.name,i=t.opts;if(void 0!==n[r]&&(i=n[r]),!1!==i){!0===i&&(i={}),i.playerOptions=e.options_.playerOptions;var o=e.addChild(r,i);o&&(e[r]=o)}},o=void 0,s=t.getComponent("Tech");o=Array.isArray(r)?r:Object.keys(r),o.concat(Object.keys(this.options_).filter(function(t){return!o.some(function(e){return"string"==typeof e?t===e:t===e.name})})).map(function(t){var n=void 0,i=void 0;return"string"==typeof t?(n=t,i=r[n]||e.options_[n]||{}):(n=t.name,i=t),{name:n,opts:i}}).filter(function(e){var r=t.getComponent(e.opts.componentClass||Q(e.name));return r&&!s.isTech(r)}).forEach(i)}},t.prototype.buildCSSClass=function(){return""},t.prototype.ready=function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t)return this.isReady_?void(e?t.call(this):this.setTimeout(t,1)):(this.readyQueue_=this.readyQueue_||[],void this.readyQueue_.push(t))},t.prototype.triggerReady=function(){this.isReady_=!0,this.setTimeout(function(){var t=this.readyQueue_;this.readyQueue_=[],t&&t.length>0&&t.forEach(function(t){t.call(this)},this),this.trigger("ready")},1)},t.prototype.$=function(t,e){return nr(t,e||this.contentEl())},t.prototype.$$=function(t,e){return ir(t,e||this.contentEl())},t.prototype.hasClass=function(t){return m(this.el_,t)},t.prototype.addClass=function(t){_(this.el_,t)},t.prototype.removeClass=function(t){b(this.el_,t)},t.prototype.toggleClass=function(t,e){T(this.el_,t,e)},t.prototype.show=function(){this.removeClass("vjs-hidden")},t.prototype.hide=function(){this.addClass("vjs-hidden")},t.prototype.lockShowing=function(){this.addClass("vjs-lock-showing")},t.prototype.unlockShowing=function(){this.removeClass("vjs-lock-showing")},t.prototype.getAttribute=function(t){return w(this.el_,t)},t.prototype.setAttribute=function(t,e){E(this.el_,t,e)},t.prototype.removeAttribute=function(t){S(this.el_,t)},t.prototype.width=function(t,e){return this.dimension("width",t,e)},t.prototype.height=function(t,e){return this.dimension("height",t,e)},t.prototype.dimensions=function(t,e){this.width(t,!0),this.height(e)},t.prototype.dimension=function(t,e,r){if(void 0!==e)return null!==e&&e===e||(e=0),-1!==(""+e).indexOf("%")||-1!==(""+e).indexOf("px")?this.el_.style[t]=e:this.el_.style[t]="auto"===e?"":e+"px",void(r||this.trigger("componentresize"));if(!this.el_)return 0;var n=this.el_.style[t],i=n.indexOf("px");return-1!==i?parseInt(n.slice(0,i),10):parseInt(this.el_["offset"+Q(t)],10)},t.prototype.currentDimension=function(t){var e=0;if("width"!==t&&"height"!==t)throw new Error("currentDimension only accepts width or height value");if("function"==typeof fe.getComputedStyle){var r=fe.getComputedStyle(this.el_);e=r.getPropertyValue(t)||r[t]}if(0===(e=parseFloat(e))){var n="offset"+Q(t);e=this.el_[n]}return e},t.prototype.currentDimensions=function(){return{width:this.currentDimension("width"),height:this.currentDimension("height")}},t.prototype.currentWidth=function(){return this.currentDimension("width")},t.prototype.currentHeight=function(){return this.currentDimension("height")},t.prototype.focus=function(){this.el_.focus()},t.prototype.blur=function(){this.el_.blur()},t.prototype.emitTapEvents=function(){var t=0,e=null,r=void 0;this.on("touchstart",function(n){1===n.touches.length&&(e={pageX:n.touches[0].pageX,pageY:n.touches[0].pageY},t=(new Date).getTime(),r=!0)}),this.on("touchmove",function(t){if(t.touches.length>1)r=!1;else if(e){var n=t.touches[0].pageX-e.pageX,i=t.touches[0].pageY-e.pageY,o=Math.sqrt(n*n+i*i);o>10&&(r=!1)}});var n=function(){r=!1};this.on("touchleave",n),this.on("touchcancel",n),this.on("touchend",function(n){if(e=null,!0===r){(new Date).getTime()-t<200&&(n.preventDefault(),this.trigger("tap"))}})},t.prototype.enableTouchActivity=function(){if(this.player()&&this.player().reportUserActivity){var t=gr(this.player(),this.player().reportUserActivity),e=void 0;this.on("touchstart",function(){t(),this.clearInterval(e),e=this.setInterval(t,250)});var r=function(r){t(),this.clearInterval(e)};this.on("touchmove",t),this.on("touchend",r),this.on("touchcancel",r)}},t.prototype.setTimeout=function(t,e){var r=this;t=gr(this,t);var n=fe.setTimeout(t,e),i=function(){return r.clearTimeout(n)};return i.guid="vjs-timeout-"+n,this.on("dispose",i),n},t.prototype.clearTimeout=function(t){fe.clearTimeout(t);var e=function(){};return e.guid="vjs-timeout-"+t,this.off("dispose",e),t},t.prototype.setInterval=function(t,e){var r=this;t=gr(this,t);var n=fe.setInterval(t,e),i=function(){return r.clearInterval(n)};return i.guid="vjs-interval-"+n,this.on("dispose",i),n},t.prototype.clearInterval=function(t){fe.clearInterval(t);var e=function(){};return e.guid="vjs-interval-"+t,this.off("dispose",e),t},t.prototype.requestAnimationFrame=function(t){var e=this;if(this.supportsRaf_){t=gr(this,t);var r=fe.requestAnimationFrame(t),n=function(){return e.cancelAnimationFrame(r)};return n.guid="vjs-raf-"+r,this.on("dispose",n),r}return this.setTimeout(t,1e3/60)},t.prototype.cancelAnimationFrame=function(t){if(this.supportsRaf_){fe.cancelAnimationFrame(t);var e=function(){};return e.guid="vjs-raf-"+t,this.off("dispose",e),t}return this.clearTimeout(t)},t.registerComponent=function(e,r){if("string"!=typeof e||!e)throw new Error('Illegal component name, "'+e+'"; must be a non-empty string.');var n=t.getComponent("Tech"),i=n&&n.isTech(r),o=t===r||t.prototype.isPrototypeOf(r.prototype);if(i||!o){var s=void 0;throw s=i?"techs must be registered using Tech.registerTech()":"must be a Component subclass",new Error('Illegal component, "'+e+'"; '+s+".")}e=Q(e),t.components_||(t.components_={});var a=t.getComponent("Player");if("Player"===e&&a&&a.players){var l=a.players,c=Object.keys(l);if(l&&c.length>0&&c.map(function(t){return l[t]}).every(Boolean))throw new Error("Can not register Player component after player has been created.")}return t.components_[e]=r,r},t.getComponent=function(e){if(e)return e=Q(e),t.components_&&t.components_[e]?t.components_[e]:void 0},t}();Pr.prototype.supportsRaf_="function"==typeof fe.requestAnimationFrame&&"function"==typeof fe.cancelAnimationFrame,Pr.registerComponent("Component",Pr);for(var Or={},Mr=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],Nr=Mr[0],Ir=void 0,Dr=0;Dr<Mr.length;Dr++)if(Mr[Dr][1]in _e){Ir=Mr[Dr];break}if(Ir)for(var Lr=0;Lr<Ir.length;Lr++)Or[Nr[Lr]]=Ir[Lr];st.prototype.code=0,st.prototype.message="",st.prototype.status=null,st.errorTypes=["MEDIA_ERR_CUSTOM","MEDIA_ERR_ABORTED","MEDIA_ERR_NETWORK","MEDIA_ERR_DECODE","MEDIA_ERR_SRC_NOT_SUPPORTED","MEDIA_ERR_ENCRYPTED"],st.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 Rr=0;Rr<st.errorTypes.length;Rr++)st[st.errorTypes[Rr]]=Rr,st.prototype[st.errorTypes[Rr]]=Rr;var Br=at,Fr=function(t){return["kind","label","language","id","inBandMetadataTrackDispatchType","mode","src"].reduce(function(e,r,n){return t[r]&&(e[r]=t[r]),e},{cues:t.cues&&Array.prototype.map.call(t.cues,function(t){return{startTime:t.startTime,endTime:t.endTime,text:t.text,id:t.id}})})},Hr=function(t){var e=t.$$("track"),r=Array.prototype.map.call(e,function(t){return t.track});return Array.prototype.map.call(e,function(t){var e=Fr(t.track);return t.src&&(e.src=t.src),e}).concat(Array.prototype.filter.call(t.textTracks(),function(t){return-1===r.indexOf(t)}).map(Fr))},Vr=function(t,e){return t.forEach(function(t){var r=e.addRemoteTextTrack(t).track;!t.src&&t.cues&&t.cues.forEach(function(t){return r.addCue(t)})}),e.textTracks()},zr={textTracksToJson:Hr,jsonToTextTracks:Vr,trackToJson_:Fr},Wr="vjs-modal-dialog",Ur=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.opened_=i.hasBeenOpened_=i.hasBeenFilled_=!1,i.closeable(!i.options_.uncloseable),i.content(i.options_.content),i.contentEl_=v("div",{className:Wr+"-content"},{role:"document"}),i.descEl_=v("p",{className:Wr+"-description vjs-control-text",id:i.el().getAttribute("aria-describedby")}),y(i.descEl_,i.description()),i.el_.appendChild(i.descEl_),i.el_.appendChild(i.contentEl_),i}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:this.buildCSSClass(),tabIndex:-1},{"aria-describedby":this.id()+"_description","aria-hidden":"true","aria-label":this.label(),role:"dialog"})},e.prototype.dispose=function(){this.contentEl_=null,this.descEl_=null,this.previouslyActiveEl_=null,t.prototype.dispose.call(this)},e.prototype.buildCSSClass=function(){return Wr+" vjs-hidden "+t.prototype.buildCSSClass.call(this)},e.prototype.handleKeyPress=function(t){27===t.which&&this.closeable()&&this.close()},e.prototype.label=function(){return this.localize(this.options_.label||"Modal Window")},e.prototype.description=function(){var t=this.options_.description||this.localize("This is a modal window.");return this.closeable()&&(t+=" "+this.localize("This modal can be closed by pressing the Escape key or activating the close button.")),t},e.prototype.open=function(){if(!this.opened_){var t=this.player();this.trigger("beforemodalopen"),this.opened_=!0,(this.options_.fillAlways||!this.hasBeenOpened_&&!this.hasBeenFilled_)&&this.fill(),this.wasPlaying_=!t.paused(),this.options_.pauseOnOpen&&this.wasPlaying_&&t.pause(),this.closeable()&&this.on(this.el_.ownerDocument,"keydown",gr(this,this.handleKeyPress)),this.hadControls_=t.controls(),t.controls(!1),this.show(),this.conditionalFocus_(),this.el().setAttribute("aria-hidden","false"),this.trigger("modalopen"),this.hasBeenOpened_=!0}},e.prototype.opened=function(t){return"boolean"==typeof t&&this[t?"open":"close"](),this.opened_},e.prototype.close=function(){if(this.opened_){var t=this.player();this.trigger("beforemodalclose"),this.opened_=!1,this.wasPlaying_&&this.options_.pauseOnOpen&&t.play(),this.closeable()&&this.off(this.el_.ownerDocument,"keydown",gr(this,this.handleKeyPress)),this.hadControls_&&t.controls(!0),this.hide(),this.el().setAttribute("aria-hidden","true"),this.trigger("modalclose"),this.conditionalBlur_(),this.options_.temporary&&this.dispose()}},e.prototype.closeable=function(t){if("boolean"==typeof t){var e=this.closeable_=!!t,r=this.getChild("closeButton");if(e&&!r){var n=this.contentEl_;this.contentEl_=this.el_,r=this.addChild("closeButton",{controlText:"Close Modal Dialog"}),this.contentEl_=n,this.on(r,"close",this.close)}!e&&r&&(this.off(r,"close",this.close),this.removeChild(r),r.dispose())}return this.closeable_},e.prototype.fill=function(){this.fillWith(this.content())},e.prototype.fillWith=function(t){var e=this.contentEl(),r=e.parentNode,n=e.nextSibling;this.trigger("beforemodalfill"),this.hasBeenFilled_=!0,r.removeChild(e),this.empty(),L(e,t),this.trigger("modalfill"),n?r.insertBefore(e,n):r.appendChild(e);var i=this.getChild("closeButton");i&&r.appendChild(i.el_)},e.prototype.empty=function(){this.trigger("beforemodalempty"),N(this.contentEl()),this.trigger("modalempty")},e.prototype.content=function(t){return void 0!==t&&(this.content_=t),this.content_},e.prototype.conditionalFocus_=function(){var t=_e.activeElement,e=this.player_.el_;this.previouslyActiveEl_=null,(e.contains(t)||e===t)&&(this.previouslyActiveEl_=t,this.focus(),this.on(_e,"keydown",this.handleKeyDown))},e.prototype.conditionalBlur_=function(){this.previouslyActiveEl_&&(this.previouslyActiveEl_.focus(),this.previouslyActiveEl_=null),this.off(_e,"keydown",this.handleKeyDown)},e.prototype.handleKeyDown=function(t){if(9===t.which){for(var e=this.focusableEls_(),r=this.el_.querySelector(":focus"),n=void 0,i=0;i<e.length;i++)if(r===e[i]){n=i;break}_e.activeElement===this.el_&&(n=0),t.shiftKey&&0===n?(e[e.length-1].focus(),t.preventDefault()):t.shiftKey||n!==e.length-1||(e[0].focus(),t.preventDefault())}},e.prototype.focusableEls_=function(){var t=this.el_.querySelectorAll("*");return Array.prototype.filter.call(t,function(t){return(t instanceof fe.HTMLAnchorElement||t instanceof fe.HTMLAreaElement)&&t.hasAttribute("href")||(t instanceof fe.HTMLInputElement||t instanceof fe.HTMLSelectElement||t instanceof fe.HTMLTextAreaElement||t instanceof fe.HTMLButtonElement)&&!t.hasAttribute("disabled")||t instanceof fe.HTMLIFrameElement||t instanceof fe.HTMLObjectElement||t instanceof fe.HTMLEmbedElement||t.hasAttribute("tabindex")&&-1!==t.getAttribute("tabindex")||t.hasAttribute("contenteditable")})},e}(Pr);Ur.prototype.options_={pauseOnOpen:!0,temporary:!0},Pr.registerComponent("ModalDialog",Ur);var Xr=function(t){function e(){var r,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;Ue(this,e);var o=qe(this,t.call(this));if(!i&&(i=o,Le)){i=_e.createElement("custom");for(var s in e.prototype)"constructor"!==s&&(i[s]=e.prototype[s])}i.tracks_=[],Object.defineProperty(i,"length",{get:function(){return this.tracks_.length}});for(var a=0;a<n.length;a++)i.addTrack(n[a]);return r=i,qe(o,r)}return Xe(e,t),e.prototype.addTrack=function(t){var e=this.tracks_.length;""+e in this||Object.defineProperty(this,e,{get:function(){return this.tracks_[e]}}),-1===this.tracks_.indexOf(t)&&(this.tracks_.push(t),this.trigger({track:t,type:"addtrack"}))},e.prototype.removeTrack=function(t){for(var e=void 0,r=0,n=this.length;r<n;r++)if(this[r]===t){e=this[r],e.off&&e.off(),this.tracks_.splice(r,1);break}e&&this.trigger({track:e,type:"removetrack"})},e.prototype.getTrackById=function(t){for(var e=null,r=0,n=this.length;r<n;r++){var i=this[r];if(i.id===t){e=i;break}}return e},e}(br);Xr.prototype.allowedEvents_={change:"change",addtrack:"addtrack",removetrack:"removetrack"};for(var qr in Xr.prototype.allowedEvents_)Xr.prototype["on"+qr]=null;var Kr=function(t,e){for(var r=0;r<t.length;r++)Object.keys(t[r]).length&&e.id!==t[r].id&&(t[r].enabled=!1)},Yr=function(t){function e(){var r,n,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];Ue(this,e);for(var o=void 0,s=i.length-1;s>=0;s--)if(i[s].enabled){Kr(i,i[s]);break}if(Le){o=_e.createElement("custom");for(var a in Xr.prototype)"constructor"!==a&&(o[a]=Xr.prototype[a]);for(var l in e.prototype)"constructor"!==l&&(o[l]=e.prototype[l])}return o=r=qe(this,t.call(this,i,o)),o.changing_=!1,n=o,qe(r,n)}return Xe(e,t),e.prototype.addTrack=function(e){var r=this;e.enabled&&Kr(this,e),t.prototype.addTrack.call(this,e),e.addEventListener&&e.addEventListener("enabledchange",function(){r.changing_||(r.changing_=!0,Kr(r,e),r.changing_=!1,r.trigger("change"))})},e}(Xr),Gr=function(t,e){for(var r=0;r<t.length;r++)Object.keys(t[r]).length&&e.id!==t[r].id&&(t[r].selected=!1)},$r=function(t){function e(){var r,n,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];Ue(this,e);for(var o=void 0,s=i.length-1;s>=0;s--)if(i[s].selected){Gr(i,i[s]);break}if(Le){o=_e.createElement("custom");for(var a in Xr.prototype)"constructor"!==a&&(o[a]=Xr.prototype[a]);for(var l in e.prototype)"constructor"!==l&&(o[l]=e.prototype[l])}return o=r=qe(this,t.call(this,i,o)),o.changing_=!1,Object.defineProperty(o,"selectedIndex",{get:function(){for(var t=0;t<this.length;t++)if(this[t].selected)return t;return-1},set:function(){}}),n=o,qe(r,n)}return Xe(e,t),e.prototype.addTrack=function(e){var r=this;e.selected&&Gr(this,e),t.prototype.addTrack.call(this,e),e.addEventListener&&e.addEventListener("selectedchange",function(){r.changing_||(r.changing_=!0,Gr(r,e),r.changing_=!1,r.trigger("change"))})},e}(Xr),Jr=function(t){function e(){var r,n,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];Ue(this,e);var o=void 0;if(Le){o=_e.createElement("custom");for(var s in Xr.prototype)"constructor"!==s&&(o[s]=Xr.prototype[s]);for(var a in e.prototype)"constructor"!==a&&(o[a]=e.prototype[a])}return o=r=qe(this,t.call(this,i,o)),n=o,qe(r,n)}return Xe(e,t),e.prototype.addTrack=function(e){t.prototype.addTrack.call(this,e),e.addEventListener("modechange",gr(this,function(){this.trigger("change")})),-1===["metadata","chapters"].indexOf(e.kind)&&e.addEventListener("modechange",gr(this,function(){this.trigger("selectedlanguagechange")}))},e}(Xr),Qr=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];Ue(this,t);var r=this;if(Le){r=_e.createElement("custom");for(var n in t.prototype)"constructor"!==n&&(r[n]=t.prototype[n])}r.trackElements_=[],Object.defineProperty(r,"length",{get:function(){return this.trackElements_.length}});for(var i=0,o=e.length;i<o;i++)r.addTrackElement_(e[i]);if(Le)return r}return t.prototype.addTrackElement_=function(t){var e=this.trackElements_.length;""+e in this||Object.defineProperty(this,e,{get:function(){return this.trackElements_[e]}}),-1===this.trackElements_.indexOf(t)&&this.trackElements_.push(t)},t.prototype.getTrackElementByTrack_=function(t){for(var e=void 0,r=0,n=this.trackElements_.length;r<n;r++)if(t===this.trackElements_[r].track){e=this.trackElements_[r];break}return e},t.prototype.removeTrackElement_=function(t){for(var e=0,r=this.trackElements_.length;e<r;e++)if(t===this.trackElements_[e]){this.trackElements_.splice(e,1);break}},t}(),Zr=function(){function t(e){Ue(this,t);var r=this;if(Le){r=_e.createElement("custom");for(var n in t.prototype)"constructor"!==n&&(r[n]=t.prototype[n])}if(t.prototype.setCues_.call(r,e),Object.defineProperty(r,"length",{get:function(){return this.length_}}),Le)return r}return t.prototype.setCues_=function(t){var e=this.length||0,r=0,n=t.length;this.cues_=t,this.length_=t.length;var i=function(t){""+t in this||Object.defineProperty(this,""+t,{get:function(){return this.cues_[t]}})};if(e<n)for(r=e;r<n;r++)i.call(this,r)},t.prototype.getCueById=function(t){for(var e=null,r=0,n=this.length;r<n;r++){var i=this[r];if(i.id===t){e=i;break}}return e},t}(),tn={alternative:"alternative",captions:"captions",main:"main",sign:"sign",subtitles:"subtitles",commentary:"commentary"},en={alternative:"alternative",descriptions:"descriptions",main:"main","main-desc":"main-desc",translation:"translation",commentary:"commentary"},rn={subtitles:"subtitles",captions:"captions",descriptions:"descriptions",chapters:"chapters",metadata:"metadata"},nn={disabled:"disabled",hidden:"hidden",showing:"showing"},on=function(t){function e(){var r,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Ue(this,e);var i=qe(this,t.call(this)),o=i;if(Le){o=_e.createElement("custom");for(var s in e.prototype)"constructor"!==s&&(o[s]=e.prototype[s])}var a={id:n.id||"vjs_track_"+B(),kind:n.kind||"",label:n.label||"",language:n.language||""};for(var l in a)!function(t){Object.defineProperty(o,t,{get:function(){return a[t]},set:function(){}})}(l);return r=o,qe(i,r)}return Xe(e,t),e}(br),sn=function(t){var e=["protocol","hostname","port","pathname","search","hash","host"],r=_e.createElement("a");r.href=t;var n=""===r.host&&"file:"!==r.protocol,i=void 0;n&&(i=_e.createElement("div"),i.innerHTML='<a href="'+t+'"></a>',r=i.firstChild,i.setAttribute("style","display:none; position:absolute;"),_e.body.appendChild(i));for(var o={},s=0;s<e.length;s++)o[e[s]]=r[e[s]];return"http:"===o.protocol&&(o.host=o.host.replace(/:80$/,"")),"https:"===o.protocol&&(o.host=o.host.replace(/:443$/,"")),o.protocol||(o.protocol=fe.location.protocol),n&&_e.body.removeChild(i),o},an=function(t){if(!t.match(/^https?:\/\//)){var e=_e.createElement("div");e.innerHTML='<a href="'+t+'">x</a>',t=e.firstChild.href}return t},ln=function(t){if("string"==typeof t){var e=/^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/i,r=e.exec(t);if(r)return r.pop().toLowerCase()}return""},cn=function(t){var e=fe.location,r=sn(t);return(":"===r.protocol?e.protocol:r.protocol)+r.host!==e.protocol+e.host},un=(Object.freeze||Object)({parseUrl:sn,getAbsoluteURL:an,getFileExtension:ln,isCrossOrigin:cn}),hn=ut,pn=Object.prototype.toString,dn=t(function(t,e){function r(t){return t.replace(/^\s*|\s*$/g,"")}e=t.exports=r,e.left=function(t){return t.replace(/^\s*/,"")},e.right=function(t){return t.replace(/\s*$/,"")}}),fn=ht,vn=Object.prototype.toString,yn=Object.prototype.hasOwnProperty,gn=function(t){return"[object Array]"===Object.prototype.toString.call(t)},mn=function(t){if(!t)return{};var e={};return fn(dn(t).split("\n"),function(t){var r=t.indexOf(":"),n=dn(t.slice(0,r)).toLowerCase(),i=dn(t.slice(r+1));void 0===e[n]?e[n]=i:gn(e[n])?e[n].push(i):e[n]=[e[n],i]}),e},_n=vt,bn=Object.prototype.hasOwnProperty,Tn=mt;mt.XMLHttpRequest=fe.XMLHttpRequest||Tt,mt.XDomainRequest="withCredentials"in new mt.XMLHttpRequest?mt.XMLHttpRequest:fe.XDomainRequest,function(t,e){for(var r=0;r<t.length;r++)e(t[r])}(["get","put","post","patch","head","delete"],function(t){mt["delete"===t?"del":t]=function(e,r,n){return r=gt(e,r,n),r.method=t.toUpperCase(),_t(r)}});var Cn=function(t,e){var r=new fe.WebVTT.Parser(fe,fe.vttjs,fe.WebVTT.StringDecoder()),n=[];r.oncue=function(t){e.addCue(t)},r.onparsingerror=function(t){n.push(t)},r.onflush=function(){e.trigger({type:"loadeddata",target:e})},r.parse(t),n.length>0&&(fe.console&&fe.console.groupCollapsed&&fe.console.groupCollapsed("Text Track parsing errors for "+e.src),n.forEach(function(t){return tr.error(t)}),fe.console&&fe.console.groupEnd&&fe.console.groupEnd()),r.flush()},kn=function(t,e){var r={uri:t},n=cn(t);n&&(r.cors=n),Tn(r,gr(this,function(t,r,n){if(t)return tr.error(t,r);if(e.loaded_=!0,"function"!=typeof fe.WebVTT){if(e.tech_){var i=function(){return Cn(n,e)};e.tech_.on("vttjsloaded",i),e.tech_.on("vttjserror",function(){tr.error("vttjs failed to load, stopping trying to process "+e.src),e.tech_.off("vttjsloaded",i)})}}else Cn(n,e)}))},wn=function(t){function e(){var r,n,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(Ue(this,e),!i.tech)throw new Error("A tech was not provided.");var o=tt(i,{kind:rn[i.kind]||"subtitles",language:i.language||i.srclang||""}),s=nn[o.mode]||"disabled",a=o.default;"metadata"!==o.kind&&"chapters"!==o.kind||(s="hidden");var l=r=qe(this,t.call(this,o));if(l.tech_=o.tech,Le)for(var c in e.prototype)"constructor"!==c&&(l[c]=e.prototype[c]);l.cues_=[],l.activeCues_=[];var u=new Zr(l.cues_),h=new Zr(l.activeCues_),p=!1,d=gr(l,function(){this.activeCues,p&&(this.trigger("cuechange"),p=!1)});return"disabled"!==s&&l.tech_.ready(function(){l.tech_.on("timeupdate",d)},!0),Object.defineProperty(l,"default",{get:function(){return a},set:function(){}}),Object.defineProperty(l,"mode",{get:function(){return s},set:function(t){var e=this;nn[t]&&(s=t,"showing"===s&&this.tech_.ready(function(){e.tech_.on("timeupdate",d)},!0),this.trigger("modechange"))}}),Object.defineProperty(l,"cues",{get:function(){return this.loaded_?u:null},set:function(){}}),Object.defineProperty(l,"activeCues",{get:function(){if(!this.loaded_)return null;if(0===this.cues.length)return h;for(var t=this.tech_.currentTime(),e=[],r=0,n=this.cues.length;r<n;r++){var i=this.cues[r];i.startTime<=t&&i.endTime>=t?e.push(i):i.startTime===i.endTime&&i.startTime<=t&&i.startTime+.5>=t&&e.push(i)}if(p=!1,e.length!==this.activeCues_.length)p=!0;else for(var o=0;o<e.length;o++)-1===this.activeCues_.indexOf(e[o])&&(p=!0);return this.activeCues_=e,h.setCues_(this.activeCues_),h},set:function(){}}),o.src?(l.src=o.src,kn(o.src,l)):l.loaded_=!0,n=l,qe(r,n)}return Xe(e,t),e.prototype.addCue=function(t){var e=t;if(fe.vttjs&&!(t instanceof fe.vttjs.VTTCue)){e=new fe.vttjs.VTTCue(t.startTime,t.endTime,t.text)
-;for(var r in t)r in e||(e[r]=t[r]);e.id=t.id,e.originalCue_=t}for(var n=this.tech_.textTracks(),i=0;i<n.length;i++)n[i]!==this&&n[i].removeCue(e);this.cues_.push(e),this.cues.setCues_(this.cues_)},e.prototype.removeCue=function(t){for(var e=this.cues_.length;e--;){var r=this.cues_[e];if(r===t||r.originalCue_&&r.originalCue_===t){this.cues_.splice(e,1),this.cues.setCues_(this.cues_);break}}},e}(on);wn.prototype.allowedEvents_={cuechange:"cuechange"};var En=function(t){function e(){var r,n,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Ue(this,e);var o=tt(i,{kind:en[i.kind]||""}),s=r=qe(this,t.call(this,o)),a=!1;if(Le)for(var l in e.prototype)"constructor"!==l&&(s[l]=e.prototype[l]);return Object.defineProperty(s,"enabled",{get:function(){return a},set:function(t){"boolean"==typeof t&&t!==a&&(a=t,this.trigger("enabledchange"))}}),o.enabled&&(s.enabled=o.enabled),s.loaded_=!0,n=s,qe(r,n)}return Xe(e,t),e}(on),Sn=function(t){function e(){var r,n,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Ue(this,e);var o=tt(i,{kind:tn[i.kind]||""}),s=r=qe(this,t.call(this,o)),a=!1;if(Le)for(var l in e.prototype)"constructor"!==l&&(s[l]=e.prototype[l]);return Object.defineProperty(s,"selected",{get:function(){return a},set:function(t){"boolean"==typeof t&&t!==a&&(a=t,this.trigger("selectedchange"))}}),o.selected&&(s.selected=o.selected),n=s,qe(r,n)}return Xe(e,t),e}(on),xn=0,jn=2,An=function(t){function e(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Ue(this,e);var n=qe(this,t.call(this)),i=void 0,o=n;if(Le){o=_e.createElement("custom");for(var s in e.prototype)"constructor"!==s&&(o[s]=e.prototype[s])}var a=new wn(r);if(o.kind=a.kind,o.src=a.src,o.srclang=a.language,o.label=a.label,o.default=a.default,Object.defineProperty(o,"readyState",{get:function(){return i}}),Object.defineProperty(o,"track",{get:function(){return a}}),i=xn,a.addEventListener("loadeddata",function(){i=jn,o.trigger({type:"load",target:o})}),Le){var l;return l=o,qe(n,l)}return n}return Xe(e,t),e}(br);An.prototype.allowedEvents_={load:"load"},An.NONE=xn,An.LOADING=1,An.LOADED=jn,An.ERROR=3;var Pn={audio:{ListClass:Yr,TrackClass:En,capitalName:"Audio"},video:{ListClass:$r,TrackClass:Sn,capitalName:"Video"},text:{ListClass:Jr,TrackClass:wn,capitalName:"Text"}};Object.keys(Pn).forEach(function(t){Pn[t].getterName=t+"Tracks",Pn[t].privateName=t+"Tracks_"});var On={remoteText:{ListClass:Jr,TrackClass:wn,capitalName:"RemoteText",getterName:"remoteTextTracks",privateName:"remoteTextTracks_"},remoteTextEl:{ListClass:Qr,TrackClass:An,capitalName:"RemoteTextTrackEls",getterName:"remoteTextTrackEls",privateName:"remoteTextTrackEls_"}},Mn=tt(Pn,On);On.names=Object.keys(On),Pn.names=Object.keys(Pn),Mn.names=[].concat(On.names).concat(Pn.names);var Nn=Object.create||function(){function t(){}return function(e){if(1!==arguments.length)throw new Error("Object.create shim only accepts one parameter.");return t.prototype=e,new t}}();Ct.prototype=Nn(Error.prototype),Ct.prototype.constructor=Ct,Ct.Errors={BadSignature:{code:0,message:"Malformed WebVTT signature."},BadTimeStamp:{code:1,message:"Malformed time stamp."}},wt.prototype={set:function(t,e){this.get(t)||""===e||(this.values[t]=e)},get:function(t,e,r){return r?this.has(t)?this.values[t]:e[r]:this.has(t)?this.values[t]:e},has:function(t){return t in this.values},alt:function(t,e,r){for(var n=0;n<r.length;++n)if(e===r[n]){this.set(t,e);break}},integer:function(t,e){/^-?\d+$/.test(e)&&this.set(t,parseInt(e,10))},percent:function(t,e){return!!(e.match(/^([\d]{1,3})(\.[\d]*)?%$/)&&(e=parseFloat(e))>=0&&e<=100)&&(this.set(t,e),!0)}};var In={"&amp;":"&","&lt;":"<","&gt;":">","&lrm;":"‎","&rlm;":"‏","&nbsp;":" "},Dn={c:"span",i:"i",b:"b",u:"u",ruby:"ruby",rt:"rt",v:"span",lang:"span"},Ln={v:"title",lang:"lang"},Rn={rt:"ruby"},Bn=[[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]];Ot.prototype.applyStyles=function(t,e){e=e||this.div;for(var r in t)t.hasOwnProperty(r)&&(e.style[r]=t[r])},Ot.prototype.formatStyle=function(t,e){return 0===t?0:t+e},Mt.prototype=Nn(Ot.prototype),Mt.prototype.constructor=Mt,Nt.prototype.move=function(t,e){switch(e=void 0!==e?e:this.lineHeight,t){case"+x":this.left+=e,this.right+=e;break;case"-x":this.left-=e,this.right-=e;break;case"+y":this.top+=e,this.bottom+=e;break;case"-y":this.top-=e,this.bottom-=e}},Nt.prototype.overlaps=function(t){return this.left<t.right&&this.right>t.left&&this.top<t.bottom&&this.bottom>t.top},Nt.prototype.overlapsAny=function(t){for(var e=0;e<t.length;e++)if(this.overlaps(t[e]))return!0;return!1},Nt.prototype.within=function(t){return this.top>=t.top&&this.bottom<=t.bottom&&this.left>=t.left&&this.right<=t.right},Nt.prototype.overlapsOppositeAxis=function(t,e){switch(e){case"+x":return this.left<t.left;case"-x":return this.right>t.right;case"+y":return this.top<t.top;case"-y":return this.bottom>t.bottom}},Nt.prototype.intersectPercentage=function(t){return Math.max(0,Math.min(this.right,t.right)-Math.max(this.left,t.left))*Math.max(0,Math.min(this.bottom,t.bottom)-Math.max(this.top,t.top))/(this.height*this.width)},Nt.prototype.toCSSCompatValues=function(t){return{top:this.top-t.top,bottom:t.bottom-this.bottom,left:this.left-t.left,right:t.right-this.right,height:this.height,width:this.width}},Nt.getSimpleBoxPosition=function(t){var e=t.div?t.div.offsetHeight:t.tagName?t.offsetHeight:0,r=t.div?t.div.offsetWidth:t.tagName?t.offsetWidth:0,n=t.div?t.div.offsetTop:t.tagName?t.offsetTop:0;return t=t.div?t.div.getBoundingClientRect():t.tagName?t.getBoundingClientRect():t,{left:t.left,right:t.right,top:t.top||n,height:t.height||e,bottom:t.bottom||n+(t.height||e),width:t.width||r}},Dt.StringDecoder=function(){return{decode:function(t){if(!t)return"";if("string"!=typeof t)throw new Error("Error - expected string data.");return decodeURIComponent(encodeURIComponent(t))}}},Dt.convertCueToDOMTree=function(t,e){return t&&e?xt(t,e):null};Dt.processCues=function(t,e,r){if(!t||!e||!r)return null;for(;r.firstChild;)r.removeChild(r.firstChild);var n=t.document.createElement("div");if(n.style.position="absolute",n.style.left="0",n.style.right="0",n.style.top="0",n.style.bottom="0",n.style.margin="1.5%",r.appendChild(n),function(t){for(var e=0;e<t.length;e++)if(t[e].hasBeenReset||!t[e].displayState)return!0;return!1}(e)){var i=[],o=Nt.getSimpleBoxPosition(n),s=Math.round(.05*o.height*100)/100,a={font:s+"px sans-serif"};!function(){for(var r,s,l=0;l<e.length;l++)s=e[l],r=new Mt(t,s,a),n.appendChild(r.div),It(t,r,o,i),s.displayState=r.div,i.push(Nt.getSimpleBoxPosition(r))}()}else for(var l=0;l<e.length;l++)n.appendChild(e[l].displayState)},Dt.Parser=function(t,e,r){r||(r=e,e={}),e||(e={}),this.window=t,this.vttjs=e,this.state="INITIAL",this.buffer="",this.decoder=r||new TextDecoder("utf8"),this.regionList=[]},Dt.Parser.prototype={reportOrThrowError:function(t){if(!(t instanceof Ct))throw t;this.onparsingerror&&this.onparsingerror(t)},parse:function(t){function e(){for(var t=i.buffer,e=0;e<t.length&&"\r"!==t[e]&&"\n"!==t[e];)++e;var r=t.substr(0,e);return"\r"===t[e]&&++e,"\n"===t[e]&&++e,i.buffer=t.substr(e),r}function r(t){var e=new wt;if(Et(t,function(t,r){switch(t){case"id":e.set(t,r);break;case"width":e.percent(t,r);break;case"lines":e.integer(t,r);break;case"regionanchor":case"viewportanchor":var n=r.split(",");if(2!==n.length)break;var i=new wt;if(i.percent("x",n[0]),i.percent("y",n[1]),!i.has("x")||!i.has("y"))break;e.set(t+"X",i.get("x")),e.set(t+"Y",i.get("y"));break;case"scroll":e.alt(t,r,["up"])}},/=/,/\s/),e.has("id")){var r=new(i.vttjs.VTTRegion||i.window.VTTRegion);r.width=e.get("width",100),r.lines=e.get("lines",3),r.regionAnchorX=e.get("regionanchorX",0),r.regionAnchorY=e.get("regionanchorY",100),r.viewportAnchorX=e.get("viewportanchorX",0),r.viewportAnchorY=e.get("viewportanchorY",100),r.scroll=e.get("scroll",""),i.onregion&&i.onregion(r),i.regionList.push({id:e.get("id"),region:r})}}function n(t){var e=new wt;Et(t,function(t,r){switch(t){case"MPEGT":e.integer(t+"S",r);break;case"LOCA":e.set(t+"L",kt(r))}},/[^\d]:/,/,/),i.ontimestampmap&&i.ontimestampmap({MPEGTS:e.get("MPEGTS"),LOCAL:e.get("LOCAL")})}var i=this;t&&(i.buffer+=i.decoder.decode(t,{stream:!0}));try{var o;if("INITIAL"===i.state){if(!/\r\n|\n/.test(i.buffer))return this;o=e();var s=o.match(/^WEBVTT([ \t].*)?$/);if(!s||!s[0])throw new Ct(Ct.Errors.BadSignature);i.state="HEADER"}for(var a=!1;i.buffer;){if(!/\r\n|\n/.test(i.buffer))return this;switch(a?a=!1:o=e(),i.state){case"HEADER":/:/.test(o)?function(t){t.match(/X-TIMESTAMP-MAP/)?Et(t,function(t,e){switch(t){case"X-TIMESTAMP-MAP":n(e)}},/=/):Et(t,function(t,e){switch(t){case"Region":r(e)}},/:/)}(o):o||(i.state="ID");continue;case"NOTE":o||(i.state="ID");continue;case"ID":if(/^NOTE($|[ \t])/.test(o)){i.state="NOTE";break}if(!o)continue;if(i.cue=new(i.vttjs.VTTCue||i.window.VTTCue)(0,0,""),i.state="CUE",-1===o.indexOf("--\x3e")){i.cue.id=o;continue}case"CUE":try{St(o,i.cue,i.regionList)}catch(t){i.reportOrThrowError(t),i.cue=null,i.state="BADCUE";continue}i.state="CUETEXT";continue;case"CUETEXT":var l=-1!==o.indexOf("--\x3e");if(!o||l&&(a=!0)){i.oncue&&i.oncue(i.cue),i.cue=null,i.state="ID";continue}i.cue.text&&(i.cue.text+="\n"),i.cue.text+=o;continue;case"BADCUE":o||(i.state="ID");continue}}}catch(t){i.reportOrThrowError(t),"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 Ct(Ct.Errors.BadSignature)}catch(e){t.reportOrThrowError(e)}return t.onflush&&t.onflush(),this}};var Fn=Dt,Hn="auto",Vn={"":!0,lr:!0,rl:!0},zn={start:!0,middle:!0,end:!0,left:!0,right:!0};Ft.prototype.getCueAsHTML=function(){return WebVTT.convertCueToDOMTree(window,this.text)};var Wn=Ft,Un={"":!0,up:!0},Xn=zt,qn=t(function(t){var e=t.exports={WebVTT:Fn,VTTCue:Wn,VTTRegion:Xn};fe.vttjs=e,fe.WebVTT=e.WebVTT;var r=e.VTTCue,n=e.VTTRegion,i=fe.VTTCue,o=fe.VTTRegion;e.shim=function(){fe.VTTCue=r,fe.VTTRegion=n},e.restore=function(){fe.VTTCue=i,fe.VTTRegion=o},fe.VTTCue||e.shim()}),Kn=function(t){function e(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};Ue(this,e),r.reportTouchActivity=!1;var i=qe(this,t.call(this,null,r,n));return i.hasStarted_=!1,i.on("playing",function(){this.hasStarted_=!0}),i.on("loadstart",function(){this.hasStarted_=!1}),Mn.names.forEach(function(t){var e=Mn[t];r&&r[e.getterName]&&(i[e.privateName]=r[e.getterName])}),i.featuresProgressEvents||i.manualProgressOn(),i.featuresTimeupdateEvents||i.manualTimeUpdatesOn(),["Text","Audio","Video"].forEach(function(t){!1===r["native"+t+"Tracks"]&&(i["featuresNative"+t+"Tracks"]=!1)}),!1===r.nativeCaptions||!1===r.nativeTextTracks?i.featuresNativeTextTracks=!1:!0!==r.nativeCaptions&&!0!==r.nativeTextTracks||(i.featuresNativeTextTracks=!0),i.featuresNativeTextTracks||i.emulateTextTracks(),i.autoRemoteTextTracks_=new Mn.text.ListClass,i.initTrackListeners(),r.nativeControlsForTouch||i.emitTapEvents(),i.constructor&&(i.name_=i.constructor.name||"Unknown Tech"),i}return Xe(e,t),e.prototype.triggerSourceset=function(t){var e=this;this.isReady_||this.one("ready",function(){return e.setTimeout(function(){return e.triggerSourceset(t)},1)}),this.trigger({src:t,type:"sourceset"})},e.prototype.manualProgressOn=function(){this.on("durationchange",this.onDurationChange),this.manualProgress=!0,this.one("ready",this.trackProgress)},e.prototype.manualProgressOff=function(){this.manualProgress=!1,this.stopTrackingProgress(),this.off("durationchange",this.onDurationChange)},e.prototype.trackProgress=function(t){this.stopTrackingProgress(),this.progressInterval=this.setInterval(gr(this,function(){var t=this.bufferedPercent();this.bufferedPercent_!==t&&this.trigger("progress"),this.bufferedPercent_=t,1===t&&this.stopTrackingProgress()}),500)},e.prototype.onDurationChange=function(t){this.duration_=this.duration()},e.prototype.buffered=function(){return it(0,0)},e.prototype.bufferedPercent=function(){return ot(this.buffered(),this.duration_)},e.prototype.stopTrackingProgress=function(){this.clearInterval(this.progressInterval)},e.prototype.manualTimeUpdatesOn=function(){this.manualTimeUpdates=!0,this.on("play",this.trackCurrentTime),this.on("pause",this.stopTrackingCurrentTime)},e.prototype.manualTimeUpdatesOff=function(){this.manualTimeUpdates=!1,this.stopTrackingCurrentTime(),this.off("play",this.trackCurrentTime),this.off("pause",this.stopTrackingCurrentTime)},e.prototype.trackCurrentTime=function(){this.currentTimeInterval&&this.stopTrackingCurrentTime(),this.currentTimeInterval=this.setInterval(function(){this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},250)},e.prototype.stopTrackingCurrentTime=function(){this.clearInterval(this.currentTimeInterval),this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.prototype.dispose=function(){this.clearTracks(Pn.names),this.manualProgress&&this.manualProgressOff(),this.manualTimeUpdates&&this.manualTimeUpdatesOff(),t.prototype.dispose.call(this)},e.prototype.clearTracks=function(t){var e=this;t=[].concat(t),t.forEach(function(t){for(var r=e[t+"Tracks"]()||[],n=r.length;n--;){var i=r[n];"text"===t&&e.removeRemoteTextTrack(i),r.removeTrack(i)}})},e.prototype.cleanupAutoTextTracks=function(){for(var t=this.autoRemoteTextTracks_||[],e=t.length;e--;){var r=t[e];this.removeRemoteTextTrack(r)}},e.prototype.reset=function(){},e.prototype.error=function(t){return void 0!==t&&(this.error_=new st(t),this.trigger("error")),this.error_},e.prototype.played=function(){return this.hasStarted_?it(0,0):it()},e.prototype.setCurrentTime=function(){this.manualTimeUpdates&&this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.prototype.initTrackListeners=function(){var t=this;Pn.names.forEach(function(e){var r=Pn[e],n=function(){t.trigger(e+"trackchange")},i=t[r.getterName]();i.addEventListener("removetrack",n),i.addEventListener("addtrack",n),t.on("dispose",function(){i.removeEventListener("removetrack",n),i.removeEventListener("addtrack",n)})})},e.prototype.addWebVttScript_=function(){var t=this;if(!fe.WebVTT)if(_e.body.contains(this.el())){if(!this.options_["vtt.js"]&&o(qn)&&Object.keys(qn).length>0)return void this.trigger("vttjsloaded");var e=_e.createElement("script");e.src=this.options_["vtt.js"]||"https://vjs.zencdn.net/vttjs/0.12.4/vtt.min.js",e.onload=function(){t.trigger("vttjsloaded")},e.onerror=function(){t.trigger("vttjserror")},this.on("dispose",function(){e.onload=null,e.onerror=null}),fe.WebVTT=!0,this.el().parentNode.appendChild(e)}else this.ready(this.addWebVttScript_)},e.prototype.emulateTextTracks=function(){var t=this,e=this.textTracks(),r=this.remoteTextTracks(),n=function(t){return e.addTrack(t.track)},i=function(t){return e.removeTrack(t.track)};r.on("addtrack",n),r.on("removetrack",i),this.addWebVttScript_();var o=function(){return t.trigger("texttrackchange")},s=function(){o();for(var t=0;t<e.length;t++){var r=e[t];r.removeEventListener("cuechange",o),"showing"===r.mode&&r.addEventListener("cuechange",o)}};s(),e.addEventListener("change",s),e.addEventListener("addtrack",s),e.addEventListener("removetrack",s),this.on("dispose",function(){r.off("addtrack",n),r.off("removetrack",i),e.removeEventListener("change",s),e.removeEventListener("addtrack",s),e.removeEventListener("removetrack",s);for(var t=0;t<e.length;t++){e[t].removeEventListener("cuechange",o)}})},e.prototype.addTextTrack=function(t,e,r){if(!t)throw new Error("TextTrack kind is required but was not provided");return Wt(this,t,e,r)},e.prototype.createRemoteTextTrack=function(t){var e=tt(t,{tech:this});return new On.remoteTextEl.TrackClass(e)},e.prototype.addRemoteTextTrack=function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments[1],n=this.createRemoteTextTrack(e);return!0!==r&&!1!==r&&(tr.warn('Calling addRemoteTextTrack without explicitly setting the "manualCleanup" parameter to `true` is deprecated and default to `false` in future version of video.js'),r=!0),this.remoteTextTrackEls().addTrackElement_(n),this.remoteTextTracks().addTrack(n.track),!0!==r&&this.ready(function(){return t.autoRemoteTextTracks_.addTrack(n.track)}),n},e.prototype.removeRemoteTextTrack=function(t){var e=this.remoteTextTrackEls().getTrackElementByTrack_(t);this.remoteTextTrackEls().removeTrackElement_(e),this.remoteTextTracks().removeTrack(t),this.autoRemoteTextTracks_.removeTrack(t)},e.prototype.getVideoPlaybackQuality=function(){return{}},e.prototype.setPoster=function(){},e.prototype.playsinline=function(){},e.prototype.setPlaysinline=function(){},e.prototype.canPlayType=function(){return""},e.canPlayType=function(){return""},e.canPlaySource=function(t,r){return e.canPlayType(t.type)},e.isTech=function(t){return t.prototype instanceof e||t instanceof e||t===e},e.registerTech=function(t,r){if(e.techs_||(e.techs_={}),!e.isTech(r))throw new Error("Tech "+t+" must be a Tech");if(!e.canPlayType)throw new Error("Techs must have a static canPlayType method on them");if(!e.canPlaySource)throw new Error("Techs must have a static canPlaySource method on them");return t=Q(t),e.techs_[t]=r,"Tech"!==t&&e.defaultTechOrder_.push(t),r},e.getTech=function(t){if(t)return t=Q(t),e.techs_&&e.techs_[t]?e.techs_[t]:fe&&fe.videojs&&fe.videojs[t]?(tr.warn("The "+t+" tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)"),fe.videojs[t]):void 0},e}(Pr);Mn.names.forEach(function(t){var e=Mn[t];Kn.prototype[e.getterName]=function(){return this[e.privateName]=this[e.privateName]||new e.ListClass,this[e.privateName]}}),Kn.prototype.featuresVolumeControl=!0,Kn.prototype.featuresFullscreenResize=!1,Kn.prototype.featuresPlaybackRate=!1,Kn.prototype.featuresProgressEvents=!1,Kn.prototype.featuresSourceset=!1,Kn.prototype.featuresTimeupdateEvents=!1,Kn.prototype.featuresNativeTextTracks=!1,Kn.withSourceHandlers=function(t){t.registerSourceHandler=function(e,r){var n=t.sourceHandlers;n||(n=t.sourceHandlers=[]),void 0===r&&(r=n.length),n.splice(r,0,e)},t.canPlayType=function(e){for(var r=t.sourceHandlers||[],n=void 0,i=0;i<r.length;i++)if(n=r[i].canPlayType(e))return n;return""},t.selectSourceHandler=function(e,r){for(var n=t.sourceHandlers||[],i=0;i<n.length;i++)if(n[i].canHandleSource(e,r))return n[i];return null},t.canPlaySource=function(e,r){var n=t.selectSourceHandler(e,r);return n?n.canHandleSource(e,r):""},["seekable","duration"].forEach(function(t){var e=this[t];"function"==typeof e&&(this[t]=function(){return this.sourceHandler_&&this.sourceHandler_[t]?this.sourceHandler_[t].apply(this.sourceHandler_,arguments):e.apply(this,arguments)})},t.prototype),t.prototype.setSource=function(e){var r=t.selectSourceHandler(e,this.options_);r||(t.nativeSourceHandler?r=t.nativeSourceHandler:tr.error("No source hander found for the current source.")),this.disposeSourceHandler(),this.off("dispose",this.disposeSourceHandler),r!==t.nativeSourceHandler&&(this.currentSource_=e),this.sourceHandler_=r.handleSource(e,this,this.options_),this.on("dispose",this.disposeSourceHandler)},t.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)}},Pr.registerComponent("Tech",Kn),Kn.registerTech("Tech",Kn),Kn.defaultTechOrder_=[];var Yn={},Gn={},$n={},Jn={buffered:1,currentTime:1,duration:1,seekable:1,played:1,paused:1},Qn={setCurrentTime:1},Zn={play:1,pause:1},ti={opus:"video/ogg",ogv:"video/ogg",mp4:"video/mp4",mov:"video/mp4",m4v:"video/mp4",mkv:"video/x-matroska",mp3:"audio/mpeg",aac:"audio/aac",oga:"audio/ogg",m3u8:"application/x-mpegURL"},ei=function t(e){if(Array.isArray(e)){var r=[];e.forEach(function(e){e=t(e),Array.isArray(e)?r=r.concat(e):i(e)&&r.push(e)}),e=r}else e="string"==typeof e&&e.trim()?[ee({src:e})]:i(e)&&"string"==typeof e.src&&e.src&&e.src.trim()?[ee(e)]:[];return e},ri=function(t){function e(r,n,i){Ue(this,e);var o=tt({createEl:!1},n),s=qe(this,t.call(this,r,o,i));if(n.playerOptions.sources&&0!==n.playerOptions.sources.length)r.src(n.playerOptions.sources);else for(var a=0,l=n.playerOptions.techOrder;a<l.length;a++){var c=Q(l[a]),u=Kn.getTech(c);if(c||(u=Pr.getComponent(c)),u&&u.isSupported()){r.loadTech_(c);break}}return s}return Xe(e,t),e}(Pr);Pr.registerComponent("MediaLoader",ri);var ni=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.emitTapEvents(),i.enable(),i}return Xe(e,t),e.prototype.createEl=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"div",r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};r=n({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass(),tabIndex:0},r),"button"===e&&tr.error("Creating a ClickableComponent with an HTML element of "+e+" is not supported; use a Button instead."),i=n({role:"button","aria-live":"polite"},i),this.tabIndex_=r.tabIndex;var o=t.prototype.createEl.call(this,e,r,i);return this.createControlTextEl(o),o},e.prototype.dispose=function(){this.controlTextEl_=null,t.prototype.dispose.call(this)},e.prototype.createControlTextEl=function(t){return this.controlTextEl_=v("span",{className:"vjs-control-text"}),t&&t.appendChild(this.controlTextEl_),this.controlText(this.controlText_,t),this.controlTextEl_},e.prototype.controlText=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.el();if(void 0===t)return this.controlText_||"Need Text";var r=this.localize(t);this.controlText_=t,y(this.controlTextEl_,r),this.nonIconControl||e.setAttribute("title",r)},e.prototype.buildCSSClass=function(){return"vjs-control vjs-button "+t.prototype.buildCSSClass.call(this)},e.prototype.enable=function(){this.enabled_||(this.enabled_=!0,this.removeClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","false"),void 0!==this.tabIndex_&&this.el_.setAttribute("tabIndex",this.tabIndex_),this.on(["tap","click"],this.handleClick),this.on("focus",this.handleFocus),this.on("blur",this.handleBlur))},e.prototype.disable=function(){this.enabled_=!1,this.addClass("vjs-disabled"),this.el_.setAttribute("aria-disabled","true"),void 0!==this.tabIndex_&&this.el_.removeAttribute("tabIndex"),this.off(["tap","click"],this.handleClick),this.off("focus",this.handleFocus),this.off("blur",this.handleBlur)},e.prototype.handleClick=function(t){},e.prototype.handleFocus=function(t){X(_e,"keydown",gr(this,this.handleKeyPress))},e.prototype.handleKeyPress=function(e){32===e.which||13===e.which?(e.preventDefault(),this.trigger("click")):t.prototype.handleKeyPress&&t.prototype.handleKeyPress.call(this,e)},e.prototype.handleBlur=function(t){q(_e,"keydown",gr(this,this.handleKeyPress))},e}(Pr);Pr.registerComponent("ClickableComponent",ni);var ii=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.update(),r.on("posterchange",gr(i,i.update)),i}return Xe(e,t),e.prototype.dispose=function(){this.player().off("posterchange",this.update),t.prototype.dispose.call(this)},e.prototype.createEl=function(){var t=v("div",{className:"vjs-poster",tabIndex:-1});return Ve||(this.fallbackImg_=v("img"),t.appendChild(this.fallbackImg_)),t},e.prototype.update=function(t){var e=this.player().poster();this.setSrc(e),e?this.show():this.hide()},e.prototype.setSrc=function(t){if(this.fallbackImg_)this.fallbackImg_.src=t;else{var e="";t&&(e='url("'+t+'")'),this.el_.style.backgroundImage=e}},e.prototype.handleClick=function(t){this.player_.controls()&&(this.player_.paused()?this.player_.play():this.player_.pause())},e}(ni);Pr.registerComponent("PosterImage",ii);var 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'},si=function(t){function e(r,n,i){Ue(this,e);var o=qe(this,t.call(this,r,n,i));return r.on("loadstart",gr(o,o.toggleDisplay)),r.on("texttrackchange",gr(o,o.updateDisplay)),r.on("loadstart",gr(o,o.preselectTrack)),r.ready(gr(o,function(){if(r.tech_&&r.tech_.featuresNativeTextTracks)return void this.hide();r.on("fullscreenchange",gr(this,this.updateDisplay));for(var t=this.options_.playerOptions.tracks||[],e=0;e<t.length;e++)this.player_.addRemoteTextTrack(t[e],!0);this.preselectTrack()})),o}return Xe(e,t),e.prototype.preselectTrack=function(){for(var t={captions:1,subtitles:1},e=this.player_.textTracks(),r=this.player_.cache_.selectedLanguage,n=void 0,i=void 0,o=void 0,s=0;s<e.length;s++){var a=e[s];r&&r.enabled&&r.language===a.language?a.kind===r.kind?o=a:o||(o=a):r&&!r.enabled?(o=null,n=null,i=null):a.default&&("descriptions"!==a.kind||n?a.kind in t&&!i&&(i=a):n=a)}o?o.mode="showing":i?i.mode="showing":n&&(n.mode="showing")},e.prototype.toggleDisplay=function(){this.player_.tech_&&this.player_.tech_.featuresNativeTextTracks?this.hide():this.show()},e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-text-track-display"},{"aria-live":"off","aria-atomic":"true"})},e.prototype.clearDisplay=function(){"function"==typeof fe.WebVTT&&fe.WebVTT.processCues(fe,[],this.el_)},e.prototype.updateDisplay=function(){var t=this.player_.textTracks();this.clearDisplay();for(var e=null,r=null,n=t.length;n--;){var i=t[n];"showing"===i.mode&&("descriptions"===i.kind?e=i:r=i)}r?("off"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","off"),this.updateForTrack(r)):e&&("assertive"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","assertive"),this.updateForTrack(e))},e.prototype.updateForTrack=function(t){if("function"==typeof fe.WebVTT&&t.activeCues){for(var e=[],r=0;r<t.activeCues.length;r++)e.push(t.activeCues[r]);if(fe.WebVTT.processCues(fe,e,this.el_),this.player_.textTrackSettings)for(var n=this.player_.textTrackSettings.getValues(),i=e.length;i--;){var o=e[i];if(o){var s=o.displayState;if(n.color&&(s.firstChild.style.color=n.color),n.textOpacity&&ne(s.firstChild,"color",re(n.color||"#fff",n.textOpacity)),n.backgroundColor&&(s.firstChild.style.backgroundColor=n.backgroundColor),n.backgroundOpacity&&ne(s.firstChild,"backgroundColor",re(n.backgroundColor||"#000",n.backgroundOpacity)),n.windowColor&&(n.windowOpacity?ne(s,"backgroundColor",re(n.windowColor,n.windowOpacity)):s.style.backgroundColor=n.windowColor),n.edgeStyle&&("dropshadow"===n.edgeStyle?s.firstChild.style.textShadow="2px 2px 3px #222, 2px 2px 4px #222, 2px 2px 5px #222":"raised"===n.edgeStyle?s.firstChild.style.textShadow="1px 1px #222, 2px 2px #222, 3px 3px #222":"depressed"===n.edgeStyle?s.firstChild.style.textShadow="1px 1px #ccc, 0 1px #ccc, -1px -1px #222, 0 -1px #222":"uniform"===n.edgeStyle&&(s.firstChild.style.textShadow="0 0 4px #222, 0 0 4px #222, 0 0 4px #222, 0 0 4px #222")),n.fontPercent&&1!==n.fontPercent){var a=fe.parseFloat(s.style.fontSize);s.style.fontSize=a*n.fontPercent+"px",s.style.height="auto",s.style.top="auto",s.style.bottom="2px"}n.fontFamily&&"default"!==n.fontFamily&&("small-caps"===n.fontFamily?s.firstChild.style.fontVariant="small-caps":s.firstChild.style.fontFamily=oi[n.fontFamily])}}}},e}(Pr);Pr.registerComponent("TextTrackDisplay",si);var ai=function(t){function e(){return Ue(this,e),qe(this,t.apply(this,arguments))}return Xe(e,t),e.prototype.createEl=function(){var e=this.player_.isAudio(),r=this.localize(e?"Audio Player":"Video Player"),n=v("span",{className:"vjs-control-text",innerHTML:this.localize("{1} is loading.",[r])}),i=t.prototype.createEl.call(this,"div",{className:"vjs-loading-spinner",dir:"ltr"});return i.appendChild(n),i},e}(Pr);Pr.registerComponent("LoadingSpinner",ai);var li=function(t){function e(){return Ue(this,e),qe(this,t.apply(this,arguments))}return Xe(e,t),e.prototype.createEl=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t="button",e=n({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass()},e),r=n({type:"button","aria-live":"polite"},r);var i=Pr.prototype.createEl.call(this,t,e,r);return this.createControlTextEl(i),i},e.prototype.addChild=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.constructor.name;return tr.warn("Adding an actionable (user controllable) child to a Button ("+r+") is not supported; use a ClickableComponent instead."),Pr.prototype.addChild.call(this,t,e)},e.prototype.enable=function(){t.prototype.enable.call(this),this.el_.removeAttribute("disabled")},e.prototype.disable=function(){t.prototype.disable.call(this),this.el_.setAttribute("disabled","disabled")},e.prototype.handleKeyPress=function(e){32!==e.which&&13!==e.which&&t.prototype.handleKeyPress.call(this,e)},e}(ni);Pr.registerComponent("Button",li);var ci=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.mouseused_=!1,i.on("mousedown",i.handleMouseDown),i}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-big-play-button"},e.prototype.handleClick=function(t){var e=this.player_.play();if(!(this.mouseused_&&t.clientX&&t.clientY)){var r=this.player_.getChild("controlBar"),n=r&&r.getChild("playToggle");if(!n)return void this.player_.focus();var i=function(){return n.focus()};lt(e)?e.then(i,function(){}):this.setTimeout(i,1)}},e.prototype.handleKeyPress=function(e){this.mouseused_=!1,t.prototype.handleKeyPress.call(this,e)},e.prototype.handleMouseDown=function(t){this.mouseused_=!0},e}(li);ci.prototype.controlText_="Play Video",Pr.registerComponent("BigPlayButton",ci);var ui=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.controlText(n&&n.controlText||i.localize("Close")),i}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-close-button "+t.prototype.buildCSSClass.call(this)},e.prototype.handleClick=function(t){this.trigger({type:"close",bubbles:!1})},e}(li);Pr.registerComponent("CloseButton",ui);var hi=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.on(r,"play",i.handlePlay),i.on(r,"pause",i.handlePause),i.on(r,"ended",i.handleEnded),i}
-return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-play-control "+t.prototype.buildCSSClass.call(this)},e.prototype.handleClick=function(t){this.player_.paused()?this.player_.play():this.player_.pause()},e.prototype.handleSeeked=function(t){this.removeClass("vjs-ended"),this.player_.paused()?this.handlePause(t):this.handlePlay(t)},e.prototype.handlePlay=function(t){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.controlText("Pause")},e.prototype.handlePause=function(t){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.controlText("Play")},e.prototype.handleEnded=function(t){this.removeClass("vjs-playing"),this.addClass("vjs-ended"),this.controlText("Replay"),this.one(this.player_,"seeked",this.handleSeeked)},e}(li);hi.prototype.controlText_="Play",Pr.registerComponent("PlayToggle",hi);var pi=function(t,e){t=t<0?0:t;var r=Math.floor(t%60),n=Math.floor(t/60%60),i=Math.floor(t/3600),o=Math.floor(e/60%60),s=Math.floor(e/3600);return(isNaN(t)||t===1/0)&&(i=n=r="-"),i=i>0||s>0?i+":":"",n=((i||o>=10)&&n<10?"0"+n:n)+":",r=r<10?"0"+r:r,i+n+r},di=pi,fi=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t;return di(t,e)},vi=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.throttledUpdateContent=mr(gr(i,i.updateContent),25),i.on(r,"timeupdate",i.throttledUpdateContent),i}return Xe(e,t),e.prototype.createEl=function(e){var r=this.buildCSSClass(),n=t.prototype.createEl.call(this,"div",{className:r+" vjs-time-control vjs-control"});return this.contentEl_=v("div",{className:r+"-display"},{"aria-live":"off"},v("span",{className:"vjs-control-text",textContent:this.localize(this.controlText_)})),this.updateTextNode_(),n.appendChild(this.contentEl_),n},e.prototype.dispose=function(){this.contentEl_=null,this.textNode_=null,t.prototype.dispose.call(this)},e.prototype.updateTextNode_=function(){if(this.contentEl_){for(;this.contentEl_.firstChild;)this.contentEl_.removeChild(this.contentEl_.firstChild);this.textNode_=_e.createTextNode(this.formattedTime_||"0:00"),this.contentEl_.appendChild(this.textNode_)}},e.prototype.formatTime_=function(t){return fi(t)},e.prototype.updateFormattedTime_=function(t){var e=this.formatTime_(t);e!==this.formattedTime_&&(this.formattedTime_=e,this.requestAnimationFrame(this.updateTextNode_))},e.prototype.updateContent=function(t){},e}(Pr);vi.prototype.controlText_="Time",Pr.registerComponent("TimeDisplay",vi);var yi=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.on(r,"ended",i.handleEnded),i}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-current-time"},e.prototype.updateContent=function(t){var e=this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime();this.updateFormattedTime_(e)},e.prototype.handleEnded=function(t){this.player_.duration()&&this.updateFormattedTime_(this.player_.duration())},e}(vi);yi.prototype.controlText_="Current Time",Pr.registerComponent("CurrentTimeDisplay",yi);var gi=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.on(r,"durationchange",i.updateContent),i.on(r,"loadedmetadata",i.throttledUpdateContent),i}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-duration"},e.prototype.updateContent=function(t){var e=this.player_.duration();e&&this.duration_!==e&&(this.duration_=e,this.updateFormattedTime_(e))},e}(vi);gi.prototype.controlText_="Duration Time",Pr.registerComponent("DurationDisplay",gi);var mi=function(t){function e(){return Ue(this,e),qe(this,t.apply(this,arguments))}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-time-control vjs-time-divider",innerHTML:"<div><span>/</span></div>"})},e}(Pr);Pr.registerComponent("TimeDivider",mi);var _i=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.on(r,"durationchange",i.throttledUpdateContent),i.on(r,"ended",i.handleEnded),i}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-remaining-time"},e.prototype.formatTime_=function(e){return"-"+t.prototype.formatTime_.call(this,e)},e.prototype.updateContent=function(t){this.player_.duration()&&(this.player_.remainingTimeDisplay?this.updateFormattedTime_(this.player_.remainingTimeDisplay()):this.updateFormattedTime_(this.player_.remainingTime()))},e.prototype.handleEnded=function(t){this.player_.duration()&&this.updateFormattedTime_(0)},e}(vi);_i.prototype.controlText_="Remaining Time",Pr.registerComponent("RemainingTimeDisplay",_i);var bi=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.updateShowing(),i.on(i.player(),"durationchange",i.updateShowing),i}return Xe(e,t),e.prototype.createEl=function(){var e=t.prototype.createEl.call(this,"div",{className:"vjs-live-control vjs-control"});return this.contentEl_=v("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},e.prototype.dispose=function(){this.contentEl_=null,t.prototype.dispose.call(this)},e.prototype.updateShowing=function(t){this.player().duration()===1/0?this.show():this.hide()},e}(Pr);Pr.registerComponent("LiveDisplay",bi);var Ti=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.bar=i.getChild(i.options_.barName),i.vertical(!!i.options_.vertical),i.enable(),i}return Xe(e,t),e.prototype.enabled=function(){return this.enabled_},e.prototype.enable=function(){this.enabled()||(this.on("mousedown",this.handleMouseDown),this.on("touchstart",this.handleMouseDown),this.on("focus",this.handleFocus),this.on("blur",this.handleBlur),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)},e.prototype.disable=function(){if(this.enabled()){var t=this.bar.el_.ownerDocument;this.off("mousedown",this.handleMouseDown),this.off("touchstart",this.handleMouseDown),this.off("focus",this.handleFocus),this.off("blur",this.handleBlur),this.off("click",this.handleClick),this.off(this.player_,"controlsvisible",this.update),this.off(t,"mousemove",this.handleMouseMove),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchmove",this.handleMouseMove),this.off(t,"touchend",this.handleMouseUp),this.removeAttribute("tabindex"),this.addClass("disabled"),this.playerEvent&&this.off(this.player_,this.playerEvent,this.update),this.enabled_=!1}},e.prototype.createEl=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return r.className=r.className+" vjs-slider",r=n({tabIndex:0},r),i=n({role:"slider","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0},i),t.prototype.createEl.call(this,e,r,i)},e.prototype.handleMouseDown=function(t){var e=this.bar.el_.ownerDocument;t.preventDefault(),x(),this.addClass("vjs-sliding"),this.trigger("slideractive"),this.on(e,"mousemove",this.handleMouseMove),this.on(e,"mouseup",this.handleMouseUp),this.on(e,"touchmove",this.handleMouseMove),this.on(e,"touchend",this.handleMouseUp),this.handleMouseMove(t)},e.prototype.handleMouseMove=function(t){},e.prototype.handleMouseUp=function(){var t=this.bar.el_.ownerDocument;j(),this.removeClass("vjs-sliding"),this.trigger("sliderinactive"),this.off(t,"mousemove",this.handleMouseMove),this.off(t,"mouseup",this.handleMouseUp),this.off(t,"touchmove",this.handleMouseMove),this.off(t,"touchend",this.handleMouseUp),this.update()},e.prototype.update=function(){if(this.el_){var t=this.getPercent(),e=this.bar;if(e){("number"!=typeof t||t!==t||t<0||t===1/0)&&(t=0);var r=(100*t).toFixed(2)+"%",n=e.el().style;return this.vertical()?n.height=r:n.width=r,t}}},e.prototype.calculateDistance=function(t){var e=O(this.el_,t);return this.vertical()?e.y:e.x},e.prototype.handleFocus=function(){this.on(this.bar.el_.ownerDocument,"keydown",this.handleKeyPress)},e.prototype.handleKeyPress=function(t){37===t.which||40===t.which?(t.preventDefault(),this.stepBack()):38!==t.which&&39!==t.which||(t.preventDefault(),this.stepForward())},e.prototype.handleBlur=function(){this.off(this.bar.el_.ownerDocument,"keydown",this.handleKeyPress)},e.prototype.handleClick=function(t){t.stopImmediatePropagation(),t.preventDefault()},e.prototype.vertical=function(t){if(void 0===t)return this.vertical_||!1;this.vertical_=!!t,this.vertical_?this.addClass("vjs-slider-vertical"):this.addClass("vjs-slider-horizontal")},e}(Pr);Pr.registerComponent("Slider",Ti);var Ci=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.partEls_=[],i.on(r,"progress",i.update),i}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-load-progress",innerHTML:'<span class="vjs-control-text"><span>'+this.localize("Loaded")+"</span>: 0%</span>"})},e.prototype.dispose=function(){this.partEls_=null,t.prototype.dispose.call(this)},e.prototype.update=function(t){var e=this.player_.buffered(),r=this.player_.duration(),n=this.player_.bufferedEnd(),i=this.partEls_,o=function(t,e){var r=t/e||0;return 100*(r>=1?1:r)+"%"};this.el_.style.width=o(n,r);for(var s=0;s<e.length;s++){var a=e.start(s),l=e.end(s),c=i[s];c||(c=this.el_.appendChild(v()),i[s]=c),c.style.left=o(a,n),c.style.width=o(l-a,n)}for(var u=i.length;u>e.length;u--)this.el_.removeChild(i[u-1]);i.length=e.length},e}(Pr);Pr.registerComponent("LoadProgressBar",Ci);var ki=function(t){function e(){return Ue(this,e),qe(this,t.apply(this,arguments))}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-time-tooltip"})},e.prototype.update=function(t,e,r){var n=A(this.el_),i=A(this.player_.el()),o=t.width*e;if(i&&n){var s=t.left-i.left+o,a=t.width-o+(i.right-t.right),l=n.width/2;s<l?l+=l-s:a<l&&(l=a),l<0?l=0:l>n.width&&(l=n.width),this.el_.style.right="-"+l+"px",y(this.el_,r)}},e}(Pr);Pr.registerComponent("TimeTooltip",ki);var wi=function(t){function e(){return Ue(this,e),qe(this,t.apply(this,arguments))}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-play-progress vjs-slider-bar",innerHTML:'<span class="vjs-control-text"><span>'+this.localize("Progress")+"</span>: 0%</span>"})},e.prototype.update=function(t,e){var r=this;this.rafId_&&this.cancelAnimationFrame(this.rafId_),this.rafId_=this.requestAnimationFrame(function(){var n=r.player_.scrubbing()?r.player_.getCache().currentTime:r.player_.currentTime(),i=fi(n,r.player_.duration()),o=r.getChild("timeTooltip");o&&o.update(t,e,i)})},e}(Pr);wi.prototype.options_={children:[]},Re&&!(Re>8)||Se||je||wi.prototype.options_.children.push("timeTooltip"),Pr.registerComponent("PlayProgressBar",wi);var Ei=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.update=mr(gr(i,i.update),25),i}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-mouse-display"})},e.prototype.update=function(t,e){var r=this;this.rafId_&&this.cancelAnimationFrame(this.rafId_),this.rafId_=this.requestAnimationFrame(function(){var n=r.player_.duration(),i=fi(e*n,n);r.el_.style.left=t.width*e+"px",r.getChild("timeTooltip").update(t,e,i)})},e}(Pr);Ei.prototype.options_={children:["timeTooltip"]},Pr.registerComponent("MouseTimeDisplay",Ei);var Si=30,xi=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.update=mr(gr(i,i.update),Si),i.on(r,"timeupdate",i.update),i.on(r,"ended",i.handleEnded),i.updateInterval=null,i.on(r,["playing"],function(){i.clearInterval(i.updateInterval),i.updateInterval=i.setInterval(function(){i.requestAnimationFrame(function(){i.update()})},Si)}),i.on(r,["ended","pause","waiting"],function(){i.clearInterval(i.updateInterval)}),i.on(r,["timeupdate","ended"],i.update),i}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-progress-holder"},{"aria-label":this.localize("Progress Bar")})},e.prototype.update_=function(t,e){var r=this.player_.duration();this.el_.setAttribute("aria-valuenow",(100*e).toFixed(2)),this.el_.setAttribute("aria-valuetext",this.localize("progress bar timing: currentTime={1} duration={2}",[fi(t,r),fi(r,r)],"{1} of {2}")),this.bar.update(A(this.el_),e)},e.prototype.update=function(e){var r=t.prototype.update.call(this);return this.update_(this.getCurrentTime_(),r),r},e.prototype.getCurrentTime_=function(){return this.player_.scrubbing()?this.player_.getCache().currentTime:this.player_.currentTime()},e.prototype.handleEnded=function(t){this.update_(this.player_.duration(),1)},e.prototype.getPercent=function(){var t=this.getCurrentTime_()/this.player_.duration();return t>=1?1:t},e.prototype.handleMouseDown=function(e){R(e)&&(e.stopPropagation(),this.player_.scrubbing(!0),this.videoWasPlaying=!this.player_.paused(),this.player_.pause(),t.prototype.handleMouseDown.call(this,e))},e.prototype.handleMouseMove=function(t){if(R(t)){var e=this.calculateDistance(t)*this.player_.duration();e===this.player_.duration()&&(e-=.1),this.player_.currentTime(e)}},e.prototype.enable=function(){t.prototype.enable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.show()},e.prototype.disable=function(){t.prototype.disable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.hide()},e.prototype.handleMouseUp=function(e){t.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())},e.prototype.stepForward=function(){this.player_.currentTime(this.player_.currentTime()+5)},e.prototype.stepBack=function(){this.player_.currentTime(this.player_.currentTime()-5)},e.prototype.handleAction=function(t){this.player_.paused()?this.player_.play():this.player_.pause()},e.prototype.handleKeyPress=function(e){32===e.which||13===e.which?(e.preventDefault(),this.handleAction(e)):t.prototype.handleKeyPress&&t.prototype.handleKeyPress.call(this,e)},e}(Ti);xi.prototype.options_={children:["loadProgressBar","playProgressBar"],barName:"playProgressBar"},Re&&!(Re>8)||Se||je||xi.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),xi.prototype.playerEvent="timeupdate",Pr.registerComponent("SeekBar",xi);var ji=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.handleMouseMove=mr(gr(i,i.handleMouseMove),25),i.throttledHandleMouseSeek=mr(gr(i,i.handleMouseSeek),25),i.enable(),i}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-progress-control vjs-control"})},e.prototype.handleMouseMove=function(t){var e=this.getChild("seekBar");if(e){var r=e.getChild("mouseTimeDisplay"),n=e.el(),i=A(n),o=O(n,t).x;o>1?o=1:o<0&&(o=0),r&&r.update(i,o)}},e.prototype.handleMouseSeek=function(t){var e=this.getChild("seekBar");e&&e.handleMouseMove(t)},e.prototype.enabled=function(){return this.enabled_},e.prototype.disable=function(){this.children().forEach(function(t){return t.disable&&t.disable()}),this.enabled()&&(this.off(["mousedown","touchstart"],this.handleMouseDown),this.off(this.el_,"mousemove",this.handleMouseMove),this.handleMouseUp(),this.addClass("disabled"),this.enabled_=!1)},e.prototype.enable=function(){this.children().forEach(function(t){return t.enable&&t.enable()}),this.enabled()||(this.on(["mousedown","touchstart"],this.handleMouseDown),this.on(this.el_,"mousemove",this.handleMouseMove),this.removeClass("disabled"),this.enabled_=!0)},e.prototype.handleMouseDown=function(t){var e=this.el_.ownerDocument,r=this.getChild("seekBar");r&&r.handleMouseDown(t),this.on(e,"mousemove",this.throttledHandleMouseSeek),this.on(e,"touchmove",this.throttledHandleMouseSeek),this.on(e,"mouseup",this.handleMouseUp),this.on(e,"touchend",this.handleMouseUp)},e.prototype.handleMouseUp=function(t){var e=this.el_.ownerDocument,r=this.getChild("seekBar");r&&r.handleMouseUp(t),this.off(e,"mousemove",this.throttledHandleMouseSeek),this.off(e,"touchmove",this.throttledHandleMouseSeek),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchend",this.handleMouseUp)},e}(Pr);ji.prototype.options_={children:["seekBar"]},Pr.registerComponent("ProgressControl",ji);var Ai=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.on(r,"fullscreenchange",i.handleFullscreenChange),i}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-fullscreen-control "+t.prototype.buildCSSClass.call(this)},e.prototype.handleFullscreenChange=function(t){this.player_.isFullscreen()?this.controlText("Non-Fullscreen"):this.controlText("Fullscreen")},e.prototype.handleClick=function(t){this.player_.isFullscreen()?this.player_.exitFullscreen():this.player_.requestFullscreen()},e}(li);Ai.prototype.controlText_="Fullscreen",Pr.registerComponent("FullscreenToggle",Ai);var Pi=function(t,e){e.tech_&&!e.tech_.featuresVolumeControl&&t.addClass("vjs-hidden"),t.on(e,"loadstart",function(){e.tech_.featuresVolumeControl?t.removeClass("vjs-hidden"):t.addClass("vjs-hidden")})},Oi=function(t){function e(){return Ue(this,e),qe(this,t.apply(this,arguments))}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-volume-level",innerHTML:'<span class="vjs-control-text"></span>'})},e}(Pr);Pr.registerComponent("VolumeLevel",Oi);var Mi=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.on("slideractive",i.updateLastVolume_),i.on(r,"volumechange",i.updateARIAAttributes),r.ready(function(){return i.updateARIAAttributes()}),i}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-volume-bar vjs-slider-bar"},{"aria-label":this.localize("Volume Level"),"aria-live":"polite"})},e.prototype.handleMouseDown=function(e){R(e)&&t.prototype.handleMouseDown.call(this,e)},e.prototype.handleMouseMove=function(t){R(t)&&(this.checkMuted(),this.player_.volume(this.calculateDistance(t)))},e.prototype.checkMuted=function(){this.player_.muted()&&this.player_.muted(!1)},e.prototype.getPercent=function(){return this.player_.muted()?0:this.player_.volume()},e.prototype.stepForward=function(){this.checkMuted(),this.player_.volume(this.player_.volume()+.1)},e.prototype.stepBack=function(){this.checkMuted(),this.player_.volume(this.player_.volume()-.1)},e.prototype.updateARIAAttributes=function(t){var e=this.player_.muted()?0:this.volumeAsPercentage_();this.el_.setAttribute("aria-valuenow",e),this.el_.setAttribute("aria-valuetext",e+"%")},e.prototype.volumeAsPercentage_=function(){return Math.round(100*this.player_.volume())},e.prototype.updateLastVolume_=function(){var t=this,e=this.player_.volume();this.one("sliderinactive",function(){0===t.player_.volume()&&t.player_.lastVolume_(e)})},e}(Ti);Mi.prototype.options_={children:["volumeLevel"],barName:"volumeLevel"},Mi.prototype.playerEvent="volumechange",Pr.registerComponent("VolumeBar",Mi);var Ni=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Ue(this,e),n.vertical=n.vertical||!1,(void 0===n.volumeBar||o(n.volumeBar))&&(n.volumeBar=n.volumeBar||{},n.volumeBar.vertical=n.vertical);var i=qe(this,t.call(this,r,n));return Pi(i,r),i.throttledHandleMouseMove=mr(gr(i,i.handleMouseMove),25),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}return Xe(e,t),e.prototype.createEl=function(){var e="vjs-volume-horizontal";return this.options_.vertical&&(e="vjs-volume-vertical"),t.prototype.createEl.call(this,"div",{className:"vjs-volume-control vjs-control "+e})},e.prototype.handleMouseDown=function(t){var e=this.el_.ownerDocument;this.on(e,"mousemove",this.throttledHandleMouseMove),this.on(e,"touchmove",this.throttledHandleMouseMove),this.on(e,"mouseup",this.handleMouseUp),this.on(e,"touchend",this.handleMouseUp)},e.prototype.handleMouseUp=function(t){var e=this.el_.ownerDocument;this.off(e,"mousemove",this.throttledHandleMouseMove),this.off(e,"touchmove",this.throttledHandleMouseMove),this.off(e,"mouseup",this.handleMouseUp),this.off(e,"touchend",this.handleMouseUp)},e.prototype.handleMouseMove=function(t){this.volumeBar.handleMouseMove(t)},e}(Pr);Ni.prototype.options_={children:["volumeBar"]},Pr.registerComponent("VolumeControl",Ni);var Ii=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return Pi(i,r),i.on(r,["loadstart","volumechange"],i.update),i}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-mute-control "+t.prototype.buildCSSClass.call(this)},e.prototype.handleClick=function(t){var e=this.player_.volume(),r=this.player_.lastVolume_();if(0===e){var n=r<.1?.1:r;this.player_.volume(n),this.player_.muted(!1)}else this.player_.muted(!this.player_.muted())},e.prototype.update=function(t){this.updateIcon_(),this.updateControlText_()},e.prototype.updateIcon_=function(){var t=this.player_.volume(),e=3;0===t||this.player_.muted()?e=0:t<.33?e=1:t<.67&&(e=2);for(var r=0;r<4;r++)b(this.el_,"vjs-vol-"+r);_(this.el_,"vjs-vol-"+e)},e.prototype.updateControlText_=function(){var t=this.player_.muted()||0===this.player_.volume(),e=t?"Unmute":"Mute";this.controlText()!==e&&this.controlText(e)},e}(li);Ii.prototype.controlText_="Mute",Pr.registerComponent("MuteToggle",Ii);var Di=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Ue(this,e),void 0!==n.inline?n.inline=n.inline:n.inline=!0,(void 0===n.volumeControl||o(n.volumeControl))&&(n.volumeControl=n.volumeControl||{},n.volumeControl.vertical=!n.inline);var i=qe(this,t.call(this,r,n));return Pi(i,r),i.on(i.volumeControl,["slideractive"],i.sliderActive_),i.on(i.volumeControl,["sliderinactive"],i.sliderInactive_),i}return Xe(e,t),e.prototype.sliderActive_=function(){this.addClass("vjs-slider-active")},e.prototype.sliderInactive_=function(){this.removeClass("vjs-slider-active")},e.prototype.createEl=function(){var e="vjs-volume-panel-horizontal";return this.options_.inline||(e="vjs-volume-panel-vertical"),t.prototype.createEl.call(this,"div",{className:"vjs-volume-panel vjs-control "+e})},e}(Pr);Di.prototype.options_={children:["muteToggle","volumeControl"]},Pr.registerComponent("VolumePanel",Di);var Li=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return n&&(i.menuButton_=n.menuButton),i.focusedChild_=-1,i.on("keydown",i.handleKeyPress),i}return Xe(e,t),e.prototype.addItem=function(t){this.addChild(t),t.on("click",gr(this,function(e){this.menuButton_&&(this.menuButton_.unpressButton(),"CaptionSettingsMenuItem"!==t.name()&&this.menuButton_.focus())}))},e.prototype.createEl=function(){var e=this.options_.contentElType||"ul";this.contentEl_=v(e,{className:"vjs-menu-content"}),this.contentEl_.setAttribute("role","menu");var r=t.prototype.createEl.call(this,"div",{append:this.contentEl_,className:"vjs-menu"});return r.appendChild(this.contentEl_),X(r,"click",function(t){t.preventDefault(),t.stopImmediatePropagation()}),r},e.prototype.dispose=function(){this.contentEl_=null,t.prototype.dispose.call(this)},e.prototype.handleKeyPress=function(t){37===t.which||40===t.which?(t.preventDefault(),this.stepForward()):38!==t.which&&39!==t.which||(t.preventDefault(),this.stepBack())},e.prototype.stepForward=function(){var t=0;void 0!==this.focusedChild_&&(t=this.focusedChild_+1),this.focus(t)},e.prototype.stepBack=function(){var t=0;void 0!==this.focusedChild_&&(t=this.focusedChild_-1),this.focus(t)},e.prototype.focus=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=this.children().slice();e.length&&e[0].className&&/vjs-menu-title/.test(e[0].className)&&e.shift(),e.length>0&&(t<0?t=0:t>=e.length&&(t=e.length-1),this.focusedChild_=t,e[t].el_.focus())},e}(Pr);Pr.registerComponent("Menu",Li);var Ri=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Ue(this,e);var i=qe(this,t.call(this,r,n));i.menuButton_=new li(r,n),i.menuButton_.controlText(i.controlText_),i.menuButton_.el_.setAttribute("aria-haspopup","true");var o=li.prototype.buildCSSClass();return i.menuButton_.el_.className=i.buildCSSClass()+" "+o,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_,"focus",i.handleFocus),i.on(i.menuButton_,"blur",i.handleBlur),i.on("keydown",i.handleSubmenuKeyPress),i}return Xe(e,t),e.prototype.update=function(){var t=this.createMenu();this.menu&&(this.menu.dispose(),this.removeChild(this.menu)),this.menu=t,this.addChild(t),this.buttonPressed_=!1,this.menuButton_.el_.setAttribute("aria-expanded","false"),this.items&&this.items.length<=this.hideThreshold_?this.hide():this.show()},e.prototype.createMenu=function(){var t=new Li(this.player_,{menuButton:this});if(this.hideThreshold_=0,this.options_.title){var e=v("li",{className:"vjs-menu-title",innerHTML:Q(this.options_.title),tabIndex:-1});this.hideThreshold_+=1,t.children_.unshift(e),g(e,t.contentEl())}if(this.items=this.createItems(),this.items)for(var r=0;r<this.items.length;r++)t.addItem(this.items[r]);return t},e.prototype.createItems=function(){},e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:this.buildWrapperCSSClass()},{})},e.prototype.buildWrapperCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+li.prototype.buildCSSClass()+" "+t.prototype.buildCSSClass.call(this)},e.prototype.buildCSSClass=function(){var e="vjs-menu-button";return!0===this.options_.inline?e+="-inline":e+="-popup","vjs-menu-button "+e+" "+t.prototype.buildCSSClass.call(this)},e.prototype.controlText=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.menuButton_.el();return this.menuButton_.controlText(t,e)},e.prototype.handleClick=function(t){this.one(this.menu.contentEl(),"mouseleave",gr(this,function(t){this.unpressButton(),this.el_.blur()})),this.buttonPressed_?this.unpressButton():this.pressButton()},e.prototype.focus=function(){this.menuButton_.focus()},e.prototype.blur=function(){this.menuButton_.blur()},e.prototype.handleFocus=function(){X(_e,"keydown",gr(this,this.handleKeyPress))},e.prototype.handleBlur=function(){q(_e,"keydown",gr(this,this.handleKeyPress))},e.prototype.handleKeyPress=function(t){27===t.which||9===t.which?(this.buttonPressed_&&this.unpressButton(),9!==t.which&&(t.preventDefault(),this.menuButton_.el_.focus())):38!==t.which&&40!==t.which||this.buttonPressed_||(this.pressButton(),t.preventDefault())},e.prototype.handleSubmenuKeyPress=function(t){27!==t.which&&9!==t.which||(this.buttonPressed_&&this.unpressButton(),9!==t.which&&(t.preventDefault(),this.menuButton_.el_.focus()))},e.prototype.pressButton=function(){if(this.enabled_){if(this.buttonPressed_=!0,this.menu.lockShowing(),this.menuButton_.el_.setAttribute("aria-expanded","true"),Se&&d())return;this.menu.focus()}},e.prototype.unpressButton=function(){this.enabled_&&(this.buttonPressed_=!1,this.menu.unlockShowing(),this.menuButton_.el_.setAttribute("aria-expanded","false"))},e.prototype.disable=function(){this.unpressButton(),this.enabled_=!1,this.addClass("vjs-disabled"),this.menuButton_.disable()},e.prototype.enable=function(){this.enabled_=!0,this.removeClass("vjs-disabled"),this.menuButton_.enable()},e}(Pr);Pr.registerComponent("MenuButton",Ri);var Bi=function(t){function e(r,n){Ue(this,e);var i=n.tracks,o=qe(this,t.call(this,r,n));if(o.items.length<=1&&o.hide(),!i)return qe(o);var s=gr(o,o.update);return i.addEventListener("removetrack",s),i.addEventListener("addtrack",s),o.player_.on("ready",s),o.player_.on("dispose",function(){i.removeEventListener("removetrack",s),i.removeEventListener("addtrack",s)}),o}return Xe(e,t),e}(Ri);Pr.registerComponent("TrackButton",Bi);var Fi=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.selectable=n.selectable,i.isSelected_=n.selected||!1,i.selected(i.isSelected_),i.selectable?i.el_.setAttribute("role","menuitemcheckbox"):i.el_.setAttribute("role","menuitem"),i}return Xe(e,t),e.prototype.createEl=function(e,r,i){return this.nonIconControl=!0,t.prototype.createEl.call(this,"li",n({className:"vjs-menu-item",innerHTML:'<span class="vjs-menu-item-text">'+this.localize(this.options_.label)+"</span>",tabIndex:-1},r),i)},e.prototype.handleClick=function(t){this.selected(!0)},e.prototype.selected=function(t){this.selectable&&(t?(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}(ni);Pr.registerComponent("MenuItem",Fi);var Hi=function(t){function e(r,n){Ue(this,e);var i=n.track,o=r.textTracks();n.label=i.label||i.language||"Unknown",n.selected="showing"===i.mode;var s=qe(this,t.call(this,r,n));s.track=i;var a=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];s.handleTracksChange.apply(s,e)},l=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];s.handleSelectedLanguageChange.apply(s,e)};if(r.on(["loadstart","texttrackchange"],a),o.addEventListener("change",a),o.addEventListener("selectedlanguagechange",l),s.on("dispose",function(){r.off(["loadstart","texttrackchange"],a),o.removeEventListener("change",a),o.removeEventListener("selectedlanguagechange",l)}),void 0===o.onchange){var c=void 0;s.on(["tap","click"],function(){if("object"!==We(fe.Event))try{c=new fe.Event("change")}catch(t){}c||(c=_e.createEvent("Event"),c.initEvent("change",!0,!0)),o.dispatchEvent(c)})}return s.handleTracksChange(),s}return Xe(e,t),e.prototype.handleClick=function(e){var r=this.track.kind,n=this.track.kinds,i=this.player_.textTracks();if(n||(n=[r]),t.prototype.handleClick.call(this,e),i)for(var o=0;o<i.length;o++){var s=i[o];s===this.track&&n.indexOf(s.kind)>-1?"showing"!==s.mode&&(s.mode="showing"):"disabled"!==s.mode&&(s.mode="disabled")}},e.prototype.handleTracksChange=function(t){var e="showing"===this.track.mode;e!==this.isSelected_&&this.selected(e)},e.prototype.handleSelectedLanguageChange=function(t){if("showing"===this.track.mode){var e=this.player_.cache_.selectedLanguage;if(e&&e.enabled&&e.language===this.track.language&&e.kind!==this.track.kind)return;this.player_.cache_.selectedLanguage={enabled:!0,language:this.track.language,kind:this.track.kind}}},e.prototype.dispose=function(){this.track=null,t.prototype.dispose.call(this)},e}(Fi);Pr.registerComponent("TextTrackMenuItem",Hi);var Vi=function(t){function e(r,n){return Ue(this,e),n.track={player:r,kind:n.kind,kinds:n.kinds,default:!1,mode:"disabled"},n.kinds||(n.kinds=[n.kind]),n.label?n.track.label=n.label:n.track.label=n.kinds.join(" and ")+" off",n.selectable=!0,qe(this,t.call(this,r,n))}return Xe(e,t),e.prototype.handleTracksChange=function(t){for(var e=this.player().textTracks(),r=!0,n=0,i=e.length;n<i;n++){var o=e[n];if(this.options_.kinds.indexOf(o.kind)>-1&&"showing"===o.mode){r=!1;break}}r!==this.isSelected_&&this.selected(r)},e.prototype.handleSelectedLanguageChange=function(t){for(var e=this.player().textTracks(),r=!0,n=0,i=e.length;n<i;n++){var o=e[n];if(["captions","descriptions","subtitles"].indexOf(o.kind)>-1&&"showing"===o.mode){r=!1;break}}r&&(this.player_.cache_.selectedLanguage={enabled:!1})},e}(Hi);Pr.registerComponent("OffTextTrackMenuItem",Vi);var zi=function(t){function e(r){
-var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Ue(this,e),n.tracks=r.textTracks(),qe(this,t.call(this,r,n))}return Xe(e,t),e.prototype.createItems=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Hi,r=void 0;this.label_&&(r=this.label_+" off"),t.push(new Vi(this.player_,{kinds:this.kinds_,kind:this.kind_,label:r})),this.hideThreshold_+=1;var n=this.player_.textTracks();Array.isArray(this.kinds_)||(this.kinds_=[this.kind_]);for(var i=0;i<n.length;i++){var o=n[i];if(this.kinds_.indexOf(o.kind)>-1){var s=new e(this.player_,{track:o,selectable:!0});s.addClass("vjs-"+o.kind+"-menu-item"),t.push(s)}}return t},e}(Bi);Pr.registerComponent("TextTrackButton",zi);var Wi=function(t){function e(r,n){Ue(this,e);var i=n.track,o=n.cue,s=r.currentTime();n.selectable=!0,n.label=o.text,n.selected=o.startTime<=s&&s<o.endTime;var a=qe(this,t.call(this,r,n));return a.track=i,a.cue=o,i.addEventListener("cuechange",gr(a,a.update)),a}return Xe(e,t),e.prototype.handleClick=function(e){t.prototype.handleClick.call(this),this.player_.currentTime(this.cue.startTime),this.update(this.cue.startTime)},e.prototype.update=function(t){var e=this.cue,r=this.player_.currentTime();this.selected(e.startTime<=r&&r<e.endTime)},e}(Fi);Pr.registerComponent("ChaptersTrackMenuItem",Wi);var Ui=function(t){function e(r,n,i){return Ue(this,e),qe(this,t.call(this,r,n,i))}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-chapters-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-chapters-button "+t.prototype.buildWrapperCSSClass.call(this)},e.prototype.update=function(e){this.track_&&(!e||"addtrack"!==e.type&&"removetrack"!==e.type)||this.setTrack(this.findChaptersTrack()),t.prototype.update.call(this)},e.prototype.setTrack=function(t){if(this.track_!==t){if(this.updateHandler_||(this.updateHandler_=this.update.bind(this)),this.track_){var e=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);e&&e.removeEventListener("load",this.updateHandler_),this.track_=null}if(this.track_=t,this.track_){this.track_.mode="hidden";var r=this.player_.remoteTextTrackEls().getTrackElementByTrack_(this.track_);r&&r.addEventListener("load",this.updateHandler_)}}},e.prototype.findChaptersTrack=function(){for(var t=this.player_.textTracks()||[],e=t.length-1;e>=0;e--){var r=t[e];if(r.kind===this.kind_)return r}},e.prototype.getMenuCaption=function(){return this.track_&&this.track_.label?this.track_.label:this.localize(Q(this.kind_))},e.prototype.createMenu=function(){return this.options_.title=this.getMenuCaption(),t.prototype.createMenu.call(this)},e.prototype.createItems=function(){var t=[];if(!this.track_)return t;var e=this.track_.cues;if(!e)return t;for(var r=0,n=e.length;r<n;r++){var i=e[r],o=new Wi(this.player_,{track:this.track_,cue:i});t.push(o)}return t},e}(zi);Ui.prototype.kind_="chapters",Ui.prototype.controlText_="Chapters",Pr.registerComponent("ChaptersButton",Ui);var Xi=function(t){function e(r,n,i){Ue(this,e);var o=qe(this,t.call(this,r,n,i)),s=r.textTracks(),a=gr(o,o.handleTracksChange);return s.addEventListener("change",a),o.on("dispose",function(){s.removeEventListener("change",a)}),o}return Xe(e,t),e.prototype.handleTracksChange=function(t){for(var e=this.player().textTracks(),r=!1,n=0,i=e.length;n<i;n++){var o=e[n];if(o.kind!==this.kind_&&"showing"===o.mode){r=!0;break}}r?this.disable():this.enable()},e.prototype.buildCSSClass=function(){return"vjs-descriptions-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-descriptions-button "+t.prototype.buildWrapperCSSClass.call(this)},e}(zi);Xi.prototype.kind_="descriptions",Xi.prototype.controlText_="Descriptions",Pr.registerComponent("DescriptionsButton",Xi);var qi=function(t){function e(r,n,i){return Ue(this,e),qe(this,t.call(this,r,n,i))}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-subtitles-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-subtitles-button "+t.prototype.buildWrapperCSSClass.call(this)},e}(zi);qi.prototype.kind_="subtitles",qi.prototype.controlText_="Subtitles",Pr.registerComponent("SubtitlesButton",qi);var Ki=function(t){function e(r,n){Ue(this,e),n.track={player:r,kind:n.kind,label:n.kind+" settings",selectable:!1,default:!1,mode:"disabled"},n.selectable=!1,n.name="CaptionSettingsMenuItem";var i=qe(this,t.call(this,r,n));return i.addClass("vjs-texttrack-settings"),i.controlText(", opens "+n.kind+" settings dialog"),i}return Xe(e,t),e.prototype.handleClick=function(t){this.player().getChild("textTrackSettings").open()},e}(Hi);Pr.registerComponent("CaptionSettingsMenuItem",Ki);var Yi=function(t){function e(r,n,i){return Ue(this,e),qe(this,t.call(this,r,n,i))}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-captions-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-captions-button "+t.prototype.buildWrapperCSSClass.call(this)},e.prototype.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new Ki(this.player_,{kind:this.kind_})),this.hideThreshold_+=1),t.prototype.createItems.call(this,e)},e}(zi);Yi.prototype.kind_="captions",Yi.prototype.controlText_="Captions",Pr.registerComponent("CaptionsButton",Yi);var Gi=function(t){function e(){return Ue(this,e),qe(this,t.apply(this,arguments))}return Xe(e,t),e.prototype.createEl=function(e,r,i){var o='<span class="vjs-menu-item-text">'+this.localize(this.options_.label);return"captions"===this.options_.track.kind&&(o+='\n        <span aria-hidden="true" class="vjs-icon-placeholder"></span>\n        <span class="vjs-control-text"> '+this.localize("Captions")+"</span>\n      "),o+="</span>",t.prototype.createEl.call(this,e,n({innerHTML:o},r),i)},e}(Hi);Pr.registerComponent("SubsCapsMenuItem",Gi);var $i=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Ue(this,e);var i=qe(this,t.call(this,r,n));return i.label_="subtitles",["en","en-us","en-ca","fr-ca"].indexOf(i.player_.language_)>-1&&(i.label_="captions"),i.menuButton_.controlText(Q(i.label_)),i}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-subs-caps-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-subs-caps-button "+t.prototype.buildWrapperCSSClass.call(this)},e.prototype.createItems=function(){var e=[];return this.player().tech_&&this.player().tech_.featuresNativeTextTracks||!this.player().getChild("textTrackSettings")||(e.push(new Ki(this.player_,{kind:this.label_})),this.hideThreshold_+=1),e=t.prototype.createItems.call(this,e,Gi)},e}(zi);$i.prototype.kinds_=["captions","subtitles"],$i.prototype.controlText_="Subtitles",Pr.registerComponent("SubsCapsButton",$i);var Ji=function(t){function e(r,n){Ue(this,e);var i=n.track,o=r.audioTracks();n.label=i.label||i.language||"Unknown",n.selected=i.enabled;var s=qe(this,t.call(this,r,n));s.track=i;var a=function(){for(var t=arguments.length,e=Array(t),r=0;r<t;r++)e[r]=arguments[r];s.handleTracksChange.apply(s,e)};return o.addEventListener("change",a),s.on("dispose",function(){o.removeEventListener("change",a)}),s}return Xe(e,t),e.prototype.handleClick=function(e){var r=this.player_.audioTracks();t.prototype.handleClick.call(this,e);for(var n=0;n<r.length;n++){var i=r[n];i.enabled=i===this.track}},e.prototype.handleTracksChange=function(t){this.selected(this.track.enabled)},e}(Fi);Pr.registerComponent("AudioTrackMenuItem",Ji);var Qi=function(t){function e(r){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Ue(this,e),n.tracks=r.audioTracks(),qe(this,t.call(this,r,n))}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-audio-button "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-audio-button "+t.prototype.buildWrapperCSSClass.call(this)},e.prototype.createItems=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.hideThreshold_=1;for(var e=this.player_.audioTracks(),r=0;r<e.length;r++){var n=e[r];t.push(new Ji(this.player_,{track:n,selectable:!0}))}return t},e}(Bi);Qi.prototype.controlText_="Audio Track",Pr.registerComponent("AudioTrackButton",Qi);var Zi=function(t){function e(r,n){Ue(this,e);var i=n.rate,o=parseFloat(i,10);n.label=i,n.selected=1===o,n.selectable=!0;var s=qe(this,t.call(this,r,n));return s.label=i,s.rate=o,s.on(r,"ratechange",s.update),s}return Xe(e,t),e.prototype.handleClick=function(e){t.prototype.handleClick.call(this),this.player().playbackRate(this.rate)},e.prototype.update=function(t){this.selected(this.player().playbackRate()===this.rate)},e}(Fi);Zi.prototype.contentElType="button",Pr.registerComponent("PlaybackRateMenuItem",Zi);var to=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.updateVisibility(),i.updateLabel(),i.on(r,"loadstart",i.updateVisibility),i.on(r,"ratechange",i.updateLabel),i}return Xe(e,t),e.prototype.createEl=function(){var e=t.prototype.createEl.call(this);return this.labelEl_=v("div",{className:"vjs-playback-rate-value",innerHTML:"1x"}),e.appendChild(this.labelEl_),e},e.prototype.dispose=function(){this.labelEl_=null,t.prototype.dispose.call(this)},e.prototype.buildCSSClass=function(){return"vjs-playback-rate "+t.prototype.buildCSSClass.call(this)},e.prototype.buildWrapperCSSClass=function(){return"vjs-playback-rate "+t.prototype.buildWrapperCSSClass.call(this)},e.prototype.createMenu=function(){var t=new Li(this.player()),e=this.playbackRates();if(e)for(var r=e.length-1;r>=0;r--)t.addChild(new Zi(this.player(),{rate:e[r]+"x"}));return t},e.prototype.updateARIAAttributes=function(){this.el().setAttribute("aria-valuenow",this.player().playbackRate())},e.prototype.handleClick=function(t){for(var e=this.player().playbackRate(),r=this.playbackRates(),n=r[0],i=0;i<r.length;i++)if(r[i]>e){n=r[i];break}this.player().playbackRate(n)},e.prototype.playbackRates=function(){return this.options_.playbackRates||this.options_.playerOptions&&this.options_.playerOptions.playbackRates},e.prototype.playbackRateSupported=function(){return this.player().tech_&&this.player().tech_.featuresPlaybackRate&&this.playbackRates()&&this.playbackRates().length>0},e.prototype.updateVisibility=function(t){this.playbackRateSupported()?this.removeClass("vjs-hidden"):this.addClass("vjs-hidden")},e.prototype.updateLabel=function(t){this.playbackRateSupported()&&(this.labelEl_.innerHTML=this.player().playbackRate()+"x")},e}(Ri);to.prototype.controlText_="Playback Rate",Pr.registerComponent("PlaybackRateMenuButton",to);var eo=function(t){function e(){return Ue(this,e),qe(this,t.apply(this,arguments))}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-spacer "+t.prototype.buildCSSClass.call(this)},e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:this.buildCSSClass()})},e}(Pr);Pr.registerComponent("Spacer",eo);var ro=function(t){function e(){return Ue(this,e),qe(this,t.apply(this,arguments))}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-custom-control-spacer "+t.prototype.buildCSSClass.call(this)},e.prototype.createEl=function(){var e=t.prototype.createEl.call(this,{className:this.buildCSSClass()});return e.innerHTML=" ",e},e}(eo);Pr.registerComponent("CustomControlSpacer",ro);var no=function(t){function e(){return Ue(this,e),qe(this,t.apply(this,arguments))}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"div",{className:"vjs-control-bar",dir:"ltr"},{role:"group"})},e}(Pr);no.prototype.options_={children:["playToggle","volumePanel","currentTimeDisplay","timeDivider","durationDisplay","progressControl","liveDisplay","remainingTimeDisplay","customControlSpacer","playbackRateMenuButton","chaptersButton","descriptionsButton","subsCapsButton","audioTrackButton","fullscreenToggle"]},Pr.registerComponent("ControlBar",no);var io=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));return i.on(r,"error",i.open),i}return Xe(e,t),e.prototype.buildCSSClass=function(){return"vjs-error-display "+t.prototype.buildCSSClass.call(this)},e.prototype.content=function(){var t=this.player().error();return t?this.localize(t.message):""},e}(Ur);io.prototype.options_=tt(Ur.prototype.options_,{pauseOnOpen:!1,fillAlways:!0,temporary:!1,uncloseable:!0}),Pr.registerComponent("ErrorDisplay",io);var oo=["#000","Black"],so=["#00F","Blue"],ao=["#0FF","Cyan"],lo=["#0F0","Green"],co=["#F0F","Magenta"],uo=["#F00","Red"],ho=["#FFF","White"],po=["#FF0","Yellow"],fo=["1","Opaque"],vo=["0.5","Semi-Transparent"],yo=["0","Transparent"],go={backgroundColor:{selector:".vjs-bg-color > select",id:"captions-background-color-%s",label:"Color",options:[oo,ho,uo,lo,so,po,co,ao]},backgroundOpacity:{selector:".vjs-bg-opacity > select",id:"captions-background-opacity-%s",label:"Transparency",options:[fo,vo,yo]},color:{selector:".vjs-fg-color > select",id:"captions-foreground-color-%s",label:"Color",options:[ho,oo,uo,lo,so,po,co,ao]},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(t){return"1.00"===t?null:Number(t)}},textOpacity:{selector:".vjs-text-opacity > select",id:"captions-foreground-opacity-%s",label:"Transparency",options:[fo,vo]},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:[yo,vo,fo]}};go.windowColor.options=go.backgroundColor.options;var mo=function(t){function n(r,i){Ue(this,n),i.temporary=!1;var o=qe(this,t.call(this,r,i));return o.updateDisplay=gr(o,o.updateDisplay),o.fill(),o.hasBeenOpened_=o.hasBeenFilled_=!0,o.endDialog=v("p",{className:"vjs-control-text",textContent:o.localize("End of dialog window.")}),o.el().appendChild(o.endDialog),o.setDefaults(),void 0===i.persistTextTrackSettings&&(o.options_.persistTextTrackSettings=o.options_.playerOptions.persistTextTrackSettings),o.on(o.$(".vjs-done-button"),"click",function(){o.saveSettings(),o.close()}),o.on(o.$(".vjs-default-button"),"click",function(){o.setDefaults(),o.updateDisplay()}),e(go,function(t){o.on(o.$(t.selector),"change",o.updateDisplay)}),o.options_.persistTextTrackSettings&&o.restoreSettings(),o}return Xe(n,t),n.prototype.dispose=function(){this.endDialog=null,t.prototype.dispose.call(this)},n.prototype.createElSelect_=function(t){var e=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"label",i=go[t],o=i.id.replace("%s",this.id_);return["<"+n+' id="'+o+'" class="'+("label"===n?"vjs-label":"")+'">',this.localize(i.label),"</"+n+">",'<select aria-labelledby="'+(""!==r?r+" ":"")+o+'">'].concat(i.options.map(function(t){var n=o+"-"+t[1];return['<option id="'+n+'" value="'+t[0]+'" ','aria-labelledby="'+(""!==r?r+" ":"")+o+" "+n+'">',e.localize(t[1]),"</option>"].join("")})).concat("</select>").join("")},n.prototype.createElFgColor_=function(){var t="captions-text-legend-"+this.id_;return['<fieldset class="vjs-fg-color vjs-track-setting">','<legend id="'+t+'">',this.localize("Text"),"</legend>",this.createElSelect_("color",t),'<span class="vjs-text-opacity vjs-opacity">',this.createElSelect_("textOpacity",t),"</span>","</fieldset>"].join("")},n.prototype.createElBgColor_=function(){var t="captions-background-"+this.id_;return['<fieldset class="vjs-bg-color vjs-track-setting">','<legend id="'+t+'">',this.localize("Background"),"</legend>",this.createElSelect_("backgroundColor",t),'<span class="vjs-bg-opacity vjs-opacity">',this.createElSelect_("backgroundOpacity",t),"</span>","</fieldset>"].join("")},n.prototype.createElWinColor_=function(){var t="captions-window-"+this.id_;return['<fieldset class="vjs-window-color vjs-track-setting">','<legend id="'+t+'">',this.localize("Window"),"</legend>",this.createElSelect_("windowColor",t),'<span class="vjs-window-opacity vjs-opacity">',this.createElSelect_("windowOpacity",t),"</span>","</fieldset>"].join("")},n.prototype.createElColors_=function(){return v("div",{className:"vjs-track-settings-colors",innerHTML:[this.createElFgColor_(),this.createElBgColor_(),this.createElWinColor_()].join("")})},n.prototype.createElFont_=function(){return v("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("")})},n.prototype.createElControls_=function(){var t=this.localize("restore all settings to the default values");return v("div",{className:"vjs-track-settings-controls",innerHTML:['<button class="vjs-default-button" title="'+t+'">',this.localize("Reset"),'<span class="vjs-control-text"> '+t+"</span>","</button>",'<button class="vjs-done-button">'+this.localize("Done")+"</button>"].join("")})},n.prototype.content=function(){return[this.createElColors_(),this.createElFont_(),this.createElControls_()]},n.prototype.label=function(){return this.localize("Caption Settings Dialog")},n.prototype.description=function(){return this.localize("Beginning of dialog window. Escape will cancel and close the window.")},n.prototype.buildCSSClass=function(){return t.prototype.buildCSSClass.call(this)+" vjs-text-track-settings"},n.prototype.getValues=function(){var t=this;return r(go,function(e,r,n){var i=ae(t.$(r.selector),r.parser);return void 0!==i&&(e[n]=i),e},{})},n.prototype.setValues=function(t){var r=this;e(go,function(e,n){le(r.$(e.selector),t[n],e.parser)})},n.prototype.setDefaults=function(){var t=this;e(go,function(e){var r=e.hasOwnProperty("default")?e.default:0;t.$(e.selector).selectedIndex=r})},n.prototype.restoreSettings=function(){var t=void 0;try{t=JSON.parse(fe.localStorage.getItem("vjs-text-track-settings"))}catch(t){tr.warn(t)}t&&this.setValues(t)},n.prototype.saveSettings=function(){if(this.options_.persistTextTrackSettings){var t=this.getValues();try{Object.keys(t).length?fe.localStorage.setItem("vjs-text-track-settings",JSON.stringify(t)):fe.localStorage.removeItem("vjs-text-track-settings")}catch(t){tr.warn(t)}}},n.prototype.updateDisplay=function(){var t=this.player_.getChild("textTrackDisplay");t&&t.updateDisplay()},n.prototype.conditionalBlur_=function(){this.previouslyActiveEl_=null,this.off(_e,"keydown",this.handleKeyDown);var t=this.player_.controlBar,e=t&&t.subsCapsButton,r=t&&t.captionsButton;e?e.focus():r&&r.focus()},n}(Ur);Pr.registerComponent("TextTrackSettings",mo);var _o=function(t){function e(r,n){Ue(this,e);var i=n.ResizeObserver||fe.ResizeObserver;null===n.ResizeObserver&&(i=!1);var o=tt({createEl:!i},n),s=qe(this,t.call(this,r,o));return s.ResizeObserver=n.ResizeObserver||fe.ResizeObserver,s.loadListener_=null,s.resizeObserver_=null,s.debouncedHandler_=_r(function(){s.resizeHandler()},100,!1,r),i?(s.resizeObserver_=new s.ResizeObserver(s.debouncedHandler_),s.resizeObserver_.observe(r.el())):(s.loadListener_=function(){s.el_.contentWindow&&X(s.el_.contentWindow,"resize",s.debouncedHandler_),s.off("load",s.loadListener_)},s.on("load",s.loadListener_)),s}return Xe(e,t),e.prototype.createEl=function(){return t.prototype.createEl.call(this,"iframe",{className:"vjs-resize-manager"})},e.prototype.resizeHandler=function(){this.player_.trigger("playerresize")},e.prototype.dispose=function(){this.resizeObserver_&&(this.resizeObserver_.unobserve(this.player_.el()),this.resizeObserver_.disconnect()),this.el_&&this.el_.contentWindow&&q(this.el_.contentWindow,"resize",this.debouncedHandler_),this.loadListener_&&this.off("load",this.loadListener_),this.ResizeObserver=null,this.resizeObserver=null,this.debouncedHandler_=null,this.loadListener_=null},e}(Pr);Pr.registerComponent("ResizeManager",_o);var bo=Ke(["Text Tracks are being loaded from another origin but the crossorigin attribute isn't used.\n            This may prevent text tracks from loading."],["Text Tracks are being loaded from another origin but the crossorigin attribute isn't used.\n            This may prevent text tracks from loading."]),To=function(t){function e(r,n){Ue(this,e);var i=qe(this,t.call(this,r,n));r.enableSourceset&&i.setupSourcesetHandling_();var o=r.source,s=!1;if(o&&(i.el_.currentSrc!==o.src||r.tag&&3===r.tag.initNetworkState_)?i.setSource(o):i.handleLateInit_(i.el_),i.el_.hasChildNodes()){for(var a=i.el_.childNodes,l=a.length,c=[];l--;){var u=a[l];"track"===u.nodeName.toLowerCase()&&(i.featuresNativeTextTracks?(i.remoteTextTrackEls().addTrackElement_(u),i.remoteTextTracks().addTrack(u.track),i.textTracks().addTrack(u.track),s||i.el_.hasAttribute("crossorigin")||!cn(u.src)||(s=!0)):c.push(u))}for(var h=0;h<c.length;h++)i.el_.removeChild(c[h])}return i.proxyNativeTracks_(),i.featuresNativeTextTracks&&s&&tr.warn(er(bo)),i.restoreMetadataTracksInIOSNativePlayer_(),(He||we||Oe)&&!0===r.nativeControlsForTouch&&i.setControls(!0),i.proxyWebkitFullscreen_(),i.triggerReady(),i}return Xe(e,t),e.prototype.dispose=function(){e.disposeMediaElement(this.el_),this.options_=null,t.prototype.dispose.call(this)},e.prototype.setupSourcesetHandling_=function(){var t=this;if(this.featuresSourceset){var e=this.el();(e.src||e.currentSrc&&3!==this.el().initNetworkState_)&&this.triggerSourceset(e.src||e.currentSrc);var r=fe.HTMLMediaElement.prototype,n={};Object.getOwnPropertyDescriptor(e,"src")?n=Object.getOwnPropertyDescriptor(e,"src"):Object.getOwnPropertyDescriptor(r,"src")&&(n=tt(n,Object.getOwnPropertyDescriptor(r,"src"))),n.get||(n.get=function(){return r.getAttribute.call(this,"src")}),n.set||(n.set=function(t){return r.setAttribute.call(this,"src",t)}),void 0===n.enumerable&&(n.enumerable=!0),Object.defineProperty(e,"src",{get:n.get.bind(e),set:function(r){var i=n.set.call(e,r);return t.triggerSourceset(r),i},configurable:!0,enumerable:n.enumerable});var i=e.setAttribute;e.setAttribute=function(r,n){var o=i.call(e,r,n);return"src"===r&&t.triggerSourceset(n),o};var o=e.load;e.load=function(){var r=o.call(e);return t.triggerSourceset(e.src||""),r}}},e.prototype.restoreMetadataTracksInIOSNativePlayer_=function(){var t=this.textTracks(),e=void 0,r=function(){e=[];for(var r=0;r<t.length;r++){var n=t[r];"metadata"===n.kind&&e.push({track:n,storedMode:n.mode})}};r(),t.addEventListener("change",r),this.on("dispose",function(){return t.removeEventListener("change",r)});var n=function r(){for(var n=0;n<e.length;n++){var i=e[n];"disabled"===i.track.mode&&i.track.mode!==i.storedMode&&(i.track.mode=i.storedMode)}t.removeEventListener("change",r)};this.on("webkitbeginfullscreen",function(){t.removeEventListener("change",r),t.removeEventListener("change",n),t.addEventListener("change",n)}),this.on("webkitendfullscreen",function(){t.removeEventListener("change",r),t.addEventListener("change",r),t.removeEventListener("change",n)})},e.prototype.proxyNativeTracks_=function(){var t=this;Pn.names.forEach(function(e){var r=Pn[e],n=t.el()[r.getterName],i=t[r.getterName]();if(t["featuresNative"+r.capitalName+"Tracks"]&&n&&n.addEventListener){var o={change:function(t){i.trigger({type:"change",target:i,currentTarget:i,srcElement:i})},addtrack:function(t){i.addTrack(t.track)},removetrack:function(t){i.removeTrack(t.track)}},s=function(){for(var t=[],e=0;e<i.length;e++){for(var r=!1,o=0;o<n.length;o++)if(n[o]===i[e]){r=!0;break}r||t.push(i[e])}for(;t.length;)i.removeTrack(t.shift())};Object.keys(o).forEach(function(e){var r=o[e];n.addEventListener(e,r),t.on("dispose",function(t){return n.removeEventListener(e,r)})}),t.on("loadstart",s),t.on("dispose",function(e){return t.off("loadstart",s)})}})},e.prototype.createEl=function(){var t=this.options_.tag;if(!t||!this.options_.playerElIngest&&!this.movingMediaElementInDOM){if(t){var r=t.cloneNode(!0);t.parentNode&&t.parentNode.insertBefore(r,t),e.disposeMediaElement(t),t=r}else{t=_e.createElement("video");var i=this.options_.tag&&k(this.options_.tag),o=tt({},i);He&&!0===this.options_.nativeControlsForTouch||delete o.controls,C(t,n(o,{id:this.options_.techId,class:"vjs-tech"}))}t.playerId=this.options_.playerId}void 0!==this.options_.preload&&E(t,"preload",this.options_.preload);for(var s=["loop","muted","playsinline","autoplay"],a=0;a<s.length;a++){var l=s[a],c=this.options_[l];void 0!==c&&(c?E(t,l,l):S(t,l),t[l]=c)}return t},e.prototype.handleLateInit_=function(t){if(0!==t.networkState&&3!==t.networkState){if(0===t.readyState){var e=!1,r=function(){e=!0};this.on("loadstart",r);var n=function(){e||this.trigger("loadstart")};return this.on("loadedmetadata",n),void this.ready(function(){this.off("loadstart",r),this.off("loadedmetadata",n),e||this.trigger("loadstart")})}var i=["loadstart"];i.push("loadedmetadata"),t.readyState>=2&&i.push("loadeddata"),t.readyState>=3&&i.push("canplay"),t.readyState>=4&&i.push("canplaythrough"),this.ready(function(){i.forEach(function(t){this.trigger(t)},this)})}},e.prototype.setCurrentTime=function(t){try{this.el_.currentTime=t}catch(t){tr(t,"Video is not ready. (Video.js)")}},e.prototype.duration=function(){var t=this;if(this.el_.duration===1/0&&je&&Ie&&0===this.el_.currentTime){var e=function e(){t.el_.currentTime>0&&(t.el_.duration===1/0&&t.trigger("durationchange"),t.off("timeupdate",e))};return this.on("timeupdate",e),NaN}return this.el_.duration||NaN},e.prototype.width=function(){return this.el_.offsetWidth},e.prototype.height=function(){return this.el_.offsetHeight},e.prototype.proxyWebkitFullscreen_=function(){var t=this;if("webkitDisplayingFullscreen"in this.el_){var e=function(){this.trigger("fullscreenchange",{isFullscreen:!1})},r=function(){"webkitPresentationMode"in this.el_&&"picture-in-picture"!==this.el_.webkitPresentationMode&&(this.one("webkitendfullscreen",e),this.trigger("fullscreenchange",{isFullscreen:!0}))};this.on("webkitbeginfullscreen",r),this.on("dispose",function(){t.off("webkitbeginfullscreen",r),t.off("webkitendfullscreen",e)})}},e.prototype.supportsFullScreen=function(){if("function"==typeof this.el_.webkitEnterFullScreen){var t=fe.navigator&&fe.navigator.userAgent||"";if(/Android/.test(t)||!/Chrome|Mac OS X 10.5/.test(t))return!0}return!1},e.prototype.enterFullScreen=function(){var t=this.el_;t.paused&&t.networkState<=t.HAVE_METADATA?(this.el_.play(),this.setTimeout(function(){t.pause(),t.webkitEnterFullScreen()},0)):t.webkitEnterFullScreen()},e.prototype.exitFullScreen=function(){this.el_.webkitExitFullScreen()},e.prototype.src=function(t){if(void 0===t)return this.el_.src;this.setSrc(t)},e.prototype.reset=function(){e.resetMediaElement(this.el_)},e.prototype.currentSrc=function(){return this.currentSource_?this.currentSource_.src:this.el_.currentSrc},e.prototype.setControls=function(t){this.el_.controls=!!t},e.prototype.addTextTrack=function(e,r,n){return this.featuresNativeTextTracks?this.el_.addTextTrack(e,r,n):t.prototype.addTextTrack.call(this,e,r,n)},e.prototype.createRemoteTextTrack=function(e){if(!this.featuresNativeTextTracks)return t.prototype.createRemoteTextTrack.call(this,e);var r=_e.createElement("track");return e.kind&&(r.kind=e.kind),e.label&&(r.label=e.label),(e.language||e.srclang)&&(r.srclang=e.language||e.srclang),e.default&&(r.default=e.default),e.id&&(r.id=e.id),e.src&&(r.src=e.src),r},e.prototype.addRemoteTextTrack=function(e,r){var n=t.prototype.addRemoteTextTrack.call(this,e,r);return this.featuresNativeTextTracks&&this.el().appendChild(n),n},e.prototype.removeRemoteTextTrack=function(e){if(t.prototype.removeRemoteTextTrack.call(this,e),this.featuresNativeTextTracks)for(var r=this.$$("track"),n=r.length;n--;)e!==r[n]&&e!==r[n].track||this.el().removeChild(r[n])},e.prototype.getVideoPlaybackQuality=function(){if("function"==typeof this.el().getVideoPlaybackQuality)return this.el().getVideoPlaybackQuality();var t={};return void 0!==this.el().webkitDroppedFrameCount&&void 0!==this.el().webkitDecodedFrameCount&&(t.droppedVideoFrames=this.el().webkitDroppedFrameCount,t.totalVideoFrames=this.el().webkitDecodedFrameCount),fe.performance&&"function"==typeof fe.performance.now?t.creationTime=fe.performance.now():fe.performance&&fe.performance.timing&&"number"==typeof fe.performance.timing.navigationStart&&(t.creationTime=fe.Date.now()-fe.performance.timing.navigationStart),t},e}(Kn);if(h()){To.TEST_VID=_e.createElement("video");var Co=_e.createElement("track");Co.kind="captions",Co.srclang="en",Co.label="English",To.TEST_VID.appendChild(Co)}To.isSupported=function(){try{To.TEST_VID.volume=.5}catch(t){return!1}return!(!To.TEST_VID||!To.TEST_VID.canPlayType)},To.canPlayType=function(t){return To.TEST_VID.canPlayType(t)},To.canPlaySource=function(t,e){return To.canPlayType(t.type)},To.canControlVolume=function(){try{var t=To.TEST_VID.volume;return To.TEST_VID.volume=t/2+.1,t!==To.TEST_VID.volume}catch(t){return!1}},To.canControlPlaybackRate=function(){if(je&&Ie&&De<58)return!1;try{var t=To.TEST_VID.playbackRate;return To.TEST_VID.playbackRate=t/2+.1,t!==To.TEST_VID.playbackRate}catch(t){return!1}},To.canOverrideAttributes=function(){if(Le)return!1;try{var t=function(){};Object.defineProperty(_e.createElement("video"),"src",{get:t,set:t}),Object.defineProperty(_e.createElement("audio"),"src",{get:t,set:t})}catch(t){return!1}return!0},To.supportsNativeTextTracks=function(){return Fe},To.supportsNativeVideoTracks=function(){return!(!To.TEST_VID||!To.TEST_VID.videoTracks)},To.supportsNativeAudioTracks=function(){return!(!To.TEST_VID||!To.TEST_VID.audioTracks)},To.Events=["loadstart","suspend","abort","error","emptied","stalled","loadedmetadata","loadeddata","canplay","canplaythrough","playing","waiting","seeking","seeked","ended","durationchange","timeupdate","progress","play","pause","ratechange","resize","volumechange"],To.prototype.featuresVolumeControl=To.canControlVolume(),To.prototype.featuresPlaybackRate=To.canControlPlaybackRate(),To.prototype.featuresSourceset=To.canOverrideAttributes(),To.prototype.movingMediaElementInDOM=!Se,To.prototype.featuresFullscreenResize=!0,To.prototype.featuresProgressEvents=!0,To.prototype.featuresTimeupdateEvents=!0,To.prototype.featuresNativeTextTracks=To.supportsNativeTextTracks(),To.prototype.featuresNativeVideoTracks=To.supportsNativeVideoTracks(),To.prototype.featuresNativeAudioTracks=To.supportsNativeAudioTracks();var ko=To.TEST_VID&&To.TEST_VID.constructor.prototype.canPlayType,wo=/^application\/(?:x-|vnd\.apple\.)mpegurl/i,Eo=/^video\/mp4/i;To.patchCanPlayType=function(){Ae>=4&&!Me&&!Ie?To.TEST_VID.constructor.prototype.canPlayType=function(t){return t&&wo.test(t)?"maybe":ko.call(this,t)}:Pe&&(To.TEST_VID.constructor.prototype.canPlayType=function(t){return t&&Eo.test(t)?"maybe":ko.call(this,t)})},To.unpatchCanPlayType=function(){var t=To.TEST_VID.constructor.prototype.canPlayType;return To.TEST_VID.constructor.prototype.canPlayType=ko,t},To.patchCanPlayType(),To.disposeMediaElement=function(t){if(t){
-for(t.parentNode&&t.parentNode.removeChild(t);t.hasChildNodes();)t.removeChild(t.firstChild);t.removeAttribute("src"),"function"==typeof t.load&&function(){try{t.load()}catch(t){}}()}},To.resetMediaElement=function(t){if(t){for(var e=t.querySelectorAll("source"),r=e.length;r--;)t.removeChild(e[r]);t.removeAttribute("src"),"function"==typeof t.load&&function(){try{t.load()}catch(t){}}()}},["muted","defaultMuted","autoplay","controls","loop","playsinline"].forEach(function(t){To.prototype[t]=function(){return this.el_[t]||this.el_.hasAttribute(t)}}),["muted","defaultMuted","autoplay","loop","playsinline"].forEach(function(t){To.prototype["set"+Q(t)]=function(e){this.el_[t]=e,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(t){To.prototype[t]=function(){return this.el_[t]}}),["volume","src","poster","preload","playbackRate","defaultPlaybackRate"].forEach(function(t){To.prototype["set"+Q(t)]=function(e){this.el_[t]=e}}),["pause","load","play"].forEach(function(t){To.prototype[t]=function(){return this.el_[t]()}}),Kn.withSourceHandlers(To),To.nativeSourceHandler={},To.nativeSourceHandler.canPlayType=function(t){try{return To.TEST_VID.canPlayType(t)}catch(t){return""}},To.nativeSourceHandler.canHandleSource=function(t,e){if(t.type)return To.nativeSourceHandler.canPlayType(t.type);if(t.src){var r=ln(t.src);return To.nativeSourceHandler.canPlayType("video/"+r)}return""},To.nativeSourceHandler.handleSource=function(t,e,r){e.setSrc(t.src)},To.nativeSourceHandler.dispose=function(){},To.registerSourceHandler(To.nativeSourceHandler),Kn.registerTech("Html5",To);var So=Ke(["\n        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      "],["\n        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      "]),xo=["progress","abort","suspend","emptied","stalled","loadedmetadata","loadeddata","timeupdate","ratechange","resize","volumechange","texttrackchange"],jo=function(t){function e(r,i,o){if(Ue(this,e),r.id=r.id||"vjs_video_"+B(),i=n(e.getTagSettings(r),i),i.initChildren=!1,i.createEl=!1,i.evented=!1,i.reportTouchActivity=!1,!i.language)if("function"==typeof r.closest){var s=r.closest("[lang]");s&&s.getAttribute&&(i.language=s.getAttribute("lang"))}else for(var a=r;a&&1===a.nodeType;){if(k(a).hasOwnProperty("lang")){i.language=a.getAttribute("lang");break}a=a.parentNode}var l=qe(this,t.call(this,null,i,o));if(l.isPosterFromTech_=!1,l.isReady_=!1,l.hasStarted_=!1,l.userActive_=!1,!l.options_||!l.options_.techOrder||!l.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(l.tag=r,l.tagAttributes=r&&k(r),l.language(l.options_.language),i.languages){var c={};Object.getOwnPropertyNames(i.languages).forEach(function(t){c[t.toLowerCase()]=i.languages[t]}),l.languages_=c}else l.languages_=e.prototype.options_.languages;l.cache_={},l.poster_=i.poster||"",l.controls_=!!i.controls,l.cache_.lastVolume=1,r.controls=!1,r.removeAttribute("controls"),l.scrubbing_=!1,l.el_=l.createEl(),$(l,{eventBusKey:"el_"});var u=tt(l.options_);if(i.plugins){var h=i.plugins;Object.keys(h).forEach(function(t){if("function"!=typeof this[t])throw new Error('plugin "'+t+'" does not exist');this[t](h[t])},l)}l.options_.playerOptions=u,l.middleware_=[],l.initChildren(),l.isAudio("audio"===r.nodeName.toLowerCase()),l.controls()?l.addClass("vjs-controls-enabled"):l.addClass("vjs-controls-disabled"),l.el_.setAttribute("role","region"),l.isAudio()?l.el_.setAttribute("aria-label",l.localize("Audio Player")):l.el_.setAttribute("aria-label",l.localize("Video Player")),l.isAudio()&&l.addClass("vjs-audio"),l.flexNotSupported_()&&l.addClass("vjs-no-flex"),Se||l.addClass("vjs-workinghover"),e.players[l.id_]=l;var p=he.split(".")[0];return l.addClass("vjs-v"+p),l.userActive(!0),l.reportUserActivity(),l.listenForUserActivity_(),l.on("fullscreenchange",l.handleFullscreenChange_),l.on("stageclick",l.handleStageClick_),l.changingSrc_=!1,l.playWaitingForReady_=!1,l.playOnLoadstart_=null,l}return Xe(e,t),e.prototype.dispose=function(){this.trigger("dispose"),this.off("dispose"),this.styleEl_&&this.styleEl_.parentNode&&(this.styleEl_.parentNode.removeChild(this.styleEl_),this.styleEl_=null),e.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),Qt(this),t.prototype.dispose.call(this)},e.prototype.createEl=function(){var e=this.tag,r=void 0,n=this.playerElIngest_=e.parentNode&&e.parentNode.hasAttribute&&e.parentNode.hasAttribute("data-vjs-player"),i="video-js"===this.tag.tagName.toLowerCase();n?r=this.el_=e.parentNode:i||(r=this.el_=t.prototype.createEl.call(this,"div"));var o=k(e);if(i){for(r=this.el_=e,e=this.tag=_e.createElement("video");r.children.length;)e.appendChild(r.firstChild);m(r,"video-js")||_(r,"video-js"),r.appendChild(e),n=this.playerElIngest_=r}if(e.setAttribute("tabindex","-1"),e.removeAttribute("width"),e.removeAttribute("height"),Object.getOwnPropertyNames(o).forEach(function(t){"class"===t?(r.className+=" "+o[t],i&&(e.className+=" "+o[t])):(r.setAttribute(t,o[t]),i&&e.setAttribute(t,o[t]))}),e.playerId=e.id,e.id+="_html5_api",e.className="vjs-tech",e.player=r.player=this,this.addClass("vjs-paused"),!0!==fe.VIDEOJS_NO_DYNAMIC_STYLE){this.styleEl_=vr("vjs-styles-dimensions");var s=nr(".vjs-styles-defaults"),a=nr("head");a.insertBefore(this.styleEl_,s?s.nextSibling:a.firstChild)}this.width(this.options_.width),this.height(this.options_.height),this.fluid(this.options_.fluid),this.aspectRatio(this.options_.aspectRatio);for(var l=e.getElementsByTagName("a"),c=0;c<l.length;c++){var u=l.item(c);_(u,"vjs-hidden"),u.setAttribute("hidden","hidden")}return e.initNetworkState_=e.networkState,e.parentNode&&!n&&e.parentNode.insertBefore(r,e),g(e,r),this.children_.unshift(e),this.el_.setAttribute("lang",this.language_),this.el_=r,r},e.prototype.width=function(t){return this.dimension("width",t)},e.prototype.height=function(t){return this.dimension("height",t)},e.prototype.dimension=function(t,e){var r=t+"_";if(void 0===e)return this[r]||0;if(""===e)return this[r]=void 0,void this.updateStyleEl_();var n=parseFloat(e);if(isNaN(n))return void tr.error('Improper value "'+e+'" supplied for for '+t);this[r]=n,this.updateStyleEl_()},e.prototype.fluid=function(t){if(void 0===t)return!!this.fluid_;this.fluid_=!!t,t?this.addClass("vjs-fluid"):this.removeClass("vjs-fluid"),this.updateStyleEl_()},e.prototype.aspectRatio=function(t){if(void 0===t)return this.aspectRatio_;if(!/^\d+\:\d+$/.test(t))throw new Error("Improper value supplied for aspect ratio. The format should be width:height, for example 16:9.");this.aspectRatio_=t,this.fluid(!0),this.updateStyleEl_()},e.prototype.updateStyleEl_=function(){if(!0===fe.VIDEOJS_NO_DYNAMIC_STYLE){var t="number"==typeof this.width_?this.width_:this.options_.width,e="number"==typeof this.height_?this.height_:this.options_.height,r=this.tech_&&this.tech_.el();return void(r&&(t>=0&&(r.width=t),e>=0&&(r.height=e)))}var n=void 0,i=void 0,o=void 0,s=void 0;o=void 0!==this.aspectRatio_&&"auto"!==this.aspectRatio_?this.aspectRatio_:this.videoWidth()>0?this.videoWidth()+":"+this.videoHeight():"16:9";var a=o.split(":"),l=a[1]/a[0];n=void 0!==this.width_?this.width_:void 0!==this.height_?this.height_/l:this.videoWidth()||300,i=void 0!==this.height_?this.height_:n*l,s=/^[^a-zA-Z]/.test(this.id())?"dimensions-"+this.id():this.id()+"-dimensions",this.addClass(s),yr(this.styleEl_,"\n      ."+s+" {\n        width: "+n+"px;\n        height: "+i+"px;\n      }\n\n      ."+s+".vjs-fluid {\n        padding-top: "+100*l+"%;\n      }\n    ")},e.prototype.loadTech_=function(t,e){var r=this;this.tech_&&this.unloadTech_();var i=Q(t),o=t.charAt(0).toLowerCase()+t.slice(1);"Html5"!==i&&this.tag&&(Kn.getTech("Html5").disposeMediaElement(this.tag),this.tag.player=null,this.tag=null),this.techName_=i,this.isReady_=!1;var s={source:e,nativeControlsForTouch:this.options_.nativeControlsForTouch,playerId:this.id(),techId:this.id()+"_"+i+"_api",autoplay:this.options_.autoplay,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};Mn.names.forEach(function(t){var e=Mn[t];s[e.getterName]=r[e.privateName]}),n(s,this.options_[i]),n(s,this.options_[o]),n(s,this.options_[t.toLowerCase()]),this.tag&&(s.tag=this.tag),e&&e.src===this.cache_.src&&this.cache_.currentTime>0&&(s.startTime=this.cache_.currentTime);var a=Kn.getTech(t);if(!a)throw new Error("No Tech named '"+i+"' exists! '"+i+"' should be registered using videojs.registerTech()'");this.tech_=new a(s),this.tech_.ready(gr(this,this.handleTechReady_),!0),zr.jsonToTextTracks(this.textTracksJson_||[],this.tech_),xo.forEach(function(t){r.on(r.tech_,t,r["handleTech"+Q(t)+"_"])}),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_,"canplay",this.handleTechCanPlay_),this.on(this.tech_,"canplaythrough",this.handleTechCanPlayThrough_),this.on(this.tech_,"playing",this.handleTechPlaying_),this.on(this.tech_,"ended",this.handleTechEnded_),this.on(this.tech_,"seeking",this.handleTechSeeking_),this.on(this.tech_,"seeked",this.handleTechSeeked_),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_,"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.usingNativeControls(this.techGet_("controls")),this.controls()&&!this.usingNativeControls()&&this.addTechControlsListeners_(),this.tech_.el().parentNode===this.el()||"Html5"===i&&this.tag||g(this.tech_.el(),this.el()),this.tag&&(this.tag.player=null,this.tag=null)},e.prototype.unloadTech_=function(){var t=this;Mn.names.forEach(function(e){var r=Mn[e];t[r.privateName]=t[r.getterName]()}),this.textTracksJson_=zr.textTracksToJson(this.tech_),this.isReady_=!1,this.tech_.dispose(),this.tech_=!1,this.isPosterFromTech_&&(this.poster_="",this.trigger("posterchange")),this.isPosterFromTech_=!1},e.prototype.tech=function(t){return void 0===t&&tr.warn(er(So)),this.tech_},e.prototype.addTechControlsListeners_=function(){this.removeTechControlsListeners_(),this.on(this.tech_,"mousedown",this.handleTechClick_),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.prototype.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_,"mousedown",this.handleTechClick_)},e.prototype.handleTechReady_=function(){if(this.triggerReady(),this.cache_.volume&&this.techCall_("setVolume",this.cache_.volume),this.handleTechPosterChange_(),this.handleTechDurationChange_(),(this.src()||this.currentSrc())&&this.tag&&this.options_.autoplay&&this.paused())try{delete this.tag.poster}catch(t){tr("deleting tag.poster throws in some browsers",t)}},e.prototype.handleTechLoadStart_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-seeking"),this.error(null),this.paused()?(this.hasStarted(!1),this.trigger("loadstart")):(this.trigger("loadstart"),this.trigger("firstplay"))},e.prototype.handleTechSourceset_=function(t){this.trigger({src:t.src,type:"sourceset"})},e.prototype.hasStarted=function(t){if(void 0===t)return this.hasStarted_;t!==this.hasStarted_&&(this.hasStarted_=t,this.hasStarted_?(this.addClass("vjs-has-started"),this.trigger("firstplay")):this.removeClass("vjs-has-started"))},e.prototype.handleTechPlay_=function(){this.removeClass("vjs-ended"),this.removeClass("vjs-paused"),this.addClass("vjs-playing"),this.hasStarted(!0),this.trigger("play")},e.prototype.handleTechWaiting_=function(){var t=this;this.addClass("vjs-waiting"),this.trigger("waiting"),this.one("timeupdate",function(){return t.removeClass("vjs-waiting")})},e.prototype.handleTechCanPlay_=function(){this.removeClass("vjs-waiting"),this.trigger("canplay")},e.prototype.handleTechCanPlayThrough_=function(){this.removeClass("vjs-waiting"),this.trigger("canplaythrough")},e.prototype.handleTechPlaying_=function(){this.removeClass("vjs-waiting"),this.trigger("playing")},e.prototype.handleTechSeeking_=function(){this.addClass("vjs-seeking"),this.trigger("seeking")},e.prototype.handleTechSeeked_=function(){this.removeClass("vjs-seeking"),this.trigger("seeked")},e.prototype.handleTechFirstPlay_=function(){this.options_.starttime&&(tr.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.prototype.handleTechPause_=function(){this.removeClass("vjs-playing"),this.addClass("vjs-paused"),this.trigger("pause")},e.prototype.handleTechEnded_=function(){this.addClass("vjs-ended"),this.options_.loop?(this.currentTime(0),this.play()):this.paused()||this.pause(),this.trigger("ended")},e.prototype.handleTechDurationChange_=function(){this.duration(this.techGet_("duration"))},e.prototype.handleTechClick_=function(t){R(t)&&this.controls_&&(this.paused()?this.play():this.pause())},e.prototype.handleTechTap_=function(){this.userActive(!this.userActive())},e.prototype.handleTechTouchStart_=function(){this.userWasActive=this.userActive()},e.prototype.handleTechTouchMove_=function(){this.userWasActive&&this.reportUserActivity()},e.prototype.handleTechTouchEnd_=function(t){t.preventDefault()},e.prototype.handleFullscreenChange_=function(){this.isFullscreen()?this.addClass("vjs-fullscreen"):this.removeClass("vjs-fullscreen")},e.prototype.handleStageClick_=function(){this.reportUserActivity()},e.prototype.handleTechFullscreenChange_=function(t,e){e&&this.isFullscreen(e.isFullscreen),this.trigger("fullscreenchange")},e.prototype.handleTechError_=function(){var t=this.tech_.error();this.error(t)},e.prototype.handleTechTextData_=function(){var t=null;arguments.length>1&&(t=arguments[1]),this.trigger("textdata",t)},e.prototype.getCache=function(){return this.cache_},e.prototype.techCall_=function(t,e){this.ready(function(){if(t in Qn)return Yt(this.middleware_,this.tech_,t,e);if(t in Zn)return Gt(this.middleware_,this.tech_,t,e);try{this.tech_&&this.tech_[t](e)}catch(t){throw tr(t),t}},!0)},e.prototype.techGet_=function(t){if(this.tech_&&this.tech_.isReady_){if(t in Jn)return Kt(this.middleware_,this.tech_,t);if(t in Zn)return Gt(this.middleware_,this.tech_,t);try{return this.tech_[t]()}catch(e){if(void 0===this.tech_[t])throw tr("Video.js: "+t+" method not defined for "+this.techName_+" playback technology.",e),e;if("TypeError"===e.name)throw tr("Video.js: "+t+" unavailable on "+this.techName_+" playback technology element.",e),this.tech_.isReady_=!1,e;throw tr(e),e}}},e.prototype.play=function(){var t=this;if(this.playOnLoadstart_&&this.off("loadstart",this.playOnLoadstart_),this.isReady_){if(!this.changingSrc_&&(this.src()||this.currentSrc()))return this.techGet_("play");this.playOnLoadstart_=function(){t.playOnLoadstart_=null,ct(t.play())},this.one("loadstart",this.playOnLoadstart_)}else{if(this.playWaitingForReady_)return;this.playWaitingForReady_=!0,this.ready(function(){t.playWaitingForReady_=!1,ct(t.play())})}},e.prototype.pause=function(){this.techCall_("pause")},e.prototype.paused=function(){return!1!==this.techGet_("paused")},e.prototype.played=function(){return this.techGet_("played")||it(0,0)},e.prototype.scrubbing=function(t){if(void 0===t)return this.scrubbing_;this.scrubbing_=!!t,t?this.addClass("vjs-scrubbing"):this.removeClass("vjs-scrubbing")},e.prototype.currentTime=function(t){return void 0!==t?(t<0&&(t=0),void this.techCall_("setCurrentTime",t)):(this.cache_.currentTime=this.techGet_("currentTime")||0,this.cache_.currentTime)},e.prototype.duration=function(t){if(void 0===t)return void 0!==this.cache_.duration?this.cache_.duration:NaN;t=parseFloat(t),t<0&&(t=1/0),t!==this.cache_.duration&&(this.cache_.duration=t,t===1/0?this.addClass("vjs-live"):this.removeClass("vjs-live"),this.trigger("durationchange"))},e.prototype.remainingTime=function(){return this.duration()-this.currentTime()},e.prototype.remainingTimeDisplay=function(){return Math.floor(this.duration())-Math.floor(this.currentTime())},e.prototype.buffered=function(){var t=this.techGet_("buffered");return t&&t.length||(t=it(0,0)),t},e.prototype.bufferedPercent=function(){return ot(this.buffered(),this.duration())},e.prototype.bufferedEnd=function(){var t=this.buffered(),e=this.duration(),r=t.end(t.length-1);return r>e&&(r=e),r},e.prototype.volume=function(t){var e=void 0;return void 0!==t?(e=Math.max(0,Math.min(1,parseFloat(t))),this.cache_.volume=e,this.techCall_("setVolume",e),void(e>0&&this.lastVolume_(e))):(e=parseFloat(this.techGet_("volume")),isNaN(e)?1:e)},e.prototype.muted=function(t){return void 0!==t?void this.techCall_("setMuted",t):this.techGet_("muted")||!1},e.prototype.defaultMuted=function(t){return void 0!==t?this.techCall_("setDefaultMuted",t):this.techGet_("defaultMuted")||!1},e.prototype.lastVolume_=function(t){return void 0!==t&&0!==t?void(this.cache_.lastVolume=t):this.cache_.lastVolume},e.prototype.supportsFullScreen=function(){return this.techGet_("supportsFullScreen")||!1},e.prototype.isFullscreen=function(t){return void 0!==t?void(this.isFullscreen_=!!t):!!this.isFullscreen_},e.prototype.requestFullscreen=function(){var t=Or;this.isFullscreen(!0),t.requestFullscreen?(X(_e,t.fullscreenchange,gr(this,function e(r){this.isFullscreen(_e[t.fullscreenElement]),!1===this.isFullscreen()&&q(_e,t.fullscreenchange,e),this.trigger("fullscreenchange")})),this.el_[t.requestFullscreen]()):this.tech_.supportsFullScreen()?this.techCall_("enterFullScreen"):(this.enterFullWindow(),this.trigger("fullscreenchange"))},e.prototype.exitFullscreen=function(){var t=Or;this.isFullscreen(!1),t.requestFullscreen?_e[t.exitFullscreen]():this.tech_.supportsFullScreen()?this.techCall_("exitFullScreen"):(this.exitFullWindow(),this.trigger("fullscreenchange"))},e.prototype.enterFullWindow=function(){this.isFullWindow=!0,this.docOrigOverflow=_e.documentElement.style.overflow,X(_e,"keydown",gr(this,this.fullWindowOnEscKey)),_e.documentElement.style.overflow="hidden",_(_e.body,"vjs-full-window"),this.trigger("enterFullWindow")},e.prototype.fullWindowOnEscKey=function(t){27===t.keyCode&&(!0===this.isFullscreen()?this.exitFullscreen():this.exitFullWindow())},e.prototype.exitFullWindow=function(){this.isFullWindow=!1,q(_e,"keydown",this.fullWindowOnEscKey),_e.documentElement.style.overflow=this.docOrigOverflow,b(_e.body,"vjs-full-window"),this.trigger("exitFullWindow")},e.prototype.canPlayType=function(t){for(var e=void 0,r=0,n=this.options_.techOrder;r<n.length;r++){var i=n[r],o=Kn.getTech(i);if(o||(o=Pr.getComponent(i)),o){if(o.isSupported()&&(e=o.canPlayType(t)))return e}else tr.error('The "'+i+'" tech is undefined. Skipped browser support check for that tech.')}return""},e.prototype.selectSource=function(t){var e=this,r=this.options_.techOrder.map(function(t){return[t,Kn.getTech(t)]}).filter(function(t){var e=t[0],r=t[1];return r?r.isSupported():(tr.error('The "'+e+'" tech is undefined. Skipped browser support check for that tech.'),!1)}),n=function(t,e,r){var n=void 0;return t.some(function(t){return e.some(function(e){if(n=r(t,e))return!0})}),n},i=function(t,r){var n=t[0];if(t[1].canPlaySource(r,e.options_[n.toLowerCase()]))return{source:r,tech:n}};return(this.options_.sourceOrder?n(t,r,function(t){return function(e,r){return t(r,e)}}(i)):n(r,t,i))||!1},e.prototype.src=function(t){var e=this;if(void 0===t)return this.cache_.src||"";var r=ei(t);if(!r.length)return void this.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0);this.cache_.sources=r,this.changingSrc_=!0,this.cache_.source=r[0],Xt(this,r[0],function(t,n){if(e.middleware_=n,e.src_(t))return r.length>1?e.src(r.slice(1)):(e.setTimeout(function(){this.error({code:4,message:this.localize(this.options_.notSupportedMessage)})},0),void e.triggerReady());e.changingSrc_=!1,e.cache_.src=t.src,qt(n,e.tech_)})},e.prototype.src_=function(t){var e=this.selectSource([t]);return!e||(Z(e.tech,this.techName_)?(this.ready(function(){this.tech_.constructor.prototype.hasOwnProperty("setSource")?this.techCall_("setSource",t):this.techCall_("src",t.src),"auto"===this.options_.preload&&this.load()},!0),!1):(this.changingSrc_=!0,this.loadTech_(e.tech,e.source),!1))},e.prototype.load=function(){this.techCall_("load")},e.prototype.reset=function(){this.loadTech_(this.options_.techOrder[0],null),this.techCall_("reset")},e.prototype.currentSources=function(){var t=this.currentSource(),e=[];return 0!==Object.keys(t).length&&e.push(t),this.cache_.sources||e},e.prototype.currentSource=function(){return this.cache_.source||{}},e.prototype.currentSrc=function(){return this.currentSource()&&this.currentSource().src||""},e.prototype.currentType=function(){return this.currentSource()&&this.currentSource().type||""},e.prototype.preload=function(t){return void 0!==t?(this.techCall_("setPreload",t),void(this.options_.preload=t)):this.techGet_("preload")},e.prototype.autoplay=function(t){return void 0!==t?(this.techCall_("setAutoplay",t),void(this.options_.autoplay=t)):this.techGet_("autoplay",t)},e.prototype.playsinline=function(t){return void 0!==t?(this.techCall_("setPlaysinline",t),this.options_.playsinline=t,this):this.techGet_("playsinline")},e.prototype.loop=function(t){return void 0!==t?(this.techCall_("setLoop",t),void(this.options_.loop=t)):this.techGet_("loop")},e.prototype.poster=function(t){if(void 0===t)return this.poster_;t||(t=""),t!==this.poster_&&(this.poster_=t,this.techCall_("setPoster",t),this.isPosterFromTech_=!1,this.trigger("posterchange"))},e.prototype.handleTechPosterChange_=function(){if((!this.poster_||this.options_.techCanOverridePoster)&&this.tech_&&this.tech_.poster){var t=this.tech_.poster()||"";t!==this.poster_&&(this.poster_=t,this.isPosterFromTech_=!0,this.trigger("posterchange"))}},e.prototype.controls=function(t){if(void 0===t)return!!this.controls_;t=!!t,this.controls_!==t&&(this.controls_=t,this.usingNativeControls()&&this.techCall_("setControls",t),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.prototype.usingNativeControls=function(t){if(void 0===t)return!!this.usingNativeControls_;t=!!t,this.usingNativeControls_!==t&&(this.usingNativeControls_=t,this.usingNativeControls_?(this.addClass("vjs-using-native-controls"),this.trigger("usingnativecontrols")):(this.removeClass("vjs-using-native-controls"),this.trigger("usingcustomcontrols")))},e.prototype.error=function(t){return void 0===t?this.error_||null:null===t?(this.error_=t,this.removeClass("vjs-error"),void(this.errorDisplay&&this.errorDisplay.close())):(this.error_=new st(t),this.addClass("vjs-error"),tr.error("(CODE:"+this.error_.code+" "+st.errorTypes[this.error_.code]+")",this.error_.message,this.error_),void this.trigger("error"))},e.prototype.reportUserActivity=function(t){this.userActivity_=!0},e.prototype.userActive=function(t){if(void 0===t)return this.userActive_;if((t=!!t)!==this.userActive_){if(this.userActive_=t,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(t){t.stopPropagation(),t.preventDefault()}),this.userActivity_=!1,this.removeClass("vjs-user-active"),this.addClass("vjs-user-inactive"),this.trigger("userinactive")}},e.prototype.listenForUserActivity_=function(){var t=void 0,e=void 0,r=void 0,n=gr(this,this.reportUserActivity),i=function(t){t.screenX===e&&t.screenY===r||(e=t.screenX,r=t.screenY,n())},o=function(){n(),this.clearInterval(t),t=this.setInterval(n,250)},s=function(e){n(),this.clearInterval(t)};this.on("mousedown",o),this.on("mousemove",i),this.on("mouseup",s),this.on("keydown",n),this.on("keyup",n);var a=void 0;this.setInterval(function(){if(this.userActivity_){this.userActivity_=!1,this.userActive(!0),this.clearTimeout(a);var t=this.options_.inactivityTimeout;t<=0||(a=this.setTimeout(function(){this.userActivity_||this.userActive(!1)},t))}},250)},e.prototype.playbackRate=function(t){return void 0!==t?void this.techCall_("setPlaybackRate",t):this.tech_&&this.tech_.featuresPlaybackRate?this.techGet_("playbackRate"):1},e.prototype.defaultPlaybackRate=function(t){return void 0!==t?this.techCall_("setDefaultPlaybackRate",t):this.tech_&&this.tech_.featuresPlaybackRate?this.techGet_("defaultPlaybackRate"):1},e.prototype.isAudio=function(t){return void 0!==t?void(this.isAudio_=!!t):!!this.isAudio_},e.prototype.addTextTrack=function(t,e,r){if(this.tech_)return this.tech_.addTextTrack(t,e,r)},e.prototype.addRemoteTextTrack=function(t,e){if(this.tech_)return this.tech_.addRemoteTextTrack(t,e)},e.prototype.removeRemoteTextTrack=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.track,r=void 0===e?arguments[0]:e;if(this.tech_)return this.tech_.removeRemoteTextTrack(r)},e.prototype.getVideoPlaybackQuality=function(){return this.techGet_("getVideoPlaybackQuality")},e.prototype.videoWidth=function(){return this.tech_&&this.tech_.videoWidth&&this.tech_.videoWidth()||0},e.prototype.videoHeight=function(){return this.tech_&&this.tech_.videoHeight&&this.tech_.videoHeight()||0},e.prototype.language=function(t){if(void 0===t)return this.language_;this.language_=String(t).toLowerCase()},e.prototype.languages=function(){return tt(e.prototype.options_.languages,this.languages_)},e.prototype.toJSON=function(){var t=tt(this.options_),e=t.tracks;t.tracks=[];for(var r=0;r<e.length;r++){var n=e[r];n=tt(n),n.player=void 0,t.tracks[r]=n}return t},e.prototype.createModal=function(t,e){var r=this;e=e||{},e.content=t||"";var n=new Ur(this,e);return this.addChild(n),n.on("dispose",function(){r.removeChild(n)}),n.open(),n},e.getTagSettings=function(t){var e={sources:[],tracks:[]},r=k(t),i=r["data-setup"];if(m(t,"vjs-fluid")&&(r.fluid=!0),null!==i){var o=Br(i||"{}"),s=o[0],a=o[1];s&&tr.error(s),n(r,a)}if(n(e,r),t.hasChildNodes())for(var l=t.childNodes,c=0,u=l.length;c<u;c++){var h=l[c],p=h.nodeName.toLowerCase();"source"===p?e.sources.push(k(h)):"track"===p&&e.tracks.push(k(h))}return e},e.prototype.flexNotSupported_=function(){var t=_e.createElement("i");return!("flexBasis"in t.style||"webkitFlexBasis"in t.style||"mozFlexBasis"in t.style||"msFlexBasis"in t.style||"msFlexOrder"in t.style)},e}(Pr);Mn.names.forEach(function(t){var e=Mn[t];jo.prototype[e.getterName]=function(){return this.tech_?this.tech_[e.getterName]():(this[e.privateName]=this[e.privateName]||new e.ListClass,this[e.privateName])}}),jo.players={};var Ao=fe.navigator;jo.prototype.options_={techOrder:Kn.defaultTechOrder_,html5:{},flash:{},inactivityTimeout:2e3,playbackRates:[],children:["mediaLoader","posterImage","textTrackDisplay","loadingSpinner","bigPlayButton","controlBar","errorDisplay","textTrackSettings"],language:Ao&&(Ao.languages&&Ao.languages[0]||Ao.userLanguage||Ao.language)||"en",languages:{},notSupportedMessage:"No compatible source was found for this media."},Le||jo.prototype.options_.children.push("resizeManager"),["ended","seeking","seekable","networkState","readyState"].forEach(function(t){jo.prototype[t]=function(){return this.techGet_(t)}}),xo.forEach(function(t){jo.prototype["handleTech"+Q(t)+"_"]=function(){return this.trigger(t)}}),Pr.registerComponent("Player",jo);var Po={},Oo=function(t){return Po.hasOwnProperty(t)},Mo=function(t){return Oo(t)?Po[t]:void 0},No=function(t,e){t.activePlugins_=t.activePlugins_||{},t.activePlugins_[e]=!0},Io=function(t,e,r){var n=(r?"before":"")+"pluginsetup";t.trigger(n,e),t.trigger(n+":"+e.name,e)},Do=function(t,e){var r=function(){Io(this,{name:t,plugin:e,instance:null},!0);var r=e.apply(this,arguments);return No(this,t),Io(this,{name:t,plugin:e,instance:r}),r};return Object.keys(e).forEach(function(t){r[t]=e[t]}),r},Lo=function(t,e){return e.prototype.name=t,function(){Io(this,{name:t,plugin:e,instance:null},!0);for(var r=arguments.length,n=Array(r),i=0;i<r;i++)n[i]=arguments[i];var o=new(Function.prototype.bind.apply(e,[null].concat([this].concat(n))));return this[t]=function(){return o},Io(this,o.getEventHash()),o}},Ro=function(){function t(e){if(Ue(this,t),this.constructor===t)throw new Error("Plugin must be sub-classed; not directly instantiated.");this.player=e,$(this),delete this.trigger,J(this,this.constructor.defaultState),No(e,this.name),this.dispose=gr(this,this.dispose),e.on("dispose",this.dispose)}return t.prototype.version=function(){return this.constructor.VERSION},t.prototype.getEventHash=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return t.name=this.name,t.plugin=this.constructor,t.instance=this,t},t.prototype.trigger=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return K(this.eventBusEl_,t,this.getEventHash(e))},t.prototype.handleStateChanged=function(t){},t.prototype.dispose=function(){var t=this.name,e=this.player;this.trigger("dispose"),this.off(),e.off("dispose",this.dispose),e.activePlugins_[t]=!1,this.player=this.state=null,e[t]=Lo(t,Po[t])},t.isBasic=function(e){var r="string"==typeof e?Mo(e):e;return"function"==typeof r&&!t.prototype.isPrototypeOf(r.prototype)},t.registerPlugin=function(e,r){if("string"!=typeof e)throw new Error('Illegal plugin name, "'+e+'", must be a string, was '+(void 0===e?"undefined":We(e))+".");if(Oo(e))tr.warn('A plugin named "'+e+'" already exists. You may want to avoid re-registering plugins!');else if(jo.prototype.hasOwnProperty(e))throw new Error('Illegal plugin name, "'+e+'", cannot share a name with an existing player method!');if("function"!=typeof r)throw new Error('Illegal plugin for "'+e+'", must be a function, was '+(void 0===r?"undefined":We(r))+".");return Po[e]=r,"plugin"!==e&&(t.isBasic(r)?jo.prototype[e]=Do(e,r):jo.prototype[e]=Lo(e,r)),r},t.deregisterPlugin=function(t){if("plugin"===t)throw new Error("Cannot de-register base plugin.");Oo(t)&&(delete Po[t],delete jo.prototype[t])},t.getPlugins=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Object.keys(Po),e=void 0;return t.forEach(function(t){var r=Mo(t);r&&(e=e||{},e[t]=r)}),e},t.getPluginVersion=function(t){var e=Mo(t);return e&&e.VERSION||""},t}();Ro.getPlugin=Mo,Ro.BASE_PLUGIN_NAME="plugin",
-Ro.registerPlugin("plugin",Ro),jo.prototype.usingPlugin=function(t){return!!this.activePlugins_&&!0===this.activePlugins_[t]},jo.prototype.hasPlugin=function(t){return!!Oo(t)};var Bo=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+(void 0===e?"undefined":We(e)));t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(t.super_=e)},Fo=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=function(){t.apply(this,arguments)},n={};"object"===(void 0===e?"undefined":We(e))?(e.constructor!==Object.prototype.constructor&&(r=e.constructor),n=e):"function"==typeof e&&(r=e),Bo(r,t);for(var i in n)n.hasOwnProperty(i)&&(r.prototype[i]=n[i]);return r};"undefined"==typeof HTMLVideoElement&&h()&&(_e.createElement("video"),_e.createElement("audio"),_e.createElement("track"),_e.createElement("video-js"));var Ho=function(t){return 0===t.indexOf("#")?t.slice(1):t};if(ce.hooks_={},ce.hooks=function(t,e){return ce.hooks_[t]=ce.hooks_[t]||[],e&&(ce.hooks_[t]=ce.hooks_[t].concat(e)),ce.hooks_[t]},ce.hook=function(t,e){ce.hooks(t,e)},ce.hookOnce=function(t,e){ce.hooks(t,[].concat(e).map(function(e){return function r(){return ce.removeHook(t,r),e.apply(void 0,arguments)}}))},ce.removeHook=function(t,e){var r=ce.hooks(t).indexOf(e);return!(r<=-1)&&(ce.hooks_[t]=ce.hooks_[t].slice(),ce.hooks_[t].splice(r,1),!0)},!0!==fe.VIDEOJS_NO_DYNAMIC_STYLE&&h()){var Vo=nr(".vjs-styles-defaults");if(!Vo){Vo=vr("vjs-styles-defaults");var zo=nr("head");zo&&zo.insertBefore(Vo,zo.firstChild),yr(Vo,"\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ")}}return G(1,ce),ce.VERSION=he,ce.options=jo.prototype.options_,ce.getPlayers=function(){return jo.players},ce.getPlayer=function(t){var e=jo.players,r=void 0;if("string"==typeof t){var n=Ho(t),i=e[n];if(i)return i;r=nr("#"+n)}else r=t;if(p(r)){var o=r,s=o.player,a=o.playerId;if(s||e[a])return s||e[a]}},ce.getAllPlayers=function(){return Object.keys(jo.players).map(function(t){return jo.players[t]}).filter(Boolean)},ce.players=jo.players,ce.getComponent=Pr.getComponent,ce.registerComponent=function(t,e){Kn.isTech(e)&&tr.warn("The "+t+" tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)"),Pr.registerComponent.call(Pr,t,e)},ce.getTech=Kn.getTech,ce.registerTech=Kn.registerTech,ce.use=Ut,!Le&&Object.defineProperty?(Object.defineProperty(ce,"middleware",{value:{},writeable:!1,enumerable:!0}),Object.defineProperty(ce.middleware,"TERMINATOR",{value:$n,writeable:!1,enumerable:!0})):ce.middleware={TERMINATOR:$n},ce.browser=ze,ce.TOUCH_ENABLED=He,ce.extend=Fo,ce.mergeOptions=tt,ce.bind=gr,ce.registerPlugin=Ro.registerPlugin,ce.plugin=function(t,e){return tr.warn("videojs.plugin() is deprecated; use videojs.registerPlugin() instead"),Ro.registerPlugin(t,e)},ce.getPlugins=Ro.getPlugins,ce.getPlugin=Ro.getPlugin,ce.getPluginVersion=Ro.getPluginVersion,ce.addLanguage=function(t,e){var r;return t=(""+t).toLowerCase(),ce.options.languages=tt(ce.options.languages,(r={},r[t]=e,r)),ce.options.languages[t]},ce.log=tr,ce.createTimeRange=ce.createTimeRanges=it,ce.formatTime=fi,ce.setFormatTime=ie,ce.resetFormatTime=oe,ce.parseUrl=sn,ce.isCrossOrigin=cn,ce.EventTarget=br,ce.on=X,ce.one=Y,ce.off=q,ce.trigger=K,ce.xhr=Tn,ce.TextTrack=wn,ce.AudioTrack=En,ce.VideoTrack=Sn,["isEl","isTextNode","createEl","hasClass","addClass","removeClass","toggleClass","setAttributes","getAttributes","emptyEl","appendContent","insertContent"].forEach(function(t){ce[t]=function(){return tr.warn("videojs."+t+"() is deprecated; use videojs.dom."+t+"() instead"),or[t].apply(null,arguments)}}),ce.computedStyle=a,ce.dom=or,ce.url=un,ce});
diff --git a/pod/video/static/player/videojs-contrib-quality-levels.min.js b/pod/video/static/player/videojs-contrib-quality-levels.min.js
new file mode 100644
index 0000000000..f0015b89c0
--- /dev/null
+++ b/pod/video/static/player/videojs-contrib-quality-levels.min.js
@@ -0,0 +1,2 @@
+/*! @name videojs-contrib-quality-levels @version 2.0.9 @license Apache-2.0 */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("video.js"),require("global/document")):"function"==typeof define&&define.amd?define(["video.js","global/document"],t):e.videojsContribQualityLevels=t(e.videojs,e.document)}(this,function(e,t){"use strict";function n(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}e=e&&e.hasOwnProperty("default")?e.default:e,t=t&&t.hasOwnProperty("default")?t.default:t;var r=function(r){var i,l;function o(){var i,l=n(n(i=r.call(this)||this));if(e.browser.IS_IE8)for(var s in l=t.createElement("custom"),o.prototype)"constructor"!==s&&(l[s]=o.prototype[s]);return l.levels_=[],l.selectedIndex_=-1,Object.defineProperty(l,"selectedIndex",{get:function(){return l.selectedIndex_}}),Object.defineProperty(l,"length",{get:function(){return l.levels_.length}}),l||n(i)}l=r,(i=o).prototype=Object.create(l.prototype),i.prototype.constructor=i,i.__proto__=l;var s=o.prototype;return s.addQualityLevel=function(n){var r=this.getQualityLevelById(n.id);if(r)return r;var i=this.levels_.length;return r=new function n(r){var i=this;if(e.browser.IS_IE8)for(var l in i=t.createElement("custom"),n.prototype)"constructor"!==l&&(i[l]=n.prototype[l]);return i.id=r.id,i.label=i.id,i.width=r.width,i.height=r.height,i.bitrate=r.bandwidth,i.enabled_=r.enabled,Object.defineProperty(i,"enabled",{get:function(){return i.enabled_()},set:function(e){i.enabled_(e)}}),i}(n),""+i in this||Object.defineProperty(this,i,{get:function(){return this.levels_[i]}}),this.levels_.push(r),this.trigger({qualityLevel:r,type:"addqualitylevel"}),r},s.removeQualityLevel=function(e){for(var t=null,n=0,r=this.length;n<r;n++)if(this[n]===e){t=this.levels_.splice(n,1)[0],this.selectedIndex_===n?this.selectedIndex_=-1:this.selectedIndex_>n&&this.selectedIndex_--;break}return t&&this.trigger({qualityLevel:e,type:"removequalitylevel"}),t},s.getQualityLevelById=function(e){for(var t=0,n=this.length;t<n;t++){var r=this[t];if(r.id===e)return r}return null},s.dispose=function(){this.selectedIndex_=-1,this.levels_.length=0},o}(e.EventTarget);for(var i in r.prototype.allowedEvents_={change:"change",addqualitylevel:"addqualitylevel",removequalitylevel:"removequalitylevel"},r.prototype.allowedEvents_)r.prototype["on"+i]=null;var l=function(t){return n=this,e.mergeOptions({},t),i=n.qualityLevels,l=new r,n.on("dispose",function e(){l.dispose(),n.qualityLevels=i,n.off("dispose",e)}),n.qualityLevels=function(){return l},n.qualityLevels.VERSION="2.0.9",l;var n,i,l};return(e.registerPlugin||e.plugin)("qualityLevels",l),l.VERSION="2.0.9",l});
diff --git a/pod/video/static/player/videojs-hls-quality-selector.css b/pod/video/static/player/videojs-hls-quality-selector.css
new file mode 100644
index 0000000000..c4314e7ffa
--- /dev/null
+++ b/pod/video/static/player/videojs-hls-quality-selector.css
@@ -0,0 +1,7 @@
+/**
+ * videojs-hls-quality-selector
+ * @version 1.1.4
+ * @copyright 2020 Chris Boustead (chris@forgemotion.com)
+ * @license MIT
+ */
+.video-js.vjs-hls-quality-selector{display:block}
diff --git a/pod/video/static/player/videojs-hls-quality-selector.min.js b/pod/video/static/player/videojs-hls-quality-selector.min.js
new file mode 100644
index 0000000000..480cc54309
--- /dev/null
+++ b/pod/video/static/player/videojs-hls-quality-selector.min.js
@@ -0,0 +1,7 @@
+/**
+ * videojs-hls-quality-selector
+ * @version 1.1.4
+ * @copyright 2020 Chris Boustead (chris@forgemotion.com)
+ * @license MIT
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],e):t.videojsHlsQualitySelector=e(t.videojs)}(this,function(o){"use strict";o=o&&o.hasOwnProperty("default")?o.default:o;var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l=(function(){function a(t){this.value=t}function t(o){var r,u;function l(t,e){try{var n=o[t](e),i=n.value;i instanceof a?Promise.resolve(i.value).then(function(t){l("next",t)},function(t){l("throw",t)}):s(n.done?"return":"normal",n.value)}catch(t){s("throw",t)}}function s(t,e){switch(t){case"return":r.resolve({value:e,done:!0});break;case"throw":r.reject(e);break;default:r.resolve({value:e,done:!1})}(r=r.next)?l(r.key,r.arg):u=null}this._invoke=function(i,o){return new Promise(function(t,e){var n={key:i,arg:o,resolve:t,reject:e,next:null};u?u=u.next=n:(r=u=n,l(i,o))})},"function"!=typeof o.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(t.prototype[Symbol.asyncIterator]=function(){return this}),t.prototype.next=function(t){return this._invoke("next",t)},t.prototype.throw=function(t){return this._invoke("throw",t)},t.prototype.return=function(t){return this._invoke("return",t)}}(),function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}),t=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},s=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},e=o.getComponent("MenuButton"),r=o.getComponent("Menu"),a=o.getComponent("Component"),c=o.dom;var h=function(e){function n(t){return l(this,n),s(this,e.call(this,t,{title:t.localize("Quality"),name:"QualityButton"}))}return t(n,e),n.prototype.createItems=function(){return[]},n.prototype.createMenu=function(){var t,e=new r(this.player_,{menuButton:this});if(this.hideThreshold_=0,this.options_.title){var n=c.createEl("li",{className:"vjs-menu-title",innerHTML:(t=this.options_.title,"string"!=typeof t?t:t.charAt(0).toUpperCase()+t.slice(1)),tabIndex:-1}),i=new a(this.player_,{el:n});this.hideThreshold_+=1,e.addItem(i)}if(this.items=this.createItems(),this.items)for(var o=0;o<this.items.length;o++)e.addItem(this.items[o]);return e},n}(e),i=function(r){function u(t,e,n,i){l(this,u);var o=s(this,r.call(this,t,{label:e.label,selectable:!0,selected:e.selected||!1}));return o.item=e,o.qualityButton=n,o.plugin=i,o}return t(u,r),u.prototype.handleClick=function(){for(var t=0;t<this.qualityButton.items.length;++t)this.qualityButton.items[t].selected(!1);this.plugin.setQuality(this.item.value),this.selected(!0)},u}(o.getComponent("MenuItem")),y={},n=o.registerPlugin||o.plugin,f=function(){function n(t,e){l(this,n),this.player=t,this.config=e,this.player.qualityLevels&&this.getHls()&&(this.createQualityButton(),this.bindPlayerEvents())}return n.prototype.getHls=function(){return this.player.tech({IWillNotUseThisInPlugins:!0}).hls},n.prototype.bindPlayerEvents=function(){this.player.qualityLevels().on("addqualitylevel",this.onAddQualityLevel.bind(this))},n.prototype.createQualityButton=function(){var t=this.player;this._qualityButton=new h(t);var e=t.controlBar.children().length-2,n=t.controlBar.addChild(this._qualityButton,{componentClass:"qualitySelector"},this.config.placementIndex||e);if(n.addClass("vjs-quality-selector"),this.config.displayCurrentQuality)this.setButtonInnerText("auto");else{var i=" "+(this.config.vjsIconClass||"vjs-icon-hd");n.menuButton_.$(".vjs-icon-placeholder").className+=i}n.removeClass("vjs-hidden")},n.prototype.setButtonInnerText=function(t){this._qualityButton.menuButton_.$(".vjs-icon-placeholder").innerHTML=t},n.prototype.getQualityMenuItem=function(t){var e=this.player;return new i(e,t,this._qualityButton,this)},n.prototype.onAddQualityLevel=function(){for(var n=this,t=this.player,i=t.qualityLevels().levels_||[],o=[],e=function(e){if(!o.filter(function(t){return t.item&&t.item.value===i[e].height}).length){var t=n.getQualityMenuItem.call(n,{label:i[e].height+"p",value:i[e].height});o.push(t)}},r=0;r<i.length;++r)e(r);o.sort(function(t,e){return"object"!==(void 0===t?"undefined":u(t))||"object"!==(void 0===e?"undefined":u(e))?-1:t.item.value<e.item.value?-1:t.item.value>e.item.value?1:0}),o.push(this.getQualityMenuItem.call(this,{label:t.localize("Auto"),value:"auto",selected:!0})),this._qualityButton&&(this._qualityButton.createItems=function(){return o},this._qualityButton.update())},n.prototype.setQuality=function(t){var e=this.player.qualityLevels();this._currentQuality=t,this.config.displayCurrentQuality&&this.setButtonInnerText("auto"===t?t:t+"p");for(var n=0;n<e.length;++n){var i=e[n];i.enabled=i.height===t||"auto"===t}this._qualityButton.unpressButton()},n.prototype.getCurrentQuality=function(){return this._currentQuality||"auto"},n}(),p=function(n){var i=this;this.ready(function(){var t,e;t=i,e=o.mergeOptions(y,n),t.addClass("vjs-hls-quality-selector"),t.hlsQualitySelector=new f(t,e)})};return n("hlsQualitySelector",p),p.VERSION="1.1.4",p});
\ No newline at end of file
diff --git a/pod/video/static/player/videojs-seek-buttons.css b/pod/video/static/player/videojs-seek-buttons.css
new file mode 100644
index 0000000000..fba4927b7e
--- /dev/null
+++ b/pod/video/static/player/videojs-seek-buttons.css
@@ -0,0 +1,2 @@
+/*! @name videojs-seek-buttons @version 1.6.0 @license Apache-2.0 */
+@import url(https://fonts.googleapis.com/css?family=Material+Icons);.video-js .vjs-seek-button{font-family:'Material Icons';cursor:pointer}.video-js .vjs-seek-button.skip-back::before{content:'\e042'}.video-js .vjs-seek-button.skip-back.skip-10::before,.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-10 .vjs-icon-placeholder::before,.video-js.vjs-v7 .vjs-seek-button.skip-back.skip-10 .vjs-icon-placeholder::before{content:'\e059'}.video-js .vjs-seek-button.skip-back.skip-5::before,.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-5 .vjs-icon-placeholder::before,.video-js.vjs-v7 .vjs-seek-button.skip-back.skip-5 .vjs-icon-placeholder::before{content:'\e05b'}.video-js .vjs-seek-button.skip-back.skip-30::before,.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-30 .vjs-icon-placeholder::before,.video-js.vjs-v7 .vjs-seek-button.skip-back.skip-30 .vjs-icon-placeholder::before{content:'\e05a'}.video-js .vjs-seek-button.skip-forward::before{content:'\e5d5'}.video-js .vjs-seek-button.skip-forward.skip-10::before,.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-10 .vjs-icon-placeholder::before,.video-js.vjs-v7 .vjs-seek-button.skip-forward.skip-10 .vjs-icon-placeholder::before{content:'\e056'}.video-js .vjs-seek-button.skip-forward.skip-5::before,.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-5 .vjs-icon-placeholder::before,.video-js.vjs-v7 .vjs-seek-button.skip-forward.skip-5 .vjs-icon-placeholder::before{content:'\e058'}.video-js .vjs-seek-button.skip-forward.skip-30::before,.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-30 .vjs-icon-placeholder::before,.video-js.vjs-v7 .vjs-seek-button.skip-forward.skip-30 .vjs-icon-placeholder::before{content:'\e057'}.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-10::before,.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-30::before,.video-js.vjs-v6 .vjs-seek-button.skip-back.skip-5::before,.video-js.vjs-v6 .vjs-seek-button.skip-back::before,.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-10::before,.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-30::before,.video-js.vjs-v6 .vjs-seek-button.skip-forward.skip-5::before,.video-js.vjs-v6 .vjs-seek-button.skip-forward::before,.video-js.vjs-v7 .vjs-seek-button.skip-back.skip-10::before,.video-js.vjs-v7 .vjs-seek-button.skip-back.skip-30::before,.video-js.vjs-v7 .vjs-seek-button.skip-back.skip-5::before,.video-js.vjs-v7 .vjs-seek-button.skip-back::before,.video-js.vjs-v7 .vjs-seek-button.skip-forward.skip-10::before,.video-js.vjs-v7 .vjs-seek-button.skip-forward.skip-30::before,.video-js.vjs-v7 .vjs-seek-button.skip-forward.skip-5::before,.video-js.vjs-v7 .vjs-seek-button.skip-forward::before{content:none}.video-js.vjs-v6 .vjs-seek-button.skip-back .vjs-icon-placeholder::before,.video-js.vjs-v7 .vjs-seek-button.skip-back .vjs-icon-placeholder::before{content:'\e042'}.video-js.vjs-v6 .vjs-seek-button.skip-forward .vjs-icon-placeholder::before,.video-js.vjs-v7 .vjs-seek-button.skip-forward .vjs-icon-placeholder::before{content:'\e5d5'}
\ No newline at end of file
diff --git a/pod/video/static/player/videojs-seek-buttons.min.js b/pod/video/static/player/videojs-seek-buttons.min.js
new file mode 100644
index 0000000000..ab70812cfe
--- /dev/null
+++ b/pod/video/static/player/videojs-seek-buttons.min.js
@@ -0,0 +1,2 @@
+/*! @name videojs-seek-buttons @version 1.6.0 @license Apache-2.0 */
+!function(o,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],e):(o=o||self).videojsSeekButtons=e(o.videojs)}(this,function(o){"use strict";var e=(o=o&&o.hasOwnProperty("default")?o.default:o).getComponent("Button"),t={forwardIndex:1,backIndex:1},n=o.registerPlugin||o.plugin,r=function(e){var n=this;this.ready(function(){!function(o,e){o.addClass("vjs-seek-buttons"),e.forward&&e.forward>0&&(o.controlBar.seekForward=o.controlBar.addChild("seekButton",{direction:"forward",seconds:e.forward},e.forwardIndex)),e.back&&e.back>0&&(o.controlBar.seekBack=o.controlBar.addChild("seekButton",{direction:"back",seconds:e.back},e.backIndex))}(n,o.mergeOptions(t,e))})};r.VERSION="1.6.0";var s=function(o){var e,t;function n(e,t){var n;return"forward"===(n=o.call(this,e,t)||this).options_.direction?n.controlText(n.localize("Seek forward {{seconds}} seconds").replace("{{seconds}}",n.options_.seconds)):"back"===n.options_.direction&&n.controlText(n.localize("Seek back {{seconds}} seconds").replace("{{seconds}}",n.options_.seconds)),n}t=o,(e=n).prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t;var r=n.prototype;return r.buildCSSClass=function(){return"vjs-seek-button skip-"+this.options_.direction+" skip-"+this.options_.seconds+" "+o.prototype.buildCSSClass.call(this)},r.handleClick=function(){var o=this.player_.currentTime();"forward"===this.options_.direction?this.player_.currentTime(o+this.options_.seconds):"back"===this.options_.direction&&this.player_.currentTime(o-this.options_.seconds)},n}(e);return o.registerComponent("SeekButton",s),n("seekButtons",r),r});
diff --git a/pod/video/static/player/videojs/lang/fr.js b/pod/video/static/player/videojs/lang/fr.js
new file mode 100644
index 0000000000..cf5b57cea6
--- /dev/null
+++ b/pod/video/static/player/videojs/lang/fr.js
@@ -0,0 +1,84 @@
+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/pod/video/static/player/videojs/lang/fr.json b/pod/video/static/player/videojs/lang/fr.json
new file mode 100644
index 0000000000..8bfeafde60
--- /dev/null
+++ b/pod/video/static/player/videojs/lang/fr.json
@@ -0,0 +1,84 @@
+{
+  "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/pod/video/static/player/videojs/video-js.min.css b/pod/video/static/player/videojs/video-js.min.css
new file mode 100644
index 0000000000..17702b1b67
--- /dev/null
+++ b/pod/video/static/player/videojs/video-js.min.css
@@ -0,0 +1 @@
+@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:not(.vjs-ios-native-fs){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/pod/video/static/player/videojs/video.min.js b/pod/video/static/player/videojs/video.min.js
new file mode 100644
index 0000000000..b4f8d6266d
--- /dev/null
+++ b/pod/video/static/player/videojs/video.min.js
@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Video.js 7.10.2 <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(T,d){"use strict";T=T&&Object.prototype.hasOwnProperty.call(T,"default")?T.default:T,d=d&&Object.prototype.hasOwnProperty.call(d,"default")?d.default:d;var h="7.10.2",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 a=l.length-1e3;l.splice(0,0<a?a:0)}if(T.console){var s=T.console[e];s||"debug"!==e||(s=T.console.info||T.console.log),s&&n&&r.test(e)&&s[Array.isArray(i)?"apply":"call"](T.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",a,t)}var r,a="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:a},n.level=function(e){if("string"==typeof e){if(!n.levels.hasOwnProperty(e))throw new Error('"'+e+'" in not a valid log level');a=e}return a},(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",a,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",a,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",a,t)},n}("VIDEOJS"),f=p.createLogger;function t(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function i(e,t){return e(t={exports:{}},t.exports),t.exports}var m=i(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}),n=Object.prototype.toString,a=function(e){return s(e)?Object.keys(e):[]};function r(t,i){a(t).forEach(function(e){return i(t[e],e)})}function g(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?m.apply(void 0,[i].concat(t)):(t.forEach(function(e){e&&r(e,function(e,t){i[t]=e})}),i)}function s(e){return!!e&&"object"==typeof e}function o(e){return s(e)&&"[object Object]"===n.call(e)&&e.constructor===Object}function u(e,t){if(!e||!t)return"";if("function"!=typeof T.getComputedStyle)return"";var i=T.getComputedStyle(e);return i?i.getPropertyValue(t)||i[t]:""}function c(e){return"string"==typeof e&&Boolean(e.trim())}function v(e){if(0<=e.indexOf(" "))throw new Error("class has illegal whitespace characters")}function y(){return d===T.document}function _(e){return s(e)&&1===e.nodeType}function b(){try{return T.parent!==T.self}catch(e){return!0}}function S(n){return function(e,t){if(!c(e))return d[n](null);c(t)&&(t=d.querySelector(t));var i=_(t)?t:d;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=d.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?C(r,t):r[e]!==t&&(r[e]=t)}),Object.getOwnPropertyNames(t).forEach(function(e){r.setAttribute(e,t[e])}),n&&H(r,n),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 v(t),e.classList?e.classList.contains(t):function(e){return new RegExp("(^|\\s)"+e+"($|\\s)")}(t).test(e.className)}function I(e,t){return e.classList?e.classList.add(t):w(e,t)||(e.className=(e.className+" "+t).trim()),e}function A(e,t){return e.classList?e.classList.remove(t):(v(t),e.className=e.className.split(/\s+/).filter(function(e){return e!==t}).join(" ")),e}function x(e,t,i){var n=w(e,t);if("function"==typeof i&&(i=i(e,t)),"boolean"!=typeof i&&(i=!n),i!==n)return i?I(e,t):A(e,t),e}function P(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 L(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 a=n[r].name,s=n[r].value;"boolean"!=typeof e[a]&&-1===i.indexOf(","+a+",")||(s=null!==s),t[a]=s}return t}function O(e,t){return e.getAttribute(t)}function D(e,t,i){e.setAttribute(t,i)}function M(e,t){e.removeAttribute(t)}function R(){d.body.focus(),d.onselectstart=function(){return!1}}function N(){d.onselectstart=function(){return!0}}function U(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(u(e,"height"))),i.width||(i.width=parseFloat(u(e,"width"))),i}}function F(e){if(!e||e&&!e.offsetParent)return{left:0,top:0,width:0,height:0};for(var t=e.offsetWidth,i=e.offsetHeight,n=0,r=0;n+=e.offsetLeft,r+=e.offsetTop,e=e.offsetParent;);return{left:n,top:r,width:t,height:i}}function B(e,t){var i={},n=F(t.target),r=F(e),a=r.width,s=r.height,o=t.offsetY-(r.top-n.top),u=t.offsetX-(r.left-n.left);return t.changedTouches&&(u=t.changedTouches[0].pageX-r.left,o=t.changedTouches[0].pageY+r.top),i.y=1-Math.max(0,Math.min(1,o/s)),i.x=Math.max(0,Math.min(1,u/a)),i}function j(e){return s(e)&&3===e.nodeType}function V(e){for(;e.firstChild;)e.removeChild(e.firstChild);return e}function q(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)?d.createTextNode(e):void 0}).filter(function(e){return e})}function H(t,e){return q(e).forEach(function(e){return t.appendChild(e)}),t}function W(e,t){return H(V(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 G,X=S("querySelector"),K=S("querySelectorAll"),Y=Object.freeze({__proto__:null,isReal:y,isEl:_,isInFrame:b,createEl:k,textContent:C,prependTo:E,hasClass:w,addClass:I,removeClass:A,toggleClass:x,setAttributes:P,getAttributes:L,getAttribute:O,setAttribute:D,removeAttribute:M,blockTextSelection:R,unblockTextSelection:N,getBoundingClientRect:U,findPosition:F,getPointerPosition:B,isTextNode:j,emptyEl:V,normalizeContent:q,appendContent:H,insertContent:W,isSingleLeftClick:z,$:X,$$:K}),$=!1,Q=function(){if(y()&&!1!==G.options.autoSetup){var e=Array.prototype.slice.call(d.getElementsByTagName("video")),t=Array.prototype.slice.call(d.getElementsByTagName("audio")),i=Array.prototype.slice.call(d.getElementsByTagName("video-js")),n=e.concat(t,i);if(n&&0<n.length)for(var r=0,a=n.length;r<a;r++){var s=n[r];if(!s||!s.getAttribute){J(1);break}void 0===s.player&&null!==s.getAttribute("data-setup")&&G(s)}else $||J(1)}};function J(e,t){t&&(G=t),T.setTimeout(Q,e)}function Z(){$=!0,T.removeEventListener("load",Z)}y()&&("complete"===d.readyState?Z():T.addEventListener("load",Z));function ee(e){var t=d.createElement("style");return t.className=e,t}function te(e,t){e.styleSheet?e.styleSheet.cssText=t:e.textContent=t}var ie,ne=3;function re(){return ne++}T.WeakMap||(ie=function(){function e(){this.vdata="vdata"+Math.floor(T.performance&&T.performance.now()||Date.now()),this.data={}}var t=e.prototype;return t.set=function(e,t){var i=e[this.vdata]||re();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 ae,se=T.WeakMap?new WeakMap:new ie;function oe(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 ue(t,i,e,n){e.forEach(function(e){t(i,e,n)})}function le(e){if(e.fixed_)return e;function t(){return!0}function i(){return!1}if(!e||!e.isPropagationStopped){var n=e||T.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||d),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 a=d.documentElement,s=d.body;e.pageX=e.clientX+(a&&a.scrollLeft||s&&s.scrollLeft||0)-(a&&a.clientLeft||s&&s.clientLeft||0),e.pageY=e.clientY+(a&&a.scrollTop||s&&s.scrollTop||0)-(a&&a.clientTop||s&&s.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 ae){ae=!1;try{var e=Object.defineProperty({},"passive",{get:function(){ae=!0}});T.addEventListener("test",null,e),T.removeEventListener("test",null,e)}catch(e){}}return ae},de=["touchstart","touchmove"];function he(s,e,t){if(Array.isArray(e))return ue(he,s,e,t);se.has(s)||se.set(s,{});var o=se.get(s);if(o.handlers||(o.handlers={}),o.handlers[e]||(o.handlers[e]=[]),t.guid||(t.guid=re()),o.handlers[e].push(t),o.dispatcher||(o.disabled=!1,o.dispatcher=function(e,t){if(!o.disabled){e=le(e);var i=o.handlers[e.type];if(i)for(var n=i.slice(0),r=0,a=n.length;r<a&&!e.isImmediatePropagationStopped();r++)try{n[r].call(s,e,t)}catch(e){p.error(e)}}}),1===o.handlers[e].length)if(s.addEventListener){var i=!1;ce()&&-1<de.indexOf(e)&&(i={passive:!0}),s.addEventListener(e,o.dispatcher,i)}else s.attachEvent&&s.attachEvent("on"+e,o.dispatcher)}function pe(e,t,i){if(se.has(e)){var n=se.get(e);if(n.handlers){if(Array.isArray(t))return ue(pe,e,t,i);var r=function(e,t){n.handlers[t]=[],oe(e,t)};if(void 0!==t){var a=n.handlers[t];if(a)if(i){if(i.guid)for(var s=0;s<a.length;s++)a[s].guid===i.guid&&a.splice(s--,1);oe(e,t)}else r(e,t)}else for(var o in n.handlers)Object.prototype.hasOwnProperty.call(n.handlers||{},o)&&r(e,o)}}}function fe(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=le(t),n.dispatcher&&n.dispatcher.call(e,t,i),r&&!t.isPropagationStopped()&&!0===t.bubbles)fe.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 a=se.get(t.target);t.target[t.type]&&(a.disabled=!0,"function"==typeof t.target[t.type]&&t.target[t.type](),a.disabled=!1)}return!t.defaultPrevented}function me(e,t,i){if(Array.isArray(t))return ue(me,e,t,i);function n(){pe(e,t,n),i.apply(this,arguments)}n.guid=i.guid=i.guid||re(),he(e,t,n)}function ge(e,t,i){function n(){pe(e,t,n),i.apply(this,arguments)}n.guid=i.guid=i.guid||re(),he(e,t,n)}function ve(e,t,i){t.guid||(t.guid=re());var n=t.bind(e);return n.guid=i?i+"_"+t.guid:t.guid,n}function ye(t,i){var n=T.performance.now();return function(){var e=T.performance.now();i<=e-n&&(t.apply(void 0,arguments),n=e)}}function _e(){}var be,Te=Object.freeze({__proto__:null,fixEvent:le,on:he,off:pe,trigger:fe,one:me,any:ge});_e.prototype.allowedEvents_={},_e.prototype.addEventListener=_e.prototype.on=function(e,t){var i=this.addEventListener;this.addEventListener=function(){},he(this,e,t),this.addEventListener=i},_e.prototype.removeEventListener=_e.prototype.off=function(e,t){pe(this,e,t)},_e.prototype.one=function(e,t){var i=this.addEventListener;this.addEventListener=function(){},me(this,e,t),this.addEventListener=i},_e.prototype.any=function(e,t){var i=this.addEventListener;this.addEventListener=function(){},ge(this,e,t),this.addEventListener=i},_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),fe(this,e)},_e.prototype.queueTrigger=function(e){var t=this;be=be||new Map;var i=e.type||e,n=be.get(this);n||(n=new Map,be.set(this,n));var r=n.get(i);n.delete(i),T.clearTimeout(r);var a=T.setTimeout(function(){0===n.size&&(n=null,be.delete(t)),t.trigger(e)},0);n.set(i,a)};function Se(e){return"string"==typeof e&&/\S/.test(e)||Array.isArray(e)&&!!e.length}function ke(e){if(!e.nodeName&&!Ae(e))throw new Error("Invalid target; must be a DOM node or evented object.")}function Ce(e){if(!Se(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 i,n,r,a=t.length<3||t[0]===e||t[0]===e.eventBusEl_;return r=a?(i=e.eventBusEl_,3<=t.length&&t.shift(),n=t[0],t[1]):(i=t[0],n=t[1],t[2]),ke(i),Ce(n),Ee(r),{isTargetingSelf:a,target:i,type:n,listener:r=ve(e,r)}}function Ie(e,t,i,n){ke(e),e.nodeName?Te[t](e,i,n):e[t](i,n)}var Ae=function(t){return t instanceof _e||!!t.eventBusEl_&&["on","one","off","trigger"].every(function(e){return"function"==typeof t[e]})},xe={on:function(){for(var e=this,t=arguments.length,i=new Array(t),n=0;n<t;n++)i[n]=arguments[n];var r=we(this,i),a=r.isTargetingSelf,s=r.target,o=r.type,u=r.listener;if(Ie(s,"on",o,u),!a){var l=function(){return e.off(s,o,u)};l.guid=u.guid;var c=function(){return e.off("dispose",l)};c.guid=u.guid,Ie(this,"on","dispose",l),Ie(s,"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=we(this,t),a=n.isTargetingSelf,s=n.target,o=n.type,u=n.listener;if(a)Ie(s,"one",o,u);else{var l=function e(){r.off(s,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,Ie(s,"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=we(this,t),a=n.isTargetingSelf,s=n.target,o=n.type,u=n.listener;if(a)Ie(s,"any",o,u);else{var l=function e(){r.off(s,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,Ie(s,"any",o,l)}},off:function(e,t,i){if(!e||Se(e))pe(this.eventBusEl_,e,t);else{var n=e,r=t;ke(n),Ce(r),Ee(i),i=ve(this,i),this.off("dispose",i),n.nodeName?(pe(n,r,i),pe(n,"dispose",i)):Ae(n)&&(n.off(r,i),n.off("dispose",i))}},trigger:function(e,t){return fe(this.eventBusEl_,e,t)}};function Pe(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 g(e,xe),e.eventedCallbacks&&e.eventedCallbacks.forEach(function(e){e()}),e.on("dispose",function(){e.off(),T.setTimeout(function(){e.eventBusEl_=null},0)}),e}var Le={state:{},setState:function(e){var i,n=this;return"function"==typeof e&&(e=e()),r(e,function(e,t){n.state[t]!==e&&((i=i||{})[t]={from:n.state[t],to:e}),n.state[t]=e}),i&&Ae(this)&&this.trigger({changes:i,type:"statechanged"}),i}};function Oe(e,t){return g(e,Le),e.state=g({},e.state,t),"function"==typeof e.handleStateChanged&&Ae(e)&&e.on("statechanged",e.handleStateChanged),e}function De(e){return"string"!=typeof e?e:e.replace(/./,function(e){return e.toLowerCase()})}function Me(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&&r(e,function(e,t){o(e)?(o(i[t])||(i[t]={}),i[t]=Re(i[t],e)):i[t]=e})}),i}var Ne=function(){function e(){this.map_={}}var t=e.prototype;return t.has=function(e){return e in this.map_},t.delete=function(e){var t=this.has(e);return delete this.map_[e],t},t.set=function(e,t){return this.set_[e]=t,this},t.forEach=function(e,t){for(var i in this.map_)e.call(t,this.map_[i],i,this)},e}(),Ue=T.Map?T.Map:Ne,Fe=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}(),Be=T.Set?T.Set:Fe,je=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_"+re()}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}),Oe(this,this.constructor.defaultState),this.children_=[],this.childIndex_={},this.childNameIndex_={},this.setTimeoutIds_=new Be,this.setIntervalIds_=new Be,this.rafIds_=new Be,this.namedRafs_=new Ue,(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 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(),a=n&&n[i],s=i&&i.split("-")[0],o=n&&n[s],u=t;return a&&a[e]?u=a[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.getDescendant=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];t=t.reduce(function(e,t){return e.concat(t)},[]);for(var n=this,r=0;r<t.length;r++)if(!(n=n.getChild(t[r]))||!n.getChild)return;return n},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=Me(e);var a=t.componentClass||r;t.name=r;var s=l.getComponent(a);if(!s)throw new Error("Component "+a+" does not exist");if("function"!=typeof s)return null;n=new s(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&&Me(n.name()))&&(this.childNameIndex_[r]=n,this.childNameIndex_[De(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.children_[i+1])&&(o=this.children_[i+1])),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_[Me(e.name())]=null,this.childNameIndex_[De(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,a=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||Me(e.name));return t&&!i.isTech(t)}).forEach(function(e){var t=e.name,i=e.opts;if(void 0!==a[t]&&(i=a[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 X(e,t||this.contentEl())},e.$$=function(e,t){return K(e,t||this.contentEl())},e.hasClass=function(e){return w(this.el_,e)},e.addClass=function(e){I(this.el_,e)},e.removeClass=function(e){A(this.el_,e)},e.toggleClass=function(e,t){x(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){D(this.el_,e,t)},e.removeAttribute=function(e){M(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"+Me(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=u(this.el_,e),0===(t=parseFloat(t))||isNaN(t)){var i="offset"+Me(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=T.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&&T.performance.now()-t<200&&(e.preventDefault(),this.trigger("tap"))})},e.enableTouchActivity=function(){if(this.player()&&this.player().reportUserActivity){var t,i=ve(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=ve(this,e),this.clearTimersOnDispose_(),i=T.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),T.clearTimeout(e)),e},e.setInterval=function(e,t){e=ve(this,e),this.clearTimersOnDispose_();var i=T.setInterval(e,t);return this.setIntervalIds_.add(i),i},e.clearInterval=function(e){return this.setIntervalIds_.has(e)&&(this.setIntervalIds_.delete(e),T.clearInterval(e)),e},e.requestAnimationFrame=function(e){var t,i=this;return this.supportsRaf_?(this.clearTimersOnDispose_(),e=ve(this,e),t=T.requestAnimationFrame(function(){i.rafIds_.has(t)&&i.rafIds_.delete(t),e()}),this.rafIds_.add(t),t):this.setTimeout(e,1e3/60)},e.requestNamedAnimationFrame=function(e,t){var i=this;if(!this.namedRafs_.has(e)){this.clearTimersOnDispose_(),t=ve(this,t);var n=this.requestAnimationFrame(function(){t(),i.namedRafs_.has(e)&&i.namedRafs_.delete(e)});return this.namedRafs_.set(e,n),e}},e.cancelNamedAnimationFrame=function(e){this.namedRafs_.has(e)&&(this.cancelAnimationFrame(this.namedRafs_.get(e)),this.namedRafs_.delete(e))},e.cancelAnimationFrame=function(e){return this.supportsRaf_?(this.rafIds_.has(e)&&(this.rafIds_.delete(e),T.cancelAnimationFrame(e)),e):this.clearTimeout(e)},e.clearTimersOnDispose_=function(){var n=this;this.clearingTimersOnDispose_||(this.clearingTimersOnDispose_=!0,this.one("dispose",function(){[["namedRafs_","cancelNamedAnimationFrame"],["rafIds_","cancelAnimationFrame"],["setTimeoutIds_","clearTimeout"],["setIntervalIds_","clearInterval"]].forEach(function(e){var t=e[0],i=e[1];n[t].forEach(function(e,t){return n[i](t)})}),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),a=l===t||l.prototype.isPrototypeOf(t.prototype);if(r||!a)throw i=r?"techs must be registered using Tech.registerTech()":"must be a Component subclass",new Error('Illegal component, "'+e+'"; '+i+".");e=Me(e),l.components_||(l.components_={});var s=l.getComponent("Player");if("Player"===e&&s&&s.players){var o=s.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_[De(e)]=t},l.getComponent=function(e){if(e&&l.components_)return l.components_[e]},l}();je.prototype.supportsRaf_="function"==typeof T.requestAnimationFrame&&"function"==typeof T.cancelAnimationFrame,je.registerComponent("Component",je);var Ve=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};i(function(t){function i(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=i=function(e){return typeof e}:t.exports=i=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}t.exports=i}),i(function(t){function i(e){return t.exports=i=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},i(e)}t.exports=i});var qe,He,We,ze,Ge=function(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t},Xe=T.navigator&&T.navigator.userAgent||"",Ke=/AppleWebKit\/([\d.]+)/i.exec(Xe),Ye=Ke?parseFloat(Ke.pop()):null,$e=/iPod/i.test(Xe),Qe=(qe=Xe.match(/OS (\d+)_/i))&&qe[1]?qe[1]:null,Je=/Android/i.test(Xe),Ze=function(){var e=Xe.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}(),et=Je&&Ze<5&&Ye<537,tt=/Firefox/i.test(Xe),it=/Edg/i.test(Xe),nt=!it&&(/Chrome/i.test(Xe)||/CriOS/i.test(Xe)),rt=(He=Xe.match(/(Chrome|CriOS)\/(\d+)/))&&He[2]?parseFloat(He[2]):null,at=(We=/MSIE\s(\d+)\.\d/.exec(Xe),!(ze=We&&parseFloat(We[1]))&&/Trident\/7.0/i.test(Xe)&&/rv:11.0/.test(Xe)&&(ze=11),ze),st=/Safari/i.test(Xe)&&!nt&&!Je&&!it,ot=/Windows/i.test(Xe),ut=y()&&("ontouchstart"in T||T.navigator.maxTouchPoints||T.DocumentTouch&&T.document instanceof T.DocumentTouch),lt=/iPad/i.test(Xe)||st&&ut&&!/iPhone/i.test(Xe),ct=/iPhone/i.test(Xe)&&!lt,dt=ct||lt||$e,ht=(st||dt)&&!nt,pt=Object.freeze({__proto__:null,IS_IPOD:$e,IOS_VERSION:Qe,IS_ANDROID:Je,ANDROID_VERSION:Ze,IS_NATIVE_ANDROID:et,IS_FIREFOX:tt,IS_EDGE:it,IS_CHROME:nt,CHROME_VERSION:rt,IE_VERSION:at,IS_SAFARI:st,IS_WINDOWS:ot,TOUCH_ENABLED:ut,IS_IPAD:lt,IS_IPHONE:ct,IS_IOS:dt,IS_ANY_SAFARI:ht});function ft(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 mt(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:ft.bind(null,"start",0,e),end:ft.bind(null,"end",1,e)}}function gt(e,t){return Array.isArray(e)?mt(e):void 0===e||void 0===t?mt():mt([[e,t]])}function vt(e,t){var i,n,r=0;if(!t)return 0;e&&e.length||(e=gt(0,0));for(var a=0;a<e.length;a++)i=e.start(a),t<(n=e.end(a))&&(n=t),r+=n-i;return r/t}for(var yt,_t={prefixed:!0},bt=[["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"]],Tt=bt[0],St=0;St<bt.length;St++)if(bt[St][1]in d){yt=bt[St];break}if(yt){for(var kt=0;kt<yt.length;kt++)_t[Tt[kt]]=yt[kt];_t.prefixed=yt[0]!==Tt[0]}function Ct(e){if(e instanceof Ct)return e;"number"==typeof e?this.code=e:"string"==typeof e?this.message=e:s(e)&&("number"==typeof e.code&&(this.code=e.code),g(this,e)),this.message||(this.message=Ct.defaultMessages[this.code]||"")}Ct.prototype.code=0,Ct.prototype.message="",Ct.prototype.status=null,Ct.errorTypes=["MEDIA_ERR_CUSTOM","MEDIA_ERR_ABORTED","MEDIA_ERR_NETWORK","MEDIA_ERR_DECODE","MEDIA_ERR_SRC_NOT_SUPPORTED","MEDIA_ERR_ENCRYPTED"],Ct.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 Et=0;Et<Ct.errorTypes.length;Et++)Ct[Ct.errorTypes[Et]]=Et,Ct.prototype[Ct.errorTypes[Et]]=Et;var wt=function(e,t){var i,n=null;try{i=JSON.parse(e,t)}catch(e){n=e}return[n,i]};function It(e){return null!=e&&"function"==typeof e.then}function At(e){It(e)&&e.then(null,function(e){})}function xt(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 Pt=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=xt(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(xt))},Lt=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()},Ot=i(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 s[e];var i,n=String(e);return(i=r[n.toLowerCase()])?i:(i=a[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=a[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},a=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 s=t.names=t.title={};for(n in r)s[r[n]]=n;for(var o in a)r[o]=a[o]}),Dt=(Ot.code,Ot.codes,Ot.aliases,Ot.names,Ot.title,"vjs-modal-dialog"),Mt=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:Dt+"-content"},{role:"document"}),i.descEl_=k("p",{className:Dt+"-description vjs-control-text",id:i.el().getAttribute("aria-describedby")}),C(i.descEl_,i.description()),i.el_.appendChild(i.descEl_),i.el_.appendChild(i.contentEl_),i}Ge(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 Dt+" 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(),W(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"),V(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(),Ot.isEventKey(e,"Escape")&&this.closeable())return e.preventDefault(),void this.close();if(Ot.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}d.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 T.HTMLAnchorElement||e instanceof T.HTMLAreaElement)&&e.hasAttribute("href")||(e instanceof T.HTMLInputElement||e instanceof T.HTMLSelectElement||e instanceof T.HTMLTextAreaElement||e instanceof T.HTMLButtonElement)&&!e.hasAttribute("disabled")||e instanceof T.HTMLIFrameElement||e instanceof T.HTMLObjectElement||e instanceof T.HTMLEmbedElement||e.hasAttribute("tabindex")&&-1!==e.getAttribute("tabindex")||e.hasAttribute("contenteditable")})},e}(je);Mt.prototype.options_={pauseOnOpen:!0,temporary:!0},je.registerComponent("ModalDialog",Mt);var Rt=function(n){function e(e){var t;void 0===e&&(e=[]),(t=n.call(this)||this).tracks_=[],Object.defineProperty(Ve(t),"length",{get:function(){return this.tracks_.length}});for(var i=0;i<e.length;i++)t.addTrack(e[i]);return t}Ge(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}(_e);for(var Nt in Rt.prototype.allowedEvents_={change:"change",addtrack:"addtrack",removetrack:"removetrack"},Rt.prototype.allowedEvents_)Rt.prototype["on"+Nt]=null;function Ut(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 Ft(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 Bt(e){var t=["protocol","hostname","port","pathname","search","hash","host"],i=d.createElement("a");i.href=e;var n,r=""===i.host&&"file:"!==i.protocol;r&&((n=d.createElement("div")).innerHTML='<a href="'+e+'"></a>',i=n.firstChild,n.setAttribute("style","display:none; position:absolute;"),d.body.appendChild(n));for(var a={},s=0;s<t.length;s++)a[t[s]]=i[t[s]];return"http:"===a.protocol&&(a.host=a.host.replace(/:80$/,"")),"https:"===a.protocol&&(a.host=a.host.replace(/:443$/,"")),a.protocol||(a.protocol=T.location.protocol),r&&d.body.removeChild(n),a}function jt(e){if(!e.match(/^https?:\/\//)){var t=d.createElement("div");t.innerHTML='<a href="'+e+'">x</a>',e=t.firstChild.href}return e}function Vt(e){if("string"==typeof e){var t=/^(\/?)([\s\S]*?)((?:\.{1,2}|[^\/]+?)(\.([^\.\/\?]+)))(?:[\/]*|[\?].*)$/.exec(e);if(t)return t.pop().toLowerCase()}return""}function qt(e,t){void 0===t&&(t=T.location);var i=Bt(e);return(":"===i.protocol?t.protocol:i.protocol)+i.host!==t.protocol+t.host}var Ht=function(n){function e(e){var t;void 0===e&&(e=[]);for(var i=e.length-1;0<=i;i--)if(e[i].enabled){Ut(e,e[i]);break}return(t=n.call(this,e)||this).changing_=!1,t}Ge(e,n);var t=e.prototype;return t.addTrack=function(e){var t=this;e.enabled&&Ut(this,e),n.prototype.addTrack.call(this,e),e.addEventListener&&(e.enabledChange_=function(){t.changing_||(t.changing_=!0,Ut(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}(Rt),Wt=function(n){function e(e){var t;void 0===e&&(e=[]);for(var i=e.length-1;0<=i;i--)if(e[i].selected){Ft(e,e[i]);break}return(t=n.call(this,e)||this).changing_=!1,Object.defineProperty(Ve(t),"selectedIndex",{get:function(){for(var e=0;e<this.length;e++)if(this[e].selected)return e;return-1},set:function(){}}),t}Ge(e,n);var t=e.prototype;return t.addTrack=function(e){var t=this;e.selected&&Ft(this,e),n.prototype.addTrack.call(this,e),e.addEventListener&&(e.selectedChange_=function(){t.changing_||(t.changing_=!0,Ft(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}(Rt),zt=function(i){function e(){return i.apply(this,arguments)||this}Ge(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}(Rt),Gt=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}(),Xt=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}(),Kt={alternative:"alternative",captions:"captions",main:"main",sign:"sign",subtitles:"subtitles",commentary:"commentary"},Yt={alternative:"alternative",descriptions:"descriptions",main:"main","main-desc":"main-desc",translation:"translation",commentary:"commentary"},$t={subtitles:"subtitles",captions:"captions",descriptions:"descriptions",chapters:"chapters",metadata:"metadata"},Qt={disabled:"disabled",hidden:"hidden",showing:"showing"},Jt=function(a){function e(e){var t;void 0===e&&(e={}),t=a.call(this)||this;function i(e){Object.defineProperty(Ve(t),e,{get:function(){return n[e]},set:function(){}})}var n={id:e.id||"vjs_track_"+re(),kind:e.kind||"",label:e.label||"",language:e.language||""};for(var r in n)i(r);return t}return Ge(e,a),e}(_e),Zt=Object.freeze({__proto__:null,parseUrl:Bt,getAbsoluteURL:jt,getFileExtension:Vt,isCrossOrigin:qt}),ei=function(e){var t=ti.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>
+   */,ti=Object.prototype.toString;var ii=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},ni=si,ri=si;function ai(e,t,i){var n=e;return ei(t)?(i=t,"string"==typeof e&&(n={uri:e})):n=m({},t,{uri:e}),n.callback=i,n}function si(e,t,i){return oi(t=ai(e,t,i))}function oi(n){if("undefined"==typeof n.callback)throw new Error("callback argument missing");var r=!1,a=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,a(e,m)}function e(){if(!s){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=ii(u.getAllResponseHeaders()))):i=new Error("Internal XMLHttpRequest Error"),a(i,t,t.body)}}var i,s,o,u=n.xhr||null,l=(u=u||(n.cors||n.useXDR?new si.XDomainRequest:new si.XMLHttpRequest)).url=n.uri||n.url,c=u.method=n.method||"GET",d=n.body||n.data,h=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,h.accept||h.Accept||(h.Accept="application/json"),"GET"!==c&&"HEAD"!==c&&(h["content-type"]||h["Content-Type"]||(h["Content-Type"]="application/json"),d=JSON.stringify(!0===n.json?d:n.json))),u.onreadystatechange=function(){4===u.readyState&&setTimeout(e,0)},u.onload=e,u.onerror=t,u.onprogress=function(){},u.onabort=function(){s=!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(!s){s=!0,u.abort("timeout");var e=new Error("XMLHttpRequest timeout");e.code="ETIMEDOUT",t(e)}},n.timeout)),u.setRequestHeader)for(i in h)h.hasOwnProperty(i)&&u.setRequestHeader(i,h[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(d||null),u}si.XMLHttpRequest=T.XMLHttpRequest||function(){},si.XDomainRequest="withCredentials"in new si.XMLHttpRequest?si.XMLHttpRequest:T.XDomainRequest,function(e,t){for(var i=0;i<e.length;i++)t(e[i])}(["get","put","post","patch","head","delete"],function(n){si["delete"===n?"del":n]=function(e,t,i){return(t=ai(e,t,i)).method=n.toUpperCase(),oi(t)}}),ni.default=ri;function ui(e,t){var i=new T.WebVTT.Parser(T,T.vttjs,T.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&&(T.console&&T.console.groupCollapsed&&T.console.groupCollapsed("Text Track parsing errors for "+t.src),n.forEach(function(e){return p.error(e)}),T.console&&T.console.groupEnd&&T.console.groupEnd()),i.flush()}function li(e,n){var t={uri:e},i=qt(e);i&&(t.cors=i);var r="use-credentials"===n.tech_.crossOrigin();r&&(t.withCredentials=r),ni(t,ve(this,function(e,t,i){if(e)return p.error(e,t);n.loaded_=!0,"function"!=typeof T.WebVTT?n.tech_&&n.tech_.any(["vttjsloaded","vttjserror"],function(e){if("vttjserror"!==e.type)return ui(i,n);p.error("vttjs failed to load, stopping trying to process "+n.src)}):ui(i,n)}))}var ci=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:$t[e.kind]||"subtitles",language:e.language||e.srclang||""}),n=Qt[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 a=new Xt(t.cues_),s=new Xt(t.activeCues_),o=!1,u=ve(Ve(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(Ve(t),{default:{get:function(){return r},set:function(){}},mode:{get:function(){return n},set:function(e){var t=this;Qt[e]&&(n=e,this.preload_||"disabled"===n||0!==this.cues.length||li(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_?a:null},set:function(){}},activeCues:{get:function(){if(!this.loaded_)return null;if(0===this.cues.length)return s;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 a=0;a<t.length;a++)-1===this.activeCues_.indexOf(t[a])&&(o=!0);return this.activeCues_=t,s.setCues_(this.activeCues_),s},set:function(){}}}),i.src?(t.src=i.src,t.preload_||(t.loaded_=!0),(t.preload_||r||"subtitles"!==i.kind&&"captions"!==i.kind)&&li(t.src,Ve(t))):t.loaded_=!0,t}Ge(e,l);var t=e.prototype;return t.addCue=function(e){var t=e;if(T.vttjs&&!(e instanceof T.vttjs.VTTCue)){for(var i in t=new T.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}(Jt);ci.prototype.allowedEvents_={cuechange:"cuechange"};var di=function(r){function e(e){var t;void 0===e&&(e={});var i=Re(e,{kind:Yt[e.kind]||""});t=r.call(this,i)||this;var n=!1;return Object.defineProperty(Ve(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 Ge(e,r),e}(Jt),hi=function(r){function e(e){var t;void 0===e&&(e={});var i=Re(e,{kind:Kt[e.kind]||""});t=r.call(this,i)||this;var n=!1;return Object.defineProperty(Ve(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 Ge(e,r),e}(Jt),pi=function(r){function e(e){var t,i;void 0===e&&(e={}),t=r.call(this)||this;var n=new ci(e);return t.kind=n.kind,t.src=n.src,t.srclang=n.language,t.label=n.label,t.default=n.default,Object.defineProperties(Ve(t),{readyState:{get:function(){return i}},track:{get:function(){return n}}}),i=0,n.addEventListener("loadeddata",function(){i=2,t.trigger({type:"load",target:Ve(t)})}),t}return Ge(e,r),e}(_e);pi.prototype.allowedEvents_={load:"load"},pi.NONE=0,pi.LOADING=1,pi.LOADED=2,pi.ERROR=3;var fi={audio:{ListClass:Ht,TrackClass:di,capitalName:"Audio"},video:{ListClass:Wt,TrackClass:hi,capitalName:"Video"},text:{ListClass:zt,TrackClass:ci,capitalName:"Text"}};Object.keys(fi).forEach(function(e){fi[e].getterName=e+"Tracks",fi[e].privateName=e+"Tracks_"});var mi={remoteText:{ListClass:zt,TrackClass:ci,capitalName:"RemoteText",getterName:"remoteTextTracks",privateName:"remoteTextTracks_"},remoteTextEl:{ListClass:Gt,TrackClass:pi,capitalName:"RemoteTextTrackEls",getterName:"remoteTextTrackEls",privateName:"remoteTextTrackEls_"}},gi=m({},fi,mi);mi.names=Object.keys(mi),fi.names=Object.keys(fi),gi.names=[].concat(mi.names).concat(fi.names);var vi=Object.create||function(e){if(1!==arguments.length)throw new Error("Object.create shim only accepts one parameter.");return yi.prototype=e,new yi};function yi(){}function _i(e,t){this.name="ParsingError",this.code=e.code,this.message=t||e.message}function bi(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 Ti(){this.values=vi(null)}function Si(e,t,i,n){var r=n?e.split(n):[e];for(var a in r)if("string"==typeof r[a]){var s=r[a].split(i);if(2===s.length)t(s[0],s[1])}}function ki(t,e,s){var i=t;function n(){var e=bi(t);if(null===e)throw new _i(_i.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 _i(_i.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 a=new Ti;Si(e,function(e,t){switch(e){case"region":for(var i=s.length-1;0<=i;i--)if(s[i].id===t){a.set(e,s[i].region);break}break;case"vertical":a.alt(e,t,["rl","lr"]);break;case"line":var n=t.split(","),r=n[0];a.integer(e,r),a.percent(e,r)&&a.set("snapToLines",!1),a.alt(e,r,["auto"]),2===n.length&&a.alt("lineAlign",n[1],["start","center","end"]);break;case"position":n=t.split(","),a.percent(e,n[0]),2===n.length&&a.alt("positionAlign",n[1],["start","center","end"]);break;case"size":a.percent(e,t);break;case"align":a.alt(e,t,["start","center","end","left","right"])}},/:/,/\s/),t.region=a.get("region",null),t.vertical=a.get("vertical","");try{t.line=a.get("line","auto")}catch(e){}t.lineAlign=a.get("lineAlign","start"),t.snapToLines=a.get("snapToLines",!0),t.size=a.get("size",100);try{t.align=a.get("align","center")}catch(e){t.align=a.get("align","middle")}try{t.position=a.get("position","auto")}catch(e){t.position=a.get("position",{start:0,left:0,center:50,middle:50,end:100,right:100},t.align)}t.positionAlign=a.get("positionAlign",{start:"start",left:"start",center:"center",middle:"center",end:"end",right:"end"},t.align)}(t,e)}((_i.prototype=vi(Error.prototype)).constructor=_i).Errors={BadSignature:{code:0,message:"Malformed WebVTT signature."},BadTimeStamp:{code:1,message:"Malformed time stamp."}},Ti.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 Ci=d.createElement("textarea"),Ei={c:"span",i:"i",b:"b",u:"u",ruby:"ruby",rt:"rt",v:"span",lang:"span"},wi={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)"},Ii={v:"title",lang:"lang"},Ai={rt:"ruby"};function xi(a,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=Ei[e];if(!i)return null;var n=a.document.createElement(i),r=Ii[e];return r&&t&&(n[r]=t.trim()),n}for(var n,r,s,o,u=a.document.createElement("div"),l=u,c=[];null!==(n=e());)if("<"!==n[0])l.appendChild(a.document.createTextNode((r=n,Ci.innerHTML=r,r=Ci.textContent,Ci.textContent="",r)));else{if("/"===n[1]){c.length&&c[c.length-1]===n.substr(2).replace(">","")&&(c.pop(),l=l.parentNode);continue}var d,h=bi(n.substr(1,n.length-2));if(h){d=a.document.createProcessingInstruction("timestamp",h),l.appendChild(d);continue}var p=n.match(/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/);if(!p)continue;if(!(d=t(p[1],p[3])))continue;if(s=l,Ai[(o=d).localName]&&Ai[o.localName]!==s.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(wi.hasOwnProperty(i)){var n=t?"background-color":"color",r=wi[i];d.style[n]=r}}),d.className=f.join(" ")}c.push(p[1]),l.appendChild(d),l=d}return u}var Pi=[[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 Li(e){for(var t=0;t<Pi.length;t++){var i=Pi[t];if(e>=i[0]&&e<=i[1])return!0}return!1}function Oi(){}function Di(e,t,i){Oi.call(this),this.cue=t,this.cueDiv=xi(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 a(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?a(e):t.childNodes?(r(e,t),a(e)):void 0}for(r(t,e);i=a(t);)for(var n=0;n<i.length;n++)if(Li(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 Mi(e){var t,i,n,r;if(e.div){i=e.div.offsetHeight,n=e.div.offsetWidth,r=e.div.offsetTop;var a=(a=e.div.childNodes)&&(a=a[0])&&a.getClientRects&&a.getClientRects();e=e.div.getBoundingClientRect(),t=a?Math.max(a[0]&&a[0].height||0,e.height/a.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 Ri(e,t,o,u){var i=new Mi(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),a=[];if(n.snapToLines){var s;switch(n.vertical){case"":a=["+y","-y"],s="height";break;case"rl":a=["+x","-x"],s="width";break;case"lr":a=["-x","+x"],s="width"}var l=i.lineHeight,c=l*Math.round(r),d=o[s]+l,h=a[0];Math.abs(c)>d&&(c=c<0?-1:1,c*=Math.ceil(d/l)*l),r<0&&(c+=""===n.vertical?o.height:o.width,a=a.reverse()),i.move(h,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,"%")})}a=["+y","-x","+x","-y"],i=new Mi(t)}var f=function(e,t){for(var i,n=new Mi(e),r=1,a=0;a<t.length;a++){for(;e.overlapsOppositeAxis(o,t[a])||e.within(o)&&e.overlapsAny(u);)e.move(t[a]);if(e.within(o))return e;var s=e.intersectPercentage(o);s<r&&(i=new Mi(e),r=s),e=new Mi(n)}return i||n}(i,a);t.move(f.toCSSCompatValues(o))}function Ni(){}Oi.prototype.applyStyles=function(e,t){for(var i in t=t||this.div,e)e.hasOwnProperty(i)&&(t.style[i]=e[i])},Oi.prototype.formatStyle=function(e,t){return 0===e?0:e+t},(Di.prototype=vi(Oi.prototype)).constructor=Di,Mi.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}},Mi.prototype.overlaps=function(e){return this.left<e.right&&this.right>e.left&&this.top<e.bottom&&this.bottom>e.top},Mi.prototype.overlapsAny=function(e){for(var t=0;t<e.length;t++)if(this.overlaps(e[t]))return!0;return!1},Mi.prototype.within=function(e){return this.top>=e.top&&this.bottom<=e.bottom&&this.left>=e.left&&this.right<=e.right},Mi.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}},Mi.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)},Mi.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}},Mi.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}},Ni.StringDecoder=function(){return{decode:function(e){if(!e)return"";if("string"!=typeof e)throw new Error("Error - expected string data.");return decodeURIComponent(encodeURIComponent(e))}}},Ni.convertCueToDOMTree=function(e,t){return e&&t?xi(e,t):null};Ni.processCues=function(n,r,e){if(!n||!r||!e)return null;for(;e.firstChild;)e.removeChild(e.firstChild);var a=n.document.createElement("div");if(a.style.position="absolute",a.style.left="0",a.style.right="0",a.style.top="0",a.style.bottom="0",a.style.margin="1.5%",e.appendChild(a),function(e){for(var t=0;t<e.length;t++)if(e[t].hasBeenReset||!e[t].displayState)return!0;return!1}(r)){var s=[],o=Mi.getSimpleBoxPosition(a),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 Di(n,t,u),a.appendChild(e.div),Ri(0,e,o,s),t.displayState=e.div,s.push(Mi.getSimpleBoxPosition(e))}()}else for(var t=0;t<r.length;t++)a.appendChild(r[t].displayState)},(Ni.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 _i))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/)?Si(e,function(e,t){switch(e){case"X-TIMESTAMP-MAP":!function(e){var i=new Ti;Si(e,function(e,t){switch(e){case"MPEGT":i.integer(e+"S",t);break;case"LOCA":i.set(e+"L",bi(t))}},/[^\d]:/,/,/),n.ontimestampmap&&n.ontimestampmap({MPEGTS:i.get("MPEGTS"),LOCAL:i.get("LOCAL")})}(t)}},/=/):Si(e,function(e,t){switch(e){case"Region":!function(e){var r=new Ti;if(Si(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 Ti;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 a=(r=t()).match(/^WEBVTT([ \t].*)?$/);if(!a||!a[0])throw new _i(_i.Errors.BadSignature);n.state="HEADER"}for(var s=!1;n.buffer;){if(!/\r\n|\n/.test(n.buffer))return this;switch(s?s=!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{ki(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&&(s=!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 _i(_i.Errors.BadSignature)}catch(e){t.reportOrThrowError(e)}return t.onflush&&t.onflush(),this}};var Ui=Ni,Fi={"":1,lr:1,rl:1},Bi={start:1,center:1,end:1,left:1,right:1,auto:1,"line-left":1,"line-right":1};function ji(e){return"string"==typeof e&&(!!Bi[e.toLowerCase()]&&e.toLowerCase())}function Vi(e,t,i){this.hasBeenReset=!1;var n="",r=!1,a=e,s=t,o=i,u=null,l="",c=!0,d="auto",h="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 a},set:function(e){if("number"!=typeof e)throw new TypeError("Start time must be set to a number.");a=e,this.hasBeenReset=!0}},endTime:{enumerable:!0,get:function(){return s},set:function(e){if("number"!=typeof e)throw new TypeError("End time must be set to a number.");s=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&&(!!Fi[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 d},set:function(e){if("number"!=typeof e&&"auto"!==e)throw new SyntaxError("Line: an invalid number or illegal string was specified.");d=e,this.hasBeenReset=!0}},lineAlign:{enumerable:!0,get:function(){return h},set:function(e){var t=ji(e);t&&(h=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=ji(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=ji(e);if(!t)throw new SyntaxError("align: an invalid or illegal alignment string was specified.");g=t,this.hasBeenReset=!0}}}),this.displayState=void 0}Vi.prototype.getCueAsHTML=function(){return WebVTT.convertCueToDOMTree(window,this.text)};var qi=Vi,Hi={"":!0,up:!0};function Wi(e){return"number"==typeof e&&0<=e&&e<=100}function zi(){var t=100,i=3,n=0,r=100,a=0,s=100,o="";Object.defineProperties(this,{width:{enumerable:!0,get:function(){return t},set:function(e){if(!Wi(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(!Wi(e))throw new Error("RegionAnchorX must be between 0 and 100.");r=e}},regionAnchorX:{enumerable:!0,get:function(){return n},set:function(e){if(!Wi(e))throw new Error("RegionAnchorY must be between 0 and 100.");n=e}},viewportAnchorY:{enumerable:!0,get:function(){return s},set:function(e){if(!Wi(e))throw new Error("ViewportAnchorY must be between 0 and 100.");s=e}},viewportAnchorX:{enumerable:!0,get:function(){return a},set:function(e){if(!Wi(e))throw new Error("ViewportAnchorX must be between 0 and 100.");a=e}},scroll:{enumerable:!0,get:function(){return o},set:function(e){var t=function(e){return"string"==typeof e&&(!!Hi[e.toLowerCase()]&&e.toLowerCase())}(e);!1===t||(o=t)}}})}var Gi=i(function(e){var t=e.exports={WebVTT:Ui,VTTCue:qi,VTTRegion:zi};T.vttjs=t,T.WebVTT=t.WebVTT;var i=t.VTTCue,n=t.VTTRegion,r=T.VTTCue,a=T.VTTRegion;t.shim=function(){T.VTTCue=i,T.VTTRegion=n},t.restore=function(){T.VTTCue=r,T.VTTRegion=a},T.VTTCue||t.shim()});Gi.WebVTT,Gi.VTTCue,Gi.VTTRegion;var Xi=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}),gi.names.forEach(function(e){var t=gi[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 gi.text.ListClass,n.initTrackListeners(),i.nativeControlsForTouch||n.emitTapEvents(),n.constructor&&(n.name_=n.constructor.name||"Unknown Tech"),n}Ge(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(ve(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 gt(0,0)},e.bufferedPercent=function(){return vt(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(fi.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.crossOrigin=function(){},e.setCrossOrigin=function(){},e.error=function(e){return void 0!==e&&(this.error_=new Ct(e),this.trigger("error")),this.error_},e.played=function(){return this.hasStarted_?gt(0,0):gt()},e.setScrubbing=function(){},e.setCurrentTime=function(){this.manualTimeUpdates&&this.trigger({type:"timeupdate",target:this,manuallyTriggered:!0})},e.initTrackListeners=function(){var r=this;fi.names.forEach(function(e){function t(){r.trigger(e+"trackchange")}var i=fi[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(!T.WebVTT)if(d.body.contains(this.el())){if(!this.options_["vtt.js"]&&o(Gi)&&0<Object.keys(Gi).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}),T.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 a(){return e.trigger("texttrackchange")}function s(){a();for(var e=0;e<n.length;e++){var t=n[e];t.removeEventListener("cuechange",a),"showing"===t.mode&&t.addEventListener("cuechange",a)}}s(),n.addEventListener("change",s),n.addEventListener("addtrack",s),n.addEventListener("removetrack",s),this.on("dispose",function(){r.off("addtrack",t),r.off("removetrack",i),n.removeEventListener("change",s),n.removeEventListener("addtrack",s),n.removeEventListener("removetrack",s);for(var e=0;e<n.length;e++){n[e].removeEventListener("cuechange",a)}})},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 a=e.textTracks();r.kind=t,i&&(r.label=i),n&&(r.language=n),r.tech=e;var s=new gi.text.TrackClass(r);return a.addTrack(s),s}(this,e,t,i)},e.createRemoteTextTrack=function(e){var t=Re(e,{tech:this});return new mi.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||T.Promise;if(e)return e.reject()},e.disablePictureInPicture=function(){return!0},e.setDisablePictureInPicture=function(){},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=Me(e),i.techs_[e]=t,i.techs_[De(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=Me(e),T&&T.videojs&&T.videojs[e]?(p.warn("The "+e+" tech was added to the videojs object when it should be registered using videojs.registerTech(name, tech)"),T.videojs[e]):void 0)},i}(je);gi.names.forEach(function(e){var t=gi[e];Xi.prototype[t.getterName]=function(){return this[t.privateName]=this[t.privateName]||new t.ListClass,this[t.privateName]}}),Xi.prototype.featuresVolumeControl=!0,Xi.prototype.featuresMuteControl=!0,Xi.prototype.featuresFullscreenResize=!1,Xi.prototype.featuresPlaybackRate=!1,Xi.prototype.featuresProgressEvents=!1,Xi.prototype.featuresSourceset=!1,Xi.prototype.featuresTimeupdateEvents=!1,Xi.prototype.featuresNativeTextTracks=!1,Xi.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)}},je.registerComponent("Tech",Xi),Xi.registerTech("Tech",Xi),Xi.defaultTechOrder_=[];var Ki={},Yi={},$i={};function Qi(e,t,i){e.setTimeout(function(){return function i(n,e,r,a,s,o){void 0===n&&(n={});void 0===e&&(e=[]);void 0===s&&(s=[]);void 0===o&&(o=!1);var t=e,u=t[0],l=t.slice(1);if("string"==typeof u)i(n,Ki[u],r,a,s,o);else if(u){var c=rn(a,u);if(!c.setSource)return s.push(c),i(n,l,r,a,s,o);c.setSource(g({},n),function(e,t){if(e)return i(n,l,r,a,s,o);s.push(c),i(t,n.type===t.type?l:Ki[t.type],r,a,s,o)})}else l.length?i(n,l,r,a,s,o):o?r(n,s):i(n,Ki["*"],r,a,s,!0)}(t,Ki[t.type],i,e)},1)}function Ji(e,t,i,n){void 0===n&&(n=null);var r="call"+Me(i),a=e.reduce(nn(r),n),s=a===$i,o=s?null:t[i](a);return function(e,t,i,n){for(var r=e.length-1;0<=r;r--){var a=e[r];a[t]&&a[t](n,i)}}(e,i,o,s),o}var Zi={buffered:1,currentTime:1,duration:1,muted:1,played:1,paused:1,seekable:1,volume:1},en={setCurrentTime:1,setMuted:1,setVolume:1},tn={play:1,pause:1};function nn(i){return function(e,t){return e===$i?$i:t[i]?t[i](e):e}}function rn(e,t){var i=Yi[e.id()],n=null;if(null==i)return n=t(e),Yi[e.id()]=[[t,n]],n;for(var r=0;r<i.length;r++){var a=i[r],s=a[0],o=a[1];s===t&&(n=o)}return null===n&&(n=t(e),i.push([t,n])),n}function an(e){void 0===e&&(e="");var t=Vt(e);return sn[t.toLowerCase()]||""}var sn={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",caf:"audio/x-caf",flac:"audio/flac",oga:"audio/ogg",wav:"audio/wav",m3u8:"application/x-mpegURL",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",png:"image/png",svg:"image/svg+xml",webp:"image/webp"};function on(e){if(!e.type){var t=an(e.src);t&&(e.type=t)}return e}var un=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 a=0,s=t.playerOptions.techOrder;a<s.length;a++){var o=Me(s[a]),u=Xi.getTech(o);if(o||(u=je.getComponent(o)),u&&u.isSupported()){e.loadTech_(o);break}}return n}return Ge(e,l),e}(je);je.registerComponent("MediaLoader",un);var ln=function(r){function e(e,t){var i;return(i=r.call(this,e,t)||this).emitTapEvents(),i.enable(),i}Ge(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=g({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=g({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,C(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){Ot.isEventKey(e,"Space")||Ot.isEventKey(e,"Enter")?(e.preventDefault(),e.stopPropagation(),this.trigger("click")):r.prototype.handleKeyDown.call(this,e)},e}(je);je.registerComponent("ClickableComponent",ln);var cn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update(),e.on("posterchange",ve(Ve(i),i.update)),i}Ge(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){if(this.player_.controls()){var t=this.player_.usingPlugin("eme")&&this.player_.eme.sessions&&0<this.player_.eme.sessions.length;!this.player_.tech(!0)||(at||it)&&t||this.player_.tech(!0).focus(),this.player_.paused()?At(this.player_.play()):this.player_.pause()}},e}(ln);je.registerComponent("PosterImage",cn);var dn="#222",hn={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 pn(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 fn(e,t,i){try{e.style[t]=i}catch(e){return}}var mn=function(a){function e(i,e,t){var n;n=a.call(this,i,e,t)||this;var r=ve(Ve(n),n.updateDisplay);return i.on("loadstart",ve(Ve(n),n.toggleDisplay)),i.on("texttrackchange",r),i.on("loadedmetadata",ve(Ve(n),n.preselectTrack)),i.ready(ve(Ve(n),function(){if(i.tech_&&i.tech_.featuresNativeTextTracks)this.hide();else{i.on("fullscreenchange",r),i.on("playerresize",r),T.addEventListener("orientationchange",r),i.on("dispose",function(){return T.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}Ge(e,a);var t=e.prototype;return t.preselectTrack=function(){for(var e,t,i,n={captions:1,subtitles:1},r=this.player_.textTracks(),a=this.player_.cache_.selectedLanguage,s=0;s<r.length;s++){var o=r[s];a&&a.enabled&&a.language&&a.language===o.language&&o.kind in n?i=o.kind===a.kind?o:i||o:a&&!a.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 a.prototype.createEl.call(this,"div",{className:"vjs-text-track-display"},{"aria-live":"off","aria-atomic":"true"})},t.clearDisplay=function(){"function"==typeof T.WebVTT&&T.WebVTT.processCues(T,[],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 a=null,s=null,o=e.length;o--;){var u=e[o];"showing"===u.mode&&("descriptions"===u.kind?a=u:s=u)}s?("off"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","off"),this.updateForTrack(s)):a&&("assertive"!==this.getAttribute("aria-live")&&this.setAttribute("aria-live","assertive"),this.updateForTrack(a))}},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 a=r.displayState;if(t.color&&(a.firstChild.style.color=t.color),t.textOpacity&&fn(a.firstChild,"color",pn(t.color||"#fff",t.textOpacity)),t.backgroundColor&&(a.firstChild.style.backgroundColor=t.backgroundColor),t.backgroundOpacity&&fn(a.firstChild,"backgroundColor",pn(t.backgroundColor||"#000",t.backgroundOpacity)),t.windowColor&&(t.windowOpacity?fn(a,"backgroundColor",pn(t.windowColor,t.windowOpacity)):a.style.backgroundColor=t.windowColor),t.edgeStyle&&("dropshadow"===t.edgeStyle?a.firstChild.style.textShadow="2px 2px 3px #222, 2px 2px 4px #222, 2px 2px 5px "+dn:"raised"===t.edgeStyle?a.firstChild.style.textShadow="1px 1px #222, 2px 2px #222, 3px 3px "+dn:"depressed"===t.edgeStyle?a.firstChild.style.textShadow="1px 1px #ccc, 0 1px #ccc, -1px -1px #222, 0 -1px "+dn:"uniform"===t.edgeStyle&&(a.firstChild.style.textShadow="0 0 4px #222, 0 0 4px #222, 0 0 4px #222, 0 0 4px "+dn)),t.fontPercent&&1!==t.fontPercent){var s=T.parseFloat(a.style.fontSize);a.style.fontSize=s*t.fontPercent+"px",a.style.height="auto",a.style.top="auto"}t.fontFamily&&"default"!==t.fontFamily&&("small-caps"===t.fontFamily?a.firstChild.style.fontVariant="small-caps":a.firstChild.style.fontFamily=hn[t.fontFamily])}}},t.updateForTrack=function(e){if(Array.isArray(e)||(e=[e]),"function"==typeof T.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]);T.WebVTT.processCues(T,t,this.el_);for(var a=0;a<e.length;++a){for(var s=e[a],o=0;o<s.activeCues.length;++o){var u=s.activeCues[o].displayState;I(u,"vjs-text-track-cue"),I(u,"vjs-text-track-cue-"+(s.language?s.language:a))}this.player_.textTrackSettings&&this.updateDisplayState(s)}}},e}(je);je.registerComponent("TextTrackDisplay",mn);var gn=function(r){function e(){return r.apply(this,arguments)||this}return Ge(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}(je);je.registerComponent("LoadingSpinner",gn);var vn=function(t){function e(){return t.apply(this,arguments)||this}Ge(e,t);var i=e.prototype;return i.createEl=function(e,t,i){void 0===t&&(t={}),void 0===i&&(i={}),t=g({innerHTML:'<span aria-hidden="true" class="vjs-icon-placeholder"></span>',className:this.buildCSSClass()},t),i=g({type:"button"},i);var n=je.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."),je.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){Ot.isEventKey(e,"Space")||Ot.isEventKey(e,"Enter")?e.stopPropagation():t.prototype.handleKeyDown.call(this,e)},e}(ln);je.registerComponent("Button",vn);var yn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).mouseused_=!1,i.on("mousedown",i.handleMouseDown),i}Ge(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 At(t),void(!this.player_.tech(!0)||(at||it)&&i||this.player_.tech(!0).focus())}var n=this.player_.getChild("controlBar"),r=n&&n.getChild("playToggle");if(r){var a=function(){return r.focus()};It(t)?t.then(a,function(){}):this.setTimeout(a,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}(vn);yn.prototype.controlText_="Play Video",je.registerComponent("BigPlayButton",yn);var _n=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).controlText(t&&t.controlText||i.localize("Close")),i}Ge(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){Ot.isEventKey(e,"Esc")?(e.preventDefault(),e.stopPropagation(),this.trigger("click")):n.prototype.handleKeyDown.call(this,e)},e}(vn);je.registerComponent("CloseButton",_n);var bn=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}Ge(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}(vn);bn.prototype.controlText_="Play",je.registerComponent("PlayToggle",bn);function Tn(e,t){e=e<0?0:e;var i=Math.floor(e%60),n=Math.floor(e/60%60),r=Math.floor(e/3600),a=Math.floor(t/60%60),s=Math.floor(t/3600);return!isNaN(e)&&e!==1/0||(r=n=i="-"),(r=0<r||0<s?r+":":"")+(n=((r||10<=a)&&n<10?"0"+n:n)+":")+(i=i<10?"0"+i:i)}var Sn=Tn;function kn(e,t){return void 0===t&&(t=e),Sn(e,t)}var Cn=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}Ge(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=kn(e),this.formattedTime_!==e&&(this.formattedTime_=e,this.requestNamedAnimationFrame("TimeDisplay#updateTextNode_",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}(je);Cn.prototype.labelText_="Time",Cn.prototype.controlText_="Time",je.registerComponent("TimeDisplay",Cn);var En=function(e){function t(){return e.apply(this,arguments)||this}Ge(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}(Cn);En.prototype.labelText_="Current Time",En.prototype.controlText_="Current Time",je.registerComponent("CurrentTimeDisplay",En);var wn=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}Ge(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}(Cn);wn.prototype.labelText_="Duration",wn.prototype.controlText_="Duration",je.registerComponent("DurationDisplay",wn);var In=function(e){function t(){return e.apply(this,arguments)||this}return Ge(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}(je);je.registerComponent("TimeDivider",In);var An=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"durationchange",i.updateContent),i}Ge(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}(Cn);An.prototype.labelText_="Remaining Time",An.prototype.controlText_="Remaining Time",je.registerComponent("RemainingTimeDisplay",An);var xn=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}Ge(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}(je);je.registerComponent("LiveDisplay",xn);var Pn=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}Ge(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(){!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}(vn);Pn.prototype.controlText_="Seek to live, currently playing live",je.registerComponent("SeekToLive",Pn);function Ln(e,t,i){return e=Number(e),Math.min(i,Math.max(t,isNaN(e)?t:e))}var On=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}Ge(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=g({tabIndex:0},t),i=g({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||nt||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;N(),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();return i===this.progress_||(this.progress_=i,this.requestNamedAnimationFrame("Slider#update",function(){var e=t.vertical()?"height":"width";t.bar.el().style[e]=(100*i).toFixed(2)+"%"})),i}},t.getProgress=function(){return Number(Ln(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){Ot.isEventKey(e,"Left")||Ot.isEventKey(e,"Down")?(e.preventDefault(),e.stopPropagation(),this.stepBack()):Ot.isEventKey(e,"Right")||Ot.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}(je);je.registerComponent("Slider",On);function Dn(e,t){return Ln(e/t*100,0,100).toFixed(2)+"%"}var Mn=function(r){function e(e,t){var i;return(i=r.call(this,e,t)||this).partEls_=[],i.on(e,"progress",i.update),i}Ge(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=d.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 d=this;this.requestNamedAnimationFrame("LoadProgressBar#update",function(){var e=d.player_.liveTracker,t=d.player_.buffered(),i=e&&e.isLive()?e.seekableEnd():d.player_.duration(),n=d.player_.bufferedEnd(),r=d.partEls_,a=Dn(n,i);d.percent_!==a&&(d.el_.style.width=a,C(d.percentageEl_,a),d.percent_=a);for(var s=0;s<t.length;s++){var o=t.start(s),u=t.end(s),l=r[s];l||(l=d.el_.appendChild(k()),r[s]=l),l.dataset.start===o&&l.dataset.end===u||(l.dataset.start=o,l.dataset.end=u,l.style.left=Dn(o,n),l.style.width=Dn(u-o,n))}for(var c=r.length;c>t.length;c--)d.el_.removeChild(r[c-1]);r.length=t.length})},e}(je);je.registerComponent("LoadProgressBar",Mn);var Rn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update=ye(ve(Ve(i),i.update),30),i}Ge(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=F(this.el_),r=U(this.player_.el()),a=e.width*t;if(r&&n){var s=e.left-r.left+a,o=e.width-a+(r.right-e.right),u=n.width/2;s<u?u+=u-s: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){C(this.el_,e)},t.updateTime=function(r,a,s,o){var u=this;this.requestNamedAnimationFrame("TimeTooltip#updateTime",function(){var e,t=u.player_.duration();if(u.player_.liveTracker&&u.player_.liveTracker.isLive()){var i=u.player_.liveTracker.liveWindow(),n=i-a*i;e=(n<1?"":"-")+kn(n,i)}else e=kn(s,t);u.update(r,a,e),o&&o()})},e}(je);je.registerComponent("TimeTooltip",Rn);var Nn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update=ye(ve(Ve(i),i.update),30),i}Ge(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}(je);Nn.prototype.options_={children:[]},dt||Je||Nn.prototype.options_.children.push("timeTooltip"),je.registerComponent("PlayProgressBar",Nn);var Un=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).update=ye(ve(Ve(i),i.update),30),i}Ge(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}(je);Un.prototype.options_={children:["timeTooltip"]},je.registerComponent("MouseTimeDisplay",Un);var Fn=function(a){function e(e,t){var i;return(i=a.call(this,e,t)||this).setEventHandlers_(),i}Ge(e,a);var t=e.prototype;return t.setEventHandlers_=function(){this.update_=ve(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()&&e&&"ended"!==e.type||this.updateInterval&&(this.clearInterval(this.updateInterval),this.updateInterval=null)},t.createEl=function(){return a.prototype.createEl.call(this,"div",{className:"vjs-progress-holder"},{"aria-label":this.localize("Progress Bar")})},t.update=function(e){var n=this,r=a.prototype.update.call(this);return this.requestNamedAnimationFrame("SeekBar#update",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}",[kn(e,i),kn(i,i)],"{1} of {2}")),n.currentTime_=e,n.duration_=i),n.bar&&n.bar.update(U(n.el()),n.getProgress())}),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){z(e)&&(e.stopPropagation(),this.player_.scrubbing(!0),this.videoWasPlaying=!this.player_.paused(),this.player_.pause(),a.prototype.handleMouseDown.call(this,e))},t.handleMouseMove=function(e){if(z(e)){var t,i=this.calculateDistance(e),n=this.player_.liveTracker;if(n&&n.isLive()){if(.99<=i)return void n.seekToLiveEdge();var r=n.seekableStart(),a=n.liveCurrentTime();if(a<=(t=r+i*n.liveWindow())&&(t=a),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(){a.prototype.enable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.show()},t.disable=function(){a.prototype.disable.call(this);var e=this.getChild("mouseTimeDisplay");e&&e.hide()},t.handleMouseUp=function(e){a.prototype.handleMouseUp.call(this,e),e&&e.stopPropagation(),this.player_.scrubbing(!1),this.player_.trigger({type:"timeupdate",target:this,manuallyTriggered:!0}),this.videoWasPlaying?At(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(Ot.isEventKey(e,"Space")||Ot.isEventKey(e,"Enter"))e.preventDefault(),e.stopPropagation(),this.handleAction(e);else if(Ot.isEventKey(e,"Home"))e.preventDefault(),e.stopPropagation(),this.player_.currentTime(0);else if(Ot.isEventKey(e,"End"))e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.duration());else if(/^[0-9]$/.test(Ot(e))){e.preventDefault(),e.stopPropagation();var t=10*(Ot.codes[Ot(e)]-Ot.codes[0])/100;this.player_.currentTime(this.player_.duration()*t)}else Ot.isEventKey(e,"PgDn")?(e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.currentTime()-60)):Ot.isEventKey(e,"PgUp")?(e.preventDefault(),e.stopPropagation(),this.player_.currentTime(this.player_.currentTime()+60)):a.prototype.handleKeyDown.call(this,e)},t.dispose=function(){this.disableInterval_(),this.off(this.player_,["ended","durationchange","timeupdate"],this.update),this.player_.liveTracker&&this.on(this.player_.liveTracker,"liveedgechange",this.update),this.off(this.player_,["playing"],this.enableInterval_),this.off(this.player_,["ended","pause","waiting"],this.disableInterval_),"hidden"in d&&"visibilityState"in d&&this.off(d,"visibilitychange",this.toggleVisibility_),a.prototype.dispose.call(this)},e}(On);Fn.prototype.options_={children:["loadProgressBar","playProgressBar"],barName:"playProgressBar"},dt||Je||Fn.prototype.options_.children.splice(1,0,"mouseTimeDisplay"),je.registerComponent("SeekBar",Fn);var Bn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).handleMouseMove=ye(ve(Ve(i),i.handleMouseMove),30),i.throttledHandleMouseSeek=ye(ve(Ve(i),i.handleMouseSeek),30),i.enable(),i}Ge(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(),a=F(r),s=B(r,e).x;s=Ln(s,0,1),n&&n.update(a,s),i&&i.update(a,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}(je);Bn.prototype.options_={children:["seekBar"]},je.registerComponent("ProgressControl",Bn);var jn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,["enterpictureinpicture","leavepictureinpicture"],i.handlePictureInPictureChange),i.on(e,["disablepictureinpicturechanged","loadedmetadata"],i.handlePictureInPictureEnabledChange),i.disable(),i}Ge(e,n);var t=e.prototype;return t.buildCSSClass=function(){return"vjs-picture-in-picture-control "+n.prototype.buildCSSClass.call(this)},t.handlePictureInPictureEnabledChange=function(){d.pictureInPictureEnabled&&!1===this.player_.disablePictureInPicture()?this.enable():this.disable()},t.handlePictureInPictureChange=function(e){this.player_.isInPictureInPicture()?this.controlText("Exit Picture-in-Picture"):this.controlText("Picture-in-Picture"),this.handlePictureInPictureEnabledChange()},t.handleClick=function(e){this.player_.isInPictureInPicture()?this.player_.exitPictureInPicture():this.player_.requestPictureInPicture()},e}(vn);jn.prototype.controlText_="Picture-in-Picture",je.registerComponent("PictureInPictureToggle",jn);var Vn=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"fullscreenchange",i.handleFullscreenChange),!1===d[e.fsApi_.fullscreenEnabled]&&i.disable(),i}Ge(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}(vn);Vn.prototype.controlText_="Fullscreen",je.registerComponent("FullscreenToggle",Vn);var qn=function(e){function t(){return e.apply(this,arguments)||this}return Ge(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}(je);je.registerComponent("VolumeLevel",qn);var Hn=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}Ge(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){z(e)&&n.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}(On);Hn.prototype.options_={children:["volumeLevel"],barName:"volumeLevel"},Hn.prototype.playerEvent="volumechange",je.registerComponent("VolumeBar",Hn);var Wn=function(n){function e(e,t){var i;return void 0===t&&(t={}),t.vertical=t.vertical||!1,"undefined"!=typeof t.volumeBar&&!o(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")})}(Ve(i),e),i.throttledHandleMouseMove=ye(ve(Ve(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}Ge(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}(je);Wn.prototype.options_={children:["volumeBar"]},je.registerComponent("VolumeControl",Wn);var zn=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")})}(Ve(i),e),i.on(e,["loadstart","volumechange"],i.update),i}Ge(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;dt&&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++)A(this.el_,"vjs-vol-"+i);I(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}(vn);zn.prototype.controlText_="Mute",je.registerComponent("MuteToggle",zn);var Gn=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&&!o(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}Ge(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){Ot.isEventKey(e,"Esc")&&this.muteToggle.focus()},t.handleMouseOver=function(e){this.addClass("vjs-hover"),he(d,"keyup",ve(this,this.handleKeyPress))},t.handleMouseOut=function(e){this.removeClass("vjs-hover"),pe(d,"keyup",ve(this,this.handleKeyPress))},t.handleKeyPress=function(e){Ot.isEventKey(e,"Esc")&&this.handleMouseOut()},e}(je);Gn.prototype.options_={children:["muteToggle","volumeControl"]},je.registerComponent("VolumePanel",Gn);var Xn=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_=ve(Ve(i),i.handleBlur),i.boundHandleTapClick_=ve(Ve(i),i.handleTapClick),i}Ge(e,n);var t=e.prototype;return t.addEventListenerForItem=function(e){e instanceof je&&(this.on(e,"blur",this.boundHandleBlur_),this.on(e,["tap","click"],this.boundHandleTapClick_))},t.removeEventListenerForItem=function(e){e instanceof je&&(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||d.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){Ot.isEventKey(e,"Left")||Ot.isEventKey(e,"Down")?(e.preventDefault(),e.stopPropagation(),this.stepForward()):(Ot.isEventKey(e,"Right")||Ot.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}(je);je.registerComponent("Menu",Xn);var Kn=function(r){function e(e,t){var i;void 0===t&&(t={}),(i=r.call(this,e,t)||this).menuButton_=new vn(e,t),i.menuButton_.controlText(i.controlText_),i.menuButton_.el_.setAttribute("aria-haspopup","true");var n=vn.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(d,"keyup",ve(Ve(i),i.handleMenuKeyUp))}),i.on("mouseleave",i.handleMouseLeave),i.on("keydown",i.handleSubmenuKeyDown),i}Ge(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 Xn(this.player_,{menuButton:this});if(this.hideThreshold_=0,this.options_.title){var t=k("li",{className:"vjs-menu-title",innerHTML:Me(this.options_.title),tabIndex:-1});this.hideThreshold_+=1;var i=new je(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+" "+vn.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"),pe(d,"keyup",ve(this,this.handleMenuKeyUp))},t.focus=function(){this.menuButton_.focus()},t.blur=function(){this.menuButton_.blur()},t.handleKeyDown=function(e){Ot.isEventKey(e,"Esc")||Ot.isEventKey(e,"Tab")?(this.buttonPressed_&&this.unpressButton(),Ot.isEventKey(e,"Tab")||(e.preventDefault(),this.menuButton_.focus())):(Ot.isEventKey(e,"Up")||Ot.isEventKey(e,"Down"))&&(this.buttonPressed_||(e.preventDefault(),this.pressButton()))},t.handleMenuKeyUp=function(e){(Ot.isEventKey(e,"Esc")||Ot.isEventKey(e,"Tab"))&&this.removeClass("vjs-hover")},t.handleSubmenuKeyPress=function(e){this.handleSubmenuKeyDown(e)},t.handleSubmenuKeyDown=function(e){(Ot.isEventKey(e,"Esc")||Ot.isEventKey(e,"Tab"))&&(this.buttonPressed_&&this.unpressButton(),Ot.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"),dt&&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}(je);je.registerComponent("MenuButton",Kn);var Yn=function(a){function e(e,t){var i,n=t.tracks;if((i=a.call(this,e,t)||this).items.length<=1&&i.hide(),!n)return Ve(i);var r=ve(Ve(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 Ge(e,a),e}(Kn);je.registerComponent("TrackButton",Yn);var $n=["Tab","Esc","Up","Down","Right","Left"],Qn=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}Ge(e,n);var t=e.prototype;return t.createEl=function(e,t,i){return this.nonIconControl=!0,n.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),i)},t.handleKeyDown=function(t){$n.some(function(e){return Ot.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}(ln);je.registerComponent("MenuItem",Qn);var Jn=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 a(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];n.handleTracksChange.apply(Ve(n),t)}function s(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];n.handleSelectedLanguageChange.apply(Ve(n),t)}var o;e.on(["loadstart","texttrackchange"],a),r.addEventListener("change",a),r.addEventListener("selectedlanguagechange",s),n.on("dispose",function(){e.off(["loadstart","texttrackchange"],a),r.removeEventListener("change",a),r.removeEventListener("selectedlanguagechange",s)}),void 0===r.onchange&&n.on(["tap","click"],function(){if("object"!=typeof T.Event)try{o=new T.Event("change")}catch(e){}o||(o=d.createEvent("Event")).initEvent("change",!0,!0),r.dispatchEvent(o)});return n.handleTracksChange(),n}Ge(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}(Qn);je.registerComponent("TextTrackMenuItem",Jn);var Zn=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}Ge(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 a=t[n];if(-1<this.options_.kinds.indexOf(a.kind)&&"showing"===a.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 a=t[n];if(-1<["captions","descriptions","subtitles"].indexOf(a.kind)&&"showing"===a.mode){i=!1;break}}i&&(this.player_.cache_.selectedLanguage={enabled:!1})},e}(Jn);je.registerComponent("OffTextTrackMenuItem",Zn);var er=function(i){function e(e,t){return void 0===t&&(t={}),t.tracks=e.textTracks(),i.call(this,e,t)||this}return Ge(e,i),e.prototype.createItems=function(e,t){var i;void 0===e&&(e=[]),void 0===t&&(t=Jn),this.label_&&(i=this.label_+" off"),e.push(new Zn(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 a=n[r];if(-1<this.kinds_.indexOf(a.kind)){var s=new t(this.player_,{track:a,kinds:this.kinds_,kind:this.kind_,selectable:!0,multiSelectable:!1});s.addClass("vjs-"+a.kind+"-menu-item"),e.push(s)}}return e},e}(Yn);je.registerComponent("TextTrackButton",er);var tr=function(s){function e(e,t){var i,n=t.track,r=t.cue,a=e.currentTime();return t.selectable=!0,t.multiSelectable=!1,t.label=r.text,t.selected=r.startTime<=a&&a<r.endTime,(i=s.call(this,e,t)||this).track=n,i.cue=r,n.addEventListener("cuechange",ve(Ve(i),i.update)),i}Ge(e,s);var t=e.prototype;return t.handleClick=function(e){s.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}(Qn);je.registerComponent("ChaptersTrackMenuItem",tr);var ir=function(n){function e(e,t,i){return n.call(this,e,t,i)||this}Ge(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(Me(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],a=new tr(this.player_,{track:this.track_,cue:r});e.push(a)}return e},e}(er);ir.prototype.kind_="chapters",ir.prototype.controlText_="Chapters",je.registerComponent("ChaptersButton",ir);var nr=function(s){function e(e,t,i){var n;n=s.call(this,e,t,i)||this;var r=e.textTracks(),a=ve(Ve(n),n.handleTracksChange);return r.addEventListener("change",a),n.on("dispose",function(){r.removeEventListener("change",a)}),n}Ge(e,s);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 a=t[n];if(a.kind!==this.kind_&&"showing"===a.mode){i=!0;break}}i?this.disable():this.enable()},t.buildCSSClass=function(){return"vjs-descriptions-button "+s.prototype.buildCSSClass.call(this)},t.buildWrapperCSSClass=function(){return"vjs-descriptions-button "+s.prototype.buildWrapperCSSClass.call(this)},e}(er);nr.prototype.kind_="descriptions",nr.prototype.controlText_="Descriptions",je.registerComponent("DescriptionsButton",nr);var rr=function(n){function e(e,t,i){return n.call(this,e,t,i)||this}Ge(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}(er);rr.prototype.kind_="subtitles",rr.prototype.controlText_="Subtitles",je.registerComponent("SubtitlesButton",rr);var ar=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 Ge(e,n),e.prototype.handleClick=function(e){this.player().getChild("textTrackSettings").open()},e}(Jn);je.registerComponent("CaptionSettingsMenuItem",ar);var sr=function(n){function e(e,t,i){return n.call(this,e,t,i)||this}Ge(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 ar(this.player_,{kind:this.kind_})),this.hideThreshold_+=1),n.prototype.createItems.call(this,e)},e}(er);sr.prototype.kind_="captions",sr.prototype.controlText_="Captions",je.registerComponent("CaptionsButton",sr);var or=function(r){function e(){return r.apply(this,arguments)||this}return Ge(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,g({innerHTML:n},t),i)},e}(Jn);je.registerComponent("SubsCapsMenuItem",or);var ur=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(Me(i.label_)),i}Ge(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 ar(this.player_,{kind:this.label_})),this.hideThreshold_+=1),e=n.prototype.createItems.call(this,e,or)},e}(er);ur.prototype.kinds_=["captions","subtitles"],ur.prototype.controlText_="Subtitles",je.registerComponent("SubsCapsButton",ur);var lr=function(s){function e(e,t){var n,i=t.track,r=e.audioTracks();t.label=i.label||i.language||"Unknown",t.selected=i.enabled,(n=s.call(this,e,t)||this).track=i,n.addClass("vjs-"+i.kind+"-menu-item");function a(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];n.handleTracksChange.apply(Ve(n),t)}return r.addEventListener("change",a),n.on("dispose",function(){r.removeEventListener("change",a)}),n}Ge(e,s);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>",s.prototype.createEl.call(this,e,g({innerHTML:n},t),i)},t.handleClick=function(e){var t=this.player_.audioTracks();s.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}(Qn);je.registerComponent("AudioTrackMenuItem",lr);var cr=function(i){function e(e,t){return void 0===t&&(t={}),t.tracks=e.audioTracks(),i.call(this,e,t)||this}Ge(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 lr(this.player_,{track:n,selectable:!0,multiSelectable:!1}))}return e},e}(Yn);cr.prototype.controlText_="Audio Track",je.registerComponent("AudioTrackButton",cr);var dr=function(a){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=a.call(this,e,t)||this).label=n,i.rate=r,i.on(e,"ratechange",i.update),i}Ge(e,a);var t=e.prototype;return t.handleClick=function(e){a.prototype.handleClick.call(this),this.player().playbackRate(this.rate)},t.update=function(e){this.selected(this.player().playbackRate()===this.rate)},e}(Qn);dr.prototype.contentElType="button",je.registerComponent("PlaybackRateMenuItem",dr);var hr=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}Ge(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 Xn(this.player()),t=this.playbackRates();if(t)for(var i=t.length-1;0<=i;i--)e.addChild(new dr(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}(Kn);hr.prototype.controlText_="Playback Rate",je.registerComponent("PlaybackRateMenuButton",hr);var pr=function(e){function t(){return e.apply(this,arguments)||this}Ge(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}(je);je.registerComponent("Spacer",pr);var fr=function(t){function e(){return t.apply(this,arguments)||this}Ge(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}(pr);je.registerComponent("CustomControlSpacer",fr);var mr=function(e){function t(){return e.apply(this,arguments)||this}return Ge(t,e),t.prototype.createEl=function(){return e.prototype.createEl.call(this,"div",{className:"vjs-control-bar",dir:"ltr"})},t}(je);mr.prototype.options_={children:["playToggle","volumePanel","currentTimeDisplay","timeDivider","durationDisplay","progressControl","liveDisplay","seekToLive","remainingTimeDisplay","customControlSpacer","playbackRateMenuButton","chaptersButton","descriptionsButton","subsCapsButton","audioTrackButton","fullscreenToggle"]},"exitPictureInPicture"in d&&mr.prototype.options_.children.splice(mr.prototype.options_.children.length-1,0,"pictureInPictureToggle"),je.registerComponent("ControlBar",mr);var gr=function(n){function e(e,t){var i;return(i=n.call(this,e,t)||this).on(e,"error",i.open),i}Ge(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}(Mt);gr.prototype.options_=m({},Mt.prototype.options_,{pauseOnOpen:!1,fillAlways:!0,temporary:!1,uncloseable:!0}),je.registerComponent("ErrorDisplay",gr);var vr="vjs-text-track-settings",yr=["#000","Black"],_r=["#00F","Blue"],br=["#0FF","Cyan"],Tr=["#0F0","Green"],Sr=["#F0F","Magenta"],kr=["#F00","Red"],Cr=["#FFF","White"],Er=["#FF0","Yellow"],wr=["1","Opaque"],Ir=["0.5","Semi-Transparent"],Ar=["0","Transparent"],xr={backgroundColor:{selector:".vjs-bg-color > select",id:"captions-background-color-%s",label:"Color",options:[yr,Cr,kr,Tr,_r,Er,Sr,br]},backgroundOpacity:{selector:".vjs-bg-opacity > select",id:"captions-background-opacity-%s",label:"Transparency",options:[wr,Ir,Ar]},color:{selector:".vjs-fg-color > select",id:"captions-foreground-color-%s",label:"Color",options:[Cr,yr,kr,Tr,_r,Er,Sr,br]},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:[wr,Ir]},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:[Ar,Ir,wr]}};function Pr(e,t){if(t&&(e=t(e)),e&&"none"!==e)return e}xr.windowColor.options=xr.backgroundColor.options;var Lr=function(n){function e(e,t){var i;return t.temporary=!1,(i=n.call(this,e,t)||this).updateDisplay=ve(Ve(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()}),r(xr,function(e){i.on(i.$(e.selector),"change",i.updateDisplay)}),i.options_.persistTextTrackSettings&&i.restoreSettings(),i}Ge(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=xr[e],a=r.id.replace("%s",this.id_),s=[t,a].join(" ").trim();return["<"+i+' id="'+a+'" class="'+("label"===i?"vjs-label":"")+'">',this.localize(r.label),"</"+i+">",'<select aria-labelledby="'+s+'">'].concat(r.options.map(function(e){var t=a+"-"+e[1].replace(/\W+/g,"");return['<option id="'+t+'" value="'+e[0]+'" ','aria-labelledby="'+s+" "+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),a(i).reduce(function(e,t){return n(e,i[t],t)},e)}(xr,function(e,t,i){var n=function(e,t){return Pr(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;r(xr,function(e,t){!function(e,t,i){if(t)for(var n=0;n<e.options.length;n++)if(Pr(e.options[n].value,i)===t){e.selectedIndex=n;break}}(n.$(e.selector),i[t],e.parser)})},t.setDefaults=function(){var i=this;r(xr,function(e){var t=e.hasOwnProperty("default")?e.default:0;i.$(e.selector).selectedIndex=t})},t.restoreSettings=function(){var e;try{e=JSON.parse(T.localStorage.getItem(vr))}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?T.localStorage.setItem(vr,JSON.stringify(e)):T.localStorage.removeItem(vr)}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}(Mt);je.registerComponent("TextTrackSettings",Lr);var Or=function(a){function e(e,t){var i,n=t.ResizeObserver||T.ResizeObserver;null===t.ResizeObserver&&(n=!1);var r=Re({createEl:!n,reportTouchActivity:!1},t);return(i=a.call(this,e,r)||this).ResizeObserver=t.ResizeObserver||T.ResizeObserver,i.loadListener_=null,i.resizeObserver_=null,i.debouncedHandler_=function(n,r,a,s){var o;void 0===s&&(s=T);function e(){var e=this,t=arguments,i=function(){i=o=null,a||n.apply(e,t)};!o&&a&&n.apply(e,t),s.clearTimeout(o),o=s.setTimeout(i,r)}return e.cancel=function(){s.clearTimeout(o),o=null},e}(function(){i.resizeHandler()},100,!1,Ve(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(){pe(this,"resize",e),pe(this,"unload",t),t=null};he(i.el_.contentWindow,"unload",t),he(i.el_.contentWindow,"resize",e)}},i.one("load",i.loadListener_)),i}Ge(e,a);var t=e.prototype;return t.createEl=function(){return a.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,a.prototype.dispose.call(this)},e}(je);je.registerComponent("ResizeManager",Or);var Dr={trackingThreshold:30,liveTolerance:15},Mr=function(r){function e(e,t){var i,n=Re(Dr,t,{createEl:!1});return(i=r.call(this,e,n)||this).reset_(),i.on(i.player_,"durationchange",i.handleDurationchange),at&&"hidden"in d&&"visibilityState"in d&&i.on(d,"visibilitychange",i.handleVisibilityChange),i}Ge(e,r);var t=e.prototype;return t.handleVisibilityChange=function(){this.player_.duration()===1/0&&(d.hidden?this.stopTracking():this.startTracking())},t.trackLive_=function(){var e=this.player_.seekable();if(e&&e.length){var t=Number(T.performance.now().toFixed(4)),i=-1===this.lastTime_?0:(t-this.lastTime_)/1e3;this.lastTime_=t,this.pastSeekEnd_=this.pastSeekEnd()+i;var n=this.liveCurrentTime(),r=this.player_.currentTime(),a=this.player_.paused()||this.seekedBehindLive_||Math.abs(n-r)>this.options_.liveTolerance;this.timeupdateSeen_&&n!==1/0||(a=!1),a!==this.behindLiveEdge_&&(this.behindLiveEdge_=a,this.trigger("liveedgechange"))}},t.handleDurationchange=function(){this.player_.duration()===1/0&&this.liveWindow()>=this.options_.trackingThreshold?(this.player_.options_.liveui&&this.player_.addClass("vjs-liveui"),this.startTracking()):(this.player_.removeClass("vjs-liveui"),this.stopTracking())},t.startTracking=function(){this.isTracking()||(this.timeupdateSeen_||(this.timeupdateSeen_=this.player_.hasStarted()),this.trackingInterval_=this.setInterval(this.trackLive_,30),this.trackLive_(),this.on(this.player_,["play","pause"],this.trackLive_),this.timeupdateSeen_?this.on(this.player_,"seeked",this.handleSeeked):(this.one(this.player_,"play",this.handlePlay),this.one(this.player_,"timeupdate",this.handleFirstTimeupdate)))},t.handleFirstTimeupdate=function(){this.timeupdateSeen_=!0,this.on(this.player_,"seeked",this.handleSeeked)},t.handleSeeked=function(){var e=Math.abs(this.liveCurrentTime()-this.player_.currentTime());this.seekedBehindLive_=!this.skipNextSeeked_&&2<e,this.skipNextSeeked_=!1,this.trackLive_()},t.handlePlay=function(){this.one(this.player_,"timeupdate",this.seekToLiveEdge)},t.reset_=function(){this.lastTime_=-1,this.pastSeekEnd_=0,this.lastSeekEnd_=-1,this.behindLiveEdge_=!0,this.timeupdateSeen_=!1,this.seekedBehindLive_=!1,this.skipNextSeeked_=!1,this.clearInterval(this.trackingInterval_),this.trackingInterval_=null,this.off(this.player_,["play","pause"],this.trackLive_),this.off(this.player_,"seeked",this.handleSeeked),this.off(this.player_,"play",this.handlePlay),this.off(this.player_,"timeupdate",this.handleFirstTimeupdate),this.off(this.player_,"timeupdate",this.seekToLiveEdge)},t.stopTracking=function(){this.isTracking()&&(this.reset_(),this.trigger("liveedgechange"))},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(){var e=this.seekableEnd();return-1!==this.lastSeekEnd_&&e!==this.lastSeekEnd_&&(this.pastSeekEnd_=0),this.lastSeekEnd_=e,this.pastSeekEnd_},t.behindLiveEdge=function(){return this.behindLiveEdge_},t.isTracking=function(){return"number"==typeof this.trackingInterval_},t.seekToLiveEdge=function(){this.seekedBehindLive_=!1,this.atLiveEdge()||(this.skipNextSeeked_=!0,this.player_.currentTime(this.liveCurrentTime()))},t.dispose=function(){this.off(d,"visibilitychange",this.handleVisibilityChange),this.stopTracking(),r.prototype.dispose.call(this)},e}(je);je.registerComponent("LiveTracker",Mr);function Rr(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 a=0;a<i.length;a++){var s=i[a].src;s&&-1===n.indexOf(s)&&n.push(s)}return!!n.length&&(1===n.length&&(r=n[0]),e.triggerSourceset(r),!0)}function Nr(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 Ur(a){var s=a.el();if(!s.resetSourceWatch_){var t={},e=function(e){return Nr([e.el(),T.HTMLMediaElement.prototype,T.Element.prototype,Vr],"innerHTML")}(a),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(s,t);return Rr(a),n}};["append","appendChild","insertAdjacentHTML"].forEach(function(e){s[e]&&(t[e]=s[e],s[e]=i(t[e]))}),Object.defineProperty(s,"innerHTML",Re(e,{set:i(e.set)})),s.resetSourceWatch_=function(){s.resetSourceWatch_=null,Object.keys(t).forEach(function(e){s[e]=t[e]}),Object.defineProperty(s,"innerHTML",e)},a.one("sourceset",s.resetSourceWatch_)}}function Fr(n){if(n.featuresSourceset){var r=n.el();if(!r.resetSourceset_){var i=function(e){return Nr([e.el(),T.HTMLMediaElement.prototype,qr],"src")}(n),a=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=a.call(r,e,t);return/src/i.test(e)&&n.triggerSourceset(r.src),i},r.load=function(){var e=t.call(r);return Rr(n)||(n.triggerSourceset(""),Ur(n)),e},r.currentSrc?n.triggerSourceset(r.currentSrc):Rr(n)||Ur(n),r.resetSourceset_=function(){r.resetSourceset_=null,r.load=t,r.setAttribute=a,Object.defineProperty(r,"src",i),r.resetSourceWatch_&&r.resetSourceWatch_()}}}}function Br(t,i,n,e){function r(e){return Object.defineProperty(t,i,{value:e,enumerable:!0,writable:!0})}void 0===e&&(e=!0);var a={configurable:!0,enumerable:!0,get:function(){var e=n();return r(e),e}};return e&&(a.set=r),Object.defineProperty(t,i,a)}var jr,Vr=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 i=d.createDocumentFragment();t.childNodes.length;)i.appendChild(t.childNodes[0]);return this.innerText="",T.Element.prototype.appendChild.call(this,i),this.innerHTML}}),qr=Object.defineProperty({},"src",{get:function(){return this.hasAttribute("src")?jt(T.Element.prototype.getAttribute.call(this,"src")):""},set:function(e){return T.Element.prototype.setAttribute.call(this,"src",e),e}}),Hr=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 a=i.el_.childNodes,s=a.length,o=[];s--;){var u=a[s];"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")||!qt(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_(),(ut||ct||et)&&!0===e.nativeControlsForTouch&&i.setControls(!0),i.proxyWebkitFullscreen_(),i.triggerReady(),i}Ge(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(){Fr(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(i){var n=this,e=fi[i],r=this.el()[e.getterName],a=this[e.getterName]();if(this["featuresNative"+e.capitalName+"Tracks"]&&r&&r.addEventListener){var s={change:function(e){var t={type:"change",target:a,currentTarget:a,srcElement:a};a.trigger(t),"text"===i&&n[mi.remoteText.getterName]().trigger(t)},addtrack:function(e){a.addTrack(e.track)},removetrack:function(e){a.removeTrack(e.track)}},t=function(){for(var e=[],t=0;t<a.length;t++){for(var i=!1,n=0;n<r.length;n++)if(r[n]===a[t]){i=!0;break}i||e.push(a[t])}for(;e.length;)a.removeTrack(e.shift())};this[e.getterName+"Listeners_"]=s,Object.keys(s).forEach(function(t){var i=s[t];r.addEventListener(t,i),n.on("dispose",function(e){return r.removeEventListener(t,i)})}),this.on("loadstart",t),this.on("dispose",function(e){return n.off("loadstart",t)})}},e.proxyNativeTracks_=function(){var t=this;fi.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=d.createElement("video");var i=Re({},this.options_.tag&&L(this.options_.tag));ut&&!0===this.options_.nativeControlsForTouch||delete i.controls,P(e,g(i,{id:this.options_.techId,class:"vjs-tech"}))}e.playerId=this.options_.playerId}"undefined"!=typeof this.options_.preload&&D(e,"preload",this.options_.preload),void 0!==this.options_.disablePictureInPicture&&(e.disablePictureInPicture=this.options_.disablePictureInPicture);for(var n=["loop","muted","playsinline","autoplay"],r=0;r<n.length;r++){var a=n[r],s=this.options_[a];"undefined"!=typeof s&&(s?D(e,a,a):M(e,a),e[a]=s)}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.setScrubbing=function(e){this.isScrubbing_=e},e.setCurrentTime=function(e){try{this.isScrubbing_&&this.el_.fastSeek&&ht?this.el_.fastSeek(e):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&&Je&&nt&&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,nativeIOSFullscreen:!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=T.navigator&&T.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_;if(e.paused&&e.networkState<=e.HAVE_METADATA)At(this.el_.play()),this.setTimeout(function(){e.pause();try{e.webkitEnterFullScreen()}catch(e){this.trigger("fullscreenerror",e)}},0);else try{e.webkitEnterFullScreen()}catch(e){this.trigger("fullscreenerror",e)}},e.exitFullScreen=function(){this.el_.webkitDisplayingFullscreen?this.el_.webkitExitFullScreen():this.trigger("fullscreenerror",new Error("The video is not fullscreen"))},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=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 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),T.performance&&"function"==typeof T.performance.now?e.creationTime=T.performance.now():T.performance&&T.performance.timing&&"number"==typeof T.performance.timing.navigationStart&&(e.creationTime=T.Date.now()-T.performance.timing.navigationStart),e},o}(Xi);Br(Hr,"TEST_VID",function(){if(y()){var e=d.createElement("video"),t=d.createElement("track");return t.kind="captions",t.srclang="en",t.label="English",e.appendChild(t),e}}),Hr.isSupported=function(){try{Hr.TEST_VID.volume=.5}catch(e){return!1}return!(!Hr.TEST_VID||!Hr.TEST_VID.canPlayType)},Hr.canPlayType=function(e){return Hr.TEST_VID.canPlayType(e)},Hr.canPlaySource=function(e,t){return Hr.canPlayType(e.type)},Hr.canControlVolume=function(){try{var e=Hr.TEST_VID.volume;return Hr.TEST_VID.volume=e/2+.1,e!==Hr.TEST_VID.volume}catch(e){return!1}},Hr.canMuteVolume=function(){try{var e=Hr.TEST_VID.muted;return Hr.TEST_VID.muted=!e,Hr.TEST_VID.muted?D(Hr.TEST_VID,"muted","muted"):M(Hr.TEST_VID,"muted"),e!==Hr.TEST_VID.muted}catch(e){return!1}},Hr.canControlPlaybackRate=function(){if(Je&&nt&&rt<58)return!1;try{var e=Hr.TEST_VID.playbackRate;return Hr.TEST_VID.playbackRate=e/2+.1,e!==Hr.TEST_VID.playbackRate}catch(e){return!1}},Hr.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},Hr.supportsNativeTextTracks=function(){return ht||dt&&nt},Hr.supportsNativeVideoTracks=function(){return!(!Hr.TEST_VID||!Hr.TEST_VID.videoTracks)},Hr.supportsNativeAudioTracks=function(){return!(!Hr.TEST_VID||!Hr.TEST_VID.audioTracks)},Hr.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];Br(Hr.prototype,t,function(){return Hr[i]()},!0)}),Hr.prototype.movingMediaElementInDOM=!dt,Hr.prototype.featuresFullscreenResize=!0,Hr.prototype.featuresProgressEvents=!0,Hr.prototype.featuresTimeupdateEvents=!0,Hr.patchCanPlayType=function(){4<=Ze&&!tt&&!nt&&(jr=Hr.TEST_VID&&Hr.TEST_VID.constructor.prototype.canPlayType,Hr.TEST_VID.constructor.prototype.canPlayType=function(e){return e&&/^application\/(?:x-|vnd\.apple\.)mpegurl/i.test(e)?"maybe":jr.call(this,e)})},Hr.unpatchCanPlayType=function(){var e=Hr.TEST_VID.constructor.prototype.canPlayType;return jr&&(Hr.TEST_VID.constructor.prototype.canPlayType=jr),e},Hr.patchCanPlayType(),Hr.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){}}()}},Hr.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){Hr.prototype[e]=function(){return this.el_[e]||this.el_.hasAttribute(e)}}),["muted","defaultMuted","autoplay","loop","playsinline"].forEach(function(t){Hr.prototype["set"+Me(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","disablePictureInPicture","played","networkState","readyState","videoWidth","videoHeight","crossOrigin"].forEach(function(e){Hr.prototype[e]=function(){return this.el_[e]}}),["volume","src","poster","preload","playbackRate","defaultPlaybackRate","disablePictureInPicture","crossOrigin"].forEach(function(t){Hr.prototype["set"+Me(t)]=function(e){this.el_[t]=e}}),["pause","load","play"].forEach(function(e){Hr.prototype[e]=function(){return this.el_[e]()}}),Xi.withSourceHandlers(Hr),Hr.nativeSourceHandler={},Hr.nativeSourceHandler.canPlayType=function(e){try{return Hr.TEST_VID.canPlayType(e)}catch(e){return""}},Hr.nativeSourceHandler.canHandleSource=function(e,t){if(e.type)return Hr.nativeSourceHandler.canPlayType(e.type);if(e.src){var i=Vt(e.src);return Hr.nativeSourceHandler.canPlayType("video/"+i)}return""},Hr.nativeSourceHandler.handleSource=function(e,t,i){t.setSrc(e.src)},Hr.nativeSourceHandler.dispose=function(){},Hr.registerSourceHandler(Hr.nativeSourceHandler),Xi.registerTech("Html5",Hr);var Wr=["progress","abort","suspend","emptied","stalled","loadedmetadata","loadeddata","timeupdate","resize","volumechange","texttrackchange"],zr={canplay:"CanPlay",canplaythrough:"CanPlayThrough",playing:"Playing",seeked:"Seeked"},Gr=["tiny","xsmall","small","medium","large","xlarge","huge"],Xr={};Gr.forEach(function(e){var t="x"===e.charAt(0)?"x-"+e.substring(1):e;Xr[e]="vjs-layout-"+t});var Kr={tiny:210,xsmall:320,small:425,medium:768,large:1440,xlarge:2560,huge:1/0},Yr=function(c){function l(e,t,i){var n;if(e.id=e.id||t.id||"vjs_video_"+re(),(t=g(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 a=e;a&&1===a.nodeType;){if(L(a).hasOwnProperty("lang")){t.language=a.getAttribute("lang");break}a=a.parentNode}if((n=c.call(this,null,t,i)||this).boundDocumentFullscreenChange_=ve(Ve(n),n.documentFullscreenChange_),n.boundFullWindowOnEscKey_=ve(Ve(n),n.fullWindowOnEscKey),n.isFullscreen_=!1,n.log=f(n.id_),n.fsApi_=_t,n.isPosterFromTech_=!1,n.queuedCallbacks_=[],n.isReady_=!1,n.hasStarted_=!1,n.userActive_=!1,n.debugEnabled_=!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&&L(e),n.language(n.options_.language),t.languages){var s={};Object.getOwnPropertyNames(t.languages).forEach(function(e){s[e.toLowerCase()]=t.languages[e]}),n.languages_=s}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(),Pe(Ve(n),{eventBusKey:"el_"}),n.fsApi_.requestFullscreen&&(he(d,n.fsApi_.fullscreenchange,n.boundDocumentFullscreenChange_),n.on(n.fsApi_.fullscreenchange,n.boundDocumentFullscreenChange_)),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])}),t.debug&&n.debug(!0),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"),ut&&n.addClass("vjs-touch-enabled"),dt||n.addClass("vjs-workinghover"),l.players[n.id_]=Ve(n);var u=h.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}Ge(l,c);var e=l.prototype;return e.dispose=function(){var n=this;this.trigger("dispose"),this.off("dispose"),pe(d,this.fsApi_.fullscreenchange,this.boundDocumentFullscreenChange_),pe(d,"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){Yi[e.id()]=null}(this),gi.names.forEach(function(e){var t=gi[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=L(i);if(n){for(t=this.el_=i,i=this.tag=d.createElement("video");t.children.length;)i.appendChild(t.firstChild);w(t,"video-js")||I(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",(at||nt&&ot)&&(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!==T.VIDEOJS_NO_DYNAMIC_STYLE){this.styleEl_=ee("vjs-styles-dimensions");var a=X(".vjs-styles-defaults"),s=X("head");s.insertBefore(this.styleEl_,a?a.nextSibling:s.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),this.crossOrigin(this.options_.crossOrigin||this.options_.crossorigin);for(var o=i.getElementsByTagName("a"),u=0;u<o.length;u++){var l=o.item(u);I(l,"vjs-hidden"),l.setAttribute("hidden","hidden")}return i.initNetworkState_=i.networkState,i.parentNode&&!e&&i.parentNode.insertBefore(t,i),E(i,t),this.children_.unshift(i),this.el_.setAttribute("lang",this.language_),this.el_=t},e.crossOrigin=function(e){if(!e)return this.techGet_("crossOrigin");"anonymous"===e||"use-credentials"===e?this.techCall_("setCrossOrigin",e):p.warn('crossOrigin must be "anonymous" or "use-credentials", given "'+e+'"')},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,Ae(this)&&this.off("playerreset",this.updateStyleEl_),e?(this.addClass("vjs-fluid"),this.fill(!1),function(e,t){Ae(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!==T.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),te(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 a="number"==typeof this.width_?this.width_:this.options_.width,s="number"==typeof this.height_?this.height_:this.options_.height,o=this.tech_&&this.tech_.el();o&&(0<=a&&(o.width=a),0<=s&&(o.height=s))}},e.loadTech_=function(e,t){var i=this;this.tech_&&this.unloadTech_();var n=Me(e),r=e.charAt(0).toLowerCase()+e.slice(1);"Html5"!==n&&this.tag&&(Xi.getTech("Html5").disposeMediaElement(this.tag),this.tag.player=null,this.tag=null),this.techName_=n,this.isReady_=!1;var a={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,disablePictureInPicture:this.options_.disablePictureInPicture,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};gi.names.forEach(function(e){var t=gi[e];a[t.getterName]=i[t.privateName]}),g(a,this.options_[n]),g(a,this.options_[r]),g(a,this.options_[e.toLowerCase()]),this.tag&&(a.tag=this.tag),t&&t.src===this.cache_.src&&0<this.cache_.currentTime&&(a.startTime=this.cache_.currentTime);var s=Xi.getTech(e);if(!s)throw new Error("No Tech named '"+n+"' exists! '"+n+"' should be registered using videojs.registerTech()'");this.tech_=new s(a),this.tech_.ready(ve(this,this.handleTechReady_),!0),Lt(this.textTracksJson_||[],this.tech_),Wr.forEach(function(e){i.on(i.tech_,e,i["handleTech"+Me(e)+"_"])}),Object.keys(zr).forEach(function(t){i.on(i.tech_,t,function(e){0===i.tech_.playbackRate()&&i.tech_.seeking()?i.queuedCallbacks_.push({callback:i["handleTech"+zr[t]+"_"].bind(i),event:e}):i["handleTech"+zr[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_,"fullscreenerror",this.handleTechFullscreenError_),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||E(this.tech_.el(),this.el()),this.tag&&(this.tag.player=null,this.tag=null)},e.unloadTech_=function(){var i=this;gi.names.forEach(function(e){var t=gi[e];i[t.privateName]=i[t.getterName]()}),this.textTracksJson_=Pt(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(It(i))return i.catch(t)};if("any"===t&&!0!==this.muted()?It(e=this.play())&&(e=e.catch(i)):e="muted"===t&&!0!==this.muted()?i():this.play(),It(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 a=n[r];if(a.type&&a.src&&a.src===t)return a.type}return an(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=[],a=this.$$("source"),s=[],o=0;o<a.length;o++){var u=L(a[o]);r.push(u),u.src&&u.src===t&&s.push(u.src)}s.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){z(e)&&this.controls_&&(this.paused()?At(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=e.target.player;if(!t||t===this){var i=this.el(),n=d[this.fsApi_.fullscreenElement]===i;!n&&i.matches?n=i.matches(":"+this.fsApi_.fullscreen):!n&&i.msMatchesSelector&&(n=i.msMatchesSelector(":"+this.fsApi_.fullscreen)),this.isFullscreen(n)}},e.handleTechFullscreenChange_=function(e,t){t&&(t.nativeIOSFullscreen&&this.toggleClass("vjs-ios-native-fs"),this.isFullscreen(t.isFullscreen))},e.handleTechFullscreenError_=function(e,t){this.trigger("fullscreenerror",t)},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,initTime: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 en)return function(e,t,i,n){return t[i](e.reduce(nn(i),n))}(this.middleware_,this.tech_,e,t);if(e in tn)return Ji(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 Zi)return function(e,t,i){return e.reduceRight(nn(i),t[i]())}(this.middleware_,this.tech_,t);if(t in tn)return Ji(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||T.Promise;return e?new e(function(e){t.play_(e)}):this.play_()},e.play_=function(e){var t=this;void 0===e&&(e=At),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||!ht&&!dt||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")||gt(0,0)},e.scrubbing=function(e){if("undefined"==typeof e)return this.scrubbing_;this.scrubbing_=!!e,this.techCall_("setScrubbing",this.scrubbing_),e?this.addClass("vjs-scrubbing"):this.removeClass("vjs-scrubbing")},e.currentTime=function(e){return"undefined"!=typeof e?(e<0&&(e=0),this.isReady_&&!this.changingSrc_&&this.tech_&&this.tech_.isReady_?(this.techCall_("setCurrentTime",e),void(this.cache_.initTime=0)):(this.cache_.initTime=e,this.off("canplay",this.applyInitTime_),void this.one("canplay",this.applyInitTime_))):(this.cache_.currentTime=this.techGet_("currentTime")||0,this.cache_.currentTime)},e.applyInitTime_=function(){this.currentTime(this.cache_.initTime)},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.removeClass("vjs-live"),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=gt(0,0)),e},e.bufferedPercent=function(){return vt(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){if(void 0===e)return this.isFullscreen_;var t=this.isFullscreen_;return this.isFullscreen_=Boolean(e),this.isFullscreen_!==t&&this.fsApi_.prefixed&&this.trigger("fullscreenchange"),void this.toggleFullscreenClass_()},e.requestFullscreen=function(s){var e=this.options_.Promise||T.Promise;if(e){var o=this;return new e(function(e,i){function n(){o.off("fullscreenerror",r),o.off("fullscreenchange",t)}function t(){n(),e()}function r(e,t){n(),i(t)}o.one("fullscreenchange",t),o.one("fullscreenerror",r);var a=o.requestFullscreenHelper_(s);if(a)return a.then(n,n),a})}return this.requestFullscreenHelper_()},e.requestFullscreenHelper_=function(e){var t,i=this;if(this.fsApi_.prefixed||(t=this.options_.fullscreen&&this.options_.fullscreen.options||{},void 0!==e&&(t=e)),this.fsApi_.requestFullscreen){var n=this.el_[this.fsApi_.requestFullscreen](t);return n&&n.then(function(){return i.isFullscreen(!0)},function(){return i.isFullscreen(!1)}),n}this.tech_.supportsFullScreen()?this.techCall_("enterFullScreen"):this.enterFullWindow()},e.exitFullscreen=function(){var e=this.options_.Promise||T.Promise;if(e){var s=this;return new e(function(e,i){function n(){s.off("fullscreenerror",r),s.off("fullscreenchange",t)}function t(){n(),e()}function r(e,t){n(),i(t)}s.one("fullscreenchange",t),s.one("fullscreenerror",r);var a=s.exitFullscreenHelper_();if(a)return a.then(n,n),a})}return this.exitFullscreenHelper_()},e.exitFullscreenHelper_=function(){var e=this;if(this.fsApi_.requestFullscreen){var t=d[this.fsApi_.exitFullscreen]();return t&&t.then(function(){return e.isFullscreen(!1)}),t}this.tech_.supportsFullScreen()?this.techCall_("exitFullScreen"):this.exitFullWindow()},e.enterFullWindow=function(){this.isFullscreen(!0),this.isFullWindow=!0,this.docOrigOverflow=d.documentElement.style.overflow,he(d,"keydown",this.boundFullWindowOnEscKey_),d.documentElement.style.overflow="hidden",I(d.body,"vjs-full-window"),this.trigger("enterFullWindow")},e.fullWindowOnEscKey=function(e){Ot.isEventKey(e,"Esc")&&(!0===this.isFullscreen()?this.exitFullscreen():this.exitFullWindow())},e.exitFullWindow=function(){this.isFullscreen(!1),this.isFullWindow=!1,pe(d,"keydown",this.boundFullWindowOnEscKey_),d.documentElement.style.overflow=this.docOrigOverflow,A(d.body,"vjs-full-window"),this.trigger("exitFullWindow")},e.disablePictureInPicture=function(e){if(void 0===e)return this.techGet_("disablePictureInPicture");this.techCall_("setDisablePictureInPicture",e),this.options_.disablePictureInPicture=e,this.trigger("disablepictureinpicturechanged")},e.isInPictureInPicture=function(e){return void 0!==e?(this.isInPictureInPicture_=!!e,void this.togglePictureInPictureClass_()):!!this.isInPictureInPicture_},e.requestPictureInPicture=function(){if("pictureInPictureEnabled"in d&&!1===this.disablePictureInPicture())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:{},i=t.fullscreenKey,n=void 0===i?function(e){return Ot.isEventKey(e,"f")}:i,r=t.muteKey,a=void 0===r?function(e){return Ot.isEventKey(e,"m")}:r,s=t.playPauseKey,o=void 0===s?function(e){return Ot.isEventKey(e,"k")||Ot.isEventKey(e,"Space")}:s;if(n.call(this,e)){e.preventDefault(),e.stopPropagation();var u=je.getComponent("FullscreenToggle");!1!==d[this.fsApi_.fullscreenEnabled]&&u.prototype.handleClick.call(this,e)}else if(a.call(this,e)){e.preventDefault(),e.stopPropagation(),je.getComponent("MuteToggle").prototype.handleClick.call(this,e)}else if(o.call(this,e)){e.preventDefault(),e.stopPropagation(),je.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],a=Xi.getTech(r);if(a=a||je.getComponent(r)){if(a.isSupported()&&(t=a.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,a=this.options_.techOrder.map(function(e){return[e,Xi.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,a,(n=i,function(e,t){return n(t,e)})):t(a,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):s(e)&&i.push(e)}),e=i}else e="string"==typeof e&&e.trim()?[on({src:e})]:s(e)&&"string"==typeof e.src&&e.src&&e.src.trim()?[on(e)]:[];return e}(e);n.length?(this.changingSrc_=!0,this.cache_.sources=n,this.updateSourceCaches_(n[0]),Qi(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 Me(e)===Me(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||T.Promise;this.paused()||!t?this.doReset_():At(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_(),Ae(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 Ct(e),this.addClass("vjs-error"),p.error("(CODE:"+this.error_.code+" "+Ct.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(){function e(e){r(),this.clearInterval(t)}var t,i,n,r=ve(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",e),this.on("mouseleave",e);var a,s=this.getChild("controlBar");!s||dt||Je||(s.on("mouseenter",function(e){this.player().cache_.inactivityTimeout=this.player().options_.inactivityTimeout,this.player().options_.inactivityTimeout=0}),s.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(a);var e=this.options_.inactivityTimeout;e<=0||(a=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 Mt(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<Gr.length;i++){var n=Gr[i];if(t<=this.breakpoints_[n]){if(e===n)return;e&&this.removeClass(Xr[e]),this.addClass(Xr[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_=g({},Kr,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 Xr[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,a=n.poster,s=n.src,o=n.textTracks;!r&&a&&(this.cache_.media.artwork=[{src:a,type:an(a)}]),s&&this.src(s),a&&this.poster(a),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:an(t.poster)}]),t},l.getTagSettings=function(e){var t={sources:[],tracks:[]},i=L(e),n=i["data-setup"];if(w(e,"vjs-fill")&&(i.fill=!0),w(e,"vjs-fluid")&&(i.fluid=!0),null!==n){var r=wt(n||"{}"),a=r[0],s=r[1];a&&p.error(a),g(i,s)}if(g(t,i),e.hasChildNodes())for(var o=e.childNodes,u=0,l=o.length;u<l;u++){var c=o[u],d=c.nodeName.toLowerCase();"source"===d?t.sources.push(L(c)):"track"===d&&t.tracks.push(L(c))}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)},e.debug=function(e){if(void 0===e)return this.debugEnabled_;e?(this.trigger("debugon"),this.previousLogLevel_=this.log.level,this.log.level("debug"),this.debugEnabled_=!0):(this.trigger("debugoff"),this.log.level(this.previousLogLevel_),this.previousLogLevel_=void 0,this.debugEnabled_=!1)},l}(je);gi.names.forEach(function(e){var t=gi[e];Yr.prototype[t.getterName]=function(){return this.tech_?this.tech_[t.getterName]():(this[t.privateName]=this[t.privateName]||new t.ListClass,this[t.privateName])}}),Yr.prototype.crossorigin=Yr.prototype.crossOrigin,Yr.players={};var $r=T.navigator;Yr.prototype.options_={techOrder:Xi.defaultTechOrder_,html5:{},flash:{},inactivityTimeout:2e3,playbackRates:[],liveui:!1,children:["mediaLoader","posterImage","textTrackDisplay","loadingSpinner","bigPlayButton","liveTracker","controlBar","errorDisplay","textTrackSettings","resizeManager"],language:$r&&($r.languages&&$r.languages[0]||$r.userLanguage||$r.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){Yr.prototype[e]=function(){return this.techGet_(e)}}),Wr.forEach(function(e){Yr.prototype["handleTech"+Me(e)+"_"]=function(){return this.trigger(e)}}),je.registerComponent("Player",Yr);var Qr=i(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});function Jr(e){return oa.hasOwnProperty(e)}function Zr(e){return Jr(e)?oa[e]:void 0}function ea(e,t){e[sa]=e[sa]||{},e[sa][t]=!0}function ta(e,t,i){var n=(i?"before":"")+"pluginsetup";e.trigger(n,t),e.trigger(n+":"+t.name,t)}function ia(r,a){return a.prototype.name=r,function(){ta(this,{name:r,plugin:a,instance:null},!0);for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=ra(a,[this].concat(t));return this[r]=function(){return n},ta(this,n.getEventHash()),n}}var na=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}},ra=i(function(n){function r(e,t,i){return na()?n.exports=r=Reflect.construct: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&&Qr(r,i.prototype),r},r.apply(null,arguments)}n.exports=r}),aa="plugin",sa="activePlugins_",oa={},ua=function(){function i(e){if(this.constructor===i)throw new Error("Plugin must be sub-classed; not directly instantiated.");this.player=e,this.log||(this.log=this.player.log.createLogger(this.name)),Pe(this),delete this.trigger,Oe(this,this.constructor.defaultState),ea(e,this.name),this.dispose=ve(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={}),fe(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[sa][e]=!1,this.player=this.state=null,t[e]=ia(e,oa[e])},i.isBasic=function(e){var t="string"==typeof e?Zr(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(Jr(e))p.warn('A plugin named "'+e+'" already exists. You may want to avoid re-registering plugins!');else if(Yr.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 oa[e]=t,e!==aa&&(i.isBasic(t)?Yr.prototype[e]=function(t,i){function n(){ta(this,{name:t,plugin:i,instance:null},!0);var e=i.apply(this,arguments);return ea(this,t),ta(this,{name:t,plugin:i,instance:e}),e}return Object.keys(i).forEach(function(e){n[e]=i[e]}),n}(e,t):Yr.prototype[e]=ia(e,t)),t},i.deregisterPlugin=function(e){if(e===aa)throw new Error("Cannot de-register base plugin.");Jr(e)&&(delete oa[e],delete Yr.prototype[e])},i.getPlugins=function(e){var i;return void 0===e&&(e=Object.keys(oa)),e.forEach(function(e){var t=Zr(e);t&&((i=i||{})[e]=t)}),i},i.getPluginVersion=function(e){var t=Zr(e);return t&&t.VERSION||""},i}();ua.getPlugin=Zr,ua.BASE_PLUGIN_NAME=aa,ua.registerPlugin(aa,ua),Yr.prototype.usingPlugin=function(e){return!!this[sa]&&!0===this[sa][e]},Yr.prototype.hasPlugin=function(e){return!!Jr(e)};var la=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&&Qr(e,t)},ca=function(e){return 0===e.indexOf("#")?e.slice(1):e};function da(e,i,t){var n=da.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?X("#"+ca(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||{},da.hooks("beforesetup").forEach(function(e){var t=e(r,Re(i));s(t)&&!Array.isArray(t)?i=Re(i,t):p.error("please return an object in beforesetup hooks")});var a=je.getComponent("Player");return n=new a(r,i,t),da.hooks("setup").forEach(function(e){return e(n)}),n}if(da.hooks_={},da.hooks=function(e,t){return da.hooks_[e]=da.hooks_[e]||[],t&&(da.hooks_[e]=da.hooks_[e].concat(t)),da.hooks_[e]},da.hook=function(e,t){da.hooks(e,t)},da.hookOnce=function(i,e){da.hooks(i,[].concat(e).map(function(t){return function e(){return da.removeHook(i,e),t.apply(void 0,arguments)}}))},da.removeHook=function(e,t){var i=da.hooks(e).indexOf(t);return!(i<=-1)&&(da.hooks_[e]=da.hooks_[e].slice(),da.hooks_[e].splice(i,1),!0)},!0!==T.VIDEOJS_NO_DYNAMIC_STYLE&&y()){var ha=X(".vjs-styles-defaults");if(!ha){ha=ee("vjs-styles-defaults");var pa=X("head");pa&&pa.insertBefore(ha,pa.firstChild),te(ha,"\n      .video-js {\n        width: 300px;\n        height: 150px;\n      }\n\n      .vjs-fluid {\n        padding-top: 56.25%\n      }\n    ")}}function fa(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}J(1,da),da.VERSION=h,da.options=Yr.prototype.options_,da.getPlayers=function(){return Yr.players},da.getPlayer=function(e){var t,i=Yr.players;if("string"==typeof e){var n=ca(e),r=i[n];if(r)return r;t=X("#"+n)}else t=e;if(_(t)){var a=t,s=a.player,o=a.playerId;if(s||i[o])return s||i[o]}},da.getAllPlayers=function(){return Object.keys(Yr.players).map(function(e){return Yr.players[e]}).filter(Boolean)},da.players=Yr.players,da.getComponent=je.getComponent,da.registerComponent=function(e,t){Xi.isTech(t)&&p.warn("The "+e+" tech was registered as a component. It should instead be registered using videojs.registerTech(name, tech)"),je.registerComponent.call(je,e,t)},da.getTech=Xi.getTech,da.registerTech=Xi.registerTech,da.use=function(e,t){Ki[e]=Ki[e]||[],Ki[e].push(t)},Object.defineProperty(da,"middleware",{value:{},writeable:!1,enumerable:!0}),Object.defineProperty(da.middleware,"TERMINATOR",{value:$i,writeable:!1,enumerable:!0}),da.browser=pt,da.TOUCH_ENABLED=ut,da.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),la(i,e),e&&(i.super_=e),n)n.hasOwnProperty(r)&&(i.prototype[r]=n[r]);return i},da.mergeOptions=Re,da.bind=ve,da.registerPlugin=ua.registerPlugin,da.deregisterPlugin=ua.deregisterPlugin,da.plugin=function(e,t){return p.warn("videojs.plugin() is deprecated; use videojs.registerPlugin() instead"),ua.registerPlugin(e,t)},da.getPlugins=ua.getPlugins,da.getPlugin=ua.getPlugin,da.getPluginVersion=ua.getPluginVersion,da.addLanguage=function(e,t){var i;return e=(""+e).toLowerCase(),da.options.languages=Re(da.options.languages,((i={})[e]=t,i)),da.options.languages[e]},da.log=p,da.createLogger=f,da.createTimeRange=da.createTimeRanges=gt,da.formatTime=kn,da.setFormatTime=function(e){Sn=e},da.resetFormatTime=function(){Sn=Tn},da.parseUrl=Bt,da.isCrossOrigin=qt,da.EventTarget=_e,da.on=he,da.one=me,da.off=pe,da.trigger=fe,da.xhr=ni,da.TextTrack=ci,da.AudioTrack=di,da.VideoTrack=hi,["isEl","isTextNode","createEl","hasClass","addClass","removeClass","toggleClass","setAttributes","getAttributes","emptyEl","appendContent","insertContent"].forEach(function(e){da[e]=function(){return p.warn("videojs."+e+"() is deprecated; use videojs.dom."+e+"() instead"),Y[e].apply(null,arguments)}}),da.computedStyle=u,da.dom=Y,da.url=Zt,da.defineLazyProperty=Br;var ma=fa(i(function(e,t){var i,c,n,r,d;i=/^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/?#]*)?((?:[^\/\?#]*\/)*.*?)??(;.*?)?(\?.*?)?(#.*?)?$/,c=/^([^\/?#]*)(.*)$/,n=/(?:\/|^)\.(?=\/)/g,r=/(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g,d={buildAbsoluteURL:function(e,t,i){if(i=i||{},e=e.trim(),!(t=t.trim())){if(!i.alwaysNormalize)return e;var n=d.parseURL(e);if(!n)throw new Error("Error trying to parse base URL.");return n.path=d.normalizePath(n.path),d.buildURLFromParts(n)}var r=d.parseURL(t);if(!r)throw new Error("Error trying to parse relative URL.");if(r.scheme)return i.alwaysNormalize?(r.path=d.normalizePath(r.path),d.buildURLFromParts(r)):t;var a=d.parseURL(e);if(!a)throw new Error("Error trying to parse base URL.");if(!a.netLoc&&a.path&&"/"!==a.path[0]){var s=c.exec(a.path);a.netLoc=s[1],a.path=s[2]}a.netLoc&&!a.path&&(a.path="/");var o={scheme:a.scheme,netLoc:r.netLoc,path:null,params:r.params,query:r.query,fragment:r.fragment};if(!r.netLoc&&(o.netLoc=a.netLoc,"/"!==r.path[0]))if(r.path){var u=a.path,l=u.substring(0,u.lastIndexOf("/")+1)+r.path;o.path=d.normalizePath(l)}else o.path=a.path,r.params||(o.params=a.params,r.query||(o.query=a.query));return null===o.path&&(o.path=i.alwaysNormalize?d.normalizePath(r.path):r.path),d.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=d})),ga=fa(T),va=function(e,t){return/^[a-z]+:/i.test(t)?t:(/\/\//i.test(e)||(e=ma.default.buildAbsoluteURL(ga.default.location&&ga.default.location.href||"",e)),ma.default.buildAbsoluteURL(e,t))},ya=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]=this.listeners[e].slice(0),this.listeners[e].splice(i,1),-1<i},t.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 a=Array.prototype.slice.call(arguments,1),s=i.length,o=0;o<s;++o)i[o].apply(this,a)},t.dispose=function(){this.listeners={}},t.pipe=function(t){this.on("data",function(e){t.push(e)})},e}();function _a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var ba=_a(T);function Ta(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 Sa=function(e){for(var t=function(e){return ba.default.atob?ba.default.atob(e):Buffer.from(e,"base64").toString("binary")}(e),i=new Uint8Array(t.length),n=0;n<t.length;n++)i[n]=t.charCodeAt(n);return i},ka=function(t){function e(){var e;return(e=t.call(this)||this).buffer="",e}return Ge(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}(ya),Ca=function(t){function e(){var e;return(e=t.call(this)||this).customParsers=[],e.tagMappers=[],e}Ge(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=Ta(u[1]);if(i.URI&&(l.uri=i.URI),i.BYTERANGE){var n=i.BYTERANGE.split("@"),r=n[0],a=n[1];l.byterange={},r&&(l.byterange.length=parseInt(r,10)),a&&(l.byterange.offset=parseInt(a,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=Ta(u[1]),l.attributes.RESOLUTION){var s=l.attributes.RESOLUTION.split("x"),o={};s[0]&&(o.width=parseInt(s[0],10)),s[1]&&(o.height=parseInt(s[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=Ta(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=Ta(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=Ta(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,a=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:a}),!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}(ya),Ea=function(t){function e(){var e;(e=t.call(this)||this).lineStream=new ka,e.parseStream=new Ca,e.lineStream.pipe(e.parseStream);var r,a,s=Ve(e),o=[],u={},l={AUDIO:{},VIDEO:{},"CLOSED-CAPTIONS":{},SUBTITLES:{}},c=0;e.manifest={allowCache:!0,discontinuityStarts:[],segments:[]};var d=0;return 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||(t.offset=d)),"offset"in t&&((u.byterange=e).offset=t.offset),d=e.offset+e.length},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:Sa(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"}),a={method:t.attributes.METHOD||"AES-128",uri:t.attributes.URI},"undefined"!=typeof t.attributes.IV&&(a.iv=t.attributes.IV)}else this.trigger("warn",{message:"ignoring key declaration without URI"});else a=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={}),m(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(s)},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),a&&(u.key=a),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(s)}),e}Ge(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}(ya),wa=i(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var i=/^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i,n=/^application\/dash\+xml/i;t.simpleTypeFromSourceType=function(e){return i.test(e)?"hls":n.test(e)?"dash":"application/vnd.videojs.vhs+json"===e?"vhs-json":null}});
+/*! @name m3u8-parser @version 4.5.0 @license Apache-2.0 */t(wa);var Ia=wa.simpleTypeFromSourceType,Aa=/[A-Z_a-z\xC0-\xD6\xD8-\xF6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD]/,xa=new RegExp("[\\-\\.0-9"+Aa.source.slice(1,-1)+"\\u00B7\\u0300-\\u036F\\u203F-\\u2040]"),Pa=new RegExp("^"+Aa.source+xa.source+"*(?::"+Aa.source+xa.source+"*)?$"),La=0,Oa=1,Da=2,Ma=3,Ra=4,Na=5,Ua=6,Fa=7;function Ba(){}function ja(e,t){return t.lineNumber=e.lineNumber,t.columnNumber=e.columnNumber,t}function Va(e,t,i,n,r,a){for(var s,o=++t,u=La;;){var l=e.charAt(o);switch(l){case"=":if(u===Oa)s=e.slice(t,o),u=Ma;else{if(u!==Da)throw new Error("attribute equal must after attrName");u=Ma}break;case"'":case'"':if(u===Ma||u===Oa){if(u===Oa&&(a.warning('attribute value must after "="'),s=e.slice(t,o)),t=o+1,!(0<(o=e.indexOf(l,t))))throw new Error("attribute value no end '"+l+"' match");c=e.slice(t,o).replace(/&#?\w+;/g,r),i.add(s,c,t-1),u=Na}else{if(u!=Ra)throw new Error('attribute value must after "="');c=e.slice(t,o).replace(/&#?\w+;/g,r),i.add(s,c,t),a.warning('attribute "'+s+'" missed start quot('+l+")!!"),t=o+1,u=Na}break;case"/":switch(u){case La:i.setTagName(e.slice(t,o));case Na:case Ua:case Fa:u=Fa,i.closed=!0;case Ra:case Oa:case Da:break;default:throw new Error("attribute invalid close char('/')")}break;case"":return a.error("unexpected end of input"),u==La&&i.setTagName(e.slice(t,o)),o;case">":switch(u){case La:i.setTagName(e.slice(t,o));case Na:case Ua:case Fa:break;case Ra:case Oa:"/"===(c=e.slice(t,o)).slice(-1)&&(i.closed=!0,c=c.slice(0,-1));case Da:u===Da&&(c=s),u==Ra?(a.warning('attribute "'+c+'" missed quot(")!!'),i.add(s,c.replace(/&#?\w+;/g,r),t)):("http://www.w3.org/1999/xhtml"===n[""]&&c.match(/^(?:disabled|checked|selected)$/i)||a.warning('attribute "'+c+'" missed value!! "'+c+'" instead!!'),i.add(c,c,t));break;case Ma:throw new Error("attribute value missed!!")}return o;case"€":l=" ";default:if(l<=" ")switch(u){case La:i.setTagName(e.slice(t,o)),u=Ua;break;case Oa:s=e.slice(t,o),u=Da;break;case Ra:var c=e.slice(t,o).replace(/&#?\w+;/g,r);a.warning('attribute "'+c+'" missed quot(")!!'),i.add(s,c,t);case Na:u=Ua}else switch(u){case Da:i.tagName;"http://www.w3.org/1999/xhtml"===n[""]&&s.match(/^(?:disabled|checked|selected)$/i)||a.warning('attribute "'+s+'" missed value!! "'+s+'" instead2!!'),i.add(s,s,t),t=o,u=Oa;break;case Na:a.warning('attribute space is required"'+s+'"!!');case Ua:u=Oa,t=o;break;case Ma:u=Ra,t=o;break;case Fa:throw new Error("elements closed character '/' and '>' must be connected to")}}o++}}function qa(e,t,i){for(var n=e.tagName,r=null,a=e.length;a--;){var s=e[a],o=s.qName,u=s.value;if(0<(h=o.indexOf(":")))var l=s.prefix=o.slice(0,h),c=o.slice(h+1),d="xmlns"===l&&c;else l=null,d="xmlns"===(c=o)&&"";s.localName=c,!1!==d&&(null==r&&(r={},za(i,i={})),i[d]=r[d]=u,s.uri="http://www.w3.org/2000/xmlns/",t.startPrefixMapping(d,u))}for(a=e.length;a--;){(l=(s=e[a]).prefix)&&("xml"===l&&(s.uri="http://www.w3.org/XML/1998/namespace"),"xmlns"!==l&&(s.uri=i[l||""]))}var h;c=0<(h=n.indexOf(":"))?(l=e.prefix=n.slice(0,h),e.localName=n.slice(h+1)):(l=null,e.localName=n);var p=e.uri=i[l||""];if(t.startElement(p,c,n,e),!e.closed)return e.currentNSMap=i,e.localNSMap=r,!0;if(t.endElement(p,c,n),r)for(l in r)t.endPrefixMapping(l)}function Ha(e,t,i,n,r){if(/^(?:script|textarea)$/i.test(i)){var a=e.indexOf("</"+i+">",t),s=e.substring(t+1,a);if(/[&<]/.test(s))return/^script$/i.test(i)||(s=s.replace(/&#?\w+;/g,n)),r.characters(s,0,s.length),a}return t+1}function Wa(e,t,i,n){var r=n[i];return null==r&&((r=e.lastIndexOf("</"+i+">"))<t&&(r=e.lastIndexOf("</"+i)),n[i]=r),r<t}function za(e,t){for(var i in e)t[i]=e[i]}function Ga(e,t,i,n){switch(e.charAt(t+2)){case"-":return"-"!==e.charAt(t+3)?-1:t<(r=e.indexOf("--\x3e",t+4))?(i.comment(e,t+4,r-t-4),r+3):(n.error("Unclosed comment"),-1);default:if("CDATA["==e.substr(t+3,6)){var r=e.indexOf("]]>",t+9);return i.startCDATA(),i.characters(e,t+9,r-t-9),i.endCDATA(),r+3}var a=function(e,t){var i,n=[],r=/'[^']+'|"[^"]+"|[^\s<>\/=]+=?|(\/?\s*>|<)/g;r.lastIndex=t,r.exec(e);for(;i=r.exec(e);)if(n.push(i),i[1])return n}(e,t),s=a.length;if(1<s&&/!doctype/i.test(a[0][0])){var o=a[1][0],u=3<s&&/^public$/i.test(a[2][0])&&a[3][0],l=4<s&&a[4][0],c=a[s-1];return i.startDTD(o,u&&u.replace(/^(['"])(.*?)\1$/,"$2"),l&&l.replace(/^(['"])(.*?)\1$/,"$2")),i.endDTD(),c.index+c[0].length}}return-1}function Xa(e,t,i){var n=e.indexOf("?>",t);if(n){var r=e.substring(t,n).match(/^<\?(\S*)\s*([\s\S]*?)\s*$/);if(r){r[0].length;return i.processingInstruction(r[1],r[2]),n+2}return-1}return-1}function Ka(e){}function Ya(e,t){return e.__proto__=t,e}Ba.prototype={parse:function(e,t,i){var n=this.domBuilder;n.startDocument(),za(t,t={}),function(i,e,n,r,a){function s(e){var t=e.slice(1,-1);return t in n?n[t]:"#"===t.charAt(0)?function(e){if(65535<e){var t=55296+((e-=65536)>>10),i=56320+(1023&e);return String.fromCharCode(t,i)}return String.fromCharCode(e)}(parseInt(t.substr(1).replace("x","0x"))):(a.error("entity not found:"+e),e)}function t(e){if(f<e){var t=i.substring(f,e).replace(/&#?\w+;/g,s);d&&o(f),r.characters(t,0,e-f),f=e}}function o(e,t){for(;l<=e&&(t=c.exec(i));)u=t.index,l=u+t[0].length,d.lineNumber++;d.columnNumber=e-u+1}var u=0,l=0,c=/.*(?:\r\n?|\n)|.*$/g,d=r.locator,h=[{currentNSMap:e}],p={},f=0;for(;;){try{var m=i.indexOf("<",f);if(m<0){if(!i.substr(f).match(/^\s*$/)){var g=r.doc,v=g.createTextNode(i.substr(f));g.appendChild(v),r.currentElement=v}return}switch(f<m&&t(m),i.charAt(m+1)){case"/":var y=i.indexOf(">",m+3),_=i.substring(m+2,y),b=h.pop();y<0?(_=i.substring(m+2).replace(/[\s<].*/,""),a.error("end tag name: "+_+" is not complete:"+b.tagName),y=m+1+_.length):_.match(/\s</)&&(_=_.replace(/[\s<].*/,""),a.error("end tag name: "+_+" maybe not complete"),y=m+1+_.length);var T=b.localNSMap,S=b.tagName==_;if(S||b.tagName&&b.tagName.toLowerCase()==_.toLowerCase()){if(r.endElement(b.uri,b.localName,_),T)for(var k in T)r.endPrefixMapping(k);S||a.fatalError("end tag name: "+_+" is not match the current start tagName:"+b.tagName)}else h.push(b);y++;break;case"?":d&&o(m),y=Xa(i,m,r);break;case"!":d&&o(m),y=Ga(i,m,r,a);break;default:d&&o(m);var C=new Ka,E=h[h.length-1].currentNSMap,w=(y=Va(i,m,C,E,s,a),C.length);if(!C.closed&&Wa(i,y,C.tagName,p)&&(C.closed=!0,n.nbsp||a.warning("unclosed xml attribute")),d&&w){for(var I=ja(d,{}),A=0;A<w;A++){var x=C[A];o(x.offset),x.locator=ja(d,{})}r.locator=I,qa(C,r,E)&&h.push(C),r.locator=d}else qa(C,r,E)&&h.push(C);"http://www.w3.org/1999/xhtml"!==C.uri||C.closed?y++:y=Ha(i,y,C.tagName,s,r)}}catch(e){a.error("element parse error: "+e),y=-1}f<y?f=y:t(Math.max(m,f)+1)}}(e,t,i,n,this.errorHandler),n.endDocument()}},Ka.prototype={setTagName:function(e){if(!Pa.test(e))throw new Error("invalid tagName:"+e);this.tagName=e},add:function(e,t,i){if(!Pa.test(e))throw new Error("invalid attribute:"+e);this[this.length++]={qName:e,value:t,offset:i}},length:0,getLocalName:function(e){return this[e].localName},getLocator:function(e){return this[e].locator},getQName:function(e){return this[e].qName},getURI:function(e){return this[e].uri},getValue:function(e){return this[e].value}},Ya({},Ya.prototype)instanceof Ya||(Ya=function(e,t){function i(){}for(t in i.prototype=t,i=new i,e)i[t]=e[t];return i});var $a={XMLReader:Ba};function Qa(e,t){for(var i in e)t[i]=e[i]}function Ja(e,t){var i=e.prototype;if(Object.create){var n=Object.create(t.prototype);i.__proto__=n}if(!(i instanceof t)){var r=function(){};r.prototype=t.prototype,Qa(i,r=new r),e.prototype=i=r}i.constructor!=e&&(i.constructor=e)}var Za="http://www.w3.org/1999/xhtml",es={},ts=es.ELEMENT_NODE=1,is=es.ATTRIBUTE_NODE=2,ns=es.TEXT_NODE=3,rs=es.CDATA_SECTION_NODE=4,as=es.ENTITY_REFERENCE_NODE=5,ss=es.ENTITY_NODE=6,os=es.PROCESSING_INSTRUCTION_NODE=7,us=es.COMMENT_NODE=8,ls=es.DOCUMENT_NODE=9,cs=es.DOCUMENT_TYPE_NODE=10,ds=es.DOCUMENT_FRAGMENT_NODE=11,hs=es.NOTATION_NODE=12,ps={},fs={},ms=(ps.INDEX_SIZE_ERR=(fs[1]="Index size error",1),ps.DOMSTRING_SIZE_ERR=(fs[2]="DOMString size error",2),ps.HIERARCHY_REQUEST_ERR=(fs[3]="Hierarchy request error",3)),gs=(ps.WRONG_DOCUMENT_ERR=(fs[4]="Wrong document",4),ps.INVALID_CHARACTER_ERR=(fs[5]="Invalid character",5),ps.NO_DATA_ALLOWED_ERR=(fs[6]="No data allowed",6),ps.NO_MODIFICATION_ALLOWED_ERR=(fs[7]="No modification allowed",7),ps.NOT_FOUND_ERR=(fs[8]="Not found",8)),vs=(ps.NOT_SUPPORTED_ERR=(fs[9]="Not supported",9),ps.INUSE_ATTRIBUTE_ERR=(fs[10]="Attribute in use",10));ps.INVALID_STATE_ERR=(fs[11]="Invalid state",11),ps.SYNTAX_ERR=(fs[12]="Syntax error",12),ps.INVALID_MODIFICATION_ERR=(fs[13]="Invalid modification",13),ps.NAMESPACE_ERR=(fs[14]="Invalid namespace",14),ps.INVALID_ACCESS_ERR=(fs[15]="Invalid access",15);function ys(e,t){if(t instanceof Error)var i=t;else i=this,Error.call(this,fs[e]),this.message=fs[e],Error.captureStackTrace&&Error.captureStackTrace(this,ys);return i.code=e,t&&(this.message=this.message+": "+t),i}function _s(){}function bs(e,t){this._node=e,this._refresh=t,Ts(this)}function Ts(e){var t=e._node._inc||e._node.ownerDocument._inc;if(e._inc!=t){var i=e._refresh(e._node);Qs(e,"length",i.length),Qa(i,e),e._inc=t}}function Ss(){}function ks(e,t){for(var i=e.length;i--;)if(e[i]===t)return i}function Cs(e,t,i,n){if(n?t[ks(t,n)]=i:t[t.length++]=i,e){var r=(i.ownerElement=e).ownerDocument;r&&(n&&Ls(r,e,n),function(e,t,i){e&&e._inc++,"http://www.w3.org/2000/xmlns/"==i.namespaceURI&&(t._nsMap[i.prefix?i.localName:""]=i.value)}(r,e,i))}}function Es(e,t,i){var n=ks(t,i);if(!(0<=n))throw ys(gs,new Error(e.tagName+"@"+i));for(var r=t.length-1;n<r;)t[n]=t[++n];if(t.length=r,e){var a=e.ownerDocument;a&&(Ls(a,e,i),i.ownerElement=null)}}function ws(e){if(this._features={},e)for(var t in e)this._features=e[t]}function Is(){}function As(e){return("<"==e?"&lt;":">"==e&&"&gt;")||"&"==e&&"&amp;"||'"'==e&&"&quot;"||"&#"+e.charCodeAt()+";"}function xs(e,t){if(t(e))return!0;if(e=e.firstChild)do{if(xs(e,t))return!0}while(e=e.nextSibling)}function Ps(){}function Ls(e,t,i){e&&e._inc++,"http://www.w3.org/2000/xmlns/"==i.namespaceURI&&delete t._nsMap[i.prefix?i.localName:""]}function Os(e,t,i){if(e&&e._inc){e._inc++;var n=t.childNodes;if(i)n[n.length++]=i;else{for(var r=t.firstChild,a=0;r;)r=(n[a++]=r).nextSibling;n.length=a}}}function Ds(e,t){var i=t.previousSibling,n=t.nextSibling;return i?i.nextSibling=n:e.firstChild=n,n?n.previousSibling=i:e.lastChild=i,Os(e.ownerDocument,e),t}function Ms(e,t,i){var n=t.parentNode;if(n&&n.removeChild(t),t.nodeType===ds){var r=t.firstChild;if(null==r)return t;var a=t.lastChild}else r=a=t;var s=i?i.previousSibling:e.lastChild;for(r.previousSibling=s,a.nextSibling=i,s?s.nextSibling=r:e.firstChild=r,null==i?e.lastChild=a:i.previousSibling=a;r.parentNode=e,r!==a&&(r=r.nextSibling););return Os(e.ownerDocument||e,e),t.nodeType==ds&&(t.firstChild=t.lastChild=null),t}function Rs(){this._nsMap={}}function Ns(){}function Us(){}function Fs(){}function Bs(){}function js(){}function Vs(){}function qs(){}function Hs(){}function Ws(){}function zs(){}function Gs(){}function Xs(){}function Ks(e,t){var i=[],n=9==this.nodeType?this.documentElement:this,r=n.prefix,a=n.namespaceURI;if(a&&null==r&&null==(r=n.lookupPrefix(a)))var s=[{namespace:a,prefix:null}];return $s(this,i,e,t,s),i.join("")}function Ys(e,t,i){var n=e.prefix||"",r=e.namespaceURI;if(!n&&!r)return!1;if("xml"===n&&"http://www.w3.org/XML/1998/namespace"===r||"http://www.w3.org/2000/xmlns/"==r)return!1;for(var a=i.length;a--;){var s=i[a];if(s.prefix==n)return s.namespace!=r}return!0}function $s(e,t,i,n,r){if(n){if(!(e=n(e)))return;if("string"==typeof e)return void t.push(e)}switch(e.nodeType){case ts:r=r||[];var a=e.attributes,s=a.length,o=e.firstChild,u=e.tagName;i=Za===e.namespaceURI||i,t.push("<",u);for(var l=0;l<s;l++){"xmlns"==(c=a.item(l)).prefix?r.push({prefix:c.localName,namespace:c.value}):"xmlns"==c.nodeName&&r.push({prefix:"",namespace:c.value})}for(l=0;l<s;l++){var c;if(Ys(c=a.item(l),0,r)){var d=c.prefix||"",h=c.namespaceURI,p=d?" xmlns:"+d:" xmlns";t.push(p,'="',h,'"'),r.push({prefix:d,namespace:h})}$s(c,t,i,n,r)}if(Ys(e,0,r)){d=e.prefix||"",h=e.namespaceURI,p=d?" xmlns:"+d:" xmlns";t.push(p,'="',h,'"'),r.push({prefix:d,namespace:h})}if(o||i&&!/^(?:meta|link|img|br|hr|input)$/i.test(u)){if(t.push(">"),i&&/^script$/i.test(u))for(;o;)o.data?t.push(o.data):$s(o,t,i,n,r),o=o.nextSibling;else for(;o;)$s(o,t,i,n,r),o=o.nextSibling;t.push("</",u,">")}else t.push("/>");return;case ls:case ds:for(o=e.firstChild;o;)$s(o,t,i,n,r),o=o.nextSibling;return;case is:return t.push(" ",e.name,'="',e.value.replace(/[<&"]/g,As),'"');case ns:return t.push(e.data.replace(/[<&]/g,As));case rs:return t.push("<![CDATA[",e.data,"]]>");case us:return t.push("\x3c!--",e.data,"--\x3e");case cs:var f=e.publicId,m=e.systemId;if(t.push("<!DOCTYPE ",e.name),f)t.push(' PUBLIC "',f),m&&"."!=m&&t.push('" "',m),t.push('">');else if(m&&"."!=m)t.push(' SYSTEM "',m,'">');else{var g=e.internalSubset;g&&t.push(" [",g,"]"),t.push(">")}return;case os:return t.push("<?",e.target," ",e.data,"?>");case as:return t.push("&",e.nodeName,";");default:t.push("??",e.nodeName)}}function Qs(e,t,i){e[t]=i}ys.prototype=Error.prototype,Qa(ps,ys),_s.prototype={length:0,item:function(e){return this[e]||null},toString:function(e,t){for(var i=[],n=0;n<this.length;n++)$s(this[n],i,e,t);return i.join("")}},bs.prototype.item=function(e){return Ts(this),this[e]},Ja(bs,_s),Ss.prototype={length:0,item:_s.prototype.item,getNamedItem:function(e){for(var t=this.length;t--;){var i=this[t];if(i.nodeName==e)return i}},setNamedItem:function(e){var t=e.ownerElement;if(t&&t!=this._ownerElement)throw new ys(vs);var i=this.getNamedItem(e.nodeName);return Cs(this._ownerElement,this,e,i),i},setNamedItemNS:function(e){var t,i=e.ownerElement;if(i&&i!=this._ownerElement)throw new ys(vs);return t=this.getNamedItemNS(e.namespaceURI,e.localName),Cs(this._ownerElement,this,e,t),t},removeNamedItem:function(e){var t=this.getNamedItem(e);return Es(this._ownerElement,this,t),t},removeNamedItemNS:function(e,t){var i=this.getNamedItemNS(e,t);return Es(this._ownerElement,this,i),i},getNamedItemNS:function(e,t){for(var i=this.length;i--;){var n=this[i];if(n.localName==t&&n.namespaceURI==e)return n}return null}},ws.prototype={hasFeature:function(e,t){var i=this._features[e.toLowerCase()];return!(!i||t&&!(t in i))},createDocument:function(e,t,i){var n=new Ps;if(n.implementation=this,n.childNodes=new _s,(n.doctype=i)&&n.appendChild(i),t){var r=n.createElementNS(e,t);n.appendChild(r)}return n},createDocumentType:function(e,t,i){var n=new Vs;return n.name=e,n.nodeName=e,n.publicId=t,n.systemId=i,n}},Is.prototype={firstChild:null,lastChild:null,previousSibling:null,nextSibling:null,attributes:null,parentNode:null,childNodes:null,ownerDocument:null,nodeValue:null,namespaceURI:null,prefix:null,localName:null,insertBefore:function(e,t){return Ms(this,e,t)},replaceChild:function(e,t){this.insertBefore(e,t),t&&this.removeChild(t)},removeChild:function(e){return Ds(this,e)},appendChild:function(e){return this.insertBefore(e,null)},hasChildNodes:function(){return null!=this.firstChild},cloneNode:function(e){return function e(t,i,n){var r=new i.constructor;for(var a in i){var s=i[a];"object"!=typeof s&&s!=r[a]&&(r[a]=s)}i.childNodes&&(r.childNodes=new _s);r.ownerDocument=t;switch(r.nodeType){case ts:var o=i.attributes,u=r.attributes=new Ss,l=o.length;u._ownerElement=r;for(var c=0;c<l;c++)r.setAttributeNode(e(t,o.item(c),!0));break;case is:n=!0}if(n)for(var d=i.firstChild;d;)r.appendChild(e(t,d,n)),d=d.nextSibling;return r}(this.ownerDocument||this,this,e)},normalize:function(){for(var e=this.firstChild;e;){var t=e.nextSibling;t&&t.nodeType==ns&&e.nodeType==ns?(this.removeChild(t),e.appendData(t.data)):(e.normalize(),e=t)}},isSupported:function(e,t){return this.ownerDocument.implementation.hasFeature(e,t)},hasAttributes:function(){return 0<this.attributes.length},lookupPrefix:function(e){for(var t=this;t;){var i=t._nsMap;if(i)for(var n in i)if(i[n]==e)return n;t=t.nodeType==is?t.ownerDocument:t.parentNode}return null},lookupNamespaceURI:function(e){for(var t=this;t;){var i=t._nsMap;if(i&&e in i)return i[e];t=t.nodeType==is?t.ownerDocument:t.parentNode}return null},isDefaultNamespace:function(e){return null==this.lookupPrefix(e)}},Qa(es,Is),Qa(es,Is.prototype),Ps.prototype={nodeName:"#document",nodeType:ls,doctype:null,documentElement:null,_inc:1,insertBefore:function(e,t){if(e.nodeType!=ds)return null==this.documentElement&&e.nodeType==ts&&(this.documentElement=e),Ms(this,e,t),e.ownerDocument=this,e;for(var i=e.firstChild;i;){var n=i.nextSibling;this.insertBefore(i,t),i=n}return e},removeChild:function(e){return this.documentElement==e&&(this.documentElement=null),Ds(this,e)},importNode:function(e,t){return function e(t,i,n){var r;switch(i.nodeType){case ts:(r=i.cloneNode(!1)).ownerDocument=t;case ds:break;case is:n=!0}r=r||i.cloneNode(!1);r.ownerDocument=t;r.parentNode=null;if(n)for(var a=i.firstChild;a;)r.appendChild(e(t,a,n)),a=a.nextSibling;return r}(this,e,t)},getElementById:function(t){var i=null;return xs(this.documentElement,function(e){if(e.nodeType==ts&&e.getAttribute("id")==t)return i=e,!0}),i},createElement:function(e){var t=new Rs;return t.ownerDocument=this,t.nodeName=e,t.tagName=e,t.childNodes=new _s,(t.attributes=new Ss)._ownerElement=t},createDocumentFragment:function(){var e=new zs;return e.ownerDocument=this,e.childNodes=new _s,e},createTextNode:function(e){var t=new Fs;return t.ownerDocument=this,t.appendData(e),t},createComment:function(e){var t=new Bs;return t.ownerDocument=this,t.appendData(e),t},createCDATASection:function(e){var t=new js;return t.ownerDocument=this,t.appendData(e),t},createProcessingInstruction:function(e,t){var i=new Gs;return i.ownerDocument=this,i.tagName=i.target=e,i.nodeValue=i.data=t,i},createAttribute:function(e){var t=new Ns;return t.ownerDocument=this,t.name=e,t.nodeName=e,t.localName=e,t.specified=!0,t},createEntityReference:function(e){var t=new Ws;return t.ownerDocument=this,t.nodeName=e,t},createElementNS:function(e,t){var i=new Rs,n=t.split(":"),r=i.attributes=new Ss;return i.childNodes=new _s,i.ownerDocument=this,i.nodeName=t,i.tagName=t,i.namespaceURI=e,2==n.length?(i.prefix=n[0],i.localName=n[1]):i.localName=t,r._ownerElement=i},createAttributeNS:function(e,t){var i=new Ns,n=t.split(":");return i.ownerDocument=this,i.nodeName=t,i.name=t,i.namespaceURI=e,i.specified=!0,2==n.length?(i.prefix=n[0],i.localName=n[1]):i.localName=t,i}},Ja(Ps,Is),Ps.prototype.getElementsByTagName=(Rs.prototype={nodeType:ts,hasAttribute:function(e){return null!=this.getAttributeNode(e)},getAttribute:function(e){var t=this.getAttributeNode(e);return t&&t.value||""},getAttributeNode:function(e){return this.attributes.getNamedItem(e)},setAttribute:function(e,t){var i=this.ownerDocument.createAttribute(e);i.value=i.nodeValue=""+t,this.setAttributeNode(i)},removeAttribute:function(e){var t=this.getAttributeNode(e);t&&this.removeAttributeNode(t)},appendChild:function(e){return e.nodeType===ds?this.insertBefore(e,null):function(e,t){var i=t.parentNode;if(i){var n=e.lastChild;i.removeChild(t);n=e.lastChild}return n=e.lastChild,t.parentNode=e,t.previousSibling=n,t.nextSibling=null,n?n.nextSibling=t:e.firstChild=t,e.lastChild=t,Os(e.ownerDocument,e,t),t}(this,e)},setAttributeNode:function(e){return this.attributes.setNamedItem(e)},setAttributeNodeNS:function(e){return this.attributes.setNamedItemNS(e)},removeAttributeNode:function(e){return this.attributes.removeNamedItem(e.nodeName)},removeAttributeNS:function(e,t){var i=this.getAttributeNodeNS(e,t);i&&this.removeAttributeNode(i)},hasAttributeNS:function(e,t){return null!=this.getAttributeNodeNS(e,t)},getAttributeNS:function(e,t){var i=this.getAttributeNodeNS(e,t);return i&&i.value||""},setAttributeNS:function(e,t,i){var n=this.ownerDocument.createAttributeNS(e,t);n.value=n.nodeValue=""+i,this.setAttributeNode(n)},getAttributeNodeNS:function(e,t){return this.attributes.getNamedItemNS(e,t)},getElementsByTagName:function(n){return new bs(this,function(t){var i=[];return xs(t,function(e){e===t||e.nodeType!=ts||"*"!==n&&e.tagName!=n||i.push(e)}),i})},getElementsByTagNameNS:function(n,r){return new bs(this,function(t){var i=[];return xs(t,function(e){e===t||e.nodeType!==ts||"*"!==n&&e.namespaceURI!==n||"*"!==r&&e.localName!=r||i.push(e)}),i})}}).getElementsByTagName,Ps.prototype.getElementsByTagNameNS=Rs.prototype.getElementsByTagNameNS,Ja(Rs,Is),Ns.prototype.nodeType=is,Ja(Ns,Is),Us.prototype={data:"",substringData:function(e,t){return this.data.substring(e,e+t)},appendData:function(e){e=this.data+e,this.nodeValue=this.data=e,this.length=e.length},insertData:function(e,t){this.replaceData(e,0,t)},appendChild:function(e){throw new Error(fs[ms])},deleteData:function(e,t){this.replaceData(e,t,"")},replaceData:function(e,t,i){i=this.data.substring(0,e)+i+this.data.substring(e+t),this.nodeValue=this.data=i,this.length=i.length}},Ja(Us,Is),Fs.prototype={nodeName:"#text",nodeType:ns,splitText:function(e){var t=this.data,i=t.substring(e);t=t.substring(0,e),this.data=this.nodeValue=t,this.length=t.length;var n=this.ownerDocument.createTextNode(i);return this.parentNode&&this.parentNode.insertBefore(n,this.nextSibling),n}},Ja(Fs,Us),Bs.prototype={nodeName:"#comment",nodeType:us},Ja(Bs,Us),js.prototype={nodeName:"#cdata-section",nodeType:rs},Ja(js,Us),Vs.prototype.nodeType=cs,Ja(Vs,Is),qs.prototype.nodeType=hs,Ja(qs,Is),Hs.prototype.nodeType=ss,Ja(Hs,Is),Ws.prototype.nodeType=as,Ja(Ws,Is),zs.prototype.nodeName="#document-fragment",zs.prototype.nodeType=ds,Ja(zs,Is),Gs.prototype.nodeType=os,Ja(Gs,Is),Xs.prototype.serializeToString=function(e,t,i){return Ks.call(e,t,i)},Is.prototype.toString=Ks;try{if(Object.defineProperty){Object.defineProperty(bs.prototype,"length",{get:function(){return Ts(this),this.$$length}}),Object.defineProperty(Is.prototype,"textContent",{get:function(){return function e(t){switch(t.nodeType){case ts:case ds:var i=[];for(t=t.firstChild;t;)7!==t.nodeType&&8!==t.nodeType&&i.push(e(t)),t=t.nextSibling;return i.join("");default:return t.nodeValue}}(this)},set:function(e){switch(this.nodeType){case ts:case ds:for(;this.firstChild;)this.removeChild(this.firstChild);(e||String(e))&&this.appendChild(this.ownerDocument.createTextNode(e));break;default:this.data=e,this.value=e,this.nodeValue=e}}}),Qs=function(e,t,i){e["$$"+t]=i}}}catch(e){}function Js(e){return!!e&&"object"==typeof e}function Zs(){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]):Js(t[e])&&Js(i[e])?t[e]=Zs(t[e],i[e]):t[e]=i[e]}),t},{})}function eo(e){return e.reduce(function(e,t){return e.concat(t)},[])}function to(e){if(!e.length)return[];for(var t=[],i=0;i<e.length;i++)t.push(e[i]);return t}function io(e){var t=e.baseUrl,i=void 0===t?"":t,n=e.source,r=void 0===n?"":n,a=e.range,s=void 0===a?"":a,o=e.indexRange,u=void 0===o?"":o,l={uri:r,resolvedUri:va(i||"",r)};if(s||u){var c=(s||u).split("-"),d=parseInt(c[0],10),h=parseInt(c[1],10);l.byterange={length:h-d+1,offset:d}}return l}function no(e){var t=e.type,i=void 0===t?"static":t,n=e.duration,r=e.timescale,a=void 0===r?1:r,s=e.sourceDuration,o=No[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,a=o.periodIndex,s=o.startNumber;return{number:(void 0===s?1:s)+e,duration:i/r,timeline:a,time:t*i}}}(e));if("static"===i){var l=u.length-1;u[l].duration=s-n/a*l}return u}function ro(e){var t=e.baseUrl,i=e.initialization,n=void 0===i?{}:i,r=e.sourceDuration,a=e.indexRange,s=void 0===a?"":a,o=e.duration;if(!t)throw new Error(Do);var u=io({baseUrl:t,source:n.sourceURL,range:n.range}),l=io({baseUrl:t,source:t,indexRange:s});if(l.map=u,o){var c=no(e);c.length&&(l.duration=c[0].duration,l.timeline=c[0].timeline)}else r&&(l.duration=r,l.timeline=0);return l.number=0,[l]}function ao(e,t,i){for(var n=e.sidx.map?e.sidx.map:null,r=e.sidx.duration,a=e.timeline||0,s=e.sidx.byterange,o=s.offset+s.length,u=t.timescale,l=t.references.filter(function(e){return 1!==e.referenceType}),c=[],d=o+t.firstOffset,h=0;h<l.length;h++){var p=t.references[h],f=p.referencedSize,m=p.subsegmentDuration,g=ro({baseUrl:i,timescale:u,timeline:a,periodIndex:a,duration:m,sourceDuration:r,indexRange:d+"-"+(d+f-1)})[0];n&&(g.map=n),c.push(g),d+=f}return e.segments=c,e}function so(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 oo(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+"-"+(s=n.sidx.byterange,void 0,o=s.offset+s.length-1,s.offset+"-"+o),a=t[r]&&t[r].sidx;n.sidx&&a&&ao(n,a,n.sidx.resolvedUri)}}var s,o;return e}function uo(e){var t,i=e.attributes,n=e.segments,r=e.sidx,a={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&&(a.contentProtection=i.contentProtection),r&&(a.sidx=r),a}function lo(e,t,i){var n;if(void 0===i&&(i={}),!e.length)return{};var r=e[0].attributes,a=r.sourceDuration,s=r.type,o=void 0===s?"static":s,u=r.suggestedPresentationDelay,l=r.minimumUpdatePeriod,c=so(e.filter(function(e){var t=e.attributes;return"video/mp4"===t.mimeType||"video"===t.contentType})).map(uo),d=so(e.filter(function(e){var t=e.attributes;return"audio/mp4"===t.mimeType||"audio"===t.contentType})),h=e.filter(function(e){var t=e.attributes;return"text/vtt"===t.mimeType||"text"===t.contentType}),p={allowCache:!0,discontinuityStarts:[],segments:[],endList:!0,mediaGroups:(n={AUDIO:{},VIDEO:{}},n["CLOSED-CAPTIONS"]={},n.SUBTITLES={},n),uri:"",duration:a,playlists:oo(c,i)};return 0<=l&&(p.minimumUpdatePeriod=1e3*l),t&&(p.locations=t),"dynamic"===o&&(p.suggestedPresentationDelay=u),d.length&&(p.mediaGroups.AUDIO.audio=function(e,s){var o;void 0===s&&(s={});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 a=i?" ("+i+")":"";r=t.attributes.lang+a}return e[r]&&e[r].playlists[0].attributes.BANDWIDTH>t.attributes.bandwidth||(e[r]={language:n,autoselect:!0,default:"main"===i,playlists:oo([function(e){var t,i=e.attributes,n=e.segments,r=e.sidx,a={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&&(a.contentProtection=i.contentProtection),r&&(a.sidx=r),a}(t)],s),uri:""},"undefined"==typeof o&&"main"===i&&((o=t).default=!0)),e},{});o||(t[Object.keys(t)[0]].default=!0);return t}(d,i)),h.length&&(p.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:oo([function(e){var t,i=e.attributes,n=e.segments;"undefined"==typeof n&&(n=[{uri:i.baseUrl,timeline:i.periodIndex,resolvedUri:i.baseUrl||"",duration:i.sourceDuration,number:0}],i.duration=i.sourceDuration);var r=((t={NAME:i.id,BANDWIDTH:i.bandwidth})["PROGRAM-ID"]=1,t);return i.codecs&&(r.CODECS=i.codecs),{attributes:r,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},{})}(h,i)),p}function co(e,t){for(var i,n,r,a,s,o,u,l,c,d,h,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=[],I=-1,A=0;A<t.length;A++){var x=t[A],P=x.d,L=x.r||0,O=x.t||0;I<0&&(I=O),O&&I<O&&(I=O);var D=void 0;if(L<0){var M=A+1;D=M===t.length?"dynamic"===m&&0<v&&0<_.indexOf("$Number$")?(n=I,r=P,void 0,a=(i=e).NOW,s=i.clientOffset,o=i.availabilityStartTime,u=i.timescale,l=void 0===u?1:u,c=i.start,d=void 0===c?0:c,h=i.minimumUpdatePeriod,p=(a+s)/1e3+(void 0===h?0:h)-(o+d),Math.ceil((p*l-n)/r)):(b*S-I)/P:(t[M].t-I)/P}else D=L+1;for(var R=C+w.length+D,N=C+w.length;N<R;)w.push({number:N,duration:P/S,time:I,timeline:E}),I+=P,N++}return w}function ho(e,t){return e.replace(Uo,function(a){return function(e,t,i,n){if("$$"===e)return"$";if("undefined"==typeof a[t])return e;var r=""+a[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 po(i,e){var n={RepresentationID:i.id,Bandwidth:i.bandwidth||0},t=i.initialization,r=void 0===t?{sourceURL:"",range:""}:t,a=io({baseUrl:i.baseUrl,source:ho(r.sourceURL,n),range:r.range});return function(e,t){return e.duration||t?e.duration?no(e):co(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=ho(i.media||"",n);return{uri:t,timeline:e.timeline,duration:e.duration,resolvedUri:va(i.baseUrl||"",t),map:a,number:e.number}})}function fo(t,e){var i=t.duration,n=t.segmentUrls,r=void 0===n?[]:n;if(!i&&!e||i&&e)throw new Error(Mo);var a,s=r.map(function(e){return function(e,t){var i=e.baseUrl,n=e.initialization,r=void 0===n?{}:n,a=io({baseUrl:i,source:r.sourceURL,range:r.range}),s=io({baseUrl:i,source:t.media,range:t.mediaRange});return s.map=a,s}(t,e)});return i&&(a=no(t)),e&&(a=co(t,e)),a.map(function(e,t){if(s[t]){var i=s[t];return i.timeline=e.timeline,i.duration=e.duration,i.number=e.number,i}}).filter(function(e){return e})}function mo(e){var t,i,n=e.attributes,r=e.segmentInfo;r.template?(i=po,t=Zs(n,r.template)):r.base?(i=ro,t=Zs(n,r.base)):r.list&&(i=fo,t=Zs(n,r.list));var a={attributes:n};if(!i)return a;var s=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 s.length?t.duration=s.reduce(function(e,t){return Math.max(e,Math.ceil(t.duration))},0):t.duration=0;return a.attributes=t,a.segments=s,r.base&&t.indexRange&&(a.sidx=s[0],a.segments=[]),a}function go(e,t){return to(e.childNodes).filter(function(e){return e.tagName===t})}function vo(e){return e.textContent.trim()}function yo(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],a=i[2],s=i[3],o=i[4],u=i[5];return 31536e3*parseFloat(n||0)+2592e3*parseFloat(r||0)+86400*parseFloat(a||0)+3600*parseFloat(s||0)+60*parseFloat(o||0)+parseFloat(u||0)}function _o(e){return e&&e.attributes?to(e.attributes).reduce(function(e,t){var i=Fo[t.name]||Fo.DEFAULT;return e[t.name]=i(t.value),e},{}):{}}function bo(e,i){return i.length?eo(e.map(function(t){return i.map(function(e){return va(t,vo(e))})})):e}function To(e){var t=go(e,"SegmentTemplate")[0],i=go(e,"SegmentList")[0],n=i&&go(i,"SegmentURL").map(function(e){return Zs({tag:"SegmentURL"},_o(e))}),r=go(e,"SegmentBase")[0],a=i||t,s=a&&go(a,"SegmentTimeline")[0],o=i||r||t,u=o&&go(o,"Initialization")[0],l=t&&_o(t);l&&u?l.initialization=u&&_o(u):l&&l.initialization&&(l.initialization={sourceURL:l.initialization});var c={template:l,timeline:s&&go(s,"S").map(function(e){return _o(e)}),list:i&&Zs(_o(i),{segmentUrls:n,initialization:_o(u)}),base:r&&Zs(_o(r),{initialization:_o(u)})};return Object.keys(c).forEach(function(e){c[e]||delete c[e]}),c}function So(c,d,h){return function(e){var t=_o(e),i=bo(d,go(e,"BaseURL")),n=go(e,"Role")[0],r={role:_o(n)},a=Zs(c,t,r),s=function(e){return e.reduce(function(e,t){var i=_o(t),n=Bo[i.schemeIdUri];if(n){e[n]={attributes:i};var r=go(t,"cenc:pssh")[0];if(r){var a=vo(r),s=a&&Sa(a);e[n].pssh=s}}return e},{})}(go(e,"ContentProtection"));Object.keys(s).length&&(a=Zs(a,{contentProtection:s}));var o=To(e),u=go(e,"Representation"),l=Zs(h,o);return eo(u.map(function(a,s,o){return function(e){var t=go(e,"BaseURL"),i=bo(s,t),n=Zs(a,_o(e)),r=To(e);return i.map(function(e){return{segmentInfo:Zs(o,r),attributes:Zs(n,{baseUrl:e})}})}}(a,i,l)))}}function ko(e,t){void 0===t&&(t={});var i=t,n=i.manifestUri,r=void 0===n?"":n,a=i.NOW,s=void 0===a?Date.now():a,o=i.clientOffset,u=void 0===o?0:o,l=go(e,"Period");if(!l.length)throw new Error(Po);var c=go(e,"Location"),d=_o(e),h=bo([r],go(e,"BaseURL"));return d.sourceDuration=d.mediaPresentationDuration||0,d.NOW=s,d.clientOffset=u,c.length&&(d.locations=c.map(vo)),{locations:d.locations,representationInfo:eo(l.map(function(l,c){return function(e,t){var i=bo(c,go(e,"BaseURL")),n=_o(e),r=parseInt(n.id,10),a=T.isNaN(r)?t:r,s=Zs(l,{periodIndex:a}),o=go(e,"AdaptationSet"),u=To(e);return eo(o.map(So(s,i,u)))}}(d,h)))}}function Co(e){if(""===e)throw new Error(Lo);var t=(new xo).parseFromString(e,"application/xml"),i=t&&"MPD"===t.documentElement.tagName?t.documentElement:null;if(!i||i&&0<i.getElementsByTagName("parsererror").length)throw new Error(Oo);return i}function Eo(e,t){void 0===t&&(t={});var i=ko(Co(e),t),n=function(e){return e.map(mo)}(i.representationInfo);return lo(n,i.locations,t.sidxMapping)}function wo(e){return function(e){var t=go(e,"UTCTiming")[0];if(!t)return null;var i=_o(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(Ro)}return i}(Co(e))}var Io={DOMImplementation:ws,XMLSerializer:Xs},Ao=i(function(e,t){function i(e){this.options=e||{locator:{}}}function l(){this.cdata=!1}function c(e,t){t.lineNumber=e.lineNumber,t.columnNumber=e.columnNumber}function d(e){if(e)return"\n@"+(e.systemId||"")+"#[line:"+e.lineNumber+",col:"+e.columnNumber+"]"}function r(e,t,i){return"string"==typeof e?e.substr(t,i):e.length>=t+i||t?new java.lang.String(e,t,i)+"":e}function h(e,t){e.currentElement?e.currentElement.appendChild(t):e.doc.appendChild(t)}i.prototype.parseFromString=function(e,t){var i=this.options,n=new p,r=i.domBuilder||new l,a=i.errorHandler,s=i.locator,o=i.xmlns||{},u={lt:"<",gt:">",amp:"&",quot:'"',apos:"'"};return s&&r.setDocumentLocator(s),n.errorHandler=function(n,e,r){if(!n){if(e instanceof l)return e;n=e}var a={},s=n instanceof Function;function t(t){var i=n[t];!i&&s&&(i=2==n.length?function(e){n(t,e)}:n),a[t]=i&&function(e){i("[xmldom "+t+"]\t"+e+d(r))}||function(){}}return r=r||{},t("warning"),t("error"),t("fatalError"),a}(a,r,s),n.domBuilder=i.domBuilder||r,/\/x?html?$/.test(t)&&(u.nbsp=" ",u.copy="©",o[""]="http://www.w3.org/1999/xhtml"),o.xml=o.xml||"http://www.w3.org/XML/1998/namespace",e?n.parse(e,o,u):n.errorHandler.error("invalid doc source"),r.doc},l.prototype={startDocument:function(){this.doc=(new n).createDocument(null,null,null),this.locator&&(this.doc.documentURI=this.locator.systemId)},startElement:function(e,t,i,n){var r=this.doc,a=r.createElementNS(e,i||t),s=n.length;h(this,a),this.currentElement=a,this.locator&&c(this.locator,a);for(var o=0;o<s;o++){e=n.getURI(o);var u=n.getValue(o),l=(i=n.getQName(o),r.createAttributeNS(e,i));this.locator&&c(n.getLocator(o),l),l.value=l.nodeValue=u,a.setAttributeNode(l)}},endElement:function(e,t,i){var n=this.currentElement;n.tagName;this.currentElement=n.parentNode},startPrefixMapping:function(e,t){},endPrefixMapping:function(e){},processingInstruction:function(e,t){var i=this.doc.createProcessingInstruction(e,t);this.locator&&c(this.locator,i),h(this,i)},ignorableWhitespace:function(e,t,i){},characters:function(e,t,i){if(e=r.apply(this,arguments)){if(this.cdata)var n=this.doc.createCDATASection(e);else n=this.doc.createTextNode(e);this.currentElement?this.currentElement.appendChild(n):/^\s*$/.test(e)&&this.doc.appendChild(n),this.locator&&c(this.locator,n)}},skippedEntity:function(e){},endDocument:function(){this.doc.normalize()},setDocumentLocator:function(e){(this.locator=e)&&(e.lineNumber=0)},comment:function(e,t,i){e=r.apply(this,arguments);var n=this.doc.createComment(e);this.locator&&c(this.locator,n),h(this,n)},startCDATA:function(){this.cdata=!0},endCDATA:function(){this.cdata=!1},startDTD:function(e,t,i){var n=this.doc.implementation;if(n&&n.createDocumentType){var r=n.createDocumentType(e,t,i);this.locator&&c(this.locator,r),h(this,r)}},warning:function(e){},error:function(e){},fatalError:function(e){throw e}},"endDTD,startEntity,endEntity,attributeDecl,elementDecl,externalEntityDecl,internalEntityDecl,resolveEntity,getExternalSubset,notationDecl,unparsedEntityDecl".replace(/\w+/g,function(e){l.prototype[e]=function(){return null}});var p=$a.XMLReader,n=t.DOMImplementation=Io.DOMImplementation;t.XMLSerializer=Io.XMLSerializer,t.DOMParser=i}),xo=(Ao.DOMImplementation,Ao.XMLSerializer,Ao.DOMParser),Po="INVALID_NUMBER_OF_PERIOD",Lo="DASH_EMPTY_MANIFEST",Oo="DASH_INVALID_XML",Do="NO_BASE_URL",Mo="SEGMENT_TIME_UNSPECIFIED",Ro="UNSUPPORTED_UTC_TIMING_SCHEME",No={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,a=void 0===r?1:r,s=e.duration,o=e.start,u=void 0===o?0:o,l=e.minimumUpdatePeriod,c=void 0===l?0:l,d=e.timeShiftBufferDepth,h=void 0===d?1/0:d,p=(t+i)/1e3,f=n+u,m=p+c-f,g=Math.ceil(m*a/s),v=Math.floor((p-f-h)*a/s),y=Math.floor((p-f)*a/s);return{start:Math.max(0,v),end:Math.min(g,y)}}},Uo=/\$([A-z]*)(?:(%0)([0-9]+)d)?\$/g,Fo={mediaPresentationDuration:function(e){return yo(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 yo(e)},suggestedPresentationDelay:function(e){return yo(e)},type:function(e){return e},timeShiftBufferDepth:function(e){return yo(e)},start:function(e){return yo(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)?yo(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}},Bo={"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"},jo=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},Vo=i(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});function n(e){return e instanceof Uint8Array?e:new Uint8Array(e&&e.buffer||e,e&&e.byteOffset||0,e&&e.byteLength||0)}function r(e){if(!e)return"";e=Array.prototype.slice.call(e);var t=String.fromCharCode.apply(null,n(e));try{return decodeURIComponent(escape(t))}catch(e){}return t}function i(e,t){void 0===t&&(t=0);var i=(e=n(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}function a(e,t){return void 0===t&&(t=0),(e=n(e)).length-t<10||"ID3"!==r(e.subarray(t,t+3))?t:a(e,t+=i(e,t))}var s={aac:function(e){var t=a(e);return e.length>=t+2&&255==(255&e[t])&&224==(224&e[t+1])&&16==(22&e[t+1])},mp3:function(e){var t=a(e);return e.length>=t+2&&255==(255&e[t])&&224==(224&e[t+1])&&2==(6&e[t+1])},webm:function(e){return 4<=e.length&&26==(255&e[0])&&69==(255&e[1])&&223==(255&e[2])&&163==(255&e[3])},mp4:function(e){return 8<=e.length&&/^(f|s)typ$/.test(r(e.subarray(4,8)))&&!/^ftyp3g$/.test(r(e.subarray(4,10)))},"3gp":function(e){return 10<=e.length&&/^ftyp3g$/.test(r(e.subarray(4,10)))},ts:function(e){if(e.length<189&&1<=e.length)return 71===e[0];for(var t=0;t+188<e.length&&t<188;){if(71===e[t]&&71===e[t+188])return!0;t+=1}return!1},flac:function(e){return 4<=e.length&&/^fLaC$/.test(r(e.subarray(0,4)))},ogg:function(e){return 4<=e.length&&/^OggS$/.test(r(e.subarray(0,4)))}},o=Object.keys(s).filter(function(e){return"ts"!==e}).concat("ts");o.forEach(function(e){var t=s[e];s[e]=function(e){return t(n(e))}});t.detectContainerForBytes=function(e){e=n(e);for(var t=0;t<o.length;t++){var i=o[t];if(s[i](e))return i}return""},t.getId3Offset=a,t.id3Size=i,t.isLikely=s,t.isLikelyFmp4MediaSegment=function(e){e=n(e);for(var t=0;t<e.length;){var i=(e[t]<<24|e[t+1]<<16|e[t+2]<<8|e[t+3])>>>0;if("moof"===r(e.subarray(t+4,t+8)))return!0;0==i||i+t>e.length?t=e.length:t+=i}return!1}});t(Vo);var qo=Vo.detectContainerForBytes,Ho=Vo.getId3Offset,Wo=(Vo.id3Size,Vo.isLikely,Vo.isLikelyFmp4MediaSegment),zo=i(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});function s(e){return e instanceof Uint8Array?e:new Uint8Array(e&&e.buffer||e,e&&e.byteOffset||0,e&&e.byteLength||0)}t.bytesToString=function(e){if(!e)return"";e=Array.prototype.slice.call(e);var t=String.fromCharCode.apply(null,s(e));try{return decodeURIComponent(escape(t))}catch(e){}return t},t.concatTypedArrays=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];var n=t.reduce(function(e,t){return e+=t&&(t.byteLength||t.length)||0},0),r=new Uint8Array(n),a=0;return t.forEach(function(e){e=s(e),r.set(e,a),a+=e.byteLength}),r},t.isTypedArray=function(e){return ArrayBuffer.isView(e)},t.stringToBytes=function(e,t){void 0===t&&(t=!1);return"string"!=typeof e&&e&&"function"==typeof e.toString&&(e=e.toString()),"string"!=typeof e?[]:(t||(e=unescape(encodeURIComponent(e))),e.split("").map(function(e){return 255&e.charCodeAt(0)}))},t.toUint8=s});t(zo);zo.bytesToString;function Go(){this.init=function(){var a={};this.on=function(e,t){a[e]||(a[e]=[]),a[e]=a[e].concat(t)},this.off=function(e,t){var i;return!!a[e]&&(i=a[e].indexOf(t),a[e]=a[e].slice(),a[e].splice(i,1),-1<i)},this.trigger=function(e){var t,i,n,r;if(t=a[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(){a={}}}}var Xo=zo.concatTypedArrays,Ko=(zo.isTypedArray,zo.stringToBytes),Yo=zo.toUint8,$o=27,Qo=15,Jo=21;Go.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},Go.prototype.push=function(e){this.trigger("data",e)},Go.prototype.flush=function(e){this.trigger("done",e)},Go.prototype.partialFlush=function(e){this.trigger("partialdone",e)},Go.prototype.endTimeline=function(e){this.trigger("endedtimeline",e)},Go.prototype.reset=function(e){this.trigger("reset",e)};function Zo(e,t){var i=1;for(t<e&&(i=-1);4294967296<Math.abs(t-e);)e+=8589934592*i;return e}new Go;function eu(e){var t=31&e[1];return t<<=8,t|=e[2]}function tu(e){return!!(64&e[1])}function iu(e){var t=0;return 1<(48&e[3])>>>4&&(t+=e[4]+1),t}function nu(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 ru(e,t){var i=e[t+6]<<21|e[t+7]<<14|e[t+8]<<7|e[t+9];return i=0<=i?i:0,(16&e[t+5])>>4?i+20:i+10}function au(e){return e[0]<<21|e[1]<<14|e[2]<<7|e[3]}var su,ou,uu,lu,cu={parseType:function(e,t){var i=eu(e);return 0===i?"pat":i===t?"pmt":t?"pes":null},parsePat:function(e){var t=tu(e),i=4+iu(e);return t&&(i+=e[i]+1),(31&e[i+10])<<8|e[i+11]},parsePmt:function(e){var t={},i=tu(e),n=4+iu(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 a=12+((15&e[n+10])<<8|e[n+11]);a<r;){var s=n+a;t[(31&e[s+1])<<8|e[s+2]]=e[s],a+=5+((15&e[s+3])<<8|e[s+4])}return t}},parsePayloadUnitStartIndicator:tu,parsePesType:function(e,t){switch(t[eu(e)]){case $o:return"video";case Qo:return"audio";case Jo:return"timed-metadata";default:return null}},parsePesTime:function(e){if(!tu(e))return null;var t=4+iu(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+iu(e),i=e.subarray(t),n=0,r=0,a=!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"===nu(31&i[r+3])&&(a=!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"===nu(31&i[r+3])&&(a=!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"===nu(31&i[r+3])&&(a=!0),a}},du=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350],hu={isLikelyAacData:function(e){var t=function e(t,i){return t.length-i<10||t[i]!=="I".charCodeAt(0)||t[i+1]!=="D".charCodeAt(0)||t[i+2]!=="3".charCodeAt(0)?i:e(t,i+=ru(t,i))}(e,0);return e.length>=t+2&&255==(255&e[t])&&240==(240&e[t+1])&&16==(22&e[t+1])},parseId3TagSize:ru,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 du[(60&e[t+2])>>>2];t++}return null},parseAacTimestamp:function(e){var t,i,n;t=10,64&e[5]&&(t+=4,t+=au(e.subarray(10,14)));do{if((i=au(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 a=n.subarray(r+1),s=(1&a[3])<<30|a[4]<<22|a[5]<<14|a[6]<<6|a[7]>>>2;return s*=4,s+=3&a[7]}}t+=10,t+=i}while(t<e.byteLength);return null}},pu=9e4,fu=(su=function(e){return 9e4*e},ou=function(e,t){return e*t},uu=function(e){return e/9e4},lu=function(e,t){return e/t},pu),mu=Zo,gu={};gu.ts=cu,gu.aac=hu;function vu(e,t,i){for(var n,r,a,s,o=0,u=Cu,l=!1;u<=e.byteLength;)if(71!==e[o]||71!==e[u]&&u!==e.byteLength)o++,u++;else{switch(n=e.subarray(o,u),gu.ts.parseType(n,t.pid)){case"pes":r=gu.ts.parsePesType(n,t.table),a=gu.ts.parsePayloadUnitStartIndicator(n),"audio"===r&&a&&(s=gu.ts.parsePesTime(n))&&(s.type="audio",i.audio.push(s),l=!0)}if(l)break;o+=Cu,u+=Cu}for(o=(u=e.byteLength)-Cu,l=!1;0<=o;)if(71!==e[o]||71!==e[u]&&u!==e.byteLength)o--,u--;else{switch(n=e.subarray(o,u),gu.ts.parseType(n,t.pid)){case"pes":r=gu.ts.parsePesType(n,t.table),a=gu.ts.parsePayloadUnitStartIndicator(n),"audio"===r&&a&&(s=gu.ts.parsePesTime(n))&&(s.type="audio",i.audio.push(s),l=!0)}if(l)break;o-=Cu,u-=Cu}}function yu(e,t,i){for(var n,r,a,s,o,u,l,c=0,d=Cu,h=!1,p={data:[],size:0};d<e.byteLength;)if(71!==e[c]||71!==e[d])c++,d++;else{switch(n=e.subarray(c,d),gu.ts.parseType(n,t.pid)){case"pes":if(r=gu.ts.parsePesType(n,t.table),a=gu.ts.parsePayloadUnitStartIndicator(n),"video"===r&&(a&&!h&&(s=gu.ts.parsePesTime(n))&&(s.type="video",i.video.push(s),h=!0),!i.firstKeyFrame)){if(a&&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(gu.ts.videoPacketContainsKeyFrame(o)){var f=gu.ts.parsePesTime(o);f&&(i.firstKeyFrame=f,i.firstKeyFrame.type="video")}p.size=0}p.data.push(n),p.size+=n.byteLength}}if(h&&i.firstKeyFrame)break;c+=Cu,d+=Cu}for(c=(d=e.byteLength)-Cu,h=!1;0<=c;)if(71!==e[c]||71!==e[d])c--,d--;else{switch(n=e.subarray(c,d),gu.ts.parseType(n,t.pid)){case"pes":r=gu.ts.parsePesType(n,t.table),a=gu.ts.parsePayloadUnitStartIndicator(n),"video"===r&&a&&(s=gu.ts.parsePesTime(n))&&(s.type="video",i.video.push(s),h=!0)}if(h)break;c-=Cu,d-=Cu}}function _u(e){var t={pid:null,table:null},i={};for(var n in function(e,t){for(var i,n=0,r=Cu;r<e.byteLength;)if(71!==e[n]||71!==e[r])n++,r++;else{switch(i=e.subarray(n,r),gu.ts.parseType(i,t.pid)){case"pat":t.pid||(t.pid=gu.ts.parsePat(i));break;case"pmt":t.table||(t.table=gu.ts.parsePmt(i))}if(t.pid&&t.table)return;n+=Cu,r+=Cu}}(e,t),t.table){if(t.table.hasOwnProperty(n))switch(t.table[n]){case $o:i.video=[],yu(e,t,i),0===i.video.length&&delete i.video;break;case Qo:i.audio=[],vu(e,t,i),0===i.audio.length&&delete i.audio}}return i}var bu,Tu,Su,ku=pu,Cu=188,Eu=function(e,t){var i;return(i=gu.aac.isLikelyAacData(e)?function(e){for(var t,i=!1,n=0,r=null,a=null,s=0,o=0;3<=e.length-o;){switch(gu.aac.parseType(e,o)){case"timed-metadata":if(e.length-o<10){i=!0;break}if((s=gu.aac.parseId3TagSize(e,o))>e.length){i=!0;break}null===a&&(t=e.subarray(o,o+s),a=gu.aac.parseAacTimestamp(t)),o+=s;break;case"audio":if(e.length-o<7){i=!0;break}if((s=gu.aac.parseAdtsSize(e,o))>e.length){i=!0;break}null===r&&(t=e.subarray(o,o+s),r=gu.aac.parseSampleRate(t)),n++,o+=s;break;default:o++}if(i)return null}if(null===r||null===a)return null;var u=ku/r;return{audio:[{type:"audio",dts:a,pts:a},{type:"audio",dts:a+1024*n*u,pts:a+1024*n*u}]}}(e):_u(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=mu(e.dts,i),e.pts=mu(e.pts,i),e.dtsTime=e.dts/ku,e.ptsTime=e.pts/ku})}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=mu(e.dts,n),e.pts=mu(e.pts,n),e.dtsTime=e.dts/ku,e.ptsTime=e.pts/ku}),e.firstKeyFrame){var r=e.firstKeyFrame;r.dts=mu(r.dts,n),r.pts=mu(r.pts,n),r.dtsTime=r.dts/ku,r.ptsTime=r.dts/ku}}}(i,t),i):null},wu=function(e){return e>>>0},Iu=function(e){var t="";return t+=String.fromCharCode(e[0]),t+=String.fromCharCode(e[1]),t+=String.fromCharCode(e[2]),t+=String.fromCharCode(e[3])},Au=wu,xu=function e(t,i){var n,r,a,s,o,u=[];if(!i.length)return null;for(n=0;n<t.byteLength;)r=Au(t[n]<<24|t[n+1]<<16|t[n+2]<<8|t[n+3]),a=Iu(t.subarray(n+4,n+8)),s=1<r?n+r:t.byteLength,a===i[0]&&(1===i.length?u.push(t.subarray(n+8,s)):(o=e(t.subarray(n+8,s),i.slice(1))).length&&(u=u.concat(o))),n=s;return u},Pu=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],a=2&n.flags[2],s=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),a&&(n.sampleDescriptionIndex=i.getUint32(t),t+=4),s&&(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},Lu=function(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]}},Ou=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],a=4&i.flags[2],s=1&i.flags[1],o=2&i.flags[1],u=4&i.flags[1],l=8&i.flags[1],c=n.getUint32(4),d=8;for(r&&(i.dataOffset=n.getInt32(d),d+=4),a&&c&&(t={flags:Lu(e.subarray(d,d+4))},d+=4,s&&(t.duration=n.getUint32(d),d+=4),o&&(t.size=n.getUint32(d),d+=4),l&&(1===i.version?t.compositionTimeOffset=n.getInt32(d):t.compositionTimeOffset=n.getUint32(d),d+=4),i.samples.push(t),c--);c--;)t={},s&&(t.duration=n.getUint32(d),d+=4),o&&(t.size=n.getUint32(d),d+=4),u&&(t.flags=Lu(e.subarray(d,d+4)),d+=4),l&&(1===i.version?t.compositionTimeOffset=n.getInt32(d):t.compositionTimeOffset=n.getUint32(d),d+=4),i.samples.push(t);return i},Du=wu,Mu=function(e){var t={version:e[0],flags:new Uint8Array(e.subarray(1,4)),baseMediaDecodeTime:Du(e[4]<<24|e[5]<<16|e[6]<<8|e[7])};return 1===t.version&&(t.baseMediaDecodeTime*=Math.pow(2,32),t.baseMediaDecodeTime+=Du(e[8]<<24|e[9]<<16|e[10]<<8|e[11])),t},Ru=wu,Nu=function(e){return("00"+e.toString(16)).slice(-2)};bu=function(r,e){var t,i,n;return t=xu(e,["moof","traf"]),i=[].concat.apply([],t.map(function(n){return xu(n,["tfhd"]).map(function(e){var t,i;return t=Ru(e[4]<<24|e[5]<<16|e[6]<<8|e[7]),i=r[t]||9e4,(xu(n,["tfdt"]).map(function(e){var t,i;return t=e[0],i=Ru(e[4]<<24|e[5]<<16|e[6]<<8|e[7]),1===t&&(i*=Math.pow(2,32),i+=Ru(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},Tu=function(e){var t=xu(e,["moov","trak"]),h=[];return t.forEach(function(e){var t,i,n={},r=xu(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 a=xu(e,["mdia","hdlr"])[0];if(a){var s=Iu(a.subarray(8,12));n.type="vide"===s?"video":"soun"===s?"audio":s}var o=xu(e,["mdia","minf","stbl","stsd"])[0];if(o){var u=o.subarray(8);n.codec=Iu(u.subarray(4,8));var l,c=xu(u,[n.codec])[0];c&&(/^[a-z]vc[1-9]$/i.test(n.codec)?(l=c.subarray(78),"avcC"===Iu(l.subarray(4,8))&&11<l.length?(n.codec+=".",n.codec+=Nu(l[9]),n.codec+=Nu(l[10]),n.codec+=Nu(l[11])):n.codec="avc1.4d400d"):/^mp4[a,v]$/i.test(n.codec)&&(l=c.subarray(28),"esds"===Iu(l.subarray(4,8))&&20<l.length&&0!==l[19]?(n.codec+="."+Nu(l[19]),n.codec+="."+Nu(l[20]>>>2&63).replace(/^0/,"")):n.codec="mp4a.40.2"))}var d=xu(e,["mdia","mdhd"])[0];d&&(n.timescale=Su(d)),h.push(n)}),h};var Uu=bu,Fu=Tu,Bu=(Su=function(e){var t=0===e[0]?12:20;return Ru(e[t]<<24|e[1+t]<<16|e[2+t]<<8|e[3+t])},i(function(e,t){function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});function r(e){return e?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)}):e}function n(e){return e.map(r)}function a(e){void 0===e&&(e="");var t=e.split(","),a={};return t.forEach(function(r){r=r.trim(),["video","audio"].forEach(function(e){var t=l[e].exec(r.toLowerCase());if(t&&!(t.length<=1)){var i=r.substring(0,t[1].length),n=r.replace(i,"");a[e]={type:i,details:n}}})}),a}function s(e){return void 0===e&&(e=""),l.audio.test(e.trim().toLowerCase())}function o(e){if(e&&"string"==typeof e){var t=e.toLowerCase().split(",").map(function(e){return r(e.trim())}),i="video";1===t.length&&s(t[0])&&(i="audio");var n="mp4";return t.every(function(e){return l.mp4.test(e)})?n="mp4":t.every(function(e){return l.webm.test(e)})?n="webm":t.every(function(e){return l.ogg.test(e)})&&(n="ogg"),i+"/"+n+';codecs="'+e+'"'}}var u=i(T),l={mp4:/^(av0?1|avc0?[1234]|vp0?9|flac|opus|mp3|mp4a|mp4v)/,webm:/^(vp0?[89]|av0?1|opus|vorbis)/,ogg:/^(vp0?[89]|theora|flac|opus|vorbis)/,video:/^(av0?1|avc0?[1234]|vp0?[89]|hvc1|hev1|theora|mp4v)/,audio:/^(mp4a|flac|vorbis|opus|ac-[34]|ec-3|alac|mp3)/,muxerVideo:/^(avc0?1)/,muxerAudio:/^(mp4a)/};t.DEFAULT_AUDIO_CODEC="mp4a.40.2",t.DEFAULT_VIDEO_CODEC="avc1.4d400d",t.browserSupportsCodec=function(e){return void 0===e&&(e=""),u.default.MediaSource&&u.default.MediaSource.isTypeSupported&&u.default.MediaSource.isTypeSupported(o(e))||!1},t.codecsFromDefault=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 a(r.playlists[0].attributes.CODECS)}return null},t.getMimeForCodec=o,t.isAudioCodec=s,t.isVideoCodec=function(e){return void 0===e&&(e=""),l.video.test(e.trim().toLowerCase())},t.mapLegacyAvcCodecs=function(e){return e.replace(/avc1\.(\d+)\.(\d+)/i,function(e){return n([e])[0]})},t.muxerSupportsCodec=function(e){return void 0===e&&(e=""),e.toLowerCase().split(",").every(function(e){return e=e.trim(),l.muxerVideo.test(e)||l.muxerAudio.test(e)})},t.parseCodecs=a,t.translateLegacyCodec=r,t.translateLegacyCodecs=n}));t(Bu);function ju(e,t,i){return e&&i&&i.responseURL&&t!==i.responseURL?i.responseURL:t}function Vu(e,t){return e+"-"+t}function qu(e){var t=e.manifestString,i=e.customTagParsers,n=void 0===i?[]:i,r=e.customTagMappers,a=void 0===r?[]:r,s=new Ea;return n.forEach(function(e){return s.addParser(e)}),a.forEach(function(e){return s.addTagMapper(e)}),s.push(t),s.end(),s.manifest}function Hu(r,a){["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];a(n,e,t,i)}})}function Wu(e){var t=e.playlist,i=e.uri,n=e.id;t.id=n,i&&(t.uri=i),t.attributes=t.attributes||{}}function zu(s,e){s.uri=e;for(var t=0;t<s.playlists.length;t++)if(!s.playlists[t].uri){var i="placeholder-uri-"+t;s.playlists[t].uri=i}Hu(s,function(e,t,i,n){if(e.playlists&&e.playlists.length&&!e.playlists[0].uri){var r="placeholder-uri-"+t+"-"+i+"-"+n,a=Vu(0,r);e.playlists[0].uri=r,e.playlists[0].id=a,s.playlists[a]=e.playlists[0],s.playlists[r]=e.playlists[0]}}),function(e){for(var t=e.playlists.length;t--;){var i=e.playlists[t];Wu({playlist:i,id:Vu(t,i.uri)}),i.resolvedUri=$l(e.uri,i.uri),e.playlists[i.id]=i,(e.playlists[i.uri]=i).attributes.BANDWIDTH||Ql.warn("Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute.")}}(s),function(t){Hu(t,function(e){e.uri&&(e.resolvedUri=$l(t.uri,e.uri))})}(s)}function Gu(e,t){e.resolvedUri||(e.resolvedUri=$l(t,e.uri)),e.key&&!e.key.resolvedUri&&(e.key.resolvedUri=$l(t,e.key.uri)),e.map&&!e.map.resolvedUri&&(e.map.resolvedUri=$l(t,e.map.uri))}function Xu(e,t){var i=Jl(e,{}),n=i.playlists[t.id];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=Jl(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),a=i;a<r;a++)n[a-i]=Jl(e[a],n[a-i]);return n}(n.segments,t.segments,t.mediaSequence-n.mediaSequence)),r.segments.forEach(function(e){Gu(e,r.resolvedUri)});for(var a=0;a<i.playlists.length;a++)i.playlists[a].id===t.id&&(i.playlists[a]=r);return i.playlists[t.id]=r,i.playlists[t.uri]=r,i}function Ku(e,t){var i=e.segments[e.segments.length-1];return t&&i&&i.duration?1e3*i.duration:500*(e.targetDuration||10)}function Yu(e,t){var i,n=[];if(e&&e.length)for(i=0;i<e.length;i++)t(e.start(i),e.end(i))&&n.push([e.start(i),e.end(i)]);return da.createTimeRanges(n)}function $u(e,i){return Yu(e,function(e,t){return e-.1<=i&&i<=t+.1})}function Qu(e,t){return Yu(e,function(e){return t<=e-ec})}function Ju(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 Zu(e){for(var t=[],i=0;i<e.length;i++)t.push({start:e.start(i),end:e.end(i)});return t}function el(e,t,i){if("undefined"==typeof t&&(t=e.mediaSequence+e.segments.length),t<e.mediaSequence)return 0;var 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);if(n.precise)return n.result;var r=function(e,t){for(var i,n=0,r=t-e.mediaSequence;r<e.segments.length;r++){if("undefined"!=typeof(i=e.segments[r]).start)return{result:i.start-n,precise:!0};if(n+=i.duration,"undefined"!=typeof i.end)return{result:i.end-n,precise:!0}}return{result:-1,precise:!1}}(e,t);return r.precise?r.result:n.result+i}function tl(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 T.Infinity}return el(e,t,i)}function il(e,t,i){var n=0;if(i<t){var r=[i,t];t=r[0],i=r[1]}if(t<0){for(var a=t;a<Math.min(0,i);a++)n+=e.targetDuration;t=0}for(var s=t;s<i;s++)n+=e.segments[s].duration;return n}function nl(e,t){if(!e.segments.length)return 0;var i=e.segments.length,n=e.segments[i-1].duration||e.targetDuration,r="number"==typeof t?t:n+2*e.targetDuration;if(0===r)return i;for(var a=0;i--&&!(r<=(a+=e.segments[i].duration)););return Math.max(0,i)}function rl(e,t,i,n){if(!e||!e.segments)return null;if(e.endList)return tl(e);if(null===t)return null;t=t||0;var r=i?nl(e,n):e.segments.length;return el(e,e.mediaSequence+r,t)}function al(e){return e.excludeUntil&&e.excludeUntil>Date.now()}function sl(e){return e.excludeUntil&&e.excludeUntil===1/0}function ol(e){var t=al(e);return!e.disabled&&!t}function ul(e,t){return t.attributes&&t.attributes[e]}function ll(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!!ol(e)&&(e.attributes.BANDWIDTH||0)<i}).length}function cl(e,t,i,n){var r="arraybuffer"===e.responseType?e.response:e.responseText;!t&&r&&(e.responseTime=Date.now(),e.roundTripTime=e.responseTime-e.requestTime,e.bytesReceived=r.byteLength||r.length,e.bandwidth||(e.bandwidth=Math.floor(e.bytesReceived/e.roundTripTime*8*1e3))),i.headers&&(e.responseHeaders=i.headers),t&&"ETIMEDOUT"===t.code&&(e.timedout=!0),t||e.aborted||200===i.statusCode||206===i.statusCode||0===i.statusCode||(t=new Error("XHR Failed with a response of: "+(e&&(r||e.responseText)))),n(t,e)}function dl(){return function e(t,i){t=rc({timeout:45e3},t);var n=e.beforeRequest||da.Vhs.xhr.beforeRequest;if(n&&"function"==typeof n){var r=n(t);r&&(t=r)}var a=nc(t,function(e,t){return cl(a,e,t,i)}),s=a.abort;return a.abort=function(){return a.aborted=!0,s.apply(a,arguments)},a.uri=t.uri,a.requestTime=Date.now(),a}}function hl(e){var t={};return e.byterange&&(t.Range=function(e){var t=e.offset+e.length-1;return"bytes="+e.offset+"-"+t}(e.byterange)),t}function pl(e,t){var i=e.toString(16);return"00".substring(0,2-i.length)+i+(t%2?" ":"")}function fl(e){return 32<=e&&e<126?String.fromCharCode(e):"."}function ml(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 gl(e){var t=e.byterange||{length:1/0,offset:0};return[t.length,t.offset,e.resolvedUri].join(",")}function vl(e){return e.resolvedUri}function yl(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(pl).join("")+" "+t.slice(16*n,16*n+16).map(fl).join("")+"\n";return i}function _l(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 a=function(e,t){if(!t||!t.segments||0===t.segments.length)return null;for(var i,n=0,r=0;r<t.segments.length&&!(e<=(n=(i=t.segments[r]).videoTimingInfo?i.videoTimingInfo.transmuxedPresentationEnd:n+i.duration));r++);var a=t.segments[t.segments.length-1];if(a.videoTimingInfo&&a.videoTimingInfo.transmuxedPresentationEnd<e)return null;if(n<e){if(e>n+.25*a.duration)return null;i=a}return{segment:i,estimatedStart:i.videoTimingInfo?i.videoTimingInfo.transmuxedPresentationStart:n-i.duration,type:i.videoTimingInfo?"accurate":"estimate"}}(n,t);if(!a)return r({message:"valid programTime was not found"});if("estimate"===a.type)return r({message:"Accurate programTime could not be determined. Please seek to e.seekTime and try again",seekTime:a.estimatedStart});var s={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,a.segment);return o&&(s.programDateTime=o.toISOString()),r(null,s)}function bl(e){var t=e.programTime,i=e.playlist,n=e.retryCount,r=void 0===n?2:n,a=e.seekTo,s=e.pauseAfterSeek,o=void 0===s||s,u=e.tech,l=e.callback;if(!l)throw new Error("seekToProgramTime: callback must be provided");if("undefined"==typeof t||!i||!a)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;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 a=t.segments[t.segments.length-1],s=a.dateTimeObject,o=a.videoTimingInfo?function(e){return e.transmuxedPresentationEnd-e.transmuxedPresentationStart-e.transmuxerPrependedSeconds}(a.videoTimingInfo):a.duration+.25*a.duration;return new Date(s.getTime()+1e3*o)<i?null:(s<i&&(n=a),{segment:n,estimatedStart:n.videoTimingInfo?n.videoTimingInfo.transmuxedPresentationStart:ic.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 d=c.segment,h=function(e,t){var i,n;try{i=new Date(e),n=new Date(t)}catch(e){}var r=i.getTime();return(n.getTime()-r)/1e3}(d.dateTimeObject,t);if("estimate"===c.type)return 0===r?l({message:t+" is not buffered yet. Try again"}):(a(c.estimatedStart+h),void u.one("seeked",function(){bl({programTime:t,playlist:i,retryCount:r-1,seekTo:a,pauseAfterSeek:o,tech:u,callback:l})}));var p=d.start+h;u.one("seeked",function(){return l(null,u.currentTime())}),o&&u.pause(),a(p)}function Tl(e,t){if(4===e.readyState)return t()}function Sl(e){var t=e.masterXml,i=e.srcUrl,n=e.clientOffset,r=e.sidxMapping,a=Eo(t,{manifestUri:i,clientOffset:n,sidxMapping:r});return zu(a,i),a}function kl(e,t){for(var s=!0,o=sc(e,{duration:t.duration,minimumUpdatePeriod:t.minimumUpdatePeriod}),i=0;i<t.playlists.length;i++){var n=Xu(o,t.playlists[i]);n&&(o=n,s=!1)}return Hu(t,function(e,t,i,n){if(e.playlists&&e.playlists.length){var r=e.playlists[0].id,a=Xu(o,e.playlists[0]);a&&((o=a).mediaGroups[t][i][n].playlists[0]=o.playlists[r],s=!1)}}),t.minimumUpdatePeriod!==e.minimumUpdatePeriod&&(s=!1),s?null:o}function Cl(e){var t=e.byterange.offset+e.byterange.length-1;return e.uri+"-"+e.byterange.offset+"-"+t}function El(e,t){var i,n,r={};for(var a in e){var s=e[a].sidx;if(s){var o=Cl(s);if(!t[o])break;var u=t[o].sidxInfo;i=u,n=s,(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 wl(o,e,u,l,t,c){var d={uri:ju(t.handleManifestRedirects,e.resolvedUri),byterange:e.byterange,playlist:u},h=da.mergeOptions(d,{responseType:"arraybuffer",headers:hl(d)});return function(e,t,r){function a(e,t,i,n){return t.abort(),u=!0,r(e,t,i,n)}function i(e,t){if(!u){if(e)return a(e,t,"",o);var i=t.responseText.substring(o&&o.byteLength||0,t.responseText.length);if(o=Xo(o,Ko(i,!0)),s=s||Ho(o),o.length<10||s&&o.length<s+2)return Tl(t,function(){return a(e,t,"",o)});var n=qo(o);return"ts"===n&&o.length<188?Tl(t,function(){return a(e,t,"",o)}):!n&&o.length<376?Tl(t,function(){return a(e,t,"",o)}):a(null,t,n,o)}}var s,o=[],u=!1,n=t({uri:e,beforeSend:function(t){t.overrideMimeType("text/plain; charset=x-user-defined"),t.addEventListener("progress",function(e){e.total,e.loaded;return cl(t,null,{statusCode:t.status},i)})}},function(e,t){return cl(n,e,t,i)});return n}(d.uri,l,function(e,t,i,n){if(e)return c(e,t);if(!i||"mp4"!==i)return c({status:t.status,message:"Unsupported "+(i||"unknown")+" container type for sidx segment at URL: "+d.uri,response:"",playlist:u,internal:!0,blacklistDuration:1/0,code:2},t);var r=d.byterange,a=r.offset,s=r.length;if(n.length>=s+a)return c(e,{response:n.subarray(a,a+s),status:t.status,uri:t.uri});o.request=l(h,c)})}function Il(e){for(var t=new Uint8Array(new ArrayBuffer(e.length)),i=0;i<e.length;i++)t[i]=e.charCodeAt(i);return t.buffer}function Al(e){var t=e.transmuxer,i=e.bytes,n=e.audioAppendStart,r=e.gopsToAlignWith,a=e.isPartial,s=e.remux,o=e.onData,u=e.onTrackInfo,l=e.onAudioTimingInfo,c=e.onVideoTimingInfo,d=e.onVideoSegmentTimingInfo,h=e.onId3,p=e.onCaptions,f=e.onDone,m={isPartial:a,buffer:[]};if(t.onmessage=function(e){Bl&&("data"===e.data.action&&function(e,t,i){var n=e.data.segment,r=n.type,a=n.initSegment,s=n.captions,o=n.captionStreams,u=n.metadata,l=n.videoFrameDtsTime,c=n.videoFramePtsTime;t.buffer.push({captions:s,captionStreams:o,metadata:u});var d=e.data.segment.boxes||{data:e.data.segment.data},h={type:r,data:new Uint8Array(d.data,d.data.byteOffset,d.data.byteLength),initSegment:new Uint8Array(a.data,a.byteOffset,a.byteLength)};"undefined"!=typeof l&&(h.videoFrameDtsTime=l),"undefined"!=typeof c&&(h.videoFramePtsTime=c),i(h)}(e,m,o),"trackinfo"===e.data.action&&u(e.data.trackInfo),"gopInfo"===e.data.action&&function(e,t){t.gopInfo=e.data.gopInfo}(e,m),"audioTimingInfo"===e.data.action&&l(e.data.audioTimingInfo),"videoTimingInfo"===e.data.action&&c(e.data.videoTimingInfo),"videoSegmentTimingInfo"===e.data.action&&d(e.data.videoSegmentTimingInfo),"id3Frame"===e.data.action&&h([e.data.id3Frame],e.data.id3Frame.dispatchType),"caption"===e.data.action&&p(e.data.caption),"transmuxed"===e.data.type&&(t.onmessage=null,function(e){var t=e.transmuxedData,i=e.callback;t.buffer=[],i(t)}({transmuxedData:m,callback:f}),cc()))},n&&t.postMessage({action:"setAudioAppendStart",appendStart:n}),Array.isArray(r)&&t.postMessage({action:"alignGopsWith",gopsToAlignWith:r}),"undefined"!=typeof s&&t.postMessage({action:"setRemux",remux:s}),i.byteLength){var g=i instanceof ArrayBuffer?i:i.buffer,v=i instanceof ArrayBuffer?0:i.byteOffset;t.postMessage({action:"push",data:g,byteOffset:v,byteLength:i.byteLength},[g])}t.postMessage({action:a?"partialFlush":"flush"})}function xl(e,t){e.postMessage({action:t}),cc()}function Pl(e,t){Bl?lc.push(xl.bind(null,t,e)):xl(t,Bl=e)}function Ll(e){Bl?lc.push(e):Al(Bl=e)}function Ol(e){e.forEach(function(e){e.abort()})}function Dl(e,t){return t.timedout?{status:t.status,message:"HLS request timed-out at URL: "+t.uri,code:mc,xhr:t}:t.aborted?{status:t.status,message:"HLS request aborted at URL: "+t.uri,code:gc,xhr:t}:e?{status:t.status,message:"HLS request errored at URL: "+t.uri,code:fc,xhr:t}:null}function Ml(e){var i=e.segment,t=e.bytes,n=e.isPartial,r=e.trackInfoFn,a=e.timingInfoFn,s=e.videoSegmentTimingInfoFn,o=e.id3Fn,u=e.captionsFn,l=e.dataFn,c=e.doneFn,d=i.map&&i.map.tracks||{},h=Boolean(d.audio&&d.video),p=a.bind(null,i,"audio","start"),f=a.bind(null,i,"audio","end"),m=a.bind(null,i,"video","start"),g=a.bind(null,i,"video","end");if(!n&&!i.lastReachedChar){var v=function(e,t){var i=Eu(e,t*fu);if(!i)return null;var n={hasVideo:i.video&&2===i.video.length||!1,hasAudio:i.audio&&2===i.audio.length||!1};return n.hasVideo&&(n.videoStart=i.video[0].ptsTime),n.hasAudio&&(n.audioStart=i.audio[0].ptsTime),n}(t,i.baseStartTime);v&&(r(i,{hasAudio:v.hasAudio,hasVideo:v.hasVideo,isMuxed:h}),r=null,v.hasAudio&&!h&&p(v.audioStart),v.hasVideo&&m(v.videoStart),m=p=null)}Ll({bytes:t,transmuxer:i.transmuxer,audioAppendStart:i.audioAppendStart,gopsToAlignWith:i.gopsToAlignWith,isPartial:n,remux:h,onData:function(e){e.type="combined"===e.type?"video":e.type,l(i,e)},onTrackInfo:function(e){r&&(h&&(e.isMuxed=!0),r(i,e))},onAudioTimingInfo:function(e){p&&"undefined"!=typeof e.start&&(p(e.start),p=null),f&&"undefined"!=typeof e.end&&f(e.end)},onVideoTimingInfo:function(e){m&&"undefined"!=typeof e.start&&(m(e.start),m=null),g&&"undefined"!=typeof e.end&&g(e.end)},onVideoSegmentTimingInfo:function(e){s(e)},onId3:function(e,t){o(i,e,t)},onCaptions:function(e){u(i,[e])},onDone:function(e){c&&!n&&(e.type="combined"===e.type?"video":e.type,c(null,i,e))}})}function Rl(e){var n=e.segment,r=e.bytes,t=e.isPartial,i=e.trackInfoFn,a=e.timingInfoFn,s=e.videoSegmentTimingInfoFn,o=e.id3Fn,u=e.captionsFn,l=e.dataFn,c=e.doneFn,d=new Uint8Array(r);if(Wo(d)){n.isFmp4=!0;var h=n.map.tracks,p={isFmp4:!0,hasVideo:!!h.video,hasAudio:!!h.audio};h.audio&&h.audio.codec&&"enca"!==h.audio.codec&&(p.audioCodec=h.audio.codec),h.video&&h.video.codec&&"encv"!==h.video.codec&&(p.videoCodec=h.video.codec),h.video&&h.audio&&(p.isMuxed=!0),i(n,p);var f=Uu(n.map.timescales,d);p.hasAudio&&!p.isMuxed&&a(n,"audio","start",f),p.hasVideo&&a(n,"video","start",f);var m=function(e){l(n,{data:r,type:p.hasAudio&&!p.isMuxed?"audio":"video"}),e&&e.length&&u(n,e),c(null,n,{})};if(!h.video||!r.byteLength||!n.transmuxer)return void m();var g=r instanceof ArrayBuffer?r:r.buffer,v=r instanceof ArrayBuffer?0:r.byteOffset;return n.transmuxer.addEventListener("message",function e(t){if("mp4Captions"===t.data.action){n.transmuxer.removeEventListener("message",e);var i=t.data.data;n.bytes=r=new Uint8Array(i,i.byteOffset||0,i.byteLength),m(t.data.captions)}}),void n.transmuxer.postMessage({action:"pushMp4Captions",timescales:n.map.timescales,trackIds:[h.video.id],data:g,byteOffset:v,byteLength:r.byteLength},[g])}if(n.transmuxer){if("undefined"==typeof n.container&&(n.container=qo(d)),"ts"!==n.container&&"aac"!==n.container)return i(n,{hasAudio:!1,hasVideo:!1}),void c(null,n,{});Ml({segment:n,bytes:r,isPartial:t,trackInfoFn:i,timingInfoFn:a,videoSegmentTimingInfoFn:s,id3Fn:o,captionsFn:u,dataFn:l,doneFn:c})}else c(null,n,{})}function Nl(e){var i=e.activeXhrs,n=e.decryptionWorker,r=e.trackInfoFn,a=e.timingInfoFn,s=e.videoSegmentTimingInfoFn,o=e.id3Fn,u=e.captionsFn,l=e.dataFn,c=e.doneFn,d=0,h=!1;return function(e,t){if(!h){if(e)return h=!0,Ol(i),c(e,t);if((d+=1)===i.length){if(t.endOfAllRequests=Date.now(),t.encryptedBytes)return function(e){var t,n=e.decryptionWorker,r=e.segment,a=e.trackInfoFn,s=e.timingInfoFn,o=e.videoSegmentTimingInfoFn,u=e.id3Fn,l=e.captionsFn,c=e.dataFn,d=e.doneFn;n.addEventListener("message",function e(t){if(t.data.source===r.requestId){n.removeEventListener("message",e);var i=t.data.decrypted;r.bytes=new Uint8Array(i.bytes,i.byteOffset,i.byteLength),Rl({segment:r,bytes:r.bytes,isPartial:!1,trackInfoFn:a,timingInfoFn:s,videoSegmentTimingInfoFn:o,id3Fn:u,captionsFn:l,dataFn:c,doneFn:d})}}),t=r.key.bytes.slice?r.key.bytes.slice():new Uint32Array(Array.prototype.slice.call(r.key.bytes)),n.postMessage(ml({source:r.requestId,encrypted:r.encryptedBytes,key:t,iv:r.key.iv}),[r.encryptedBytes.buffer,t.buffer])}({decryptionWorker:n,segment:t,trackInfoFn:r,timingInfoFn:a,videoSegmentTimingInfoFn:s,id3Fn:o,captionsFn:u,dataFn:l,doneFn:c});Rl({segment:t,bytes:t.bytes,isPartial:!1,trackInfoFn:r,timingInfoFn:a,videoSegmentTimingInfoFn:s,id3Fn:o,captionsFn:u,dataFn:l,doneFn:c})}}}}function Ul(e){var n=e.segment,r=e.progressFn,a=e.trackInfoFn,s=e.timingInfoFn,o=e.videoSegmentTimingInfoFn,u=e.id3Fn,l=e.captionsFn,c=e.dataFn,d=e.handlePartialData;return function(e){var t=e.target;if(!t.aborted){if(d&&!n.key&&t.responseText&&8<=t.responseText.length){var i=Il(t.responseText.substring(n.lastReachedChar||0));!n.lastReachedChar&&Wo(new Uint8Array(i))||(n.lastReachedChar=t.responseText.length,Rl({segment:n,bytes:i,isPartial:!0,trackInfoFn:a,timingInfoFn:s,videoSegmentTimingInfoFn:o,id3Fn:u,captionsFn:l,dataFn:c}))}return n.stats=da.mergeOptions(n.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)),!n.stats.firstBytesReceivedAt&&n.stats.bytesReceived&&(n.stats.firstBytesReceivedAt=Date.now()),r(e,n)}}}function Fl(e){var t=e.xhr,i=e.xhrOptions,n=e.decryptionWorker,r=e.segment,a=e.abortFn,s=e.progressFn,o=e.trackInfoFn,u=e.timingInfoFn,l=e.videoSegmentTimingInfoFn,c=e.id3Fn,d=e.captionsFn,h=e.dataFn,p=e.doneFn,f=e.handlePartialData,m=[],g=Nl({activeXhrs:m,decryptionWorker:n,trackInfoFn:o,timingInfoFn:u,videoSegmentTimingInfoFn:l,id3Fn:c,captionsFn:d,dataFn:h,doneFn:p});if(r.key&&!r.key.bytes){var v=t(da.mergeOptions(i,{uri:r.key.resolvedUri,responseType:"arraybuffer"}),function(a,s){return function(e,t){var i=t.response,n=Dl(e,t);if(n)return s(n,a);if(16!==i.byteLength)return s({status:t.status,message:"Invalid HLS key at URL: "+t.uri,code:fc,xhr:t},a);var r=new DataView(i);return a.key.bytes=new Uint32Array([r.getUint32(0),r.getUint32(4),r.getUint32(8),r.getUint32(12)]),s(null,a)}}(r,g));m.push(v)}if(r.map&&!r.map.bytes){var y=t(da.mergeOptions(i,{uri:r.map.resolvedUri,responseType:"arraybuffer",headers:hl(r.map)}),function(e){var a=e.segment,s=e.finishProcessingFn;return function(e,t){var i=t.response,n=Dl(e,t);if(n)return s(n,a);if(0===i.byteLength)return s({status:t.status,message:"Empty HLS segment content at URL: "+t.uri,code:fc,xhr:t},a);a.map.bytes=new Uint8Array(t.response);var r=qo(a.map.bytes);return"mp4"!==r?s({status:t.status,message:"Found unsupported "+(r||"unknown")+" container for initialization segment at URL: "+t.uri,code:fc,internal:!0,xhr:t},a):(Fu(a.map.bytes).forEach(function(e){a.map.tracks=a.map.tracks||{},a.map.tracks[e.type]||(a.map.tracks[e.type]=e).id&&e.timescale&&(a.map.timescales=a.map.timescales||{},a.map.timescales[e.id]=e.timescale)}),s(null,a))}}({segment:r,finishProcessingFn:g}));m.push(y)}var _=da.mergeOptions(i,{uri:r.resolvedUri,responseType:"arraybuffer",headers:hl(r)});f&&(_.responseType="text",_.beforeSend=function(e){e.overrideMimeType("text/plain; charset=x-user-defined")});var b=t(_,function(e){var a=e.segment,s=e.finishProcessingFn,o=e.responseType;return function(e,t){var i=t.response,n=Dl(e,t);if(n)return s(n,a);var r="arraybuffer"!==o&&t.responseText?Il(t.responseText.substring(a.lastReachedChar||0)):t.response;return 0===i.byteLength?s({status:t.status,message:"Empty HLS segment content at URL: "+t.uri,code:fc,xhr:t},a):(a.stats=function(e){return{bandwidth:e.bandwidth,bytesReceived:e.bytesReceived||0,roundTripTime:e.roundTripTime||0}}(t),a.key?a.encryptedBytes=new Uint8Array(r):a.bytes=new Uint8Array(r),s(null,a))}}({segment:r,finishProcessingFn:g,responseType:_.responseType}));b.addEventListener("progress",Ul({segment:r,progressFn:s,trackInfoFn:o,timingInfoFn:u,videoSegmentTimingInfoFn:l,id3Fn:c,captionsFn:d,dataFn:h,handlePartialData:f})),m.push(b);var T={};return m.forEach(function(e){e.addEventListener("loadend",function(e){var t=e.loadendState,i=e.abortFn;return function(e){e.target.aborted&&i&&!t.calledAbortFn&&(i(),t.calledAbortFn=!0)}}({loadendState:T,abortFn:a}))}),function(){return Ol(m)}}var Bl,jl=Bu.DEFAULT_AUDIO_CODEC,Vl=Bu.DEFAULT_VIDEO_CODEC,ql=Bu.browserSupportsCodec,Hl=Bu.codecsFromDefault,Wl=Bu.getMimeForCodec,zl=Bu.isAudioCodec,Gl=Bu.isVideoCodec,Xl=(Bu.mapLegacyAvcCodecs,Bu.muxerSupportsCodec),Kl=Bu.parseCodecs,Yl=Bu.translateLegacyCodec,$l=(Bu.translateLegacyCodecs,va),Ql=da.log,Jl=da.mergeOptions,Zl=function(c){function e(e,t,i){var n;if(void 0===i&&(i={}),n=c.call(this)||this,!e)throw new Error("A non-empty playlist URL or object is required");var r=i,a=r.withCredentials,s=void 0!==a&&a,o=r.handleManifestRedirects,u=void 0!==o&&o;n.src=e,n.vhs_=t,n.withCredentials=s,n.handleManifestRedirects=u;var l=t.options_;return n.customTagParsers=l&&l.customTagParsers||[],n.customTagMappers=l&&l.customTagMappers||[],n.state="HAVE_NOTHING",n.on("mediaupdatetimeout",function(){"HAVE_METADATA"===n.state&&(n.state="HAVE_CURRENT_METADATA",n.request=n.vhs_.xhr({uri:$l(n.master.uri,n.media().uri),withCredentials:n.withCredentials},function(e,t){if(n.request)return e?n.playlistRequestError(n.request,n.media(),"HAVE_METADATA"):void n.haveMetadata({playlistString:n.request.responseText,url:n.media().uri,id:n.media().id})}))}),n}Ge(e,c);var t=e.prototype;return t.playlistRequestError=function(e,t,i){var n=t.uri,r=t.id;this.request=null,i&&(this.state=i),this.error={playlist:this.master.playlists[r],status:e.status,message:"HLS playlist request error at URL: "+n+".",responseText:e.responseText,code:500<=e.status?4:2},this.trigger("error")},t.haveMetadata=function(e){var t=this,i=e.playlistString,n=e.playlistObject,r=e.url,a=e.id;this.request=null,this.state="HAVE_METADATA";var s=n||qu({manifestString:i,customTagParsers:this.customTagParsers,customTagMappers:this.customTagMappers});Wu({playlist:s,uri:r,id:a});var o=Xu(this.master,s);this.targetDuration=s.targetDuration,o?(this.master=o,this.media_=this.master.playlists[a]):this.trigger("playlistunchanged"),this.media().endList||(T.clearTimeout(this.mediaUpdateTimeout),this.mediaUpdateTimeout=T.setTimeout(function(){t.trigger("mediaupdatetimeout")},Ku(this.media(),!!o))),this.trigger("loadedplaylist")},t.dispose=function(){this.trigger("dispose"),this.stopRequest(),T.clearTimeout(this.mediaUpdateTimeout),T.clearTimeout(this.finalRenditionTimeout),this.off()},t.stopRequest=function(){if(this.request){var e=this.request;this.request=null,e.onreadystatechange=null,e.abort()}},t.media=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(T.clearTimeout(this.finalRenditionTimeout),e){var t=i.targetDuration/2*1e3||5e3;this.finalRenditionTimeout=T.setTimeout(this.media.bind(this,i,!1),t)}else{var r=this.state,a=!this.media_||i.id!==this.media_.id;if(this.master.playlists[i.id].endList||i.endList&&i.segments.length)return this.request&&(this.request.onreadystatechange=null,this.request.abort(),this.request=null),this.state="HAVE_METADATA",this.media_=i,void(a&&(this.trigger("mediachanging"),"HAVE_MASTER"===r?this.trigger("loadedmetadata"):this.trigger("mediachange")));if(a){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.vhs_.xhr({uri:i.resolvedUri,withCredentials:this.withCredentials},function(e,t){if(n.request){if(i.resolvedUri=ju(n.handleManifestRedirects,i.resolvedUri,t),e)return n.playlistRequestError(n.request,i,r);n.haveMetadata({playlistString:t.responseText,url:i.uri,id:i.id}),"HAVE_MASTER"===r?n.trigger("loadedmetadata"):n.trigger("mediachange")}})}}},t.pause=function(){this.stopRequest(),T.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")},t.load=function(e){var t=this;T.clearTimeout(this.mediaUpdateTimeout);var i=this.media();if(e){var n=i?i.targetDuration/2*1e3:5e3;this.mediaUpdateTimeout=T.setTimeout(function(){return t.load()},n)}else this.started?i&&!i.endList?this.trigger("mediaupdatetimeout"):this.trigger("loadedplaylist"):this.start()},t.start=function(){var n=this;if(this.started=!0,"object"==typeof this.src)return this.src.uri||(this.src.uri=T.location.href),this.src.resolvedUri=this.src.uri,void setTimeout(function(){n.setupInitialPlaylist(n.src)},0);this.request=this.vhs_.xhr({uri:this.src,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.src+".",responseText:t.responseText,code:2},"HAVE_NOTHING"===n.state&&(n.started=!1),n.trigger("error");n.src=ju(n.handleManifestRedirects,n.src,t);var i=qu({manifestString:t.responseText,customTagParsers:n.customTagParsers,customTagMappers:n.customTagMappers});n.setupInitialPlaylist(i)}})},t.srcUri=function(){return"string"==typeof this.src?this.src:this.src.uri},t.setupInitialPlaylist=function(e){if(this.state="HAVE_MASTER",e.playlists)return this.master=e,zu(this.master,this.srcUri()),e.playlists.forEach(function(t){t.segments&&t.segments.forEach(function(e){Gu(e,t.resolvedUri)})}),this.trigger("loadedplaylist"),void(this.request||this.media(this.master.playlists[0]));var t=this.srcUri()||T.location.href;this.master=function(e,t){var i=Vu(0,t),n={mediaGroups:{AUDIO:{},VIDEO:{},"CLOSED-CAPTIONS":{},SUBTITLES:{}},uri:T.location.href,resolvedUri:T.location.href,playlists:[{uri:t,id:i,resolvedUri:t,attributes:{}}]};return n.playlists[i]=n.playlists[0],n.playlists[t]=n.playlists[0],n}(0,t),this.haveMetadata({playlistObject:e,url:t,id:this.master.playlists[0].id}),this.trigger("loadedmetadata")},e}(da.EventTarget),ec=1/30,tc=da.createTimeRange,ic={duration:tl,seekable:function(e,t,i){var n=t||0,r=rl(e,t,!0,i);return null===r?tc():tc(n,r)},safeLiveIndex:nl,getMediaInfoForTime:function(e,t,i,n){var r,a=e.segments.length,s=t-n;if(s<0){if(0<i)for(r=i-1;0<=r;r--)if(0<(s+=e.segments[r].duration+ec))return{mediaIndex:r,startTime:n-il(e,i,r)};return{mediaIndex:0,startTime:t}}if(i<0){for(r=i;r<0;r++)if((s-=e.targetDuration)<0)return{mediaIndex:0,startTime:t};i=0}for(r=i;r<a;r++)if((s-=e.segments[r].duration+ec)<0)return{mediaIndex:r,startTime:n+il(e,i,r)};return{mediaIndex:a-1,startTime:t}},isEnabled:ol,isDisabled:function(e){return e.disabled},isBlacklisted:al,isIncompatible:sl,playlistEnd:rl,isAes:function(e){for(var t=0;t<e.segments.length;t++)if(e.segments[t].key)return!0;return!1},hasAttribute:ul,estimateSegmentRequestTime:function(e,t,i,n){return void 0===n&&(n=0),ul("BANDWIDTH",i)?(e*i.attributes.BANDWIDTH-8*n)/t:NaN},isLowestEnabledRendition:ll},nc=da.xhr,rc=da.mergeOptions,ac=Object.freeze({__proto__:null,createTransferableMessage:ml,initSegmentId:gl,segmentKeyId:vl,hexDump:yl,tagDump:function(e){var t=e.bytes;return yl(t)},textRanges:function(e){var t,i,n,r="";for(t=0;t<e.length;t++)r+=(n=t,(i=e).start(n)+"-"+i.end(n)+" ");return r}}),sc=da.mergeOptions,oc=function(c){function e(e,t,i,n){var r;void 0===i&&(i={}),r=c.call(this)||this;var a=i,s=a.withCredentials,o=void 0!==s&&s,u=a.handleManifestRedirects,l=void 0!==u&&u;if(r.vhs_=t,r.withCredentials=o,r.handleManifestRedirects=l,!e)throw new Error("A non-empty playlist URL or object is required");return r.on("minimumUpdatePeriod",function(){r.refreshXml_()}),r.on("mediaupdatetimeout",function(){r.refreshMedia_(r.media().id)}),r.state="HAVE_NOTHING",r.loadedPlaylists_={},"string"==typeof e?(r.srcUrl=e,r.sidxMapping_={},Ve(r)):(r.setupChildLoader(n,e),r)}Ge(e,c);var t=e.prototype;return t.setupChildLoader=function(e,t){this.masterPlaylistLoader_=e,this.childPlaylist_=t},t.dispose=function(){this.trigger("dispose"),this.stopRequest(),this.loadedPlaylists_={},T.clearTimeout(this.minimumUpdatePeriodTimeout_),T.clearTimeout(this.mediaRequest_),T.clearTimeout(this.mediaUpdateTimeout),this.off()},t.hasPendingRequest=function(){return this.request||this.mediaRequest_},t.stopRequest=function(){if(this.request){var e=this.request;this.request=null,e.onreadystatechange=null,e.abort()}},t.sidxRequestFinished_=function(r,a,s,o){var u=this;return function(e,t){if(u.request){if(u.request=null,e)return u.error="object"==typeof e?e:{status:t.status,message:"DASH playlist request error at URL: "+r.uri,response:t.response,code:2},s&&(u.state=s),void u.trigger("error");var i=Yo(t.response),n=jo(i.subarray(8));return o(a,n)}}},t.media=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.id!==this.media_.id;if(e&&this.loadedPlaylists_[i.id]&&this.loadedPlaylists_[i.id].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,a;a=this.masterPlaylistLoader_?(t=this.masterPlaylistLoader_.master,this.masterPlaylistLoader_.sidxMapping_):(t=this.master,this.sidxMapping_);var s=Cl(i.sidx);a[s]={sidxInfo:i.sidx},this.request=wl(this,i.sidx,i,this.vhs_.xhr,{handleManifestRedirects:this.handleManifestRedirects},this.sidxRequestFinished_(i,t,r,function(e,t){if(!e||!t)throw new Error("failed to request sidx");a[s].sidx=t,n.haveMetadata({startingState:r,playlist:e.playlists[i.id]})}))}else this.mediaRequest_=T.setTimeout(this.haveMetadata.bind(this,{startingState:r,playlist:i}),0)},t.haveMetadata=function(e){var t=e.startingState,i=e.playlist;this.state="HAVE_METADATA",this.loadedPlaylists_[i.id]=i,this.mediaRequest_=null,this.refreshMedia_(i.id),"HAVE_MASTER"===t?this.trigger("loadedmetadata"):this.trigger("mediachange")},t.pause=function(){this.stopRequest(),T.clearTimeout(this.mediaUpdateTimeout),T.clearTimeout(this.minimumUpdatePeriodTimeout_),"HAVE_NOTHING"===this.state&&(this.started=!1)},t.load=function(e){var t=this;T.clearTimeout(this.mediaUpdateTimeout),T.clearTimeout(this.minimumUpdatePeriodTimeout_);var i=this.media();if(e){var n=i?i.targetDuration/2*1e3:5e3;this.mediaUpdateTimeout=T.setTimeout(function(){return t.load()},n)}else this.started?i&&!i.endList?this.trigger("mediaupdatetimeout"):this.trigger("loadedplaylist"):this.start()},t.start=function(){var i=this;this.started=!0,this.masterPlaylistLoader_?this.mediaRequest_=T.setTimeout(this.haveMaster_.bind(this),0):this.request=this.vhs_.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=ju(i.handleManifestRedirects,i.srcUrl,t),i.syncClientServerClock_(i.onClientServerClockSync_.bind(i))}})},t.syncClientServerClock_=function(n){var r=this,a=wo(this.masterXml_);return null===a?(this.clientOffset_=this.masterLoaded_-Date.now(),n()):"DIRECT"===a.method?(this.clientOffset_=a.value-Date.now(),n()):void(this.request=this.vhs_.xhr({uri:$l(this.srcUrl,a.value),method:a.method,withCredentials:this.withCredentials},function(e,t){if(r.request){if(e)return r.clientOffset_=r.masterLoaded_-Date.now(),n();var i;i="HEAD"===a.method?t.responseHeaders&&t.responseHeaders.date?Date.parse(t.responseHeaders.date):r.masterLoaded_:Date.parse(t.responseText),r.clientOffset_=i-Date.now(),n()}}))},t.haveMaster_=function(){this.state="HAVE_MASTER",this.mediaRequest_=null,this.masterPlaylistLoader_?this.media_||this.media(this.childPlaylist_):(this.updateMainManifest_(Sl({masterXml:this.masterXml_,srcUrl:this.srcUrl,clientOffset:this.clientOffset_,sidxMapping:this.sidxMapping_})),this.trigger("loadedplaylist"))},t.updateMinimumUpdatePeriodTimeout_=function(){var t=this;T.clearTimeout(this.minimumUpdatePeriodTimeout_);function e(e){t.minimumUpdatePeriodTimeout_=T.setTimeout(function(){t.trigger("minimumUpdatePeriod")},e)}var i=this.master&&this.master.minimumUpdatePeriod;0<i?e(i):0===i&&(this.media()?e(1e3*this.media().targetDuration):this.one("loadedplaylist",function(){e(1e3*t.media().targetDuration)}))},t.onClientServerClockSync_=function(){this.haveMaster_(),this.hasPendingRequest()||this.media_||this.media(this.master.playlists[0]),this.updateMinimumUpdatePeriodTimeout_()},t.updateMainManifest_=function(e){if(this.master=e,this.master.locations&&this.master.locations.length){var t=this.master.locations[0];t!==this.srcUrl&&(this.srcUrl=t)}},t.refreshXml_=function(){var o=this;this.request=this.vhs_.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,a){var n=Eo(e,{manifestUri:t,clientOffset:i}),s=El(n.playlists,a);return Hu(n,function(e,t,i,n){if(e.playlists&&e.playlists.length){var r=e.playlists;s=sc(s,El(r,a))}}),s}(o.masterXml_,o.srcUrl,o.clientOffset_,o.sidxMapping_);var i=Sl({masterXml:o.masterXml_,srcUrl:o.srcUrl,clientOffset:o.clientOffset_,sidxMapping:o.sidxMapping_}),n=kl(o.master,i),r=o.media().sidx;if(n)if(r){var a=Cl(r);if(!o.sidxMapping_[a]){var s=o.media();o.request=wl(o,s.sidx,s,o.vhs_.xhr,{handleManifestRedirects:o.handleManifestRedirects},o.sidxRequestFinished_(s,i,o.state,function(e,t){if(!e||!t)throw new Error("failed to request sidx on minimumUpdatePeriod");o.sidxMapping_[a].sidx=t,o.updateMinimumUpdatePeriodTimeout_(),o.refreshMedia_(o.media().id)}))}}else o.updateMainManifest_(n),o.media_&&(o.media_=o.master.playlists[o.media_.id]);o.updateMinimumUpdatePeriodTimeout_()}})},t.refreshMedia_=function(e){var t,i,n=this;if(!e)throw new Error("refreshMedia_ must take a media id");i=this.masterPlaylistLoader_?(t=this.masterPlaylistLoader_.master,Sl({masterXml:this.masterPlaylistLoader_.masterXml_,srcUrl:this.masterPlaylistLoader_.srcUrl,clientOffset:this.masterPlaylistLoader_.clientOffset_,sidxMapping:this.masterPlaylistLoader_.sidxMapping_})):(t=this.master,Sl({masterXml:this.masterXml_,srcUrl:this.srcUrl,clientOffset:this.clientOffset_,sidxMapping:this.sidxMapping_}));var r=kl(t,i);r?(this.masterPlaylistLoader_?this.masterPlaylistLoader_.master=r:this.master=r,this.media_=r.playlists[e]):(this.media_=t.playlists[e],this.trigger("playlistunchanged")),this.media().endList||(this.mediaUpdateTimeout=T.setTimeout(function(){n.trigger("mediaupdatetimeout")},Ku(this.media(),!!r))),this.trigger("loadedplaylist")},e}(da.EventTarget),uc={GOAL_BUFFER_LENGTH:30,MAX_GOAL_BUFFER_LENGTH:60,BACK_BUFFER_LENGTH:30,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},lc=[],cc=function(){Bl=null,lc.length&&("function"==typeof(Bl=lc.shift())?Bl():Al(Bl))},dc=function(e){Pl("reset",e)},hc=function(){Bl=null,lc.length=0},pc=function(e){Pl("endTimeline",e)},fc=2,mc=-101,gc=-102,vc="undefined"!=typeof window?window:{},yc="undefined"==typeof Symbol?"__target":Symbol(),_c="application/javascript",bc=vc.BlobBuilder||vc.WebKitBlobBuilder||vc.MozBlobBuilder||vc.MSBlobBuilder,Tc=vc.URL||vc.webkitURL||Tc&&Tc.msURL,Sc=vc.Worker;function kc(r,a){return function(e){var t=this;if(!a)return new Sc(r);if(Sc&&!e){var i=Ic(a.toString().replace(/^function.+?{/,"").slice(0,-1));return this[yc]=new Sc(i),function(e,t){if(!e||!t)return;var i=e.terminate;e.objURL=t,e.terminate=function(){e.objURL&&Tc.revokeObjectURL(e.objURL),i.call(e)}}(this[yc],i),this[yc]}var n={postMessage:function(e){t.onmessage&&setTimeout(function(){t.onmessage({data:e,target:n})})}};a.call(n),this.postMessage=function(e){setTimeout(function(){n.onmessage({data:e,target:t})})},this.isThisThread=!0}}if(Sc){var Cc,Ec=Ic("self.onmessage = function () {}"),wc=new Uint8Array(1);try{(Cc=new Sc(Ec)).postMessage(wc,[wc.buffer])}catch(e){Sc=null}finally{Tc.revokeObjectURL(Ec),Cc&&Cc.terminate()}}function Ic(t){try{return Tc.createObjectURL(new Blob([t],{type:_c}))}catch(e){var i=new bc;return i.append(t),Tc.createObjectURL(i.getBlob(type))}}function Ac(e,t){var i=t.attributes||{};return e&&e.mediaGroups&&e.mediaGroups.AUDIO&&i.AUDIO&&e.mediaGroups.AUDIO[i.AUDIO]}function xc(e,t){var i=t.attributes||{},n=function(e){var t=e.attributes||{};if(t.CODECS)return Kl(t.CODECS)}(t)||{};if(Ac(e,t)&&!n.audio&&!function(e,t){if(!Ac(e,t))return!0;var i=t.attributes||{},n=e.mediaGroups.AUDIO[i.AUDIO];for(var r in n)if(!n[r].uri&&!n[r].playlists)return!0;return!1}(e,t)){var r=Hl(e,i.AUDIO);r&&(n.audio=r.audio)}var a={};return n.video&&(a.video=Yl(""+n.video.type+n.video.details)),n.audio&&(a.audio=Yl(""+n.audio.type+n.audio.details)),a}function Pc(e){return da.log.debug?da.log.debug.bind(da,"VHS:",e+" >"):function(){}}function Lc(e){if(e&&e.playlist){var t=e.playlist;return JSON.stringify({id:t.id,bandwidth:e.bandwidth,width:e.width,height:e.height,codecs:t.attributes&&t.attributes.CODECS||""})}}function Oc(e,t){if(!e)return"";var i=T.getComputedStyle(e);return i?i[t]:""}function Dc(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 Mc(e,t){var i,n;return e.attributes.BANDWIDTH&&(i=e.attributes.BANDWIDTH),i=i||T.Number.MAX_VALUE,t.attributes.BANDWIDTH&&(n=t.attributes.BANDWIDTH),i-(n=n||T.Number.MAX_VALUE)}function Rc(e){var t=e.inbandTextTracks,i=e.metadataArray,n=e.timestampOffset,r=e.videoDuration;if(i){var a=T.WebKitDataCue||T.VTTCue,s=t.metadataTrack_;if(s&&(i.forEach(function(e){var i=e.cueTime+n;!("number"!=typeof i||T.isNaN(i)||i<0)&&i<1/0&&e.frames.forEach(function(e){var t=new a(i,i,e.value||e.url||e.data||"");t.frame=e,t.value=e,function(e){Object.defineProperties(e.frame,{id:{get:function(){return da.log.warn("cue.frame.id is deprecated. Use cue.value.key instead."),e.value.key}},value:{get:function(){return da.log.warn("cue.frame.value is deprecated. Use cue.value.data instead."),e.value.data}},privateData:{get:function(){return da.log.warn("cue.frame.privateData is deprecated. Use cue.value.data instead."),e.value.data}}})}(t),s.addCue(t)})}),s.cues&&s.cues.length)){for(var o=s.cues,u=[],l=0;l<o.length;l++)o[l]&&u.push(o[l]);var c=u.reduce(function(e,t){var i=e[t.startTime]||[];return i.push(t),e[t.startTime]=i,e},{}),d=Object.keys(c).sort(function(e,t){return Number(e)-Number(t)});d.forEach(function(e,t){var i=c[e],n=Number(d[t+1])||r;i.forEach(function(e){e.endTime=n})})}}}function Nc(e,t,i){var n,r;if(i&&i.cues)for(n=i.cues.length;n--;)(r=i.cues[n]).startTime>=e&&r.endTime<=t&&i.removeCue(r)}function Uc(e){return"number"==typeof e&&isFinite(e)}function Fc(e){return e+"TimingInfo"}function Bc(e){var t=e.segmentTimeline,i=e.currentTimeline,n=e.startOfSegment,r=e.buffered;return e.overrideCheck||t!==i?r.length?r.end(r.length-1):n:null}function jc(e){var t=e.timelineChangeController,i=e.currentTimeline,n=e.segmentTimeline,r=e.loaderType,a=e.audioDisabled;if(i===n)return!1;if("audio"===r){var s=t.lastTimelineChange({type:"main"});return!s||s.to!==n}if("main"===r&&a){var o=t.pendingTimelineChange({type:"audio"});return!o||o.to!==n}return!1}var Vc=new kc("./transmuxer-worker.worker.js",function(e,t){var Zt=this;
+/*! @name @videojs/http-streaming @version 2.2.4 @license Apache-2.0 */!function(){function e(){this.init=function(){var a={};this.on=function(e,t){a[e]||(a[e]=[]),a[e]=a[e].concat(t)},this.off=function(e,t){var i;return!!a[e]&&(i=a[e].indexOf(t),a[e]=a[e].slice(),a[e].splice(i,1),-1<i)},this.trigger=function(e){var t,i,n,r;if(t=a[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(){a={}}}}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,a,n,s,o,u,c,d,h,p,f,m,g,v,y,_,b,T,S,k,C,E,w,I,A,x,P,L,O,D,M,R,N,U,F,B,j,V=e,q=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]),I=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]),A={video:w,audio:I},L=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,12,117,114,108,32,0,0,0,1]),P=new Uint8Array([0,0,0,0,0,0,0,0]),O=new Uint8Array([0,0,0,0,0,0,0,0]),D=O,M=new Uint8Array([0,0,0,0,0,0,0,0,0,0,0,0]),R=O,x=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,L))},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,A[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))},a=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,x):l(S.smhd,P),t(),v(e))},s=function(e,t){for(var i=[],n=t.length;n--;)i[n]=_(t[n]);return l.apply(null,[S.moof,a(e)].concat(i))},o=function(e){for(var t=e.length,i=[];t--;)i[t]=d(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,R),l(S.stsc,D),l(S.stsz,M),l(S.stco,O))},y=function(e){return l(S.stsd,new Uint8Array([0,0,0,0,0,0,0,1]),"video"===e.type?N(e):U(e))},N=function(e){var t,i,n=e.sps||[],r=e.pps||[],a=[],s=[];for(t=0;t<n.length;t++)a.push((65280&n[t].byteLength)>>>8),a.push(255&n[t].byteLength),a=a.concat(Array.prototype.slice.call(n[t]));for(t=0;t<r.length;t++)s.push((65280&r[t].byteLength)>>>8),s.push(255&r[t].byteLength),s=s.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],a,[r.length],s))),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)},U=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))},h=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,a,s;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])),a=Math.floor(e.baseMediaDecodeTime/(1+q)),s=Math.floor(e.baseMediaDecodeTime%(1+q)),i=l(S.tfdt,new Uint8Array([1,0,0,0,a>>>24&255,a>>>16&255,a>>>8&255,255&a,s>>>24&255,s>>>16&255,s>>>8&255,255&s])),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))},d=function(e){return e.duration=e.duration||4294967295,l(S.trak,h(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)},j=function(e,t){var i=0,n=0,r=0,a=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&&(a=8)),[0,0,i|n|r|a,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]},B=function(e,t){var i,n,r,a,s,o;for(t+=20+16*(a=e.samples||[]).length,r=j(a,t),(n=new Uint8Array(r.length+16*a.length)).set(r),i=r.length,o=0;o<a.length;o++)s=a[o],n[i++]=(4278190080&s.duration)>>>24,n[i++]=(16711680&s.duration)>>>16,n[i++]=(65280&s.duration)>>>8,n[i++]=255&s.duration,n[i++]=(4278190080&s.size)>>>24,n[i++]=(16711680&s.size)>>>16,n[i++]=(65280&s.size)>>>8,n[i++]=255&s.size,n[i++]=s.flags.isLeading<<2|s.flags.dependsOn,n[i++]=s.flags.isDependedOn<<6|s.flags.hasRedundancy<<4|s.flags.paddingValue<<1|s.flags.isNonSyncSample,n[i++]=61440&s.flags.degradationPriority,n[i++]=15&s.flags.degradationPriority,n[i++]=(4278190080&s.compositionTimeOffset)>>>24,n[i++]=(16711680&s.compositionTimeOffset)>>>16,n[i++]=(65280&s.compositionTimeOffset)>>>8,n[i++]=255&s.compositionTimeOffset;return l(S.trun,n)},F=function(e,t){var i,n,r,a,s,o;for(t+=20+8*(a=e.samples||[]).length,r=j(a,t),(i=new Uint8Array(r.length+8*a.length)).set(r),n=r.length,o=0;o<a.length;o++)s=a[o],i[n++]=(4278190080&s.duration)>>>24,i[n++]=(16711680&s.duration)>>>16,i[n++]=(65280&s.duration)>>>8,i[n++]=255&s.duration,i[n++]=(4278190080&s.size)>>>24,i[n++]=(16711680&s.size)>>>16,i[n++]=(65280&s.size)>>>8,i[n++]=255&s.size;return l(S.trun,i)},T=function(e,t){return"audio"===e.type?F(e,t):B(e,t)};r=function(){return l(S.ftyp,k,C,k,E)};function H(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(){if(!X){var e={96e3:[ue,[227,64],W(154),[56]],88200:[ue,[231],W(170),[56]],64e3:[ue,[248,192],W(240),[56]],48e3:[ue,[255,192],W(268),[55,148,128],W(54),[112]],44100:[ue,[255,192],W(268),[55,163,128],W(84),[112]],32e3:[ue,[255,192],W(268),[55,234],W(226),[112]],24e3:[ue,[255,192],W(268),[55,255,128],W(268),[111,112],W(126),[224]],16e3:[ue,[255,192],W(268),[55,255,128],W(268),[111,255],W(269),[223,108],W(195),[1,192]],12e3:[le,W(268),[3,127,248],W(268),[6,255,240],W(268),[13,255,224],W(268),[27,253,128],W(259),[56]],11025:[le,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:[le,W(268),[3,121,16],W(47),[7]]};X=function(i){return Object.keys(i).reduce(function(e,t){return e[t]=new Uint8Array(i[t].reduce(function(e,t){return e.concat(t)},[])),e},{})}(e)}return X}function G(){G.prototype.init.call(this),this.captionPackets_=[],this.ccStreams_=[new Me(0,0),new Me(0,1),new Me(1,0),new Me(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 X,K,Y,$,Q,J=function(e){return l(S.mdat,e)},Z=s,ee=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},te=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},ie=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},ne=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},re=function(e,t){var i,n,r,a,s,o=t||0,u=[];for(i=0;i<e.length;i++)for(a=e[i],n=0;n<a.length;n++)s=a[n],o+=(r=H(s,o)).size,u.push(r);return u},ae=function(e){var t,i,n,r,a,s,o=0,u=e.byteLength,l=e.nalCount,c=new Uint8Array(u+4*l),d=new DataView(c.buffer);for(t=0;t<e.length;t++)for(r=e[t],i=0;i<r.length;i++)for(a=r[i],n=0;n<a.length;n++)s=a[n],d.setUint32(o,s.data.byteLength),o+=4,c.set(s.data,o),o+=s.data.byteLength;return c},se=function(e,t){var i,n=[];return i=H(e,t||0),n.push(i),n},oe=function(e){var t,i,n=0,r=e.byteLength,a=e.length,s=new Uint8Array(r+4*a),o=new DataView(s.buffer);for(t=0;t<e.length;t++)i=e[t],o.setUint32(n,i.data.byteLength),n+=4,s.set(i.data,n),n+=i.data.byteLength;return s},ue=[33,16,5,32,164,27],le=[33,65,108,84,1,2,4,8,168,2,4,8,17,191,252],ce=9e4,de=(Y=function(e,t){return e*t},$=function(e){return e/9e4}),he=(Q=function(e,t){return e/t},function(e,t){return K(Q(e,t))}),pe=function(e,t){return Y($(e),t)},fe=function(e,t,i){return $(i?e:e-t)},me=K=function(e){return 9e4*e},ge=de,ve=function(e,t,i,n){var r,a,s,o,u,l=0,c=0,d=0;if(t.length&&(r=he(e.baseMediaDecodeTime,e.samplerate),a=Math.ceil(ce/(e.samplerate/1024)),i&&n&&(l=r-Math.max(i,n),d=(c=Math.floor(l/a))*a),!(c<1||ce/2<d))){for(s=(s=z()[e.samplerate])||t[0].data,o=0;o<c;o++)u=t[0],t.splice(0,0,{data:s,dts:u.dts-a,pts:u.pts-a});e.baseMediaDecodeTime-=Math.floor(pe(d,e.samplerate))}},ye=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)}))},_e=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},be=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},Te=ce,Se=function(e){delete e.minSegmentDts,delete e.maxSegmentDts,delete e.minSegmentPts,delete e.maxSegmentPts},ke=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/Te,i=Math.floor(i)),i},Ce=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))},Ee=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){if("GA94"===String.fromCharCode(e[t+3],e[t+4],e[t+5],e[t+6])){i.payloadType=n,i.payloadSize=r,i.payload=e.subarray(t,t+r);break}i.payload=void 0}t+=r,r=n=0}return i},we=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)},Ie=function(e,t){var i,n,r,a,s=[];if(!(64&t[0]))return s;for(n=31&t[0],i=0;i<n;i++)a={type:3&t[2+(r=3*i)],pts:e},4&t[2+r]&&(a.ccData=t[3+r]<<8|t[4+r],s.push(a));return s},Ae=function(e){for(var t,i,n=e.byteLength,r=[],a=1;a<n-2;)0===e[a]&&0===e[a+1]&&3===e[a+2]?(r.push(a+2),a+=2):a++;if(0===r.length)return e;t=n-r.length,i=new Uint8Array(t);var s=0;for(a=0;a<t;s++,a++)s===r[0]&&(s++,r.shift()),i[a]=e[s];return i},xe=4;(G.prototype=new V).push=function(e){var t,i,n;if("sei_rbsp"===e.nalUnitType&&(t=Ee(e.escapedRBSP)).payloadType===xe&&(i=we(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=Ie(e.pts,i),this.captionPackets_=this.captionPackets_.concat(n),this.latestDts_!==e.dts&&(this.numSameDts_=0),this.numSameDts_++,this.latestDts_=e.dts}},G.prototype.flushCCStreams=function(t){this.ccStreams_.forEach(function(e){return"flush"===t?e.flush():e.partialFlush()},this)},G.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)},G.prototype.flush=function(){return this.flushStream("flush")},G.prototype.partialFlush=function(){return this.flushStream("partialFlush")},G.prototype.reset=function(){this.latestDts_=null,this.ignoreNextEqualDts_=!1,this.numSameDts_=0,this.activeCea608Channel_=[null,null],this.ccStreams_.forEach(function(e){e.reset()})},G.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)},G.prototype.setsChannel1Active=function(e){return 4096==(30720&e.ccData)},G.prototype.setsChannel2Active=function(e){return 6144==(30720&e.ccData)},G.prototype.setsTextOrXDSActive=function(e){return 256==(28928&e.ccData)||4138==(30974&e.ccData)||6186==(30974&e.ccData)};function Pe(e){return null===e?"":(e=Oe[e]||e,String.fromCharCode(e))}function Le(){for(var e=[],t=15;t--;)e.push("");return e}var Oe={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},De=[4352,4384,4608,4640,5376,5408,5632,5664,5888,5920,4096,4864,4896,5120,5152],Me=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,a;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_=Le();else if(t===this.ERASE_NON_DISPLAYED_MEMORY_)this.nonDisplayed_=Le();else if(t===this.RESUME_DIRECT_CAPTIONING_)"paintOn"!==this.mode_&&(this.flushDisplayed(e.pts),this.displayed_=Le()),this.mode_="paintOn",this.startPts_=e.pts;else if(this.isSpecialCharacter(n,r))a=Pe((n=(3&n)<<8)|r),this[this.mode_](e.pts,a),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),a=Pe((n=(3&n)<<8)|r),this[this.mode_](e.pts,a),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 s=De.indexOf(7968&t);"rollUp"===this.mode_&&(s-this.rollUpRows_+1<0&&(s=this.rollUpRows_-1),this.setRollUp(e.pts,s)),s!==this.row_&&(this.clearFormatting(e.pts),this.row_=s),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),a=Pe(n),a+=Pe(r),this[this.mode_](e.pts,a),this.column_+=a.length)}else this.lastControlCode_=null}};Me.prototype=new V,Me.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_})},Me.prototype.reset=function(){this.mode_="popOn",this.topRow_=0,this.startPts_=0,this.displayed_=Le(),this.nonDisplayed_=Le(),this.lastControlCode_=null,this.column_=0,this.row_=14,this.rollUpRows_=2,this.formatting_=[]},Me.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_},Me.prototype.isSpecialCharacter=function(e,t){return e===this.EXT_&&48<=t&&t<=63},Me.prototype.isExtCharacter=function(e,t){return(e===this.EXT_+1||e===this.EXT_+2)&&32<=t&&t<=63},Me.prototype.isMidRowCode=function(e,t){return e===this.EXT_&&32<=t&&t<=47},Me.prototype.isOffsetControlCode=function(e,t){return e===this.OFFSET_&&33<=t&&t<=35},Me.prototype.isPAC=function(e,t){return e>=this.BASE_&&e<this.BASE_+8&&64<=t&&t<=127},Me.prototype.isColorPAC=function(e){return 64<=e&&e<=79||96<=e&&e<=127},Me.prototype.isNormalChar=function(e){return 32<=e&&e<=127},Me.prototype.setRollUp=function(e,t){if("rollUp"!==this.mode_&&(this.row_=14,this.mode_="rollUp",this.flushDisplayed(e),this.nonDisplayed_=Le(),this.displayed_=Le()),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},Me.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)},Me.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)}},Me.prototype.popOn=function(e,t){var i=this.nonDisplayed_[this.row_];i+=t,this.nonDisplayed_[this.row_]=i},Me.prototype.rollUp=function(e,t){var i=this.displayed_[this.row_];i+=t,this.displayed_[this.row_]=i},Me.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_]=""},Me.prototype.paintOn=function(e,t){var i=this.displayed_[this.row_];i+=t,this.displayed_[this.row_]=i};function Re(e,t){var i=1;for(t<e&&(i=-1);4294967296<Math.abs(t-e);)e+=8589934592*i;return e}function Ne(e){var t,i;Ne.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=Re(e.dts,i),e.pts=Re(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 Ue={CaptionStream:G,Cea608Stream:Me},Fe={H264_STREAM_TYPE:27,ADTS_STREAM_TYPE:15,METADATA_STREAM_TYPE:21};Ne.prototype=new V;function Be(e,t,i){var n,r="";for(n=t;n<i;n++)r+="%"+("00"+e[n].toString(16)).slice(-2);return r}function je(e,t,i){return decodeURIComponent(Be(e,t,i))}function Ve(e){return e[0]<<21|e[1]<<14|e[2]<<7|e[3]}var qe,He=Ne,We={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=je(e.data,1,t),e.value=je(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=je(e.data,1,t),e.url=je(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(Be(i,0,t)));break}e.privateData=e.data.subarray(t+1),e.data=e.privateData}};(qe=function(e){var t,u={debug:!(!e||!e.debug),descriptor:e&&e.descriptor},l=0,c=[],d=0;if(qe.prototype.init.call(this),this.dispatchType=Fe.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,a;if("timed-metadata"===e.type)if(e.dataAlignmentIndicator&&(d=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),d+=e.data.byteLength,1===c.length&&(l=Ve(e.data.subarray(6,10)),l+=10),!(d<l)){for(t={data:new Uint8Array(l),frames:[],pts:c[0].pts,dts:c[0].dts},a=0;a<l;)t.data.set(c[0].data.subarray(0,l-a),a),a+=c[0].data.byteLength,d-=c[0].data.byteLength,c.shift();i=10,64&t.data[5]&&(i+=4,i+=Ve(t.data.subarray(10,14)),l-=Ve(t.data.subarray(16,20)));do{if((n=Ve(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,We[r.id]&&(We[r.id](r),"com.apple.streaming.transportStreamTimestamp"===r.owner)){var s=r.data,o=(1&s[3])<<30|s[4]<<22|s[5]<<14|s[6]<<6|s[7]>>>2;o*=4,o+=3&s[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 V;var ze,Ge,Xe,Ke=qe,Ye=He;(ze=function(){var r=new Uint8Array(188),a=0;ze.prototype.init.call(this),this.push=function(e){var t,i=0,n=188;for(a?((t=new Uint8Array(e.byteLength+a)).set(r.subarray(0,a)),t.set(e,a),a=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),a=t.byteLength-i)},this.flush=function(){188===a&&71===r[0]&&(this.trigger("data",r),a=0),this.trigger("done")},this.endTimeline=function(){this.flush(),this.trigger("endedtimeline")},this.reset=function(){a=0,this.trigger("reset")}}).prototype=new V,(Ge=function(){var n,r,a,s;Ge.prototype.init.call(this),(s=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):a(e.subarray(i),t)},r=function(e,t){t.section_number=e[7],t.last_section_number=e[8],s.pmtPid=(31&e[10])<<8|e[11],t.pmtPid=s.pmtPid},a=function(e,t){var i,n;if(1&e[5]){for(s.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],a=(31&e[n+1])<<8|e[n+2];r===Fe.H264_STREAM_TYPE&&null===s.programMapTable.video?s.programMapTable.video=a:r===Fe.ADTS_STREAM_TYPE&&null===s.programMapTable.audio?s.programMapTable.audio=a:r===Fe.METADATA_STREAM_TYPE&&(s.programMapTable["timed-metadata"][a]=r),n+=5+((15&e[n+3])<<8|e[n+4])}t.programMapTable=s.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=Fe.H264_STREAM_TYPE:i.pid===this.programMapTable.audio?i.streamType=Fe.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 V,Ge.STREAM_TYPES={h264:27,adts:15},(Xe=function(){function n(e,t,i){var n,r,a=new Uint8Array(e.size),s={type:t},o=0,u=0;if(e.data.length&&!(e.size<9)){for(s.trackId=e.data[0].pid,o=0;o<e.data.length;o++)r=e.data[o],a.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])}(a,s),n="video"===t||s.packetLength<=e.size,(i||n)&&(e.size=0,e.data.length=0),n&&l.trigger("data",s)}}var t,l=this,r={data:[],size:0},a={data:[],size:0},s={data:[],size:0};Xe.prototype.init.call(this),this.push=function(i){({pat:function(){},pes:function(){var e,t;switch(i.streamType){case Fe.H264_STREAM_TYPE:e=r,t="video";break;case Fe.ADTS_STREAM_TYPE:e=a,t="audio";break;case Fe.METADATA_STREAM_TYPE:e=s,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,a.size=0,a.data.length=0,this.trigger("reset")},this.flushStreams_=function(){n(r,"video"),n(a,"audio"),n(s,"timed-metadata")},this.flush=function(){this.flushStreams_(),this.trigger("done")}}).prototype=new V;var $e={PAT_PID:0,MP2T_PACKET_LENGTH:188,TransportPacketStream:ze,TransportParseStream:Ge,ElementaryStream:Xe,TimestampRolloverStream:Ye,CaptionStream:Ue.CaptionStream,Cea608Stream:Ue.Cea608Stream,MetadataStream:Ke};for(var Qe in Fe)Fe.hasOwnProperty(Qe)&&($e[Qe]=Fe[Qe]);var Je,Ze=$e,et=ce,tt=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350];(Je=function(u){var l,c=0;Je.prototype.init.call(this),this.push=function(e){var t,i,n,r,a,s,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,s=(a=1024*(1+(3&l[o+6])))*et/tt[(60&l[o+2])>>>2],n=o+t,l.byteLength<n)return;if(this.trigger("data",{pts:e.pts+c*s,dts:e.dts+c*s,sampleCount:a,audioobjecttype:1+(l[o+2]>>>6&3),channelcount:(1&l[o+2])<<2|(192&l[o+3])>>>6,samplerate:tt[(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 V;var it,nt,rt,at=Je,st=function(n){var r=n.byteLength,a=0,s=0;this.length=function(){return 8*r},this.bitsAvailable=function(){return 8*r+s},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)),a=new DataView(t.buffer).getUint32(0),s=8*i,r-=i},this.skipBits=function(e){var t;e<s||(e-=s,e-=8*(t=Math.floor(e/8)),r-=t,this.loadWord()),a<<=e,s-=e},this.readBits=function(e){var t=Math.min(s,e),i=a>>>32-t;return 0<(s-=t)?a<<=t:0<r&&this.loadWord(),0<(t=e-t)?i<<t|this.readBits(t):i},this.skipLeadingZeros=function(){var e;for(e=0;e<s;++e)if(0!=(a&2147483648>>>e))return a<<=e,s-=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()};(nt=function(){var n,r,a=0;nt.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;a<i-3;a++)if(1===r[a+2]){n=a+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(a+3!==n-2&&this.trigger("data",r.subarray(a+3,n-2));1!==r[++n]&&n<i;);a=n-2,n+=3;break;case 1:if(0!==r[n-1]||0!==r[n-2]){n+=3;break}this.trigger("data",r.subarray(a+3,n-2)),a=n-2,n+=3;break;default:n+=3}r=r.subarray(a),n-=a,a=0},this.reset=function(){r=null,a=0,this.trigger("reset")},this.flush=function(){r&&3<r.byteLength&&this.trigger("data",r.subarray(a+3)),r=null,a=0,this.trigger("done")},this.endTimeline=function(){this.flush(),this.trigger("endedtimeline")}}).prototype=new V,rt={100:!0,110:!0,122:!0,244:!0,44:!0,83:!0,86:!0,118:!0,128:!0,138:!0,139:!0,134:!0},(it=function(){var i,n,r,a,s,o,_,t=new nt;it.prototype.init.call(this),(i=this).push=function(e){"video"===e.type&&(n=e.trackId,r=e.pts,a=e.dts,t.push(e))},t.on("data",function(e){var t={trackId:n,pts:r,dts:a,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=s(e.subarray(1));break;case 7:t.nalUnitType="seq_parameter_set_rbsp",t.escapedRBSP=s(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},s=function(e){for(var t,i,n=e.byteLength,r=[],a=1;a<n-2;)0===e[a]&&0===e[a+1]&&3===e[a+2]?(r.push(a+2),a+=2):a++;if(0===r.length)return e;t=n-r.length,i=new Uint8Array(t);var s=0;for(a=0;a<t;s++,a++)s===r[0]&&(s++,r.shift()),i[a]=e[s];return i},o=function(e){var t,i,n,r,a,s,o,u,l,c,d,h,p,f=0,m=0,g=0,v=0,y=1;if(i=(t=new st(e)).readUnsignedByte(),r=t.readUnsignedByte(),n=t.readUnsignedByte(),t.skipUnsignedExpGolomb(),rt[i]&&(3===(a=t.readUnsignedExpGolomb())&&t.skipBits(1),t.skipUnsignedExpGolomb(),t.skipUnsignedExpGolomb(),t.skipBits(1),t.readBoolean()))for(d=3!==a?8:12,p=0;p<d;p++)t.readBoolean()&&_(p<6?16:64,t);if(t.skipUnsignedExpGolomb(),0===(s=t.readUnsignedExpGolomb()))t.readUnsignedExpGolomb();else if(1===s)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:h=[1,1];break;case 2:h=[12,11];break;case 3:h=[10,11];break;case 4:h=[16,11];break;case 5:h=[40,33];break;case 6:h=[24,11];break;case 7:h=[20,11];break;case 8:h=[32,11];break;case 9:h=[80,33];break;case 10:h=[18,11];break;case 11:h=[15,11];break;case 12:h=[64,33];break;case 13:h=[160,99];break;case 14:h=[4,3];break;case 15:h=[3,2];break;case 16:h=[2,1];break;case 255:h=[t.readUnsignedByte()<<8|t.readUnsignedByte(),t.readUnsignedByte()<<8|t.readUnsignedByte()]}h&&(y=h[0]/h[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:h}}}).prototype=new V;function ot(e,t){var i=e[t+6]<<21|e[t+7]<<14|e[t+8]<<7|e[t+9];return i=0<=i?i:0,(16&e[t+5])>>4?i+20:i+10}var ut,lt={H264Stream:it,NalByteStream:nt},ct=function(e){var t=function e(t,i){return t.length-i<10||t[i]!=="I".charCodeAt(0)||t[i+1]!=="D".charCodeAt(0)||t[i+2]!=="3".charCodeAt(0)?i:e(t,i+=ot(t,i))}(e,0);return e.length>=t+2&&255==(255&e[t])&&240==(240&e[t+1])&&16==(22&e[t+1])},dt=ot,ht=function(e,t){var i=(224&e[t+5])>>5,n=e[t+4]<<3;return 6144&e[t+3]|n|i};(ut=function(){var o=new Uint8Array,u=0;ut.prototype.init.call(this),this.setTimestamp=function(e){u=e},this.push=function(e){var t,i,n,r,a=0,s=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-s;)if(o[s]!=="I".charCodeAt(0)||o[s+1]!=="D".charCodeAt(0)||o[s+2]!=="3".charCodeAt(0))if(255!=(255&o[s])||240!=(240&o[s+1]))s++;else{if(o.length-s<7)break;if(s+(a=ht(o,s))>o.length)break;n={type:"audio",data:o.subarray(s,s+a),pts:u,dts:u},this.trigger("data",n),s+=a}else{if(o.length-s<10)break;if(s+(a=dt(o,s))>o.length)break;i={type:"timed-metadata",data:o.subarray(s,s+a)},this.trigger("data",i),s+=a}t=o.length-s,o=0<t?o.subarray(s):new Uint8Array},this.reset=function(){o=new Uint8Array,this.trigger("reset")},this.endTimeline=function(){o=new Uint8Array,this.trigger("endedtimeline")}}).prototype=new V;function pt(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 ft(e,t,i,n,r,a){return{start:{dts:e,pts:e+(i-t)},end:{dts:e+(n-t),pts:e+(r-i)},prependedContentDuration:a,baseMediaDecodeTime:e}}var mt,gt,vt,yt,_t=ut,bt=["audioobjecttype","channelcount","samplerate","samplingfrequencyindex","samplesize"],Tt=["width","height","profileIdc","levelIdc","profileCompatibility","sarRatio"],St=lt.H264Stream,kt=ct,Ct=ce;(gt=function(a,s){var o=[],u=0,l=0,c=0,d=1/0;s=s||{},gt.prototype.init.call(this),this.push=function(t){Ce(a,t),a&&bt.forEach(function(e){a[e]=t[e]}),o.push(t)},this.setEarliestDts=function(e){l=e},this.setVideoBaseMediaDecodeTime=function(e){d=e},this.setAudioAppendStart=function(e){c=e},this.flush=function(){var e,t,i,n,r;0!==o.length&&(e=ye(o,a,l),a.baseMediaDecodeTime=ke(a,s.keepOriginalTimestamps),ve(a,e,c,d),a.samples=_e(e),i=J(be(e)),o=[],t=Z(u,[a]),n=new Uint8Array(t.byteLength+i.byteLength),u++,n.set(t),n.set(i,t.byteLength),Se(a),r=Math.ceil(1024*Ct/a.samplerate),e.length&&this.trigger("timingInfo",{start:e[0].pts,end:e[0].pts+e.length*r}),this.trigger("data",{track:a,boxes:n})),this.trigger("done","AudioSegmentStream")},this.reset=function(){Se(a),o=[],this.trigger("reset")}}).prototype=new V,(mt=function(c,d){var t,i,h=0,p=[],f=[];d=d||{},mt.prototype.init.call(this),delete c.minPTS,this.gopCache_=[],this.push=function(e){Ce(c,e),"seq_parameter_set_rbsp"!==e.nalUnitType||t||(t=e.config,c.sps=[e.data],Tt.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,a,s,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=te(p),(i=ie(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=ne(i)),f.length){var l;if(!(l=d.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");Se(c),i=l}Ce(c,i),c.samples=re(i),r=J(ae(i)),c.baseMediaDecodeTime=ke(c,d.keepOriginalTimestamps),this.trigger("processedGopsInfo",i.map(function(e){return{pts:e.pts,dts:e.dts,byteLength:e.byteLength}})),s=i[0],o=i[i.length-1],this.trigger("segmentTimingInfo",ft(c.baseMediaDecodeTime,s.dts,s.pts,o.dts+o.duration,o.pts+o.duration,u)),this.trigger("timingInfo",{start:i[0].pts,end:i[i.length-1].pts+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=Z(h,[c]),a=new Uint8Array(n.byteLength+r.byteLength),h++,a.set(n),a.set(r,n.byteLength),this.trigger("data",{track:c,boxes:a}),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(){Se(c),i=t=void 0},this.getGopForFusion_=function(e){var t,i,n,r,a,s=1/0;for(a=0;a<this.gopCache_.length;a++)n=(r=this.gopCache_[a]).gop,c.pps&&pt(c.pps[0],r.pps[0])&&c.sps&&pt(c.sps[0],r.sps[0])&&(n.dts<c.timelineStartInfo.dts||-1e4<=(t=e.dts-n.dts-n.duration)&&t<=45e3&&(!i||t<s)&&(i=r,s=t));return i?i.gop:null},this.alignGopsAtStart_=function(e){var t,i,n,r,a,s,o,u;for(a=e.byteLength,s=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++,a-=r.byteLength,s-=r.nalCount,o-=r.duration);return 0===i?e:i===e.length?null:((u=e.slice(i)).byteLength=a,u.duration=o,u.nalCount=s,u.pts=u[0].pts,u.dts=u[0].dts,u)},this.alignGopsAtEnd_=function(e){var t,i,n,r,a,s,o;for(t=f.length-1,i=e.length-1,a=null,s=!1;0<=t&&0<=i;){if(n=f[t],r=e[i],n.pts===r.pts){s=!0;break}n.pts>r.pts?t--:(t===f.length-1&&(a=i),i--)}if(!s&&null===a)return null;if(0===(o=s?i:a))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 V,(yt=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,yt.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 V,yt.prototype.flush=function(e){var t,i,n,r,a=0,s={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,Tt.forEach(function(e){s.info[e]=this.videoTrack[e]},this)):this.audioTrack&&(o=this.audioTrack.timelineStartInfo.pts,bt.forEach(function(e){s.info[e]=this.audioTrack[e]},this)),this.videoTrack||this.audioTrack){for(1===this.pendingTracks.length?s.type=this.pendingTracks[0].type:s.type="combined",this.emittedTracks+=this.pendingTracks.length,n=ee(this.pendingTracks),s.initSegment=new Uint8Array(n.byteLength),s.initSegment.set(n),s.data=new Uint8Array(this.pendingBytes),r=0;r<this.pendingBoxes.length;r++)s.data.set(this.pendingBoxes[r],a),a+=this.pendingBoxes[r].byteLength;for(r=0;r<this.pendingCaptions.length;r++)(t=this.pendingCaptions[r]).startTime=fe(t.startPts,o,this.keepOriginalTimestamps),t.endTime=fe(t.endPts,o,this.keepOriginalTimestamps),s.captionStreams[t.stream]=!0,s.captions.push(t);for(r=0;r<this.pendingMetadata.length;r++)(i=this.pendingMetadata[r]).cueTime=fe(i.pts,o,this.keepOriginalTimestamps),s.metadata.push(i);for(s.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",s),r=0;r<s.captions.length;r++)t=s.captions[r],this.trigger("caption",t);for(r=0;r<s.metadata.length;r++)i=s.metadata[r],this.trigger("id3Frame",i)}this.emittedTracks>=this.numberOfTracks&&(this.trigger("done"),this.emittedTracks=0)},yt.prototype.setRemux=function(e){this.remuxTracks=e},(vt=function(n){var r,a,s=this,i=!0;vt.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 Ze.MetadataStream,t.aacStream=new _t,t.audioTimestampRolloverStream=new Ze.TimestampRolloverStream("audio"),t.timedMetadataTimestampRolloverStream=new Ze.TimestampRolloverStream("timed-metadata"),t.adtsStream=new at,t.coalesceStream=new yt(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&&"audio"!==e.type||t.audioSegmentStream||(a=a||{timelineStartInfo:{baseMediaDecodeTime:s.baseMediaDecodeTime},codec:"adts",type:"audio"},t.coalesceStream.numberOfTracks++,t.audioSegmentStream=new gt(a,n),t.audioSegmentStream.on("timingInfo",s.trigger.bind(s,"audioTimingInfo")),t.adtsStream.pipe(t.audioSegmentStream).pipe(t.coalesceStream),s.trigger("trackinfo",{hasAudio:!!a,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 Ze.MetadataStream,i.packetStream=new Ze.TransportPacketStream,i.parseStream=new Ze.TransportParseStream,i.elementaryStream=new Ze.ElementaryStream,i.timestampRolloverStream=new Ze.TimestampRolloverStream,i.adtsStream=new at,i.h264Stream=new St,i.captionStream=new Ze.CaptionStream,i.coalesceStream=new yt(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?a||"audio"!==e.tracks[t].type||((a=e.tracks[t]).timelineStartInfo.baseMediaDecodeTime=s.baseMediaDecodeTime):(r=e.tracks[t]).timelineStartInfo.baseMediaDecodeTime=s.baseMediaDecodeTime;r&&!i.videoSegmentStream&&(i.coalesceStream.numberOfTracks++,i.videoSegmentStream=new mt(r,n),i.videoSegmentStream.on("timelineStartInfo",function(e){a&&!n.keepOriginalTimestamps&&(a.timelineStartInfo=e,i.audioSegmentStream.setEarliestDts(e.dts-s.baseMediaDecodeTime))}),i.videoSegmentStream.on("processedGopsInfo",s.trigger.bind(s,"gopInfo")),i.videoSegmentStream.on("segmentTimingInfo",s.trigger.bind(s,"videoSegmentTimingInfo")),i.videoSegmentStream.on("baseMediaDecodeTime",function(e){a&&i.audioSegmentStream.setVideoBaseMediaDecodeTime(e)}),i.videoSegmentStream.on("timingInfo",s.trigger.bind(s,"videoTimingInfo")),i.h264Stream.pipe(i.videoSegmentStream).pipe(i.coalesceStream)),a&&!i.audioSegmentStream&&(i.coalesceStream.numberOfTracks++,i.audioSegmentStream=new gt(a,n),i.audioSegmentStream.on("timingInfo",s.trigger.bind(s,"audioTimingInfo")),i.adtsStream.pipe(i.audioSegmentStream).pipe(i.coalesceStream)),s.trigger("trackinfo",{hasAudio:!!a,hasVideo:!!r})}}),i.coalesceStream.on("data",this.trigger.bind(this,"data")),i.coalesceStream.on("id3Frame",function(e){e.dispatchType=i.metadataStream.dispatchType,s.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),a&&(a.timelineStartInfo.dts=void 0,a.timelineStartInfo.pts=void 0,Se(a),t.audioTimestampRolloverStream&&t.audioTimestampRolloverStream.discontinuity()),r&&(t.videoSegmentStream&&(t.videoSegmentStream.gopCache_=[]),r.timelineStartInfo.dts=void 0,r.timelineStartInfo.pts=void 0,Se(r),t.captionStream.reset()),t.timestampRolloverStream&&t.timestampRolloverStream.discontinuity()},this.setAudioAppendStart=function(e){a&&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=kt(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 V;function Et(a,s){var o=[],u=0,l=0,c=0,d=1/0,h=null,p=null;s=s||{},Et.prototype.init.call(this),this.push=function(t){Ce(a,t),a&&bt.forEach(function(e){a[e]=t[e]}),o.push(t)},this.setEarliestDts=function(e){l=e},this.setVideoBaseMediaDecodeTime=function(e){d=e},this.setAudioAppendStart=function(e){c=e},this.processFrames_=function(){var e,t,i,n,r;0!==o.length&&0!==(e=ye(o,a,l)).length&&(a.baseMediaDecodeTime=ke(a,s.keepOriginalTimestamps),ve(a,e,c,d),a.samples=_e(e),i=J(be(e)),o=[],t=Z(u,[a]),u++,a.initSegment=ee([a]),(n=new Uint8Array(t.byteLength+i.byteLength)).set(t),n.set(i,t.byteLength),Se(a),null===h&&(p=h=e[0].pts),p+=e.length*(1024*At/a.samplerate),r={start:h},this.trigger("timingInfo",r),this.trigger("data",{track:a,boxes:n}))},this.flush=function(){this.processFrames_(),this.trigger("timingInfo",{start:h,end:p}),this.resetTiming_(),this.trigger("done","AudioSegmentStream")},this.partialFlush=function(){this.processFrames_(),this.trigger("partialdone","AudioSegmentStream")},this.endTimeline=function(){this.flush(),this.trigger("endedtimeline","AudioSegmentStream")},this.resetTiming_=function(){Se(a),p=h=null},this.reset=function(){this.resetTiming_(),o=[],this.trigger("reset")}}var wt={Transmuxer:vt,VideoSegmentStream:mt,AudioSegmentStream:gt,AUDIO_PROPERTIES:bt,VIDEO_PROPERTIES:Tt,generateVideoSegmentTimingInfo:ft}.Transmuxer,It={Adts:at,h264:lt},At=ce;Et.prototype=new V;function xt(o,u){var t,i,l,c=0,d=[],h=[],p=null,f=null,m=!0;u=u||{},xt.prototype.init.call(this),this.push=function(e){Ce(o,e),"undefined"==typeof o.timelineStartInfo.dts&&(o.timelineStartInfo.dts=e.dts),"seq_parameter_set_rbsp"!==e.nalUnitType||t||(t=e.config,o.sps=[e.data],Tt.forEach(function(e){o[e]=t[e]},this)),"pic_parameter_set_rbsp"!==e.nalUnitType||i||(i=e.data,o.pps=[e.data]),d.push(e)},this.processNals_=function(e){var t;for(d=h.concat(d);d.length&&"access_unit_delimiter_rbsp"!==d[0].nalUnitType;)d.shift();if(0!==d.length){var i=te(d);if(i.length)if(h=i[i.length-1],e&&(i.pop(),i.duration-=h.duration,i.nalCount-=h.length,i.byteLength-=h.byteLength),i.length){if(this.trigger("timelineStartInfo",o.timelineStartInfo),m){if(!(l=ie(i))[0][0].keyFrame){if(!(l=ne(l))[0][0].keyFrame)return d=[].concat.apply([],i).concat(h),void(h=[]);(i=[].concat.apply([],l)).duration=l.duration}m=!1}for(null===p&&(p=i[0].pts,f=p),f+=i.duration,this.trigger("timingInfo",{start:p,end:f}),t=0;t<i.length;t++){var n=i[t];o.samples=se(n);var r=J(oe(n));Se(o),Ce(o,n),o.baseMediaDecodeTime=ke(o,u.keepOriginalTimestamps);var a=Z(c,[o]);c++,o.initSegment=ee([o]);var s=new Uint8Array(a.byteLength+r.byteLength);s.set(a),s.set(r,a.byteLength),this.trigger("data",{track:o,boxes:s,sequence:c,videoFrameDts:n.dts,videoFramePts:n.pts})}d=[]}else d=[]}},this.resetTimingAndConfig_=function(){i=t=void 0,f=p=null},this.partialFlush=function(){this.processNals_(!0),this.trigger("partialdone","VideoSegmentStream")},this.flush=function(){this.processNals_(!1),this.resetTimingAndConfig_(),this.trigger("done","VideoSegmentStream")},this.endTimeline=function(){this.flush(),this.trigger("endedtimeline","VideoSegmentStream")},this.reset=function(){this.resetTimingAndConfig_(),h=[],d=[],m=!0,this.trigger("reset")}}var Pt=Et;xt.prototype=new V;function Lt(e){return e.prototype=new V,e.prototype.init.call(e),e}function Ot(t,i){t.on("data",i.trigger.bind(i,"data")),t.on("done",i.trigger.bind(i,"done")),t.on("partialdone",i.trigger.bind(i,"partialdone")),t.on("endedtimeline",i.trigger.bind(i,"endedtimeline")),t.on("audioTimingInfo",i.trigger.bind(i,"audioTimingInfo")),t.on("videoTimingInfo",i.trigger.bind(i,"videoTimingInfo")),t.on("trackinfo",i.trigger.bind(i,"trackinfo")),t.on("id3Frame",function(e){e.dispatchType=t.metadataStream.dispatchType,e.cueTime=de(e.pts),i.trigger("id3Frame",e)}),t.on("caption",function(e){i.trigger("caption",e)})}function Dt(i){var n=null,r=!0;i=i||{},Dt.prototype.init.call(this),i.baseMediaDecodeTime=i.baseMediaDecodeTime||0,this.push=function(e){if(r){var t=Rt(e);!t||n&&"aac"===n.type?t||n&&"ts"===n.type||(n=function(i){var n={type:"ts",tracks:{audio:null,video:null},packet:new Ze.TransportPacketStream,parse:new Ze.TransportParseStream,elementary:new Ze.ElementaryStream,timestampRollover:new Ze.TimestampRolloverStream,adts:new It.Adts,h264:new It.h264.H264Stream,captionStream:new Ze.CaptionStream,metadataStream:new Ze.MetadataStream};return n.headOfPipeline=n.packet,n.packet.pipe(n.parse).pipe(n.elementary).pipe(n.timestampRollover),n.timestampRollover.pipe(n.h264),n.h264.pipe(n.captionStream),n.timestampRollover.pipe(n.metadataStream),n.timestampRollover.pipe(n.adts),n.elementary.on("data",function(e){if("metadata"===e.type){for(var t=0;t<e.tracks.length;t++)n.tracks[e.tracks[t].type]||(n.tracks[e.tracks[t].type]=e.tracks[t],n.tracks[e.tracks[t].type].timelineStartInfo.baseMediaDecodeTime=i.baseMediaDecodeTime);n.tracks.video&&!n.videoSegmentStream&&(n.videoSegmentStream=new Mt(n.tracks.video,i),n.videoSegmentStream.on("timelineStartInfo",function(e){n.tracks.audio&&!i.keepOriginalTimestamps&&n.audioSegmentStream.setEarliestDts(e.dts-i.baseMediaDecodeTime)}),n.videoSegmentStream.on("timingInfo",n.trigger.bind(n,"videoTimingInfo")),n.videoSegmentStream.on("data",function(e){n.trigger("data",{type:"video",data:e})}),n.videoSegmentStream.on("done",n.trigger.bind(n,"done")),n.videoSegmentStream.on("partialdone",n.trigger.bind(n,"partialdone")),n.videoSegmentStream.on("endedtimeline",n.trigger.bind(n,"endedtimeline")),n.h264.pipe(n.videoSegmentStream)),n.tracks.audio&&!n.audioSegmentStream&&(n.audioSegmentStream=new Pt(n.tracks.audio,i),n.audioSegmentStream.on("data",function(e){n.trigger("data",{type:"audio",data:e})}),n.audioSegmentStream.on("done",n.trigger.bind(n,"done")),n.audioSegmentStream.on("partialdone",n.trigger.bind(n,"partialdone")),n.audioSegmentStream.on("endedtimeline",n.trigger.bind(n,"endedtimeline")),n.audioSegmentStream.on("timingInfo",n.trigger.bind(n,"audioTimingInfo")),n.adts.pipe(n.audioSegmentStream)),n.trigger("trackinfo",{hasAudio:!!n.tracks.audio,hasVideo:!!n.tracks.video})}}),n.captionStream.on("data",function(e){var t;t=n.tracks.video&&n.tracks.video.timelineStartInfo.pts||0,e.startTime=fe(e.startPts,t,i.keepOriginalTimestamps),e.endTime=fe(e.endPts,t,i.keepOriginalTimestamps),n.trigger("caption",e)}),(n=Lt(n)).metadataStream.on("data",n.trigger.bind(n,"id3Frame")),n}(i),Ot(n,this)):(n=function(t){var i={type:"aac",tracks:{audio:null},metadataStream:new Ze.MetadataStream,aacStream:new _t,audioRollover:new Ze.TimestampRolloverStream("audio"),timedMetadataRollover:new Ze.TimestampRolloverStream("timed-metadata"),adtsStream:new at(!0)};return i.headOfPipeline=i.aacStream,i.aacStream.pipe(i.audioRollover).pipe(i.adtsStream),i.aacStream.pipe(i.timedMetadataRollover).pipe(i.metadataStream),i.metadataStream.on("timestamp",function(e){i.aacStream.setTimestamp(e.timeStamp)}),i.aacStream.on("data",function(e){"timed-metadata"!==e.type&&"audio"!==e.type||i.audioSegmentStream||(i.tracks.audio=i.tracks.audio||{timelineStartInfo:{baseMediaDecodeTime:t.baseMediaDecodeTime},codec:"adts",type:"audio"},i.audioSegmentStream=new Pt(i.tracks.audio,t),i.audioSegmentStream.on("data",function(e){i.trigger("data",{type:"audio",data:e})}),i.audioSegmentStream.on("partialdone",i.trigger.bind(i,"partialdone")),i.audioSegmentStream.on("done",i.trigger.bind(i,"done")),i.audioSegmentStream.on("endedtimeline",i.trigger.bind(i,"endedtimeline")),i.audioSegmentStream.on("timingInfo",i.trigger.bind(i,"audioTimingInfo")),i.adtsStream.pipe(i.audioSegmentStream),i.trigger("trackinfo",{hasAudio:!!i.tracks.audio,hasVideo:!!i.tracks.video}))}),(i=Lt(i)).metadataStream.on("data",i.trigger.bind(i,"id3Frame")),i}(i),Ot(n,this)),r=!1}n.headOfPipeline.push(e)},this.flush=function(){n&&(r=!0,n.headOfPipeline.flush())},this.partialFlush=function(){n&&n.headOfPipeline.partialFlush()},this.endTimeline=function(){n&&n.headOfPipeline.endTimeline()},this.reset=function(){n&&n.headOfPipeline.reset()},this.setBaseMediaDecodeTime=function(e){i.keepOriginalTimestamps||(i.baseMediaDecodeTime=e),n&&(n.tracks.audio&&(n.tracks.audio.timelineStartInfo.dts=void 0,n.tracks.audio.timelineStartInfo.pts=void 0,Se(n.tracks.audio),n.audioRollover&&n.audioRollover.discontinuity()),n.tracks.video&&(n.videoSegmentStream&&(n.videoSegmentStream.gopCache_=[]),n.tracks.video.timelineStartInfo.dts=void 0,n.tracks.video.timelineStartInfo.pts=void 0,Se(n.tracks.video)),n.timestampRollover&&n.timestampRollover.discontinuity())},this.setRemux=function(e){i.remux=e,n&&n.coalesceStream&&n.coalesceStream.setRemux(e)},this.setAudioAppendStart=function(e){n&&n.tracks.audio&&n.audioSegmentStream&&n.audioSegmentStream.setAudioAppendStart(e)},this.alignGopsWith=function(e){}}var Mt=xt,Rt=ct;Dt.prototype=new V;function Nt(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 Ut(e,c){var n=Ht(e,["moof","traf"]),t=Ht(e,["mdat"]),d={},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=Ht(n,["tfhd"]),a=Kt(r[0]),s=a.trackId,o=Ht(n,["tfdt"]),u=0<o.length?zt(o[0]).baseMediaDecodeTime:0,l=Ht(n,["trun"]);c===s&&0<l.length&&(t=function(e,t,i){var n,r,a,s,o=new DataView(e.buffer,e.byteOffset,e.byteLength),u=[];for(r=0;r+4<e.length;r+=a)if(a=o.getUint32(r),r+=4,!(a<=0))switch(31&e[r]){case 6:var l=e.subarray(r+1,r+1+a),c=Nt(r,t);if(n={nalUnitType:"sei_rbsp",size:a,data:l,escapedRBSP:Yt(l),trackId:i},c)n.pts=c.pts,n.dts=c.dts,s=c;else{if(!s)break;n.pts=s.pts,n.dts=s.dts}u.push(n)}return u}(i,function(e,t,i){var n=t,r=i.defaultSampleDuration||0,a=i.defaultSampleSize||0,s=i.trackId,o=[];return e.forEach(function(e){var t=Xt(e).samples;t.forEach(function(e){void 0===e.duration&&(e.duration=r),void 0===e.size&&(e.size=a),e.trackId=s,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,a),s),d[s]||(d[s]=[]),d[s]=d[s].concat(t))}),d}function Ft(e){return"AudioSegmentStream"===e?"audio":"VideoSegmentStream"===e?"video":""}var Bt=Dt,jt=function(e){return e>>>0},Vt=function(e){var t="";return t+=String.fromCharCode(e[0]),t+=String.fromCharCode(e[1]),t+=String.fromCharCode(e[2]),t+=String.fromCharCode(e[3])},qt=jt,Ht=function e(t,i){var n,r,a,s,o,u=[];if(!i.length)return null;for(n=0;n<t.byteLength;)r=qt(t[n]<<24|t[n+1]<<16|t[n+2]<<8|t[n+3]),a=Vt(t.subarray(n+4,n+8)),s=1<r?n+r:t.byteLength,a===i[0]&&(1===i.length?u.push(t.subarray(n+8,s)):(o=e(t.subarray(n+8,s),i.slice(1))).length&&(u=u.concat(o))),n=s;return u},Wt=jt,zt=function(e){var t={version:e[0],flags:new Uint8Array(e.subarray(1,4)),baseMediaDecodeTime:Wt(e[4]<<24|e[5]<<16|e[6]<<8|e[7])};return 1===t.version&&(t.baseMediaDecodeTime*=Math.pow(2,32),t.baseMediaDecodeTime+=Wt(e[8]<<24|e[9]<<16|e[10]<<8|e[11])),t},Gt=function(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]}},Xt=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],a=4&i.flags[2],s=1&i.flags[1],o=2&i.flags[1],u=4&i.flags[1],l=8&i.flags[1],c=n.getUint32(4),d=8;for(r&&(i.dataOffset=n.getInt32(d),d+=4),a&&c&&(t={flags:Gt(e.subarray(d,d+4))},d+=4,s&&(t.duration=n.getUint32(d),d+=4),o&&(t.size=n.getUint32(d),d+=4),l&&(1===i.version?t.compositionTimeOffset=n.getInt32(d):t.compositionTimeOffset=n.getUint32(d),d+=4),i.samples.push(t),c--);c--;)t={},s&&(t.duration=n.getUint32(d),d+=4),o&&(t.size=n.getUint32(d),d+=4),u&&(t.flags=Gt(e.subarray(d,d+4)),d+=4),l&&(1===i.version?t.compositionTimeOffset=n.getInt32(d):t.compositionTimeOffset=n.getUint32(d),d+=4),i.samples.push(t);return i},Kt=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],a=2&n.flags[2],s=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),a&&(n.sampleDescriptionIndex=i.getUint32(t),t+=4),s&&(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},Yt=Ae,$t=Ue.CaptionStream,Qt=function(){var t,a,s,o,u,i,n=!1;this.isInitialized=function(){return n},this.init=function(e){t=new $t,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)&&(s!==e[0]||o!==t[s])},this.parse=function(e,t,i){var n;if(!this.isInitialized())return null;if(!t||!i)return null;if(this.isNewInit(t,i))s=t[0],o=i[s];else if(null===s||!o)return a.push(e),null;for(;0<a.length;){var r=a.shift();this.parse(r,t,i)}return null!==(n=function(e,t,i){return null===t?null:{seiNals:Ut(e,t)[t],timescale:i}}(e,s,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(){a=[],o=s=null,u?this.clearParsedCaptions():u={captions:[],captionStreams:{}},this.resetCaptionStream()},this.reset()},Jt=function(){function e(e,t){this.options=t||{},this.self=e,this.init()}var t=e.prototype;return t.init=function(){this.transmuxer&&this.transmuxer.dispose(),this.transmuxer=this.options.handlePartialData?new Bt(this.options):new wt(this.options),this.options.handlePartialData?function(n,e){e.on("data",function(e){var t={data:e.data.track.initSegment.buffer,byteOffset:e.data.track.initSegment.byteOffset,byteLength:e.data.track.initSegment.byteLength},i={boxes:{data:e.data.boxes.buffer,byteOffset:e.data.boxes.byteOffset,byteLength:e.data.boxes.byteLength},initSegment:t,type:e.type,sequence:e.data.sequence};"undefined"!=typeof e.data.videoFrameDts&&(i.videoFrameDtsTime=ge(e.data.videoFrameDts)),"undefined"!=typeof e.data.videoFramePts&&(i.videoFramePtsTime=ge(e.data.videoFramePts)),n.postMessage({action:"data",segment:i},[i.boxes.data,i.initSegment.data])}),e.on("id3Frame",function(e){n.postMessage({action:"id3Frame",id3Frame:e})}),e.on("caption",function(e){n.postMessage({action:"caption",caption:e})}),e.on("done",function(e){n.postMessage({action:"done",type:Ft(e)})}),e.on("partialdone",function(e){n.postMessage({action:"partialdone",type:Ft(e)})}),e.on("endedsegment",function(e){n.postMessage({action:"endedSegment",type:Ft(e)})}),e.on("trackinfo",function(e){n.postMessage({action:"trackinfo",trackInfo:e})}),e.on("audioTimingInfo",function(e){if(null!==e.start){var t={start:ge(e.start)};e.end&&(t.end=ge(e.end)),n.postMessage({action:"audioTimingInfo",audioTimingInfo:t})}else n.postMessage({action:"audioTimingInfo",audioTimingInfo:e})}),e.on("videoTimingInfo",function(e){var t={start:ge(e.start)};e.end&&(t.end=ge(e.end)),n.postMessage({action:"videoTimingInfo",videoTimingInfo:t})})}(this.self,this.transmuxer):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.on("done",function(e){n.postMessage({action:"done"})}),e.on("gopInfo",function(e){n.postMessage({action:"gopInfo",gopInfo:e})}),e.on("videoSegmentTimingInfo",function(e){var t={start:{decode:ge(e.start.dts),presentation:ge(e.start.pts)},end:{decode:ge(e.end.dts),presentation:ge(e.end.pts)},baseMediaDecodeTime:ge(e.baseMediaDecodeTime)};e.prependedContentDuration&&(t.prependedContentDuration=ge(e.prependedContentDuration)),n.postMessage({action:"videoSegmentTimingInfo",videoSegmentTimingInfo:t})}),e.on("id3Frame",function(e){n.postMessage({action:"id3Frame",id3Frame:e})}),e.on("caption",function(e){n.postMessage({action:"caption",caption:e})}),e.on("trackinfo",function(e){n.postMessage({action:"trackinfo",trackInfo:e})}),e.on("audioTimingInfo",function(e){n.postMessage({action:"audioTimingInfo",audioTimingInfo:{start:ge(e.start),end:ge(e.end)}})}),e.on("videoTimingInfo",function(e){n.postMessage({action:"videoTimingInfo",videoTimingInfo:{start:ge(e.start),end:ge(e.end)}})})}(this.self,this.transmuxer)},t.pushMp4Captions=function(e){this.captionParser||(this.captionParser=new Qt,this.captionParser.init());var t=new Uint8Array(e.data,e.byteOffset,e.byteLength),i=this.captionParser.parse(t,e.trackIds,e.timescales);this.self.postMessage({action:"mp4Captions",captions:i&&i.captions||[],data:t.buffer},[t.buffer])},t.clearAllMp4Captions=function(){this.captionParser&&this.captionParser.clearAllCaptions()},t.clearParsedMp4Captions=function(){this.captionParser&&this.captionParser.clearParsedCaptions()},t.push=function(e){var t=new Uint8Array(e.data,e.byteOffset,e.byteLength);this.transmuxer.push(t)},t.reset=function(){this.transmuxer.reset()},t.setTimestampOffset=function(e){var t=e.timestampOffset||0;this.transmuxer.setBaseMediaDecodeTime(Math.round(me(t)))},t.setAudioAppendStart=function(e){this.transmuxer.setAudioAppendStart(Math.ceil(me(e.appendStart)))},t.setRemux=function(e){this.transmuxer.setRemux(e.remux)},t.flush=function(e){this.transmuxer.flush(),Zt.postMessage({action:"done",type:"transmuxed"})},t.partialFlush=function(e){this.transmuxer.partialFlush(),Zt.postMessage({action:"partialdone",type:"transmuxed"})},t.endTimeline=function(){this.transmuxer.endTimeline(),Zt.postMessage({action:"endedtimeline",type:"transmuxed"})},t.alignGopsWith=function(e){this.transmuxer.alignGopsWith(e.gopsToAlignWith.slice())},e}();new function(t){t.onmessage=function(e){"init"===e.data.action&&e.data.options?this.messageHandlers=new Jt(t,e.data.options):(this.messageHandlers||(this.messageHandlers=new Jt(t)),e.data&&e.data.action&&"init"!==e.data.action&&this.messageHandlers[e.data.action]&&this.messageHandlers[e.data.action](e.data))}}(Zt)}()}),qc=Pc("PlaylistSelector"),Hc=function(n){function e(e,t){var i;if(i=n.call(this)||this,!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 i.bandwidth=e.bandwidth,i.throughput={rate:0,count:0},i.roundTrip=NaN,i.resetStats_(),i.mediaIndex=null,i.hasPlayed_=e.hasPlayed,i.currentTime_=e.currentTime,i.seekable_=e.seekable,i.seeking_=e.seeking,i.duration_=e.duration,i.mediaSource_=e.mediaSource,i.vhs_=e.vhs,i.loaderType_=e.loaderType,i.currentMediaInfo_=void 0,i.startingMediaInfo_=void 0,i.segmentMetadataTrack_=e.segmentMetadataTrack,i.goalBufferLength_=e.goalBufferLength,i.sourceType_=e.sourceType,i.sourceUpdater_=e.sourceUpdater,i.inbandTextTracks_=e.inbandTextTracks,i.state_="INIT",i.handlePartialData_=e.handlePartialData,i.timelineChangeController_=e.timelineChangeController,i.shouldSaveSegmentTimingInfo_=!0,i.checkBufferTimeout_=null,i.error_=void 0,i.currentTimeline_=-1,i.pendingSegment_=null,i.xhrOptions_=null,i.pendingSegments_=[],i.audioDisabled_=!1,i.isPendingTimestampOffset_=!1,i.gopBuffer_=[],i.timeMapping_=0,i.safeAppend_=11<=da.browser.IE_VERSION,i.appendInitSegment_={audio:!0,video:!0},i.playlistOfLastInitSegment_={audio:null,video:null},i.callQueue_=[],i.loadQueue_=[],i.metadataQueue_={id3:[],caption:[]},i.activeInitSegmentId_=null,i.initSegments_={},i.cacheEncryptionKeys_=e.cacheEncryptionKeys,i.keyCache_={},i.decrypter_=e.decrypter,i.syncController_=e.syncController,i.syncPoint_={segmentIndex:0,time:0},i.transmuxer_=i.createTransmuxer_(),i.triggerSyncInfoUpdate_=function(){return i.trigger("syncinfoupdate")},i.syncController_.on("syncinfoupdate",i.triggerSyncInfoUpdate_),i.mediaSource_.addEventListener("sourceopen",function(){i.isEndOfStream_()||(i.ended_=!1)}),i.fetchAtBuffer_=!1,i.logger_=Pc("SegmentLoader["+i.loaderType_+"]"),Object.defineProperty(Ve(i),"state",{get:function(){return this.state_},set:function(e){e!==this.state_&&(this.logger_(this.state_+" -> "+e),this.state_=e,this.trigger("statechange"))}}),i.sourceUpdater_.on("ready",function(){i.hasEnoughInfoToAppend_()&&i.processCallQueue_()}),"main"===i.loaderType_&&i.timelineChangeController_.on("pendingtimelinechange",function(){i.hasEnoughInfoToAppend_()&&i.processCallQueue_()}),"audio"===i.loaderType_&&i.timelineChangeController_.on("timelinechange",function(){i.hasEnoughInfoToLoad_()&&i.processLoadQueue_(),i.hasEnoughInfoToAppend_()&&i.processCallQueue_()}),i}Ge(e,n);var t=e.prototype;return t.createTransmuxer_=function(){var e=new Vc;return e.postMessage({action:"init",options:{remux:!1,alignGopsAtEnd:this.safeAppend_,keepOriginalTimestamps:!0,handlePartialData:this.handlePartialData_}}),e},t.resetStats_=function(){this.mediaBytesTransferred=0,this.mediaRequests=0,this.mediaRequestsAborted=0,this.mediaRequestsTimedout=0,this.mediaRequestsErrored=0,this.mediaTransferDuration=0,this.mediaSecondsLoaded=0},t.dispose=function(){this.trigger("dispose"),this.state="DISPOSED",this.pause(),this.abort_(),this.transmuxer_&&(this.transmuxer_.terminate(),hc()),this.resetStats_(),this.checkBufferTimeout_&&T.clearTimeout(this.checkBufferTimeout_),this.syncController_&&this.triggerSyncInfoUpdate_&&this.syncController_.off("syncinfoupdate",this.triggerSyncInfoUpdate_),this.off()},t.setAudio=function(e){this.audioDisabled_=!e,e?this.appendInitSegment_.audio=!0:this.sourceUpdater_.removeAudio(0,this.duration_())},t.abort=function(){"WAITING"===this.state?(this.abort_(),this.state="READY",this.paused()||this.monitorBuffer_()):this.pendingSegment_&&(this.pendingSegment_=null)},t.abort_=function(){this.pendingSegment_&&this.pendingSegment_.abortRequests&&this.pendingSegment_.abortRequests(),this.pendingSegment_=null,this.callQueue_=[],this.loadQueue_=[],this.metadataQueue_.id3=[],this.metadataQueue_.caption=[],this.timelineChangeController_.clearPendingTimelineChange(this.loaderType_)},t.checkForAbort_=function(e){return"APPENDING"!==this.state||this.pendingSegment_?!this.pendingSegment_||this.pendingSegment_.requestId!==e:(this.state="READY",!0)},t.error=function(e){return"undefined"!=typeof e&&(this.logger_("error occurred:",e),this.error_=e),this.pendingSegment_=null,this.error_},t.endOfStream=function(){this.ended_=!0,this.transmuxer_&&dc(this.transmuxer_),this.gopBuffer_.length=0,this.pause(),this.trigger("ended")},t.buffered_=function(){if(!this.sourceUpdater_||!this.startingMediaInfo_)return da.createTimeRanges();if("main"===this.loaderType_){var e=this.startingMediaInfo_,t=e.hasAudio,i=e.hasVideo,n=e.isMuxed;if(i&&t&&!this.audioDisabled_&&!n)return this.sourceUpdater_.buffered();if(i)return this.sourceUpdater_.videoBuffered()}return this.sourceUpdater_.audioBuffered()},t.initSegmentForMap=function(e,t){if(void 0===t&&(t=!1),!e)return null;var i=gl(e),n=this.initSegments_[i];return t&&!n&&e.bytes&&(this.initSegments_[i]=n={resolvedUri:e.resolvedUri,byterange:e.byterange,bytes:e.bytes,tracks:e.tracks,timescales:e.timescales}),n||e},t.segmentKey=function(e,t){if(void 0===t&&(t=!1),!e)return null;var i=vl(e),n=this.keyCache_[i];this.cacheEncryptionKeys_&&t&&!n&&e.bytes&&(this.keyCache_[i]=n={resolvedUri:e.resolvedUri,bytes:e.bytes});var r={resolvedUri:(n||e).resolvedUri};return n&&(r.bytes=n.bytes),r},t.couldBeginLoading_=function(){return this.playlist_&&!this.paused()},t.load=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")}},t.init_=function(){return this.state="READY",this.resetEverything(),this.monitorBuffer_()},t.playlist=function(e,t){if(void 0===t&&(t={}),e){var i=this.playlist_,n=this.pendingSegment_;this.playlist_=e,this.xhrOptions_=t,"INIT"===this.state&&(e.syncInfo={mediaSequence:e.mediaSequence,time:0});var r=null;if(i&&(i.id?r=i.id:i.uri&&(r=i.uri)),this.logger_("playlist update ["+r+" => "+(e.id||e.uri)+"]"),this.trigger("syncinfoupdate"),"INIT"===this.state&&this.couldBeginLoading_())return this.init_();if(!i||i.uri!==e.uri)return null===this.mediaIndex&&!this.handlePartialData_||this.resyncLoader(),this.currentMediaInfo_=void 0,void this.trigger("playlistupdate");var a=e.mediaSequence-i.mediaSequence;this.logger_("live window shift ["+a+"]"),null!==this.mediaIndex&&(this.mediaIndex-=a),n&&(n.mediaIndex-=a,0<=n.mediaIndex&&(n.segment=e.segments[n.mediaIndex])),this.syncController_.saveExpiredSegmentInfo(i,e)}},t.pause=function(){this.checkBufferTimeout_&&(T.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=null)},t.paused=function(){return null===this.checkBufferTimeout_},t.resetEverything=function(e){this.ended_=!1,this.appendInitSegment_={audio:!0,video:!0},this.resetLoader(),this.remove(0,1/0,e),this.transmuxer_&&this.transmuxer_.postMessage({action:"clearAllMp4Captions"})},t.resetLoader=function(){this.fetchAtBuffer_=!1,this.resyncLoader()},t.resyncLoader=function(){this.transmuxer_&&dc(this.transmuxer_),this.mediaIndex=null,this.syncPoint_=null,this.isPendingTimestampOffset_=!1,this.callQueue_=[],this.loadQueue_=[],this.metadataQueue_.id3=[],this.metadataQueue_.caption=[],this.abort(),this.transmuxer_&&this.transmuxer_.postMessage({action:"clearParsedMp4Captions"})},t.remove=function(e,t,i){if(void 0===i&&(i=function(){}),t===1/0&&(t=this.duration_()),this.sourceUpdater_&&this.currentMediaInfo_){var n=1,r=function(){0===--n&&i()};for(var a in this.audioDisabled_||(n++,this.sourceUpdater_.removeAudio(e,t,r)),"main"===this.loaderType_&&this.currentMediaInfo_&&this.currentMediaInfo_.hasVideo&&(this.gopBuffer_=function(e,t,i,n){for(var r=Math.ceil((t-n)*fu),a=Math.ceil((i-n)*fu),s=e.slice(),o=e.length;o--&&!(e[o].pts<=a););if(-1===o)return s;for(var u=o+1;u--&&!(e[u].pts<=r););return u=Math.max(u,0),s.splice(u,o-u+1),s}(this.gopBuffer_,e,t,this.timeMapping_),n++,this.sourceUpdater_.removeVideo(e,t,r)),this.inbandTextTracks_)Nc(e,t,this.inbandTextTracks_[a]);Nc(e,t,this.segmentMetadataTrack_),r()}},t.monitorBuffer_=function(){this.checkBufferTimeout_&&T.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=T.setTimeout(this.monitorBufferTick_.bind(this),1)},t.monitorBufferTick_=function(){"READY"===this.state&&this.fillBuffer_(),this.checkBufferTimeout_&&T.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=T.setTimeout(this.monitorBufferTick_.bind(this),500)},t.fillBuffer_=function(){if(!this.sourceUpdater_.updating()){this.syncPoint_||(this.syncPoint_=this.syncController_.getSyncPoint(this.playlist_,this.duration_(),this.currentTimeline_,this.currentTime_()));var e=this.buffered_(),t=this.checkBuffer_(e,this.playlist_,this.mediaIndex,this.hasPlayed_(),this.currentTime_(),this.syncPoint_);t&&(t.timestampOffset=Bc({segmentTimeline:t.timeline,currentTimeline:this.currentTimeline_,startOfSegment:t.startOfSegment,buffered:e,overrideCheck:this.isPendingTimestampOffset_}),this.isPendingTimestampOffset_=!1,"number"==typeof t.timestampOffset&&this.timelineChangeController_.pendingTimelineChange({type:this.loaderType_,from:this.currentTimeline_,to:t.timeline}),this.loadSegment_(t))}},t.isEndOfStream_=function(e,t){if(void 0===e&&(e=this.mediaIndex),void 0===t&&(t=this.playlist_),!t||!this.mediaSource_)return!1;var i=e+1===t.segments.length;return t.endList&&"open"===this.mediaSource_.readyState&&i},t.checkBuffer_=function(e,t,i,n,r,a){var s=0;e.length&&(s=e.end(e.length-1));var o=Math.max(0,s-r);if(!t.segments.length)return null;if(o>=this.goalBufferLength_())return null;if(!n&&1<=o)return null;var u,l=null,c=!1;if(null===a)l=this.getSyncSegmentCandidate_(t),c=!0;else if(null!==i){var d=t.segments[i];u=d&&d.end?d.end:s,l=i+1}else if(this.fetchAtBuffer_){var h=ic.getMediaInfoForTime(t,s,a.segmentIndex,a.time);l=h.mediaIndex,u=h.startTime}else{var p=ic.getMediaInfoForTime(t,r,a.segmentIndex,a.time);l=p.mediaIndex,u=p.startTime}var f=this.generateSegmentInfo_(t,l,u,c);return!f||this.mediaSource_&&this.playlist_&&f.mediaIndex===this.playlist_.segments.length-1&&"ended"===this.mediaSource_.readyState&&!this.seeking_()?void 0:(this.logger_("checkBuffer_ returning "+f.uri,{segmentInfo:f,playlist:t,currentMediaIndex:i,nextMediaIndex:l,startOfSegment:u,isSyncRequest:c}),f)},t.getSyncSegmentCandidate_=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)},t.generateSegmentInfo_=function(e,t,i,n){if(t<0||t>=e.segments.length)return null;var r,a,s=e.segments[t],o=this.sourceUpdater_.audioBuffered(),u=this.sourceUpdater_.videoBuffered();return o.length&&(r=o.end(o.length-1)-this.sourceUpdater_.audioTimestampOffset()),u.length&&(a=function(e,t,i){if("undefined"==typeof t||null===t||!e.length)return[];var n,r=Math.ceil((t-i+3)*fu);for(n=0;n<e.length&&!(e[n].pts>r);n++);return e.slice(n)}(this.gopBuffer_,this.currentTime_()-this.sourceUpdater_.videoTimestampOffset(),this.timeMapping_)),{requestId:"segment-loader-"+Math.random(),uri:s.resolvedUri,mediaIndex:t,isSyncRequest:n,startOfSegment:i,playlist:e,bytes:null,encryptedBytes:null,timestampOffset:null,timeline:s.timeline,duration:s.duration,segment:s,byteLength:0,transmuxer:this.transmuxer_,audioAppendStart:r,gopsToAlignWith:a}},t.abortRequestEarly_=function(e){if(this.vhs_.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=ic.estimateSegmentRequestTime(n,i,this.playlist_,e.bytesReceived),a=function(e,t,i){return void 0===i&&(i=1),((e.length?e.end(e.length-1):0)-t)/i}(this.buffered_(),t,this.vhs_.tech_.playbackRate())-1;if(r<=a)return!1;var s=function(e){var t=e.master,i=e.currentTime,n=e.bandwidth,r=e.duration,a=e.segmentDuration,s=e.timeUntilRebuffer,o=e.currentTimeline,u=e.syncController,l=t.playlists.filter(function(e){return!ic.isIncompatible(e)}),c=l.filter(ic.isEnabled);c.length||(c=l.filter(function(e){return!ic.isDisabled(e)}));var d=c.filter(ic.hasAttribute.bind(null,"BANDWIDTH")).map(function(e){var t=u.getSyncPoint(e,r,o,i)?1:2;return{playlist:e,rebufferingImpact:ic.estimateSegmentRequestTime(a,n,e)*t-s}}),h=d.filter(function(e){return e.rebufferingImpact<=0});return Dc(h,function(e,t){return Mc(t.playlist,e.playlist)}),h.length?h[0]:(Dc(d,function(e,t){return e.rebufferingImpact-t.rebufferingImpact}),d[0]||null)}({master:this.vhs_.playlists.master,currentTime:t,bandwidth:i,duration:this.duration_(),segmentDuration:n,timeUntilRebuffer:a,currentTimeline:this.currentTimeline_,syncController:this.syncController_});if(s){var o=r-a-s.rebufferingImpact,u=.5;return a<=ec&&(u=1),!s.playlist||s.playlist.uri===this.playlist_.uri||o<u?!1:(this.bandwidth=s.playlist.attributes.BANDWIDTH*uc.BANDWIDTH_VARIANCE+1,this.abort(),this.trigger("earlyabort"),!0)}},t.handleAbort_=function(){this.mediaRequestsAborted+=1},t.handleProgress_=function(e,t){this.checkForAbort_(t.requestId)||this.abortRequestEarly_(t.stats)||this.trigger("progress")},t.handleTrackInfo_=function(e,t){this.checkForAbort_(e.requestId)||this.abortRequestEarly_(e.stats)||this.checkForIllegalMediaSwitch(t)||(t=t||{},function(e,t){if(!e&&!t||!e&&t||e&&!t)return!1;if(e===t)return!0;var i=Object.keys(e).sort(),n=Object.keys(t).sort();if(i.length!==n.length)return!1;for(var r=0;r<i.length;r++){var a=i[r];if(a!==n[r])return!1;if(e[a]!==t[a])return!1}return!0}(this.currentMediaInfo_,t)||(this.appendInitSegment_={audio:!0,video:!0},this.startingMediaInfo_=t,this.currentMediaInfo_=t,this.logger_("trackinfo update",t),this.trigger("trackinfo")),this.checkForAbort_(e.requestId)||this.abortRequestEarly_(e.stats)||(this.pendingSegment_.trackInfo=t,this.hasEnoughInfoToAppend_()&&this.processCallQueue_()))},t.handleTimingInfo_=function(e,t,i,n){if(!this.checkForAbort_(e.requestId)&&!this.abortRequestEarly_(e.stats)){var r=this.pendingSegment_,a=Fc(t);r[a]=r[a]||{},r[a][i]=n,this.logger_("timinginfo: "+t+" - "+i+" - "+n),this.hasEnoughInfoToAppend_()&&this.processCallQueue_()}},t.handleCaptions_=function(e,t){var s=this;if(!this.checkForAbort_(e.requestId)&&!this.abortRequestEarly_(e.stats))if(0!==t.length)if(this.pendingSegment_.hasAppendedData_){var o=null===this.sourceUpdater_.videoTimestampOffset()?this.sourceUpdater_.audioTimestampOffset():this.sourceUpdater_.videoTimestampOffset(),u={};t.forEach(function(e){u[e.stream]=u[e.stream]||{startTime:1/0,captions:[],endTime:0};var t=u[e.stream];t.startTime=Math.min(t.startTime,e.startTime+o),t.endTime=Math.max(t.endTime,e.endTime+o),t.captions.push(e)}),Object.keys(u).forEach(function(e){var t=u[e],i=t.startTime,n=t.endTime,r=t.captions,a=s.inbandTextTracks_;s.logger_("adding cues from "+i+" -> "+n+" for "+e),function(e,t,i){if(!e[i]){t.trigger({type:"usage",name:"vhs-608"}),t.trigger({type:"usage",name:"hls-608"});var n=t.textTracks().getTrackById(i);e[i]=n||t.addRemoteTextTrack({kind:"captions",id:i,label:i},!1).track}}(a,s.vhs_.tech_,e),Nc(i,n,a[e]),function(e){var i=e.inbandTextTracks,t=e.captionArray,n=e.timestampOffset;if(t){var r=T.WebKitDataCue||T.VTTCue;t.forEach(function(e){var t=e.stream;i[t].addCue(new r(e.startTime+n,e.endTime+n,e.text))})}}({captionArray:r,inbandTextTracks:a,timestampOffset:o})}),this.transmuxer_&&this.transmuxer_.postMessage({action:"clearParsedMp4Captions"})}else this.metadataQueue_.caption.push(this.handleCaptions_.bind(this,e,t));else this.logger_("SegmentLoader received no captions from a caption event")},t.handleId3_=function(e,t,i){if(!this.checkForAbort_(e.requestId)&&!this.abortRequestEarly_(e.stats))if(this.pendingSegment_.hasAppendedData_){var n=null===this.sourceUpdater_.videoTimestampOffset()?this.sourceUpdater_.audioTimestampOffset():this.sourceUpdater_.videoTimestampOffset();!function(e,t,i){e.metadataTrack_||(e.metadataTrack_=i.addRemoteTextTrack({kind:"metadata",label:"Timed Metadata"},!1).track,e.metadataTrack_.inBandMetadataTrackDispatchType=t)}(this.inbandTextTracks_,i,this.vhs_.tech_),Rc({inbandTextTracks:this.inbandTextTracks_,metadataArray:t,timestampOffset:n,videoDuration:this.duration_()})}else this.metadataQueue_.id3.push(this.handleId3_.bind(this,e,t,i))},t.processMetadataQueue_=function(){this.metadataQueue_.id3.forEach(function(e){return e()}),this.metadataQueue_.caption.forEach(function(e){return e()}),this.metadataQueue_.id3=[],this.metadataQueue_.caption=[]},t.processCallQueue_=function(){var e=this.callQueue_;this.callQueue_=[],e.forEach(function(e){return e()})},t.processLoadQueue_=function(){var e=this.loadQueue_;this.loadQueue_=[],e.forEach(function(e){return e()})},t.hasEnoughInfoToLoad_=function(){if("audio"!==this.loaderType_)return!0;var e=this.pendingSegment_;return!!e&&(!this.currentMediaInfo_||!jc({timelineChangeController:this.timelineChangeController_,currentTimeline:this.currentTimeline_,segmentTimeline:e.timeline,loaderType:this.loaderType_,audioDisabled:this.audioDisabled_}))},t.hasEnoughInfoToAppend_=function(){if(!this.sourceUpdater_.ready())return!1;var e=this.pendingSegment_;if(!e||!e.trackInfo)return!1;if(!this.handlePartialData_){var t=this.currentMediaInfo_,i=t.hasAudio,n=t.hasVideo,r=t.isMuxed;if(n&&!e.videoTimingInfo)return!1;if(i&&!this.audioDisabled_&&!r&&!e.audioTimingInfo)return!1}return!jc({timelineChangeController:this.timelineChangeController_,currentTimeline:this.currentTimeline_,segmentTimeline:e.timeline,loaderType:this.loaderType_,audioDisabled:this.audioDisabled_})},t.handleData_=function(e,t){if(!this.checkForAbort_(e.requestId)&&!this.abortRequestEarly_(e.stats))if(!this.callQueue_.length&&this.hasEnoughInfoToAppend_()){var i=this.pendingSegment_;if(this.setTimeMapping_(i.timeline),this.updateMediaSecondsLoaded_(i.segment),"closed"!==this.mediaSource_.readyState){if(e.map&&(e.map=this.initSegmentForMap(e.map,!0),i.segment.map=e.map),e.key&&this.segmentKey(e.key,!0),i.isFmp4=e.isFmp4,i.timingInfo=i.timingInfo||{},i.isFmp4)this.trigger("fmp4"),i.timingInfo.start=i[Fc(t.type)].start;else{var n,r="main"===this.loaderType_&&this.currentMediaInfo_.hasVideo;r&&(n=this.handlePartialData_?t.videoFramePtsTime:i.videoTimingInfo.start),i.timingInfo.start=this.trueSegmentStart_({currentStart:i.timingInfo.start,playlist:i.playlist,mediaIndex:i.mediaIndex,currentVideoTimestampOffset:this.sourceUpdater_.videoTimestampOffset(),useVideoTimingInfo:r,firstVideoFrameTimeForData:n,videoTimingInfo:i.videoTimingInfo,audioTimingInfo:i.audioTimingInfo})}this.updateAppendInitSegmentStatus(i,t.type),this.updateSourceBufferTimestampOffset_(i),i.hasAppendedData_=!0,this.processMetadataQueue_(),this.appendData_(i,t)}}else this.callQueue_.push(this.handleData_.bind(this,e,t))},t.updateAppendInitSegmentStatus=function(e,t){"main"!==this.loaderType_||"number"!=typeof e.timestampOffset||e.changedTimestampOffset||(this.appendInitSegment_={audio:!0,video:!0}),this.playlistOfLastInitSegment_[t]!==e.playlist&&(this.appendInitSegment_[t]=!0)},t.getInitSegmentAndUpdateState_=function(e){var t=e.type,i=e.initSegment,n=e.map,r=e.playlist;if(n){var a=gl(n);if(this.activeInitSegmentId_===a)return null;i=this.initSegmentForMap(n,!0).bytes,this.activeInitSegmentId_=a}return i&&this.appendInitSegment_[t]?(this.playlistOfLastInitSegment_[t]=r,this.appendInitSegment_[t]=!!n,this.activeInitSegmentId_=null,i):null},t.appendToSourceBuffer_=function(e){var t=this,i=e.segmentInfo,n=e.type,r=e.initSegment,a=e.data,s=[a],o=a.byteLength;r&&(s.unshift(r),o+=r.byteLength);var u=function(e){var t,i=0;return e.bytes&&(t=new Uint8Array(e.bytes),e.segments.forEach(function(e){t.set(e,i),i+=e.byteLength})),t}({bytes:o,segments:s});this.sourceUpdater_.appendBuffer({segmentInfo:i,type:n,bytes:u},function(e){e&&(t.error(n+" append of "+u.length+"b failed for segment #"+i.mediaIndex+" in playlist "+i.playlist.id),t.trigger("appenderror"))})},t.handleVideoSegmentTimingInfo_=function(e,t){if(this.pendingSegment_&&e===this.pendingSegment_.requestId){var i=this.pendingSegment_.segment;i.videoTimingInfo||(i.videoTimingInfo={}),i.videoTimingInfo.transmuxerPrependedSeconds=t.prependedContentDuration||0,i.videoTimingInfo.transmuxedPresentationStart=t.start.presentation,i.videoTimingInfo.transmuxedPresentationEnd=t.end.presentation,i.videoTimingInfo.baseMediaDecodeTime=t.baseMediaDecodeTime}},t.appendData_=function(e,t){var i=t.type,n=t.data;if(n&&n.byteLength&&("audio"!==i||!this.audioDisabled_)){var r=this.getInitSegmentAndUpdateState_({type:i,initSegment:t.initSegment,playlist:e.playlist,map:e.isFmp4?e.segment.map:null});this.appendToSourceBuffer_({segmentInfo:e,type:i,initSegment:r,data:n})}},t.loadSegment_=function(i){var n=this;this.state="WAITING",this.pendingSegment_=i,this.trimBackBuffer_(i),"number"==typeof i.timestampOffset&&this.transmuxer_&&this.transmuxer_.postMessage({action:"clearAllMp4Captions"}),this.hasEnoughInfoToLoad_()?this.updateTransmuxerAndRequestSegment_(i):this.loadQueue_.push(function(){var e=n.buffered_();"number"==typeof i.timestampOffset&&(i.timestampOffset=Bc({segmentTimeline:i.timeline,currentTimeline:n.currentTimeline_,startOfSegment:i.startOfSegment,buffered:e,overrideCheck:!0})),delete i.audioAppendStart;var t=n.sourceUpdater_.audioBuffered();t.length&&(i.audioAppendStart=t.end(t.length-1)-n.sourceUpdater_.audioTimestampOffset()),n.updateTransmuxerAndRequestSegment_(i)})},t.updateTransmuxerAndRequestSegment_=function(e){this.shouldUpdateTransmuxerTimestampOffset_(e.timestampOffset)&&(this.gopBuffer_.length=0,e.gopsToAlignWith=[],this.timeMapping_=0,this.transmuxer_.postMessage({action:"reset"}),this.transmuxer_.postMessage({action:"setTimestampOffset",timestampOffset:e.timestampOffset}));var t=this.createSimplifiedSegmentObj_(e);e.abortRequests=Fl({xhr:this.vhs_.xhr,xhrOptions:this.xhrOptions_,decryptionWorker:this.decrypter_,segment:t,handlePartialData:this.handlePartialData_,abortFn:this.handleAbort_.bind(this),progressFn:this.handleProgress_.bind(this),trackInfoFn:this.handleTrackInfo_.bind(this),timingInfoFn:this.handleTimingInfo_.bind(this),videoSegmentTimingInfoFn:this.handleVideoSegmentTimingInfo_.bind(this,e.requestId),captionsFn:this.handleCaptions_.bind(this),id3Fn:this.handleId3_.bind(this),dataFn:this.handleData_.bind(this),doneFn:this.segmentRequestFinished_.bind(this)})},t.trimBackBuffer_=function(e){var t=function(e,t,i){var n=t-uc.BACK_BUFFER_LENGTH;e.length&&(n=Math.max(n,e.start(0)));var r=t-i;return Math.min(r,n)}(this.seekable_(),this.currentTime_(),this.playlist_.targetDuration||10);0<t&&this.remove(0,t)},t.createSimplifiedSegmentObj_=function(e){var t=e.segment,i={resolvedUri:t.resolvedUri,byterange:t.byterange,requestId:e.requestId,transmuxer:e.transmuxer,audioAppendStart:e.audioAppendStart,gopsToAlignWith:e.gopsToAlignWith},n=e.playlist.segments[e.mediaIndex];if(n&&n.end&&n.timeline===t.timeline&&(i.baseStartTime=n.end+e.timestampOffset),t.key){var r=t.key.iv||new Uint32Array([0,0,0,e.mediaIndex+e.playlist.mediaSequence]);i.key=this.segmentKey(t.key),i.key.iv=r}return t.map&&(i.map=this.initSegmentForMap(t.map)),i},t.saveTransferStats_=function(e){this.mediaRequests+=1,e&&(this.mediaBytesTransferred+=e.bytesReceived,this.mediaTransferDuration+=e.roundTripTime)},t.saveBandwidthRelatedStats_=function(e){this.bandwidth=e.bandwidth,this.roundTrip=e.roundTripTime,this.pendingSegment_.byteLength=e.bytesReceived},t.handleTimeout_=function(){this.mediaRequestsTimedout+=1,this.bandwidth=1,this.roundTrip=NaN,this.trigger("bandwidthupdate")},t.segmentRequestFinished_=function(e,t,i){if(this.callQueue_.length)this.callQueue_.push(this.segmentRequestFinished_.bind(this,e,t,i));else if(this.saveTransferStats_(t.stats),this.pendingSegment_&&t.requestId===this.pendingSegment_.requestId){if(e){if(this.pendingSegment_=null,this.state="READY",e.code===gc)return;return this.pause(),e.code===mc?void this.handleTimeout_():(this.mediaRequestsErrored+=1,this.error(e),void this.trigger("error"))}this.saveBandwidthRelatedStats_(t.stats);var n=this.pendingSegment_;n.endOfAllRequests=t.endOfAllRequests,i.gopInfo&&(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_,i.gopInfo,this.safeAppend_)),this.state="APPENDING";var r=this.isEndOfStream_(n.mediaIndex,n.playlist),a=null!==this.mediaIndex,s=n.timeline!==this.currentTimeline_&&0<n.timeline;!n.isFmp4&&(r||a&&s)&&pc(this.transmuxer_),this.trigger("appending"),this.waitForAppendsToComplete_(n)}},t.setTimeMapping_=function(e){var t=this.syncController_.mappingForTimeline(e);null!==t&&(this.timeMapping_=t)},t.updateMediaSecondsLoaded_=function(e){"number"==typeof e.start&&"number"==typeof e.end?this.mediaSecondsLoaded+=e.end-e.start:this.mediaSecondsLoaded+=e.duration},t.shouldUpdateTransmuxerTimestampOffset_=function(e){return null!==e&&("main"===this.loaderType_&&e!==this.sourceUpdater_.videoTimestampOffset()||!this.audioDisabled_&&e!==this.sourceUpdater_.audioTimestampOffset())},t.trueSegmentStart_=function(e){var t=e.currentStart,i=e.playlist,n=e.mediaIndex,r=e.firstVideoFrameTimeForData,a=e.currentVideoTimestampOffset,s=e.useVideoTimingInfo,o=e.videoTimingInfo,u=e.audioTimingInfo;if("undefined"!=typeof t)return t;if(!s)return u.start;var l=i.segments[n-1];return 0!==n&&l&&"undefined"!=typeof l.start&&l.end===r+a?o.start:r},t.waitForAppendsToComplete_=function(e){if(!this.currentMediaInfo_)return this.error({message:"No starting media returned, likely due to an unsupported media format.",blacklistDuration:1/0}),void this.trigger("error");var t=this.currentMediaInfo_,i=t.hasAudio,n=t.hasVideo,r=t.isMuxed,a="main"===this.loaderType_&&n,s=!this.audioDisabled_&&i&&!r;if(e.waitingOnAppends=0,!e.hasAppendedData_)return e.timingInfo||"number"!=typeof e.timestampOffset||(this.isPendingTimestampOffset_=!0),e.timingInfo={start:0},e.waitingOnAppends++,this.isPendingTimestampOffset_||(this.updateSourceBufferTimestampOffset_(e),this.processMetadataQueue_()),void this.checkAppendsDone_(e);a&&e.waitingOnAppends++,s&&e.waitingOnAppends++,a&&this.sourceUpdater_.videoQueueCallback(this.checkAppendsDone_.bind(this,e)),s&&this.sourceUpdater_.audioQueueCallback(this.checkAppendsDone_.bind(this,e))},t.checkAppendsDone_=function(e){this.checkForAbort_(e.requestId)||(e.waitingOnAppends--,0===e.waitingOnAppends&&this.handleAppendsDone_())},t.checkForIllegalMediaSwitch=function(e){var t=function(e,t,i){return"main"===e&&t&&i?i.hasAudio||i.hasVideo?t.hasVideo&&!i.hasVideo?"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.hasVideo&&i.hasVideo?"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.currentMediaInfo_,e);return!!t&&(this.error({message:t,blacklistDuration:1/0}),this.trigger("error"),!0)},t.updateSourceBufferTimestampOffset_=function(e){if(null!==e.timestampOffset&&"number"==typeof e.timingInfo.start&&!e.changedTimestampOffset&&"main"===this.loaderType_){var t=!1;e.timestampOffset-=e.timingInfo.start,e.changedTimestampOffset=!0,e.timestampOffset!==this.sourceUpdater_.videoTimestampOffset()&&(this.sourceUpdater_.videoTimestampOffset(e.timestampOffset),t=!0),e.timestampOffset!==this.sourceUpdater_.audioTimestampOffset()&&(this.sourceUpdater_.audioTimestampOffset(e.timestampOffset),t=!0),t&&this.trigger("timestampoffset")}},t.updateTimingInfoEnd_=function(e){e.timingInfo=e.timingInfo||{};var t="main"===this.loaderType_&&this.currentMediaInfo_.hasVideo&&e.videoTimingInfo?e.videoTimingInfo:e.audioTimingInfo;t&&(e.timingInfo.end="number"==typeof t.end?t.end:t.start+e.duration)},t.handleAppendsDone_=function(){if(this.pendingSegment_&&this.trigger("appendsdone"),!this.pendingSegment_)return this.state="READY",void(this.paused()||this.monitorBuffer_());var e=this.pendingSegment_;if(this.updateTimingInfoEnd_(e),this.shouldSaveSegmentTimingInfo_&&this.syncController_.saveSegmentTimingInfo({segmentInfo:e,shouldSaveTimelineMapping:"main"===this.loaderType_}),this.logger_(function(e){var t=e.segment,i=t.start,n=t.end,r=e.playlist,a=r.mediaSequence,s=r.id,o=r.segments,u=void 0===o?[]:o,l=e.mediaIndex,c=e.timeline;return["appending ["+l+"] of ["+a+", "+(a+u.length)+"] from playlist ["+s+"]","["+i+" => "+n+"] in timeline ["+c+"]"].join(" ")}(e)),this.recordThroughput_(e),this.pendingSegment_=null,this.state="READY",e.isSyncRequest)this.trigger("syncinfoupdate");else{this.addSegmentMetadataCue_(e),this.fetchAtBuffer_=!0,this.currentTimeline_!==e.timeline&&(this.timelineChangeController_.lastTimelineChange({type:this.loaderType_,from:this.currentTimeline_,to:e.timeline}),"main"!==this.loaderType_||this.audioDisabled_||this.timelineChangeController_.lastTimelineChange({type:"audio",from:this.currentTimeline_,to:e.timeline})),this.currentTimeline_=e.timeline,this.trigger("syncinfoupdate");var t=e.segment;if(t.end&&this.currentTime_()-t.end>3*e.playlist.targetDuration)this.resetEverything();else null!==this.mediaIndex&&this.trigger("bandwidthupdate"),this.trigger("progress"),this.mediaIndex=e.mediaIndex,this.isEndOfStream_(e.mediaIndex,e.playlist)&&this.endOfStream(),this.trigger("appended"),this.paused()||this.monitorBuffer_()}},t.recordThroughput_=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},t.addSegmentMetadataCue_=function(e){if(this.segmentMetadataTrack_){var t=e.segment,i=t.start,n=t.end;if(Uc(i)&&Uc(n)){Nc(i,n,this.segmentMetadataTrack_);var r=T.WebKitDataCue||T.VTTCue,a={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.id,start:i,end:n},s=new r(i,n,JSON.stringify(a));s.value=a,this.segmentMetadataTrack_.addCue(s)}}},e}(da.EventTarget);function Wc(){}function zc(e){return"string"!=typeof e?e:e.replace(/./,function(e){return e.toUpperCase()})}function Gc(e,t){var i=t[e+"Buffer"];return i&&i.updating||t.queuePending[e]}function Xc(e,t){if(0!==t.queue.length){var i=0,n=t.queue[i];if("mediaSource"!==n.type){if("mediaSource"!==e&&t.started_&&"closed"!==t.mediaSource.readyState&&!Gc(e,t)){if(n.type!==e){if(null===(i=function(e,t){for(var i=0;i<t.length;i++){var n=t[i];if("mediaSource"===n.type)return null;if(n.type===e)return i}return null}(e,t.queue)))return;n=t.queue[i]}t.queue.splice(i,1),n.action(e,t),n.doneFn?t.queuePending[e]=n:Xc(e,t)}}else t.updating()||"closed"===t.mediaSource.readyState||(t.queue.shift(),n.action(t),n.doneFn&&n.doneFn(),Xc("audio",t),Xc("video",t))}}function Kc(e,t){var i=t[e+"Buffer"],n=zc(e);i&&(i.removeEventListener("updateend",t["on"+n+"UpdateEnd_"]),i.removeEventListener("error",t["on"+n+"Error_"]),t.codecs[e]=null,t[e+"Buffer"]=null)}function Yc(e,t){return e&&t&&-1!==Array.prototype.indexOf.call(e.sourceBuffers,t)}function $c(e){var t=e.type,i=e.sourceUpdater,n=e.action,r=e.doneFn,a=e.name;i.queue.push({type:t,action:n,doneFn:r,name:a}),Xc(t,i)}function Qc(i,n){return function(e){if(n.queuePending[i]){var t=n.queuePending[i].doneFn;n.queuePending[i]=null,t&&t(n[i+"Error_"])}Xc(i,n)}}function Jc(e){return decodeURIComponent(escape(String.fromCharCode.apply(null,e)))}function Zc(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}function ed(e,t){e.abort(),e.pause(),t&&t.activePlaylistLoader&&(t.activePlaylistLoader.pause(),t.activePlaylistLoader=null)}function td(e,t){(t.activePlaylistLoader=e).load()}function id(t){["AUDIO","SUBTITLES","CLOSED-CAPTIONS"].forEach(function(e){wd[e](e,t)});var i=t.mediaTypes,e=t.masterPlaylistLoader,n=t.tech,r=t.vhs;["AUDIO","SUBTITLES"].forEach(function(e){i[e].activeGroup=function(a,s){return function(t){var e=s.masterPlaylistLoader,i=s.mediaTypes[a].groups,n=e.media();if(!n)return null;var r=null;return n.attributes[a]&&(r=i[n.attributes[a]]),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=Id[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(),a=n.activeGroup(r),s=n.activePlaylistLoader;ed(t,n),a&&(a.playlistLoader?(t.resyncLoader(),td(a.playlistLoader,n)):s&&i.resetEverything())}}(e,t),i[e].onGroupChanging=function(t,i){return function(){var e=i.segmentLoaders[t];e.abort(),e.pause()}}(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(),a=n.activeGroup(r),s=n.activePlaylistLoader;if(ed(t,n),a){if("AUDIO"===o){if(!a.playlistLoader)return i.setAudio(!0),void i.resetEverything();t.setAudio(!0),i.setAudio(!1)}s!==a.playlistLoader&&(t.track&&t.track(r),t.resetEverything()),td(a.playlistLoader,n)}}}(e,t)});var a=i.AUDIO.activeGroup();if(a){var s=(a.filter(function(e){return e.default})[0]||a[0]).id;i.AUDIO.tracks[s].enabled=!0,i.AUDIO.onTrackChanged()}function o(){i.AUDIO.onTrackChanged(),n.trigger({type:"usage",name:"vhs-audio-change"}),n.trigger({type:"usage",name:"hls-audio-change"})}for(var u in e.on("mediachange",function(){["AUDIO","SUBTITLES"].forEach(function(e){return i[e].onGroupChanged()})}),e.on("mediachanging",function(){["AUDIO","SUBTITLES"].forEach(function(e){return i[e].onGroupChanging()})}),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])}function nd(e,t,i){var n=e.masterPlaylistController_,r=n[(e.options_.smoothQualityChange?"smooth":"fast")+"QualityChange_"].bind(n);if(t.attributes.RESOLUTION){var a=t.attributes.RESOLUTION;this.width=a.width,this.height=a.height}this.bandwidth=t.attributes.BANDWIDTH,this.codecs=xc(n.master(),t),this.playlist=t,this.id=i,this.enabled=function(r,a,s){return function(e){var t=r.master.playlists[a],i=sl(t),n=ol(t);return"undefined"==typeof e?n:(e?delete t.disabled:t.disabled=!0,e===n||i||(s(),e?r.trigger("renditionenabled"):r.trigger("renditiondisabled")),e)}}(e.playlists,t.id,r)}function rd(e){!function t(i,e){var n=0,r=0,a=da.mergeOptions(Od,e);i.ready(function(){i.trigger({type:"usage",name:"vhs-error-reload-initialized"}),i.trigger({type:"usage",name:"hls-error-reload-initialized"})});function s(){r&&i.currentTime(r)}function o(e){null!=e&&(r=i.duration()!==1/0&&i.currentTime()||0,i.one("loadedmetadata",s),i.src(e),i.trigger({type:"usage",name:"vhs-error-reload"}),i.trigger({type:"usage",name:"hls-error-reload"}),i.play())}function u(){return Date.now()-n<1e3*a.errorInterval?(i.trigger({type:"usage",name:"vhs-error-reload-canceled"}),void i.trigger({type:"usage",name:"hls-error-reload-canceled"})):a.getSource&&"function"==typeof a.getSource?(n=Date.now(),a.getSource.call(i,o)):void da.log.error("ERROR: reloadSourceOnError - The option getSource must be a function!")}function l(){i.off("loadedmetadata",s),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 ad,sd=["video","audio"],od=function(n,r){return function(e,t){var i=t[e+"Buffer"];Yc(t.mediaSource,i)&&(t.logger_("Appending segment "+r.mediaIndex+"'s "+n.length+" bytes to "+e+"Buffer"),i.appendBuffer(n))}},ud=function(n,r){return function(e,t){var i=t[e+"Buffer"];Yc(t.mediaSource,i)&&(t.logger_("Removing "+n+" to "+r+" from "+e+"Buffer"),i.remove(n,r))}},ld=function(n){return function(e,t){var i=t[e+"Buffer"];Yc(t.mediaSource,i)&&(t.logger_("Setting "+e+"timestampOffset to "+n),i.timestampOffset=n)}},cd=function(i){return function(e,t){i()}},dd=function(t){return function(e){if("open"===e.mediaSource.readyState){e.logger_("Calling mediaSource endOfStream("+(t||"")+")");try{e.mediaSource.endOfStream(t)}catch(e){da.log.warn("Failed to call media source endOfStream",e)}}}},hd=function(t){return function(e){e.logger_("Setting mediaSource duration to "+t);try{e.mediaSource.duration=t}catch(e){da.log.warn("Failed to set media source duration",e)}}},pd=function(){return function(t,e){if("open"===e.mediaSource.readyState){var i=e[t+"Buffer"];if(Yc(e.mediaSource,i)){e.logger_("calling abort on "+t+"Buffer");try{i.abort()}catch(e){da.log.warn("Failed to abort on "+t+"Buffer",e)}}}}},fd=function(r,a){return function(e){var t=zc(r),i=Wl(a);e.logger_("Adding "+r+"Buffer with codec "+a+" to mediaSource");var n=e.mediaSource.addSourceBuffer(i);n.addEventListener("updateend",e["on"+t+"UpdateEnd_"]),n.addEventListener("error",e["on"+t+"Error_"]),e.codecs[r]=a,e[r+"Buffer"]=n}},md=function(i){return function(e){var t=e[i+"Buffer"];if(Kc(i,e),Yc(e.mediaSource,t)){e.logger_("Removing "+i+"Buffer with codec "+e.codecs[i]+" from mediaSource");try{e.mediaSource.removeSourceBuffer(t)}catch(e){da.log.warn("Failed to removeSourceBuffer "+i+"Buffer",e)}}}},gd=function(r){return function(e,t){var i=t[e+"Buffer"],n=Wl(r);Yc(t.mediaSource,i)&&t.codecs[e]!==r&&(t.logger_("changing "+e+"Buffer codec from "+t.codecs[e]+" to "+r),i.changeType(n),t.codecs[e]=r)}},vd=function(i){function e(e){var t;return(t=i.call(this)||this).mediaSource=e,t.sourceopenListener_=function(){return Xc("mediaSource",Ve(t))},t.mediaSource.addEventListener("sourceopen",t.sourceopenListener_),t.logger_=Pc("SourceUpdater"),t.audioTimestampOffset_=0,t.videoTimestampOffset_=0,t.queue=[],t.queuePending={audio:null,video:null},t.delayedAudioAppendQueue_=[],t.videoAppendQueued_=!1,t.codecs={},t.onVideoUpdateEnd_=Qc("video",Ve(t)),t.onAudioUpdateEnd_=Qc("audio",Ve(t)),t.onVideoError_=function(e){t.videoError_=e},t.onAudioError_=function(e){t.audioError_=e},t.started_=!1,t}Ge(e,i);var t=e.prototype;return t.ready=function(){return this.started_},t.createSourceBuffers=function(e){this.ready()||(this.addOrChangeSourceBuffers(e),this.started_=!0,this.trigger("ready"))},t.addSourceBuffer=function(e,t){$c({type:"mediaSource",sourceUpdater:this,action:fd(e,t),name:"addSourceBuffer"})},t.abort=function(e){$c({type:e,sourceUpdater:this,action:pd(e),name:"abort"})},t.removeSourceBuffer=function(e){this.canRemoveSourceBuffer()?$c({type:"mediaSource",sourceUpdater:this,action:md(e),name:"removeSourceBuffer"}):da.log.error("removeSourceBuffer is not supported!")},t.canRemoveSourceBuffer=function(){return!da.browser.IE_VERSION&&T.MediaSource&&T.MediaSource.prototype&&"function"==typeof T.MediaSource.prototype.removeSourceBuffer},e.canChangeType=function(){return T.SourceBuffer&&T.SourceBuffer.prototype&&"function"==typeof T.SourceBuffer.prototype.changeType},t.canChangeType=function(){return this.constructor.canChangeType()},t.changeType=function(e,t){this.canChangeType()?$c({type:e,sourceUpdater:this,action:gd(t),name:"changeType"}):da.log.error("changeType is not supported!")},t.addOrChangeSourceBuffers=function(i){var n=this;if(!i||"object"!=typeof i||0===Object.keys(i).length)throw new Error("Cannot addOrChangeSourceBuffers to undefined codecs");Object.keys(i).forEach(function(e){var t=i[e];if(!n.ready())return n.addSourceBuffer(e,t);n.canChangeType()&&n.changeType(e,t)})},t.appendBuffer=function(e,t){var i=this,n=e.segmentInfo,r=e.type,a=e.bytes;if(this.processedAppend_=!0,"audio"===r&&this.videoBuffer&&!this.videoAppendQueued_)return this.delayedAudioAppendQueue_.push([e,t]),void this.logger_("delayed audio append of "+a.length+" until video append");if($c({type:r,sourceUpdater:this,action:od(a,n||{mediaIndex:-1}),doneFn:t,name:"appendBuffer"}),"video"===r){if(this.videoAppendQueued_=!0,!this.delayedAudioAppendQueue_.length)return;var s=this.delayedAudioAppendQueue_.slice();this.logger_("queuing delayed audio "+s.length+" appendBuffers"),this.delayedAudioAppendQueue_.length=0,s.forEach(function(e){i.appendBuffer.apply(i,e)})}},t.audioBuffered=function(){return Yc(this.mediaSource,this.audioBuffer)&&this.audioBuffer.buffered?this.audioBuffer.buffered:da.createTimeRange()},t.videoBuffered=function(){return Yc(this.mediaSource,this.videoBuffer)&&this.videoBuffer.buffered?this.videoBuffer.buffered:da.createTimeRange()},t.buffered=function(){var e=Yc(this.mediaSource,this.videoBuffer)?this.videoBuffer:null,t=Yc(this.mediaSource,this.audioBuffer)?this.audioBuffer:null;return t&&!e?this.audioBuffered():e&&!t?this.videoBuffered():function(e,t){var i=null,n=null,r=0,a=[],s=[];if(!(e&&e.length&&t&&t.length))return da.createTimeRange();for(var o=e.length;o--;)a.push({time:e.start(o),type:"start"}),a.push({time:e.end(o),type:"end"});for(o=t.length;o--;)a.push({time:t.start(o),type:"start"}),a.push({time:t.end(o),type:"end"});for(a.sort(function(e,t){return e.time-t.time}),o=0;o<a.length;o++)"start"===a[o].type?2===++r&&(i=a[o].time):"end"===a[o].type&&1===--r&&(n=a[o].time),null!==i&&null!==n&&(s.push([i,n]),n=i=null);return da.createTimeRanges(s)}(this.audioBuffered(),this.videoBuffered())},t.setDuration=function(e,t){void 0===t&&(t=Wc),$c({type:"mediaSource",sourceUpdater:this,action:hd(e),name:"duration",doneFn:t})},t.endOfStream=function(e,t){void 0===e&&(e=null),void 0===t&&(t=Wc),"string"!=typeof e&&(e=void 0),$c({type:"mediaSource",sourceUpdater:this,action:dd(e),name:"endOfStream",doneFn:t})},t.removeAudio=function(e,t,i){void 0===i&&(i=Wc),this.audioBuffered().length&&0!==this.audioBuffered().end(0)?$c({type:"audio",sourceUpdater:this,action:ud(e,t),doneFn:i,name:"remove"}):i()},t.removeVideo=function(e,t,i){void 0===i&&(i=Wc),this.videoBuffered().length&&0!==this.videoBuffered().end(0)?$c({type:"video",sourceUpdater:this,action:ud(e,t),doneFn:i,name:"remove"}):i()},t.updating=function(){return!(!Gc("audio",this)&&!Gc("video",this))},t.audioTimestampOffset=function(e){return"undefined"!=typeof e&&this.audioBuffer&&this.audioTimestampOffset_!==e&&($c({type:"audio",sourceUpdater:this,action:ld(e),name:"timestampOffset"}),this.audioTimestampOffset_=e),this.audioTimestampOffset_},t.videoTimestampOffset=function(e){return"undefined"!=typeof e&&this.videoBuffer&&this.videoTimestampOffset!==e&&($c({type:"video",sourceUpdater:this,action:ld(e),name:"timestampOffset"}),this.videoTimestampOffset_=e),this.videoTimestampOffset_},t.audioQueueCallback=function(e){this.audioBuffer&&$c({type:"audio",sourceUpdater:this,action:cd(e),name:"callback"})},t.videoQueueCallback=function(e){this.videoBuffer&&$c({type:"video",sourceUpdater:this,action:cd(e),name:"callback"})},t.dispose=function(){var t=this;this.trigger("dispose"),sd.forEach(function(e){t.abort(e),t.canRemoveSourceBuffer()?t.removeSourceBuffer(e):t[e+"QueueCallback"](function(){return Kc(e,t)})}),this.videoAppendQueued_=!1,this.delayedAudioAppendQueue_.length=0,this.sourceopenListener_&&this.mediaSource.removeEventListener("sourceopen",this.sourceopenListener_),this.off()},e}(da.EventTarget),yd=new Uint8Array("\n\n".split("").map(function(e){return e.charCodeAt(0)})),_d=function(n){function e(e,t){var i;return void 0===t&&(t={}),(i=n.call(this,e,t)||this).handlePartialData_=!1,i.mediaSource_=null,i.subtitlesTrack_=null,i.loaderType_="subtitle",i.featuresNativeTextTracks_=e.featuresNativeTextTracks,i.shouldSaveSegmentTimingInfo_=!1,i}Ge(e,n);var t=e.prototype;return t.createTransmuxer_=function(){return null},t.buffered_=function(){if(!this.subtitlesTrack_||!this.subtitlesTrack_.cues.length)return da.createTimeRanges();var e=this.subtitlesTrack_.cues,t=e[0].startTime,i=e[e.length-1].startTime;return da.createTimeRanges([[t,i]])},t.initSegmentForMap=function(e,t){if(void 0===t&&(t=!1),!e)return null;var i=gl(e),n=this.initSegments_[i];if(t&&!n&&e.bytes){var r=yd.byteLength+e.bytes.byteLength,a=new Uint8Array(r);a.set(e.bytes),a.set(yd,e.bytes.byteLength),this.initSegments_[i]=n={resolvedUri:e.resolvedUri,byterange:e.byterange,bytes:a}}return n||e},t.couldBeginLoading_=function(){return this.playlist_&&this.subtitlesTrack_&&!this.paused()},t.init_=function(){return this.state="READY",this.resetEverything(),this.monitorBuffer_()},t.track=function(e){return"undefined"==typeof e||(this.subtitlesTrack_=e,"INIT"===this.state&&this.couldBeginLoading_()&&this.init_()),this.subtitlesTrack_},t.remove=function(e,t){Nc(e,t,this.subtitlesTrack_)},t.fillBuffer_=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)}},t.skipEmptySegments_=function(e){for(;e&&e.segment.empty;)e=this.generateSegmentInfo_(e.playlist,e.mediaIndex+1,e.startOfSegment+e.duration,e.isSyncRequest);return e},t.stopForError=function(e){this.error(e),this.state="READY",this.pause(),this.trigger("error")},t.segmentRequestFinished_=function(e,t,i){var n=this;if(this.subtitlesTrack_){if(this.saveTransferStats_(t.stats),!this.pendingSegment_)return this.state="READY",void(this.mediaRequestsAborted+=1);if(e)return e.code===mc&&this.handleTimeout_(),e.code===gc?this.mediaRequestsAborted+=1:this.mediaRequestsErrored+=1,void this.stopForError(e);this.saveBandwidthRelatedStats_(t.stats),this.state="APPENDING",this.trigger("appending");var r=this.pendingSegment_,a=r.segment;if(a.map&&(a.map.bytes=t.map.bytes),r.bytes=t.bytes,"function"!=typeof T.WebVTT&&this.subtitlesTrack_&&this.subtitlesTrack_.tech_){var s,o=function(){n.subtitlesTrack_.tech_.off("vttjsloaded",s),n.stopForError({message:"Error loading vtt.js"})};return s=function(){n.subtitlesTrack_.tech_.off("vttjserror",o),n.segmentRequestFinished_(e,t,i)},this.state="WAITING_ON_VTTJS",this.subtitlesTrack_.tech_.one("vttjsloaded",s),void this.subtitlesTrack_.tech_.one("vttjserror",o)}a.requested=!0;try{this.parseVTTCues_(r)}catch(e){return void this.stopForError({message:e.message})}if(this.updateTimeMapping_(r,this.syncController_.timelines[r.timeline],this.playlist_),r.cues.length?r.timingInfo={start:r.cues[0].startTime,end:r.cues[r.cues.length-1].endTime}:r.timingInfo={start:r.startOfSegment,end:r.startOfSegment+r.duration},r.isSyncRequest)return this.trigger("syncinfoupdate"),this.pendingSegment_=null,void(this.state="READY");r.byteLength=r.bytes.byteLength,this.mediaSecondsLoaded+=a.duration,r.cues.forEach(function(e){n.remove(e.startTime,e.endTime),n.subtitlesTrack_.addCue(n.featuresNativeTextTracks_?new T.VTTCue(e.startTime,e.endTime,e.text):e)}),this.handleAppendsDone_()}else this.state="READY"},t.handleData_=function(){},t.updateTimingInfoEnd_=function(){},t.parseVTTCues_=function(t){var e,i=!1;"function"==typeof T.TextDecoder?e=new T.TextDecoder("utf8"):(e=T.WebVTT.StringDecoder(),i=!0);var n=new T.WebVTT.Parser(T,T.vttjs,e);if(t.cues=[],t.timestampmap={MPEGTS:0,LOCAL:0},n.oncue=t.cues.push.bind(t.cues),n.ontimestampmap=function(e){t.timestampmap=e},n.onparsingerror=function(e){da.log.warn("Error encountered when parsing cues: "+e.message)},t.segment.map){var r=t.segment.map.bytes;i&&(r=Jc(r)),n.parse(r)}var a=t.bytes;i&&(a=Jc(a)),n.parse(a),n.flush()},t.updateTimeMapping_=function(e,t,i){var n=e.segment;if(t)if(e.cues.length){var r=e.timestampmap,a=r.MPEGTS/fu-r.LOCAL+t.mapping;if(e.cues.forEach(function(e){e.startTime+=a,e.endTime+=a}),!i.syncInfo){var s=e.cues[0].startTime,o=e.cues[e.cues.length-1].startTime;i.syncInfo={mediaSequence:i.mediaSequence+e.mediaIndex,time:Math.min(s,o-n.duration)}}}else n.empty=!0},e}(Hc),bd=[{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 a=t.segments||[],s=null,o=null;r=r||0;for(var u=0;u<a.length;u++){var l=a[u];if(l.dateTimeObject){var c=l.dateTimeObject.getTime()/1e3+e.datetimeToDisplayTime,d=Math.abs(r-c);if(null!==o&&(0===d||o<d))break;o=d,s={time:c,segmentIndex:u}}}return s}},{name:"Segment",run:function(e,t,i,n,r){var a=t.segments||[],s=null,o=null;r=r||0;for(var u=0;u<a.length;u++){var l=a[u];if(l.timeline===n&&"undefined"!=typeof l.start){var c=Math.abs(r-l.start);if(null!==o&&o<c)break;(!s||null===o||c<=o)&&(o=c,s={time:l.start,segmentIndex:u})}}return s}},{name:"Discontinuity",run:function(e,t,i,n,r){var a=null;if(r=r||0,t.discontinuityStarts&&t.discontinuityStarts.length)for(var s=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 d=Math.abs(r-c.time);if(null!==s&&s<d)break;(!a||null===s||d<=s)&&(s=d,a={time:c.time,segmentIndex:u})}}return a}},{name:"Playlist",run:function(e,t,i,n,r){return t.syncInfo?{time:t.syncInfo.time,segmentIndex:t.syncInfo.mediaSequence-t.mediaSequence}:null}}],Td=function(i){function e(e){var t;return(t=i.call(this)||this).timelines=[],t.discontinuities=[],t.datetimeToDisplayTime=null,t.logger_=Pc("SyncController"),t}Ge(e,i);var t=e.prototype;return t.getSyncPoint=function(e,t,i,n){var r=this.runStrategies_(e,t,i,n);return r.length?this.selectSyncPoint_(r,{key:"time",value:n}):null},t.getExpiredTime=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+il(e,n.segmentIndex,0))},t.runStrategies_=function(e,t,i,n){for(var r=[],a=0;a<bd.length;a++){var s=bd[a],o=s.run(this,e,t,i,n);o&&(o.strategy=s.name,r.push({strategy:s.name,syncPoint:o}))}return r},t.selectSyncPoint_=function(e,t){for(var i=e[0].syncPoint,n=Math.abs(e[0].syncPoint[t.key]-t.value),r=e[0].strategy,a=1;a<e.length;a++){var s=Math.abs(e[a].syncPoint[t.key]-t.value);s<n&&(n=s,i=e[a].syncPoint,r=e[a].strategy)}return this.logger_("syncPoint for ["+t.key+": "+t.value+"] chosen with strategy ["+r+"]: [time:"+i.time+", segmentIndex:"+i.segmentIndex+"]"),i},t.saveExpiredSegmentInfo=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}}},t.setDateTimeMapping=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}},t.saveSegmentTimingInfo=function(e){var t=e.segmentInfo,i=e.shouldSaveTimelineMapping;this.calculateSegmentTimeMapping_(t,t.timingInfo,i)&&(this.saveDiscontinuitySyncInfo_(t),t.playlist.syncInfo||(t.playlist.syncInfo={mediaSequence:t.playlist.mediaSequence+t.mediaIndex,time:t.segment.start}))},t.timestampOffsetForTimeline=function(e){return"undefined"==typeof this.timelines[e]?null:this.timelines[e].time},t.mappingForTimeline=function(e){return"undefined"==typeof this.timelines[e]?null:this.timelines[e].mapping},t.calculateSegmentTimeMapping_=function(e,t,i){var n=e.segment,r=this.timelines[e.timeline];if(null!==e.timestampOffset)r={time:e.startOfSegment,mapping:e.startOfSegment-t.start},i&&(this.timelines[e.timeline]=r,this.trigger("timestampoffset"),this.logger_("time mapping for timeline "+e.timeline+": [time: "+r.time+"] [mapping: "+r.mapping+"]")),n.start=e.startOfSegment,n.end=t.end+r.mapping;else{if(!r)return!1;n.start=t.start+r.mapping,n.end=t.end+r.mapping}return!0},t.saveDiscontinuitySyncInfo_=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],a=t.discontinuitySequence+n+1,s=r-e.mediaIndex,o=Math.abs(s);if(!this.discontinuities[a]||this.discontinuities[a].accuracy>o){var u=void 0;u=s<0?i.start-il(t,e.mediaIndex,r):i.end+il(t,e.mediaIndex+1,r),this.discontinuities[a]={time:u,accuracy:o}}}},t.dispose=function(){this.trigger("dispose"),this.off()},e}(da.EventTarget),Sd=function(t){function e(){var e;return(e=t.call(this)||this).pendingTimelineChanges_={},e.lastTimelineChanges_={},e}Ge(e,t);var i=e.prototype;return i.clearPendingTimelineChange=function(e){this.pendingTimelineChanges_[e]=null,this.trigger("pendingtimelinechange")},i.pendingTimelineChange=function(e){var t=e.type,i=e.from,n=e.to;return"number"==typeof i&&"number"==typeof n&&(this.pendingTimelineChanges_[t]={type:t,from:i,to:n},this.trigger("pendingtimelinechange")),this.pendingTimelineChanges_[t]},i.lastTimelineChange=function(e){var t=e.type,i=e.from,n=e.to;return"number"==typeof i&&"number"==typeof n&&(this.lastTimelineChanges_[t]={type:t,from:i,to:n},delete this.pendingTimelineChanges_[t],this.trigger("timelinechange")),this.lastTimelineChanges_[t]},i.dispose=function(){this.trigger("dispose"),this.pendingTimelineChanges_={},this.lastTimelineChanges_={},this.off()},e}(da.EventTarget),kd=new kc("./decrypter-worker.worker.js",function(e,t){var i,n,r,c,g,l,s,a=this;
+/*! @name @videojs/http-streaming @version 2.2.4 @license Apache-2.0 */i=function(e,t,i){return t&&o(e.prototype,t),i&&o(e,i),e},n=function(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t},r=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]=this.listeners[e].slice(0),this.listeners[e].splice(i,1),-1<i},t.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 a=Array.prototype.slice.call(arguments,1),s=i.length,o=0;o<s;++o)i[o].apply(this,a)},t.dispose=function(){this.listeners={}},t.pipe=function(t){this.on("data",function(e){t.push(e)})},e}(),c=null,g=function(){function e(e){var t,i,n;c=c||function(){var e,t,i,n,r,a,s,o,u=[[[],[],[],[],[]],[[],[],[],[],[]]],l=u[0],c=u[1],d=l[4],h=c[4],p=[],f=[];for(e=0;e<256;e++)f[(p[e]=e<<1^283*(e>>7))^e]=e;for(t=i=0;!d[t];t^=n||1,i=f[i]||1)for(a=(a=i^i<<1^i<<2^i<<3^i<<4)>>8^255&a^99,o=16843009*p[r=p[n=p[h[d[t]=a]=t]]]^65537*r^257*n^16843008*t,s=257*p[a]^16843008*a,e=0;e<4;e++)l[e][t]=s=s<<24^s>>>8,c[e][a]=o=o<<24^o>>>8;for(e=0;e<5;e++)l[e]=l[e].slice(0),c[e]=c[e].slice(0);return u}(),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 r=this._tables[0][4],a=this._tables[1],s=e.length,o=1;if(4!==s&&6!==s&&8!==s)throw new Error("Invalid aes key size");var u=e.slice(0),l=[];for(this._key=[u,l],t=s;t<4*s+28;t++)n=u[t-1],(t%s==0||8===s&&t%s==4)&&(n=r[n>>>24]<<24^r[n>>16&255]<<16^r[n>>8&255]<<8^r[255&n],t%s==0&&(n=n<<8^n>>>24^o<<24,o=o<<1^283*(o>>7))),u[t]=u[t-s]^n;for(i=0;t;i++,t--)n=u[3&i?t:t-4],l[i]=t<=4||i<4?n:a[0][r[n>>>24]]^a[1][r[n>>16&255]]^a[2][r[n>>8&255]]^a[3][r[255&n]]}return e.prototype.decrypt=function(e,t,i,n,r,a){var s,o,u,l,c=this._key[1],d=e^c[0],h=n^c[1],p=i^c[2],f=t^c[3],m=c.length/4-2,g=4,v=this._tables[1],y=v[0],_=v[1],b=v[2],T=v[3],S=v[4];for(l=0;l<m;l++)s=y[d>>>24]^_[h>>16&255]^b[p>>8&255]^T[255&f]^c[g],o=y[h>>>24]^_[p>>16&255]^b[f>>8&255]^T[255&d]^c[g+1],u=y[p>>>24]^_[f>>16&255]^b[d>>8&255]^T[255&h]^c[g+2],f=y[f>>>24]^_[d>>16&255]^b[h>>8&255]^T[255&p]^c[g+3],g+=4,d=s,h=o,p=u;for(l=0;l<4;l++)r[(3&-l)+a]=S[d>>>24]<<24^S[h>>16&255]<<16^S[p>>8&255]<<8^S[255&f]^c[g++],s=d,d=h,h=p,p=f,f=s},e}(),l=function(t){function e(){var e;return(e=t.call(this,r)||this).jobs=[],e.delay=1,e.timeout_=null,e}n(e,t);var i=e.prototype;return i.processJob_=function(){this.jobs.shift()(),this.jobs.length?this.timeout_=setTimeout(this.processJob_.bind(this),this.delay):this.timeout_=null},i.push=function(e){this.jobs.push(e),this.timeout_||(this.timeout_=setTimeout(this.processJob_.bind(this),this.delay))},e}(r),s=function(){function u(e,t,i,n){var r=u.STEP,a=new Int32Array(e.buffer),s=new Uint8Array(e.byteLength),o=0;for(this.asyncStream_=new l,this.asyncStream_.push(this.decryptChunk_(a.subarray(o,o+r),t,i,s)),o=r;o<a.length;o+=r)i=new Uint32Array([v(a[o-4]),v(a[o-3]),v(a[o-2]),v(a[o-1])]),this.asyncStream_.push(this.decryptChunk_(a.subarray(o,o+r),t,i,s));this.asyncStream_.push(function(){n(null,
+/*! @name pkcs7 @version 1.0.4 @license Apache-2.0 */
+function(e){return e.subarray(0,e.byteLength-e[e.byteLength-1])}
+/*! @name aes-decrypter @version 3.1.0 @license Apache-2.0 */(s))})}return u.prototype.decryptChunk_=function(t,i,n,r){return function(){var e=function(e,t,i){var n,r,a,s,o,u,l,c,d,h=new Int32Array(e.buffer,e.byteOffset,e.byteLength>>2),p=new g(Array.prototype.slice.call(t)),f=new Uint8Array(e.byteLength),m=new Int32Array(f.buffer);for(n=i[0],r=i[1],a=i[2],s=i[3],d=0;d<h.length;d+=4)o=v(h[d]),u=v(h[d+1]),l=v(h[d+2]),c=v(h[d+3]),p.decrypt(o,u,l,c,m,d),m[d]=v(m[d]^n),m[d+1]=v(m[d+1]^r),m[d+2]=v(m[d+2]^a),m[d+3]=v(m[d+3]^s),n=o,r=u,a=l,s=c;return f}(t,i,n);r.set(e,t.byteOffset)}},i(u,null,[{key:"STEP",get:function(){return 32e3}}]),u}(),new function(a){a.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 s(t,n,r,function(e,t){a.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])})}}(a);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 v(e){return e<<24|(65280&e)<<8|(16711680&e)>>8|e>>>24}}),Cd={AUDIO:function(u,l){return function(){var e=l.segmentLoaders[u],t=l.mediaTypes[u],i=l.blacklistCurrentPlaylist;ed(e,t);var n=t.activeTrack(),r=t.activeGroup(),a=(r.filter(function(e){return e.default})[0]||r[0]).id,s=t.tracks[a];if(n!==s){for(var o in da.log.warn("Problem encountered loading the alternate audio track.Switching back to default."),t.tracks)t.tracks[o].enabled=t.tracks[o]===s;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];da.log.warn("Problem encountered loading the subtitle track.Disabling subtitle track."),ed(e,t);var i=t.activeTrack();i&&(i.mode="disabled"),t.onTrackChanged()}}},Ed={AUDIO:function(e,t,i){if(t){var n=i.tech,r=i.requestOptions,a=i.segmentLoaders[e];t.on("loadedmetadata",function(){var e=t.media();a.playlist(e,r),(!n.paused()||e.endList&&"none"!==n.preload())&&a.load()}),t.on("loadedplaylist",function(){a.playlist(t.media(),r),n.paused()||a.load()}),t.on("error",Cd[e](e,i))}},SUBTITLES:function(e,t,i){var n=i.tech,r=i.requestOptions,a=i.segmentLoaders[e],s=i.mediaTypes[e];t.on("loadedmetadata",function(){var e=t.media();a.playlist(e,r),a.track(s.activeTrack()),(!n.paused()||e.endList&&"none"!==n.preload())&&a.load()}),t.on("loadedplaylist",function(){a.playlist(t.media(),r),n.paused()||a.load()}),t.on("error",Cd[e](e,i))}},wd={AUDIO:function(s,o){var u=o.vhs,l=o.sourceType,e=o.segmentLoaders[s],c=o.requestOptions,t=o.master,d=t.mediaGroups,i=t.playlists,n=o.mediaTypes[s],h=n.groups,p=n.tracks,f=o.masterPlaylistLoader;d[s]&&0!==Object.keys(d[s]).length||(d[s]={main:{default:{default:!0}}});function r(r){function e(e){var t=d[s][r][e];a.filter(function(e){return e.resolvedUri===t.resolvedUri}).length&&delete t.resolvedUri;var i=void 0;if(i="vhs-json"===l&&t.playlists?new Zl(t.playlists[0],u,c):t.resolvedUri?new Zl(t.resolvedUri,u,c):t.playlists&&"dash"===l?new oc(t.playlists[0],u,c,f):null,t=da.mergeOptions({id:e,playlistLoader:i},t),Ed[s](s,t.playlistLoader,o),h[r].push(t),"undefined"==typeof p[e]){var n=new da.AudioTrack({id:e,kind:function(e){var t=e.default?"main":"alternative";return e.characteristics&&0<=e.characteristics.indexOf("public.accessibility.describes-video")&&(t="main-desc"),t}(t),enabled:!1,language:t.language,default:t.default,label:e});p[e]=n}}h[r]||(h[r]=[]);var a=i.filter(function(e){return e.attributes[s]===r});for(var t in d[s][r])e(t)}for(var a in d[s])r(a);e.on("error",Cd[s](s,o))},SUBTITLES:function(e,t){var i=t.tech,n=t.vhs,r=t.sourceType,a=t.segmentLoaders[e],s=t.requestOptions,o=t.master.mediaGroups,u=t.mediaTypes[e],l=u.groups,c=u.tracks,d=t.masterPlaylistLoader;for(var h in o[e])for(var p in l[h]||(l[h]=[]),o[e][h])if(!o[e][h][p].forced){var f=o[e][h][p],m=void 0;if("hls"===r?m=new Zl(f.resolvedUri,n,s):"dash"===r?m=new oc(f.playlists[0],n,s,d):"vhs-json"===r&&(m=new Zl(f.playlists?f.playlists[0]:f.resolvedUri,n,s)),f=da.mergeOptions({id:p,playlistLoader:m},f),Ed[e](e,f.playlistLoader,t),l[h].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}}a.on("error",Cd[e](e,t))},"CLOSED-CAPTIONS":function(e,t){var i=t.tech,n=t.master.mediaGroups,r=t.mediaTypes[e],a=r.groups,s=r.tracks;for(var o in n[e])for(var u in a[o]||(a[o]=[]),n[e][o]){var l=n[e][o][u];if(l.instreamId.match(/CC\d/)&&(a[o].push(da.mergeOptions({id:u},l)),"undefined"==typeof s[u])){var c=i.addRemoteTextTrack({id:l.instreamId,kind:"captions",default:l.default&&l.autoselect,language:l.language,label:u},!1).track;s[u]=c}}}},Id={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||"hidden"===e[t].mode)return e[t];return null}}},Ad=["mediaRequests","mediaRequestsAborted","mediaRequestsTimedout","mediaRequestsErrored","mediaTransferDuration","mediaBytesTransferred"],xd=function(m){function e(e){var t;t=m.call(this)||this;var i=e.src,n=e.handleManifestRedirects,r=e.withCredentials,a=e.tech,s=e.bandwidth,o=e.externVhs,u=e.useCueTags,l=e.blacklistDuration,c=e.enableLowInitialPlaylist,d=e.sourceType,h=e.cacheEncryptionKeys,p=e.handlePartialData;if(!i)throw new Error("A non-empty playlist URL or JSON manifest string is required");ad=o,t.withCredentials=r,t.tech_=a,t.vhs_=a.vhs,t.sourceType_=d,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.on("error",t.pauseLoading),t.mediaTypes_=function(){var t={};return["AUDIO","SUBTITLES","CLOSED-CAPTIONS"].forEach(function(e){t[e]={groups:{},tracks:{},activePlaylistLoader:null,activeGroup:Wc,activeTrack:Wc,onGroupChanged:Wc,onTrackChanged:Wc}}),t}(),t.mediaSource=new T.MediaSource,t.handleDurationChange_=t.handleDurationChange_.bind(Ve(t)),t.handleSourceOpen_=t.handleSourceOpen_.bind(Ve(t)),t.handleSourceEnded_=t.handleSourceEnded_.bind(Ve(t)),t.mediaSource.addEventListener("durationchange",t.handleDurationChange_),t.mediaSource.addEventListener("sourceopen",t.handleSourceOpen_),t.mediaSource.addEventListener("sourceended",t.handleSourceEnded_),t.seekable_=da.createTimeRanges(),t.hasPlayed_=!1,t.syncController_=new Td(e),t.segmentMetadataTrack_=a.addRemoteTextTrack({kind:"metadata",label:"segment-metadata"},!1).track,t.decrypter_=new kd,t.sourceUpdater_=new vd(t.mediaSource),t.inbandTextTracks_={},t.timelineChangeController_=new Sd;var f={vhs:t.vhs_,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.duration()},hasPlayed:function(){return t.hasPlayed_},goalBufferLength:function(){return t.goalBufferLength()},bandwidth:s,syncController:t.syncController_,decrypter:t.decrypter_,sourceType:t.sourceType_,inbandTextTracks:t.inbandTextTracks_,cacheEncryptionKeys:h,handlePartialData:p,sourceUpdater:t.sourceUpdater_,timelineChangeController:t.timelineChangeController_};return t.masterPlaylistLoader_="dash"===t.sourceType_?new oc(i,t.vhs_,t.requestOptions_):new Zl(i,t.vhs_,t.requestOptions_),t.setupMasterPlaylistLoaderListeners_(),t.mainSegmentLoader_=new Hc(da.mergeOptions(f,{segmentMetadataTrack:t.segmentMetadataTrack_,loaderType:"main"}),e),t.audioSegmentLoader_=new Hc(da.mergeOptions(f,{loaderType:"audio"}),e),t.subtitleSegmentLoader_=new _d(da.mergeOptions(f,{loaderType:"vtt",featuresNativeTextTracks:t.tech_.featuresNativeTextTracks}),e),t.setupSegmentLoaderListeners_(),Ad.forEach(function(e){t[e+"_"]=function(e){return this.audioSegmentLoader_[e]+this.mainSegmentLoader_[e]}.bind(Ve(t),e)}),t.logger_=Pc("MPC"),t.triggeredFmp4Usage=!1,t.masterPlaylistLoader_.load(),t}Ge(e,m);var t=e.prototype;return t.setupMasterPlaylistLoaderListeners_=function(){var i=this;this.masterPlaylistLoader_.on("loadedmetadata",function(){var e=i.masterPlaylistLoader_.media(),t=1.5*e.targetDuration*1e3;ll(i.masterPlaylistLoader_.master,i.masterPlaylistLoader_.media())?i.requestOptions_.timeout=0:i.requestOptions_.timeout=t,e.endList&&"none"!==i.tech_.preload()&&(i.mainSegmentLoader_.playlist(e,i.requestOptions_),i.mainSegmentLoader_.load()),id({sourceType:i.sourceType_,segmentLoaders:{AUDIO:i.audioSegmentLoader_,SUBTITLES:i.subtitleSegmentLoader_,main:i.mainSegmentLoader_},tech:i.tech_,requestOptions:i.requestOptions_,masterPlaylistLoader:i.masterPlaylistLoader_,vhs:i.vhs_,master:i.master(),mediaTypes:i.mediaTypes_,blacklistCurrentPlaylist:i.blacklistCurrentPlaylist.bind(i)}),i.triggerPresenceUsage_(i.master(),e),i.setupFirstPlay(),!i.mediaTypes_.AUDIO.activePlaylistLoader||i.mediaTypes_.AUDIO.activePlaylistLoader.media()?i.trigger("selectedinitialmedia"):i.mediaTypes_.AUDIO.activePlaylistLoader.one("loadedmetadata",function(){i.trigger("selectedinitialmedia")})}),this.masterPlaylistLoader_.on("loadedplaylist",function(){var e=i.masterPlaylistLoader_.media();if(!e){var t;if(i.excludeUnsupportedVariants_(),i.enableLowInitialPlaylist&&(t=i.selectInitialPlaylist()),t=t||i.selectPlaylist(),i.initialMedia_=t,i.masterPlaylistLoader_.media(i.initialMedia_),!("vhs-json"===i.sourceType_&&i.initialMedia_.segments))return;e=i.initialMedia_}i.handleUpdatedMediaPlaylist(e)}),this.masterPlaylistLoader_.on("error",function(){i.blacklistCurrentPlaylist(i.masterPlaylistLoader_.error)}),this.masterPlaylistLoader_.on("mediachanging",function(){i.mainSegmentLoader_.abort(),i.mainSegmentLoader_.pause()}),this.masterPlaylistLoader_.on("mediachange",function(){var e=i.masterPlaylistLoader_.media(),t=1.5*e.targetDuration*1e3;ll(i.masterPlaylistLoader_.master,i.masterPlaylistLoader_.media())?i.requestOptions_.timeout=0:i.requestOptions_.timeout=t,i.mainSegmentLoader_.playlist(e,i.requestOptions_),i.mainSegmentLoader_.load(),i.tech_.trigger({type:"mediachange",bubbles:!0})}),this.masterPlaylistLoader_.on("playlistunchanged",function(){var e=i.masterPlaylistLoader_.media();i.stuckAtPlaylistEnd_(e)&&(i.blacklistCurrentPlaylist({message:"Playlist no longer updating."}),i.tech_.trigger("playliststuck"))}),this.masterPlaylistLoader_.on("renditiondisabled",function(){i.tech_.trigger({type:"usage",name:"vhs-rendition-disabled"}),i.tech_.trigger({type:"usage",name:"hls-rendition-disabled"})}),this.masterPlaylistLoader_.on("renditionenabled",function(){i.tech_.trigger({type:"usage",name:"vhs-rendition-enabled"}),i.tech_.trigger({type:"usage",name:"hls-rendition-enabled"})})},t.handleUpdatedMediaPlaylist=function(e){this.useCueTags_&&this.updateAdCues_(e),this.mainSegmentLoader_.playlist(e,this.requestOptions_),this.updateDuration(!e.endList),this.tech_.paused()||(this.mainSegmentLoader_.load(),this.audioSegmentLoader_&&this.audioSegmentLoader_.load())},t.triggerPresenceUsage_=function(e,t){var i=e.mediaGroups||{},n=!0,r=Object.keys(i.AUDIO);for(var a in i.AUDIO)for(var s in i.AUDIO[a]){i.AUDIO[a][s].uri||(n=!1)}n&&(this.tech_.trigger({type:"usage",name:"vhs-demuxed"}),this.tech_.trigger({type:"usage",name:"hls-demuxed"})),Object.keys(i.SUBTITLES).length&&(this.tech_.trigger({type:"usage",name:"vhs-webvtt"}),this.tech_.trigger({type:"usage",name:"hls-webvtt"})),ad.Playlist.isAes(t)&&(this.tech_.trigger({type:"usage",name:"vhs-aes"}),this.tech_.trigger({type:"usage",name:"hls-aes"})),r.length&&1<Object.keys(i.AUDIO[r[0]]).length&&(this.tech_.trigger({type:"usage",name:"vhs-alternate-audio"}),this.tech_.trigger({type:"usage",name:"hls-alternate-audio"})),this.useCueTags_&&(this.tech_.trigger({type:"usage",name:"vhs-playlist-cue-tags"}),this.tech_.trigger({type:"usage",name:"hls-playlist-cue-tags"}))},t.setupSegmentLoaderListeners_=function(){var n=this;this.mainSegmentLoader_.on("bandwidthupdate",function(){var e=n.selectPlaylist(),t=n.masterPlaylistLoader_.media(),i=n.tech_.buffered();!function(e){var t=e.currentPlaylist,i=e.nextPlaylist,n=e.forwardBuffer,r=e.bufferLowWaterLine,a=e.duration;e.log;return i?!t.endList||(a<uc.MAX_BUFFER_LOW_WATER_LINE||(i.attributes.BANDWIDTH<t.attributes.BANDWIDTH||r<=n)):(da.log.warn("We received no playlist to switch to. Please check your stream."),!1)}({currentPlaylist:t,nextPlaylist:e,forwardBuffer:i.length?i.end(i.length-1)-n.tech_.currentTime():0,bufferLowWaterLine:n.bufferLowWaterLine(),duration:n.duration(),log:n.logger_})||n.masterPlaylistLoader_.media(e),n.tech_.trigger("bandwidthupdate")}),this.mainSegmentLoader_.on("progress",function(){n.trigger("progress")}),this.mainSegmentLoader_.on("error",function(){n.blacklistCurrentPlaylist(n.mainSegmentLoader_.error())}),this.mainSegmentLoader_.on("appenderror",function(){n.error=n.mainSegmentLoader_.error_,n.trigger("error")}),this.mainSegmentLoader_.on("syncinfoupdate",function(){n.onSyncInfoUpdate_()}),this.mainSegmentLoader_.on("timestampoffset",function(){n.tech_.trigger({type:"usage",name:"vhs-timestamp-offset"}),n.tech_.trigger({type:"usage",name:"hls-timestamp-offset"})}),this.audioSegmentLoader_.on("syncinfoupdate",function(){n.onSyncInfoUpdate_()}),this.audioSegmentLoader_.on("appenderror",function(){n.error=n.audioSegmentLoader_.error_,n.trigger("error")}),this.mainSegmentLoader_.on("ended",function(){n.logger_("main segment loader ended"),n.onEndOfStream()}),this.mainSegmentLoader_.on("earlyabort",function(){n.blacklistCurrentPlaylist({message:"Aborted early because there isn't enough bandwidth to complete the request without rebuffering."},120)});function e(){if(!n.sourceUpdater_.ready())return n.tryToCreateSourceBuffers_();var e=n.getCodecsOrExclude_();e&&n.sourceUpdater_.addOrChangeSourceBuffers(e)}this.mainSegmentLoader_.on("trackinfo",e),this.audioSegmentLoader_.on("trackinfo",e),this.mainSegmentLoader_.on("fmp4",function(){n.triggeredFmp4Usage||(n.tech_.trigger({type:"usage",name:"vhs-fmp4"}),n.tech_.trigger({type:"usage",name:"hls-fmp4"}),n.triggeredFmp4Usage=!0)}),this.audioSegmentLoader_.on("fmp4",function(){n.triggeredFmp4Usage||(n.tech_.trigger({type:"usage",name:"vhs-fmp4"}),n.tech_.trigger({type:"usage",name:"hls-fmp4"}),n.triggeredFmp4Usage=!0)}),this.audioSegmentLoader_.on("ended",function(){n.logger_("audioSegmentLoader ended"),n.onEndOfStream()})},t.mediaSecondsLoaded_=function(){return Math.max(this.audioSegmentLoader_.mediaSecondsLoaded+this.mainSegmentLoader_.mediaSecondsLoaded)},t.load=function(){this.mainSegmentLoader_.load(),this.mediaTypes_.AUDIO.activePlaylistLoader&&this.audioSegmentLoader_.load(),this.mediaTypes_.SUBTITLES.activePlaylistLoader&&this.subtitleSegmentLoader_.load()},t.smoothQualityChange_=function(e){void 0===e&&(e=this.selectPlaylist()),e!==this.masterPlaylistLoader_.media()&&(this.masterPlaylistLoader_.media(e),this.mainSegmentLoader_.resetLoader())},t.fastQualityChange_=function(e){var t=this;void 0===e&&(e=this.selectPlaylist()),e!==this.masterPlaylistLoader_.media()&&(this.masterPlaylistLoader_.media(e),this.mainSegmentLoader_.resetEverything(function(){da.browser.IE_VERSION||da.browser.IS_EDGE?t.tech_.setCurrentTime(t.tech_.currentTime()+.04):t.tech_.setCurrentTime(t.tech_.currentTime())}))},t.play=function(){if(!this.setupFirstPlay()){this.tech_.ended()&&this.tech_.setCurrentTime(0),this.hasPlayed_&&this.load();var e=this.tech_.seekable();return this.tech_.duration()===1/0&&this.tech_.currentTime()<e.start(0)?this.tech_.setCurrentTime(e.end(e.length-1)):void 0}},t.setupFirstPlay=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(da.browser.IE_VERSION&&0===this.tech_.readyState())return this.tech_.one("loadedmetadata",function(){e.trigger("firstplay"),e.tech_.setCurrentTime(i.end(0)),e.hasPlayed_=!0}),!1;this.trigger("firstplay"),this.tech_.setCurrentTime(i.end(0))}return this.hasPlayed_=!0,this.load(),!0},t.handleSourceOpen_=function(){if(this.tryToCreateSourceBuffers_(),this.tech_.autoplay()){var e=this.tech_.play();"undefined"!=typeof e&&"function"==typeof e.then&&e.then(null,function(e){})}this.trigger("sourceopen")},t.handleSourceEnded_=function(){if(this.inbandTextTracks_.metadataTrack_){var e=this.inbandTextTracks_.metadataTrack_.cues;if(e&&e.length){var t=this.duration();e[e.length-1].endTime=isNaN(t)||Math.abs(t)===1/0?Number.MAX_VALUE:t}}},t.handleDurationChange_=function(){this.tech_.trigger("durationchange")},t.onEndOfStream=function(){var e=this.mainSegmentLoader_.ended_;this.mediaTypes_.AUDIO.activePlaylistLoader&&(e=!this.mainSegmentLoader_.currentMediaInfo_||this.mainSegmentLoader_.currentMediaInfo_.hasVideo?e&&this.audioSegmentLoader_.ended_:this.audioSegmentLoader_.ended_),e&&this.sourceUpdater_.endOfStream()},t.stuckAtPlaylistEnd_=function(e){if(!this.seekable().length)return!1;var t=this.syncController_.getExpiredTime(e,this.duration());if(null===t)return!1;var i=ad.Playlist.playlistEnd(e,t),n=this.tech_.currentTime(),r=this.tech_.buffered();if(!r.length)return i-n<=.1;var a=r.end(r.length-1);return a-n<=.1&&i-a<=.1},t.blacklistCurrentPlaylist=function(e,t){void 0===e&&(e={});var i=e.playlist||this.masterPlaylistLoader_.media();if(t=t||e.blacklistDuration||this.blacklistDuration,!i)return this.error=e,void("open"!==this.mediaSource.readyState?this.trigger("error"):this.sourceUpdater_.endOfStream("network"));var n=this.masterPlaylistLoader_.master.playlists,r=n.filter(ol),a=1===r.length&&r[0]===i;if(1===n.length&&t!==1/0)return da.log.warn("Problem encountered with playlist "+i.id+". Trying again since it is the only playlist."),this.tech_.trigger("retryplaylist"),this.masterPlaylistLoader_.load(a);if(a){var s=!1;n.forEach(function(e){if(e!==i){var t=e.excludeUntil;"undefined"!=typeof t&&t!==1/0&&(s=!0,delete e.excludeUntil)}}),s&&(da.log.warn("Removing other playlists from the exclusion list because the last rendition is about to be excluded."),this.tech_.trigger("retryplaylist"))}i.excludeUntil=Date.now()+1e3*t,this.tech_.trigger("blacklistplaylist"),this.tech_.trigger({type:"usage",name:"vhs-rendition-blacklisted"}),this.tech_.trigger({type:"usage",name:"hls-rendition-blacklisted"});var o=this.selectPlaylist();if(!o)return this.error="Playback cannot continue. No available working or supported playlists.",void this.trigger("error");var u=e.internal?this.logger_:da.log.warn,l=e.message?" "+e.message:"";return u((e.internal?"Internal problem":"Problem")+" encountered with playlist "+i.id+"."+l+" Switching to playlist "+o.id+"."),o.attributes.AUDIO!==i.attributes.AUDIO&&this.delegateLoaders_("audio",["abort","pause"]),o.attributes.SUBTITLES!==i.attributes.SUBTITLES&&this.delegateLoaders_("subtitle",["abort","pause"]),this.delegateLoaders_("main",["abort","pause"]),this.masterPlaylistLoader_.media(o,a)},t.pauseLoading=function(){this.delegateLoaders_("all",["abort","pause"])},t.delegateLoaders_=function(i,e){var n=this,r=[],t="all"===i;!t&&"main"!==i||r.push(this.masterPlaylistLoader_);var a=[];!t&&"audio"!==i||a.push("AUDIO"),!t&&"subtitle"!==i||(a.push("CLOSED-CAPTIONS"),a.push("SUBTITLES")),a.forEach(function(e){var t=n.mediaTypes_[e]&&n.mediaTypes_[e].activePlaylistLoader;t&&r.push(t)}),["main","audio","subtitle"].forEach(function(e){var t=n[e+"SegmentLoader_"];!t||i!==e&&"all"!==i||r.push(t)}),r.forEach(function(t){return e.forEach(function(e){"function"==typeof t[e]&&t[e]()})})},t.setCurrentTime=function(e){var t=$u(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},t.duration=function(){if(!this.masterPlaylistLoader_)return 0;var e=this.masterPlaylistLoader_.media();return e?e.endList?this.mediaSource?this.mediaSource.duration:ad.Playlist.duration(e):1/0:0},t.seekable=function(){return this.seekable_},t.onSyncInfoUpdate_=function(){var e;if(this.masterPlaylistLoader_){var t=this.masterPlaylistLoader_.media();if(t){var i=this.syncController_.getExpiredTime(t,this.duration());if(null!==i){var n=this.masterPlaylistLoader_.master.suggestedPresentationDelay,r=ad.Playlist.seekable(t,i,n);if(0!==r.length){if(this.mediaTypes_.AUDIO.activePlaylistLoader){if(t=this.mediaTypes_.AUDIO.activePlaylistLoader.media(),null===(i=this.syncController_.getExpiredTime(t,this.duration())))return;if(0===(e=ad.Playlist.seekable(t,i,n)).length)return}var a,s;this.seekable_&&this.seekable_.length&&(a=this.seekable_.end(0),s=this.seekable_.start(0)),e?e.start(0)>r.end(0)||r.start(0)>e.end(0)?this.seekable_=r:this.seekable_=da.createTimeRanges([[e.start(0)>r.start(0)?e.start(0):r.start(0),e.end(0)<r.end(0)?e.end(0):r.end(0)]]):this.seekable_=r,this.seekable_&&this.seekable_.length&&this.seekable_.end(0)===a&&this.seekable_.start(0)===s||(this.logger_("seekable updated ["+Ju(this.seekable_)+"]"),this.tech_.trigger("seekablechanged"))}}}}},t.updateDuration=function(e){if(this.updateDuration_&&(this.mediaSource.removeEventListener("sourceopen",this.updateDuration_),this.updateDuration_=null),"open"!==this.mediaSource.readyState)return this.updateDuration_=this.updateDuration.bind(this,e),void this.mediaSource.addEventListener("sourceopen",this.updateDuration_);if(e){var t=this.seekable();if(!t.length)return;(isNaN(this.mediaSource.duration)||this.mediaSource.duration<t.end(t.length-1))&&this.sourceUpdater_.setDuration(t.end(t.length-1))}else{var i=this.tech_.buffered(),n=ad.Playlist.duration(this.masterPlaylistLoader_.media());0<i.length&&(n=Math.max(n,i.end(i.length-1))),this.mediaSource.duration!==n&&this.sourceUpdater_.setDuration(n)}},t.dispose=function(){var n=this;this.trigger("dispose"),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(),this.sourceUpdater_.dispose(),this.timelineChangeController_.dispose(),this.updateDuration_&&this.mediaSource.removeEventListener("sourceopen",this.updateDuration_),this.mediaSource.removeEventListener("durationchange",this.handleDurationChange_),this.mediaSource.removeEventListener("sourceopen",this.handleSourceOpen_),this.mediaSource.removeEventListener("sourceended",this.handleSourceEnded_),this.off()},t.master=function(){return this.masterPlaylistLoader_.master},t.media=function(){return this.masterPlaylistLoader_.media()||this.initialMedia_},t.areMediaTypesKnown_=function(){var e=!!this.mediaTypes_.AUDIO.activePlaylistLoader;return!(!this.mainSegmentLoader_.currentMediaInfo_||e&&!this.audioSegmentLoader_.currentMediaInfo_)},t.getCodecsOrExclude_=function(){var n=this,i={main:this.mainSegmentLoader_.currentMediaInfo_||{},audio:this.audioSegmentLoader_.currentMediaInfo_||{}};i.video=i.main;var e=xc(this.master(),this.media()),r={},t=!!this.mediaTypes_.AUDIO.activePlaylistLoader;if(i.main.hasVideo&&(r.video=e.video||i.main.videoCodec||Vl),i.main.isMuxed&&(r.video+=","+(e.audio||i.main.audioCodec||jl)),(i.main.hasAudio&&!i.main.isMuxed||i.audio.hasAudio||t)&&(r.audio=e.audio||i.main.audioCodec||i.audio.audioCodec||jl,i.audio.isFmp4=i.main.hasAudio&&!i.main.isMuxed?i.main.isFmp4:i.audio.isFmp4),r.audio||r.video){var a,s={};if(["video","audio"].forEach(function(e){if(r.hasOwnProperty(e)&&!function(e,t){return e?ql(t):Xl(t)}(i[e].isFmp4,r[e])){var t=i[e].isFmp4?"browser":"muxer";s[t]=s[t]||[],s[t].push(r[e]),"audio"===e&&(a=t)}}),t&&a&&this.media().attributes.AUDIO){var o=this.media().attributes.AUDIO;this.master().playlists.forEach(function(e){(e.attributes&&e.attributes.AUDIO)===o&&e!==n.media()&&(e.excludeUntil=1/0)}),this.logger_("excluding audio group "+o+" as "+a+' does not support codec(s): "'+r.audio+'"')}if(!Object.keys(s).length){if(this.sourceUpdater_.ready()&&!this.sourceUpdater_.canChangeType()){var u=[];if(["video","audio"].forEach(function(e){var t=(Kl(n.sourceUpdater_.codecs[e]||"")[e]||{}).type,i=(Kl(r[e]||"")[e]||{}).type;t&&i&&t.toLowerCase()!==i.toLowerCase()&&u.push('"'+n.sourceUpdater_.codecs[e]+'" -> "'+r[e]+'"')}),u.length)return void this.blacklistCurrentPlaylist({playlist:this.media(),message:"Codec switching not supported: "+u.join(", ")+".",blacklistDuration:1/0,internal:!0})}return r}var l=Object.keys(s).reduce(function(e,t){return e&&(e+=", "),e+=t+' does not support codec(s): "'+s[t].join(",")+'"'},"")+".";this.blacklistCurrentPlaylist({playlist:this.media(),internal:!0,message:l,blacklistDuration:1/0})}else this.blacklistCurrentPlaylist({playlist:this.media(),message:"Could not determine codecs for playlist.",blacklistDuration:1/0})},t.tryToCreateSourceBuffers_=function(){if("open"===this.mediaSource.readyState&&!this.sourceUpdater_.ready()&&this.areMediaTypesKnown_()){var e=this.getCodecsOrExclude_();if(e){this.sourceUpdater_.createSourceBuffers(e);var t=[e.video,e.audio].filter(Boolean).join(",");this.excludeIncompatibleVariants_(t)}}},t.excludeUnsupportedVariants_=function(){var i=this;this.master().playlists.forEach(function(e){var t=xc(i.master,e);!t.audio||Xl(t.audio)||ql(t.audio)||(e.excludeUntil=1/0),!t.video||Xl(t.video)||ql(t.video)||(e.excludeUntil=1/0)})},t.excludeIncompatibleVariants_=function(e){var s=this,o=Kl(e),u=Object.keys(o).length;this.master().playlists.forEach(function(e){if(e.excludeUntil!==1/0){var t={},i=2,n=[],r=xc(s.masterPlaylistLoader_.master,e);if(r.audio||r.video){var a=[r.video,r.audio].filter(Boolean).join(",");t=Kl(a),i=Object.keys(t).length}i!==u&&(n.push('codec count "'+i+'" !== "'+u+'"'),e.excludeUntil=1/0),s.sourceUpdater_.canChangeType()||(t.video&&o.video&&t.video.type.toLowerCase()!==o.video.type.toLowerCase()&&(n.push('video codec "'+t.video.type+'" !== "'+o.video.type+'"'),e.excludeUntil=1/0),t.audio&&o.audio&&t.audio.type.toLowerCase()!==o.audio.type.toLowerCase()&&(e.excludeUntil=1/0,n.push('audio codec "'+t.audio.type+'" !== "'+o.audio.type+'"'))),n.length&&s.logger_("blacklisting "+e.id+": "+n.join(" && "))}})},t.updateAdCues_=function(e){var t=0,i=this.seekable();i.length&&(t=i.start(0)),function(e,t,i){if(void 0===i&&(i=0),e.segments)for(var n,r=i,a=0;a<e.segments.length;a++){var s=e.segments[a];if(n=n||Zc(t,r+s.duration/2)){if("cueIn"in s){n.endTime=r,n.adEndTime=r,r+=s.duration,n=null;continue}if(r<n.endTime){r+=s.duration;continue}n.endTime+=s.duration}else if("cueOut"in s&&((n=new T.VTTCue(r,r+s.duration,s.cueOut)).adStartTime=r,n.adEndTime=r+parseFloat(s.cueOut),t.addCue(n)),"cueOutCont"in s){var o=s.cueOutCont.split("/").map(parseFloat),u=o[0],l=o[1];(n=new T.VTTCue(r,r+s.duration,"")).adStartTime=r-u,n.adEndTime=n.adStartTime+l,t.addCue(n)}r+=s.duration}}(e,this.cueTagsTrack_,t)},t.goalBufferLength=function(){var e=this.tech_.currentTime(),t=uc.GOAL_BUFFER_LENGTH,i=uc.GOAL_BUFFER_LENGTH_RATE,n=Math.max(t,uc.MAX_GOAL_BUFFER_LENGTH);return Math.min(t+e*i,n)},t.bufferLowWaterLine=function(){var e=this.tech_.currentTime(),t=uc.BUFFER_LOW_WATER_LINE,i=uc.BUFFER_LOW_WATER_LINE_RATE,n=Math.max(t,uc.MAX_BUFFER_LOW_WATER_LINE);return Math.min(t+e*i,n)},e}(da.EventTarget),Pd=["seeking","seeked","pause","playing","error"],Ld=function(){function e(e){var t=this;this.masterPlaylistController_=e.masterPlaylistController,this.tech_=e.tech,this.seekable=e.seekable,this.allowSeeksWithinUnsafeLiveWindow=e.allowSeeksWithinUnsafeLiveWindow,this.media=e.media,this.consecutiveUpdates=0,this.lastRecordedTime=null,this.timer_=null,this.checkCurrentTimeTimeout_=null,this.logger_=Pc("PlaybackWatcher"),this.logger_("initialize");function i(){return t.monitorCurrentTime_()}function n(){return t.techWaiting_()}function r(){return t.cancelTimer_()}function a(){return t.fixesBadSeeks_()}var s=this.masterPlaylistController_,o=["main","subtitle","audio"],u={};o.forEach(function(e){u[e]={reset:function(){return t.resetSegmentDownloads_(e)},updateend:function(){return t.checkSegmentDownloads_(e)}},s[e+"SegmentLoader_"].on("appendsdone",u[e].updateend),s[e+"SegmentLoader_"].on("playlistupdate",u[e].reset),t.tech_.on(["seeked","seeking"],u[e].reset)}),this.tech_.on("seekablechanged",a),this.tech_.on("waiting",n),this.tech_.on(Pd,r),this.tech_.on("canplay",i),this.dispose=function(){t.logger_("dispose"),t.tech_.off("seekablechanged",a),t.tech_.off("waiting",n),t.tech_.off(Pd,r),t.tech_.off("canplay",i),o.forEach(function(e){s[e+"SegmentLoader_"].off("appendsdone",u[e].updateend),s[e+"SegmentLoader_"].off("playlistupdate",u[e].reset),t.tech_.off(["seeked","seeking"],u[e].reset)}),t.checkCurrentTimeTimeout_&&T.clearTimeout(t.checkCurrentTimeTimeout_),t.cancelTimer_()}}var t=e.prototype;return t.monitorCurrentTime_=function(){this.checkCurrentTime_(),this.checkCurrentTimeTimeout_&&T.clearTimeout(this.checkCurrentTimeTimeout_),this.checkCurrentTimeTimeout_=T.setTimeout(this.monitorCurrentTime_.bind(this),250)},t.resetSegmentDownloads_=function(e){var t=this.masterPlaylistController_[e+"SegmentLoader_"];0<this[e+"StalledDownloads_"]&&this.logger_("resetting possible stalled download count for "+e+" loader"),this[e+"StalledDownloads_"]=0,this[e+"Buffered_"]=t.buffered_()},t.checkSegmentDownloads_=function(e){var t=this.masterPlaylistController_,i=t[e+"SegmentLoader_"],n=i.buffered_(),r=function(e,t){if(e===t)return!1;if(!e&&t||!t&&e)return!0;if(e.length!==t.length)return!0;for(var i=0;i<e.length;i++)if(e.start(i)!==t.start(i)||e.end(i)!==t.end(i))return!0;return!1}(this[e+"Buffered_"],n);this[e+"Buffered_"]=n,r?this.resetSegmentDownloads_(e):(this[e+"StalledDownloads_"]++,this.logger_("found #"+this[e+"StalledDownloads_"]+" "+e+" appends that did not increase buffer (possible stalled download)",{playlistId:i.playlist_&&i.playlist_.id,buffered:Zu(n)}),this[e+"StalledDownloads_"]<10||(this.logger_(e+" loader stalled download exclusion"),this.resetSegmentDownloads_(e),this.tech_.trigger({type:"usage",name:"vhs-"+e+"-download-exclusion"}),"subtitle"!==e&&t.blacklistCurrentPlaylist({message:"Excessive "+e+" segment downloading detected."},1/0)))},t.checkCurrentTime_=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)}},t.cancelTimer_=function(){this.consecutiveUpdates=0,this.timer_&&(this.logger_("cancelTimer_"),clearTimeout(this.timer_)),this.timer_=null},t.fixesBadSeeks_=function(){if(!this.tech_.seeking())return!1;var e,t=this.seekable(),i=this.tech_.currentTime();this.afterSeekableWindow_(t,i,this.media(),this.allowSeeksWithinUnsafeLiveWindow)&&(e=t.end(t.length-1));if(this.beforeSeekableWindow_(t,i)){var n=t.start(0);e=n+(n===t.end(0)?0:.1)}if("undefined"!=typeof e)return this.logger_("Trying to seek outside of seekable at time "+i+" with seekable range "+Ju(t)+". Seeking to "+e+"."),this.tech_.setCurrentTime(e),!0;var r=this.tech_.buffered();return!!function(e){var t=e.buffered,i=e.targetDuration,n=e.currentTime;return!!t.length&&(!(t.end(0)-t.start(0)<2*i)&&(!(n>t.start(0))&&t.start(0)-n<i))}({buffered:r,targetDuration:this.media().targetDuration,currentTime:i})&&(e=r.start(0)+.1,this.logger_("Buffered region starts ("+r.start(0)+")  just beyond seek point ("+i+"). Seeking to "+e+"."),this.tech_.setCurrentTime(e),!0)},t.waiting_=function(){if(!this.techWaiting_()){var e=this.tech_.currentTime(),t=this.tech_.buffered(),i=$u(t,e);return i.length&&e+3<=i.end(0)?(this.cancelTimer_(),this.tech_.setCurrentTime(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."),this.tech_.trigger({type:"usage",name:"vhs-unknown-waiting"}),void this.tech_.trigger({type:"usage",name:"hls-unknown-waiting"})):void 0}},t.techWaiting_=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.tech_.setCurrentTime(i),this.tech_.trigger({type:"usage",name:"vhs-live-resync"}),this.tech_.trigger({type:"usage",name:"hls-live-resync"}),!0}var n=this.tech_.vhs.masterPlaylistController_.sourceUpdater_,r=this.tech_.buffered();if(this.videoUnderflow_({audioBuffered:n.audioBuffered(),videoBuffered:n.videoBuffered(),currentTime:t}))return this.cancelTimer_(),this.tech_.setCurrentTime(t),this.tech_.trigger({type:"usage",name:"vhs-video-underflow"}),this.tech_.trigger({type:"usage",name:"hls-video-underflow"}),!0;var a=Qu(r,t);if(0<a.length){var s=a.start(0)-t;return this.logger_("Stopped at "+t+", setting timer for "+s+", seeking to "+a.start(0)),this.cancelTimer_(),this.timer_=setTimeout(this.skipTheGap_.bind(this),1e3*s,t),!0}return!1},t.afterSeekableWindow_=function(e,t,i,n){if(void 0===n&&(n=!1),!e.length)return!1;var r=e.end(e.length-1)+.1;return!i.endList&&n&&(r=e.end(e.length-1)+3*i.targetDuration),r<t},t.beforeSeekableWindow_=function(e,t){return!!(e.length&&0<e.start(0)&&t<e.start(0)-.1)},t.videoUnderflow_=function(e){var t=e.videoBuffered,i=e.audioBuffered,n=e.currentTime;if(t){var r;if(t.length&&i.length){var a=$u(t,n-3),s=$u(t,n),o=$u(i,n);o.length&&!s.length&&a.length&&(r={start:a.end(0),end:o.end(0)})}else{Qu(t,n).length||(r=this.gapFromVideoUnderflow_(t,n))}return!!r&&(this.logger_("Encountered a gap in video from "+r.start+" to "+r.end+". Seeking to current time "+n),!0)}},t.skipTheGap_=function(e){var t=this.tech_.buffered(),i=this.tech_.currentTime(),n=Qu(t,i);this.cancelTimer_(),0!==n.length&&i===e&&(this.logger_("skipTheGap_:","currentTime:",i,"scheduled currentTime:",e,"nextRange start:",n.start(0)),this.tech_.setCurrentTime(n.start(0)+ec),this.tech_.trigger({type:"usage",name:"vhs-gap-skip"}),this.tech_.trigger({type:"usage",name:"hls-gap-skip"}))},t.gapFromVideoUnderflow_=function(e,t){for(var i=function(e){if(e.length<2)return da.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 da.createTimeRanges(t)}(e),n=0;n<i.length;n++){var r=i.start(n),a=i.end(n);if(t-r<4&&2<t-r)return{start:r,end:a}}return null},e}(),Od={errorInterval:30,getSource:function(e){return e(this.tech({IWillNotUseThisInPlugins:!0}).currentSource_||this.currentSource())}},Dd={PlaylistLoader:Zl,Playlist:ic,utils:ac,STANDARD_PLAYLIST_SELECTOR:function(){var e=this.useDevicePixelRatio&&T.devicePixelRatio||1;return function(e,t,i,n,r){var a={bandwidth:t,width:i,height:n,limitRenditionByPlayerDimensions:r},s=e.playlists.map(function(e){var t=e.attributes.RESOLUTION&&e.attributes.RESOLUTION.width,i=e.attributes.RESOLUTION&&e.attributes.RESOLUTION.height;return{bandwidth:e.attributes.BANDWIDTH||T.Number.MAX_VALUE,width:t,height:i,playlist:e}});Dc(s,function(e,t){return e.bandwidth-t.bandwidth});var o=(s=s.filter(function(e){return!ic.isIncompatible(e.playlist)})).filter(function(e){return ic.isEnabled(e.playlist)});o.length||(o=s.filter(function(e){return!ic.isDisabled(e.playlist)}));var u=o.filter(function(e){return e.bandwidth*uc.BANDWIDTH_VARIANCE<t}),l=u[u.length-1],c=u.filter(function(e){return e.bandwidth===l.bandwidth})[0];if(!1===r){var d=c||o[0]||s[0];if(d&&d.playlist){var h="sortedPlaylistReps";return c&&(h="bandwidthBestRep"),o[0]&&(h="enabledPlaylistReps"),qc("choosing "+Lc(d)+" using "+h+" with options",a),d.playlist}return qc("could not choose a playlist with options",a),null}var p=u.filter(function(e){return e.width&&e.height});Dc(p,function(e,t){return e.width-t.width});var f=p.filter(function(e){return e.width===i&&e.height===n});l=f[f.length-1];var m,g,v,y=f.filter(function(e){return e.bandwidth===l.bandwidth})[0];y||(g=(m=p.filter(function(e){return e.width>i||e.height>n})).filter(function(e){return e.width===m[0].width&&e.height===m[0].height}),l=g[g.length-1],v=g.filter(function(e){return e.bandwidth===l.bandwidth})[0]);var _=v||y||c||o[0]||s[0];if(_&&_.playlist){var b="sortedPlaylistReps";return v?b="resolutionPlusOneRep":y?b="resolutionBestRep":c?b="bandwidthBestRep":o[0]&&(b="enabledPlaylistReps"),qc("choosing "+Lc(_)+" using "+b+" with options",a),_.playlist}return qc("could not choose a playlist with options",a),null}(this.playlists.master,this.systemBandwidth,parseInt(Oc(this.tech_.el(),"width"),10)*e,parseInt(Oc(this.tech_.el(),"height"),10)*e,this.limitRenditionByPlayerDimensions)},INITIAL_PLAYLIST_SELECTOR:function(){var t=this,e=this.playlists.master.playlists.filter(ic.isEnabled);return Dc(e,function(e,t){return Mc(e,t)}),e.filter(function(e){return!!xc(t.playlists.master,e).video})[0]||null},comparePlaylistBandwidth:Mc,comparePlaylistResolution:function(e,t){var i,n;return e.attributes.RESOLUTION&&e.attributes.RESOLUTION.width&&(i=e.attributes.RESOLUTION.width),i=i||T.Number.MAX_VALUE,t.attributes.RESOLUTION&&t.attributes.RESOLUTION.width&&(n=t.attributes.RESOLUTION.width),i===(n=n||T.Number.MAX_VALUE)&&e.attributes.BANDWIDTH&&t.attributes.BANDWIDTH?e.attributes.BANDWIDTH-t.attributes.BANDWIDTH:i-n},xhr:dl()};["GOAL_BUFFER_LENGTH","MAX_GOAL_BUFFER_LENGTH","BACK_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(Dd,t,{get:function(){return da.log.warn("using Vhs."+t+" is UNSAFE be sure you know what you are doing"),uc[t]},set:function(e){da.log.warn("using Vhs."+t+" is UNSAFE be sure you know what you are doing"),"number"!=typeof e||e<0?da.log.warn("value of Vhs."+t+" must be greater than or equal to 0"):uc[t]=e}})});function Md(e,t){for(var i=t.media(),n=-1,r=0;r<e.length;r++)if(e[r].id===i.id){n=r;break}e.selectedIndex_=n,e.trigger({selectedIndex:n,type:"change"})}var Rd="videojs-vhs";Dd.canPlaySource=function(){return da.log.warn("HLS is no longer a tech. Please remove it from your player's techOrder.")};function Nd(e){var t=e.player,i=e.sourceKeySystems,n=e.media,r=e.audioMedia,a=e.mainPlaylists,s=function(e,t,i){if(!e)return e;var n={video:t&&t.attributes&&t.attributes.CODECS,audio:i&&i.attributes&&i.attributes.CODECS};!n.audio&&n.video&&1<n.video.split(",").length&&n.video.split(",").forEach(function(e){e=e.trim(),zl(e)?n.audio=e:Gl(e)&&(n.video=e)});var r=n.video?'video/mp4;codecs="'+n.video+'"':null,a=n.audio?'audio/mp4;codecs="'+n.audio+'"':null,s={};for(var o in e)s[o]={audioContentType:a,videoContentType:r},t.contentProtection&&t.contentProtection[o]&&t.contentProtection[o].pssh&&(s[o].pssh=t.contentProtection[o].pssh),"string"==typeof e[o]&&(s[o].url=e[o]);return da.mergeOptions(e,s)}(i,n,r);s&&(!(t.currentSource().keySystems=s)||t.eme?11!==da.browser.IE_VERSION&&t.eme.initializeMediaKeys&&function(e,i){return e.reduce(function(e,n){if(!n.contentProtection)return e;var t=i.reduce(function(e,t){var i=n.contentProtection[t];return i&&i.pssh&&(e[t]={pssh:i.pssh}),e},{});return Object.keys(t).length&&e.push(t),e},[])}(r?a.concat([r]):a,Object.keys(i)).forEach(function(e){t.eme.initializeMediaKeys({keySystems:e})}):da.log.warn("DRM encrypted source cannot be decrypted without a DRM plugin"))}function Ud(){if(!T.localStorage)return null;var e=T.localStorage.getItem(Rd);if(!e)return null;try{return JSON.parse(e)}catch(e){return null}}Dd.supportsNativeHls=function(){if(!d||!d.createElement)return!1;var t=d.createElement("video");if(!da.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))})}(),Dd.supportsNativeDash=!!(d&&d.createElement&&da.getTech("Html5").isSupported())&&/maybe|probably/i.test(d.createElement("video").canPlayType("application/dash+xml")),Dd.supportsTypeNatively=function(e){return"hls"===e?Dd.supportsNativeHls:"dash"===e&&Dd.supportsNativeDash},Dd.isSupported=function(){return da.log.warn("HLS is no longer a tech. Please remove it from your player's techOrder.")};var Fd=function(a){function e(e,t,i){var n;if(n=a.call(this,t,da.mergeOptions(i.hls,i.vhs))||this,i.hls&&Object.keys(i.hls).length&&da.log.warn("Using hls options is deprecated. Use vhs instead."),t.options_&&t.options_.playerId){var r=da(t.options_.playerId);r.hasOwnProperty("hls")||Object.defineProperty(r,"hls",{get:function(){return da.log.warn("player.hls is deprecated. Use player.tech().vhs instead."),t.trigger({type:"usage",name:"hls-player-access"}),Ve(n)},configurable:!0}),r.hasOwnProperty("vhs")||Object.defineProperty(r,"vhs",{get:function(){return da.log.warn("player.vhs is deprecated. Use player.tech().vhs instead."),t.trigger({type:"usage",name:"vhs-player-access"}),Ve(n)},configurable:!0}),r.hasOwnProperty("dash")||Object.defineProperty(r,"dash",{get:function(){return da.log.warn("player.dash is deprecated. Use player.tech().vhs instead."),Ve(n)},configurable:!0}),n.player_=r}if(n.tech_=t,n.source_=e,n.stats={},n.ignoreNextSeekingEvent_=!1,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(d,["fullscreenchange","webkitfullscreenchange","mozfullscreenchange","MSFullscreenChange"],function(e){var t=d.fullscreenElement||d.webkitFullscreenElement||d.mozFullScreenElement||d.msFullscreenElement;t&&t.contains(n.tech_.el())&&n.masterPlaylistController_.smoothQualityChange_()}),n.on(n.tech_,"seeking",function(){this.ignoreNextSeekingEvent_?this.ignoreNextSeekingEvent_=!1:this.setCurrentTime(this.tech_.currentTime())}),n.on(n.tech_,"error",function(){this.tech_.error()&&this.masterPlaylistController_&&this.masterPlaylistController_.pauseLoading()}),n.on(n.tech_,"play",n.play),n}Ge(e,a);var t=e.prototype;return t.setOptions_=function(){var t=this;if(this.options_.withCredentials=this.options_.withCredentials||!1,this.options_.handleManifestRedirects=!1!==this.options_.handleManifestRedirects,this.options_.limitRenditionByPlayerDimensions=!1!==this.options_.limitRenditionByPlayerDimensions,this.options_.useDevicePixelRatio=this.options_.useDevicePixelRatio||!1,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,this.options_.handlePartialData=this.options_.handlePartialData||!1,"number"!=typeof this.options_.blacklistDuration&&(this.options_.blacklistDuration=300),"number"!=typeof this.options_.bandwidth&&this.options_.useBandwidthFromLocalStorage){var e=Ud();e&&e.bandwidth&&(this.options_.bandwidth=e.bandwidth,this.tech_.trigger({type:"usage",name:"vhs-bandwidth-from-local-storage"}),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:"vhs-throughput-from-local-storage"}),this.tech_.trigger({type:"usage",name:"hls-throughput-from-local-storage"}))}"number"!=typeof this.options_.bandwidth&&(this.options_.bandwidth=uc.INITIAL_BANDWIDTH),this.options_.enableLowInitialPlaylist=this.options_.enableLowInitialPlaylist&&this.options_.bandwidth===uc.INITIAL_BANDWIDTH,["withCredentials","useDevicePixelRatio","limitRenditionByPlayerDimensions","bandwidth","smoothQualityChange","customTagParsers","customTagMappers","handleManifestRedirects","cacheEncryptionKeys","handlePartialData"].forEach(function(e){"undefined"!=typeof t.source_[e]&&(t.options_[e]=t.source_[e])}),this.limitRenditionByPlayerDimensions=this.options_.limitRenditionByPlayerDimensions,this.useDevicePixelRatio=this.options_.useDevicePixelRatio},t.src=function(e,t){var i=this;e&&(this.setOptions_(),this.options_.src=function(e){return 0===e.toLowerCase().indexOf("data:application/vnd.videojs.vhs+json,")?JSON.parse(e.substring(e.indexOf(",")+1)):e}(this.source_.src),this.options_.tech=this.tech_,this.options_.externVhs=Dd,this.options_.sourceType=Ia(t),this.options_.seekTo=function(e){i.tech_.setCurrentTime(e)},this.masterPlaylistController_=new xd(this.options_),this.playbackWatcher_=new Ld(da.mergeOptions(this.options_,{seekable:function(){return i.seekable()},media:function(){return i.masterPlaylistController_.media()},masterPlaylistController:this.masterPlaylistController_})),this.masterPlaylistController_.on("error",function(){var e=da.players[i.tech_.options_.playerId],t=i.masterPlaylistController_.error;"object"!=typeof t||t.code?"string"==typeof t&&(t={message:t,code:3}):t.code=3,e.error(t)}),this.masterPlaylistController_.selectPlaylist=this.selectPlaylist?this.selectPlaylist.bind(this):Dd.STANDARD_PLAYLIST_SELECTOR.bind(this),this.masterPlaylistController_.selectInitialPlaylist=Dd.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,t=1/(this.bandwidth||1);return e=0<this.throughput?1/this.throughput:0,Math.floor(1/(t+e))},set:function(){da.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 Zu(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 Zu(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(!T.localStorage)return;var t=Ud();t=t?da.mergeOptions(t,e):e;try{T.localStorage.setItem(Rd,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&&e.master&&e.master.playlists?e.master.playlists.filter(function(e){return!sl(e)}).map(function(e,t){return new nd(i,e,e.id)}):[]}}(i)}),this.masterPlaylistController_.sourceUpdater_.on("ready",function(){var e=i.masterPlaylistController_.mediaTypes_.AUDIO.activePlaylistLoader;Nd({player:i.player_,sourceKeySystems:i.source_.keySystems,media:i.playlists.media(),audioMedia:e&&e.media(),mainPlaylists:i.playlists.master.playlists})}),this.on(this.masterPlaylistController_,"progress",function(){this.tech_.trigger("progress")}),this.on(this.masterPlaylistController_,"firstplay",function(){this.ignoreNextSeekingEvent_=!0}),this.setupQualityLevels_(),this.tech_.el()&&(this.mediaSourceUrl_=T.URL.createObjectURL(this.masterPlaylistController_.mediaSource),this.tech_.src(this.mediaSourceUrl_)))},t.setupQualityLevels_=function(){var e=this,t=da.players[this.tech_.options_.playerId];t&&t.qualityLevels&&!this.qualityLevels_&&(this.qualityLevels_=t.qualityLevels(),this.masterPlaylistController_.on("selectedinitialmedia",function(){!function(t,e){e.representations().forEach(function(e){t.addQualityLevel(e)}),Md(t,e.playlists)}(e.qualityLevels_,e)}),this.playlists.on("mediachange",function(){Md(e.qualityLevels_,e.playlists)}))},e.version=function(){return{"@videojs/http-streaming":"2.2.4","mux.js":"5.6.7","mpd-parser":"0.14.0","m3u8-parser":"4.5.0","aes-decrypter":"3.1.0"}},t.version=function(){return this.constructor.version()},t.canChangeType=function(){return vd.canChangeType()},t.play=function(){this.masterPlaylistController_.play()},t.setCurrentTime=function(e){this.masterPlaylistController_.setCurrentTime(e)},t.duration=function(){return this.masterPlaylistController_.duration()},t.seekable=function(){return this.masterPlaylistController_.seekable()},t.dispose=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_.vhs&&delete this.tech_.vhs,this.tech_&&delete this.tech_.hls,this.mediaSourceUrl_&&T.URL.revokeObjectURL&&(T.URL.revokeObjectURL(this.mediaSourceUrl_),this.mediaSourceUrl_=null),a.prototype.dispose.call(this)},t.convertToProgramTime=function(e,t){return _l({playlist:this.masterPlaylistController_.media(),time:e,callback:t})},t.seekToProgramTime=function(e,t,i,n){return void 0===i&&(i=!0),void 0===n&&(n=2),bl({programTime:e,playlist:this.masterPlaylistController_.media(),retryCount:n,pauseAfterSeek:i,seekTo:this.options_.seekTo,tech:this.options_.tech,callback:t})},e}(da.getComponent("Component")),Bd={name:"videojs-http-streaming",VERSION:"2.2.4",canHandleSource:function(e,t){void 0===t&&(t={});var i=da.mergeOptions(da.options,t);return Bd.canPlayType(e.type,i)},handleSource:function(e,t,i){void 0===i&&(i={});var n=da.mergeOptions(da.options,i);return t.vhs=new Fd(e,t,n),da.hasOwnProperty("hls")||Object.defineProperty(t,"hls",{get:function(){return da.log.warn("player.tech().hls is deprecated. Use player.tech().vhs instead."),t.vhs},configurable:!0}),t.vhs.xhr=dl(),t.vhs.src(e.src,e.type),t.vhs},canPlayType:function(e,t){void 0===t&&(t={});var i=da.mergeOptions(da.options,t).vhs.overrideNative,n=void 0===i?!da.browser.IS_ANY_SAFARI:i,r=Ia(e);return r&&(!Dd.supportsTypeNatively(r)||n)?"maybe":""}};return ql("avc1.4d400d,mp4a.40.2")&&da.getTech("Html5").registerSourceHandler(Bd,0),da.VhsHandler=Fd,Object.defineProperty(da,"HlsHandler",{get:function(){return da.log.warn("videojs.HlsHandler is deprecated. Use videojs.VhsHandler instead."),Fd},configurable:!0}),da.VhsSourceHandler=Bd,Object.defineProperty(da,"HlsSourceHandler",{get:function(){return da.log.warn("videojs.HlsSourceHandler is deprecated. Use videojs.VhsSourceHandler instead."),Bd},configurable:!0}),da.Vhs=Dd,Object.defineProperty(da,"Hls",{get:function(){return da.log.warn("videojs.Hls is deprecated. Use videojs.Vhs instead."),Dd},configurable:!0}),da.use||(da.registerComponent("Hls",Dd),da.registerComponent("Vhs",Dd)),da.options.vhs=da.options.vhs||{},da.options.hls=da.options.hls||{},da.registerPlugin?da.registerPlugin("reloadSourceOnError",rd):da.plugin("reloadSourceOnError",rd),da});
\ No newline at end of file
diff --git a/pod/video/templates/videos/video-header.html b/pod/video/templates/videos/video-header.html
index f7ebadda83..744a2f9cdd 100644
--- a/pod/video/templates/videos/video-header.html
+++ b/pod/video/templates/videos/video-header.html
@@ -1,40 +1,54 @@
 {% load staticfiles %}
+<link href="{% static 'player/videojs/video-js.min.css' %}" rel="stylesheet" />
+<script src="{% static 'player/videojs/video.min.js' %}"></script>
+<script src="{% static 'player/videojs/lang/fr.js' %}"></script>
+<!-- seek button -->
+<link href="{% static 'player/videojs-seek-buttons.css' %}" rel="stylesheet" />
+<script src="{% static 'player/videojs-seek-buttons.min.js' %}"></script>
 
+<!-- quality selector -->
+<link href="{% static 'player/videojs-hls-quality-selector.css' %}" rel="stylesheet">
+<script src="{% static 'player/videojs-contrib-quality-levels.min.js' %}"></script>
+<script src="{% static 'player/videojs-hls-quality-selector.min.js' %}"></script>
+<!-- mp4 quality selector -->
+<script src="{% static 'js/silvermine-videojs-quality-selector.min.js' %}"></script>
+<!--
 <link href="{% static 'video-js-6.8.0/video-js.min.css' %}" rel="stylesheet">
 <link href="{% static 'css/quality-selector.css' %}" rel="stylesheet">
-<link href="{% static 'css/video_notes.css' %}" rel="stylesheet">
-
 <script src="{% static 'video-js-6.8.0/ie8/videojs-ie8.min.js' %}"></script>
 <script src="{% static 'video-js-6.8.0/video.min.js' %}"></script>
-<script src="{% static 'js/silvermine-videojs-quality-selector.min.js' %}"></script>
+
 <script src="{% static 'js/videojs-http-streaming.min.js' %}"></script>
 <script src="{% static 'js/videojs-contrib-quality-levels.min.js' %}"></script>
 <script src="{% static 'js/videojs-hls-quality-selector.min.js' %}"></script>
-<script src="{% static 'video-js-6.8.0/lang/fr.js' %}"></script>
-<script src="{% static 'video-js-6.8.0/lang/nl.js' %}"></script>
+-->
+<!-- notes -->
+<link href="{% static 'css/video_notes.css' %}" rel="stylesheet">
 <script src="{% static 'js/video_notes.js' %}"></script>
-
-{% if video.overlay_set.all and not enrichment%}
-  <link href="{% static 'css/videojs-overlay.css' %}" rel="stylesheet">
-  <script src="{% static 'js/videojs-overlay.js' %}"></script>
-{% endif %}
-
+<!-- logo -->
+<link href="{% static 'css/videojs-controlbar.css' %}" rel="stylesheet">
+<script src="{% static 'js/videojs-logo-controlbar.js' %}"></script>
+<!-- chapitre : depuis videojs7, plus besoin de plugin js https://docs.videojs.com/tutorial-text-tracks.html -->
 <link href="{% static 'css/videojs-chapters.css' %}" rel="stylesheet">
 <script src="{% static 'js/videojs-chapters.js' %}"></script>
+{% if video.overview %}
+  <link href="{% static 'css/videojs-vtt-thumbnails.css' %}" rel="stylesheet">
+  <script src="{% static 'js/videojs-vtt-thumbnails.min.js' %}"></script>
+{% endif %}
+<!-- to test -->
+{% if video.overlay_set.all and not enrichment%}
+<link href="{% static 'css/videojs-overlay.css' %}" rel="stylesheet">
+<script src="{% static 'js/videojs-overlay.js' %}"></script>
+{% endif %}
 
 {% if request.user.playlist_set.all %}
   <link href="{% static 'css/playlist.css' %}" rel="stylesheet">
   <script src="{% static 'js/playlist.js' %}"></script>
 {% endif %}
-{% if video.overview %}
-  <link href="{% static 'css/videojs-vtt-thumbnails.css' %}" rel="stylesheet">
-  <script src="{% static 'js/videojs-vtt-thumbnails.min.js' %}"></script>
-{% endif %}
+
 {% if video.is_360 %}
   <link href="{% static 'videojs-vr/videojs-vr.css' %}" rel="stylesheet">
   <script src="{% static 'videojs-vr/videojs-vr.min.js' %}"></script>
 {% endif %}
 
-<link href="{% static 'css/videojs-controlbar.css' %}" rel="stylesheet">
 
-<script src="{% static 'js/videojs-logo-controlbar.js' %}"></script>
diff --git a/pod/video/templates/videos/video-script.html b/pod/video/templates/videos/video-script.html
index 11f25bdaae..25b14f9e90 100644
--- a/pod/video/templates/videos/video-script.html
+++ b/pod/video/templates/videos/video-script.html
@@ -24,13 +24,43 @@
 
 var options = {
   notSupportedMessage: "{% trans 'Please use different browser' %} (Mozzila Firefox, Google Chrome, Safari, Microsoft Edge)",
-  language: "fr", //en or nl
+  //language: "fr", //en or nl
   {% if request.GET.is_iframe %}
     fluid: false,
   {% else %}
     fluid: true,
   {% endif %}
-  playbackRates: [0.5, 1, 1.5, 2]
+  playbackRates: [0.5, 1, 1.5, 2],
+  userActions: {
+    hotkeys: function(event) {
+      // `this` is the player in this context
+      if (event.code === 'Space') {
+        event.preventDefault();
+        var isPlaying = !this.paused();
+        if(isPlaying) this.pause();
+        else this.play();
+      }
+      // `arrow left`
+      if (event.code === 'ArrowLeft') {
+        event.preventDefault();
+        const now = this.currentTime();
+        this.currentTime(now - 10);
+      }
+      // `arrow right`
+      if (event.code === 'ArrowRight') {
+        event.preventDefault();
+        const now = this.currentTime();
+        this.currentTime(now + 10);
+      }
+    }
+  },
+
+  plugins: {
+   seekButtons: {
+    forward: 10,
+    back: 10
+   }
+  }
 }
 var player = videojs('podvideoplayer', options, function(){});
 
@@ -53,7 +83,7 @@
     };
     player.on('loadedmetadata', function() {
       //console.log('LOADEDMETADATA');
-      var qualityLevels = this.qualityLevels();
+      // var qualityLevels = this.qualityLevels();
       {% if request.GET.start and request.GET.start != '0' %}
       player.currentTime({{request.GET.start}});
       {%endif%}
@@ -61,7 +91,9 @@
     //Add source to player
     player.src(srcOptions);
     //add quality selector to player
-    player.hlsQualitySelector();
+    player.hlsQualitySelector({
+        displayCurrentQuality: true,
+    });
     player.on("error", function(e){
       e.stopImmediatePropagation();
       var error = player.error();
@@ -70,7 +102,7 @@
         //console.log('error!', error.code, error.type , error.message);
         if(player.src()=="" || player.src().indexOf("m3u8")!=-1){
           player.src(mp4_sources);
-          player.controlBar.addChild('QualitySelector');
+          //player.controlBar.addChild('QualitySelector');
           player.play();
         }
       }
@@ -79,7 +111,13 @@
     player.src(mp4_sources);
     player.controlBar.addChild('QualitySelector');
   {% endif %}
-
+  {% if video.overview %}
+    //add overview
+    player.vttThumbnails({
+      src: '{% if request.is_secure %}https://{%else%}http://{% endif %}{{request.get_host}}{{video.overview.url}}'
+    });
+  {%endif%}
+  /*
   {% if video.overlay_set.all %}
     var list_overlays = [];
     $('ul#overlays li').each(function() {
@@ -98,12 +136,6 @@
     }
   {% endif %}
 
-  {% if video.overview %}
-    //add overview
-    player.vttThumbnails({
-      src: '{% if request.is_secure %}https://{%else%}http://{% endif %}{{request.get_host}}{{video.overview.url}}'
-    });
-  {%endif%}
   {% if video.is_360 %}
     player.vr({projection: '360'});
   {% endif %}
@@ -111,6 +143,7 @@
   {% if request.GET.is_iframe %}
   player.videoJsInfo();
   {%endif%}
+  */
   player.videoJsLogo({imgsrc: '{% static LOGO_PLAYER %}', linktitle:'{{TITLE_ETB}} - {{TITLE_SITE}}', link:'{{LINK_PLAYER}}'});
 {% else %}
   {% if video.get_video_m4a %}
@@ -136,5 +169,6 @@
     player.videoJsChapters();
     $('.vjs-big-play-button').css('z-index', 2)
     $('.vjs-control-bar').css('z-index', 3);
-  {% endif %}
+{% endif %}
+
 </script>

From 9e4e99eae59aaf66a599e1c27f545e470b0a1ea0 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Fri, 15 Jan 2021 15:46:48 +0100
Subject: [PATCH 062/145] remove unused videojs lib, uncall them from video
 header template, add specific key to control player

---
 .../js/videojs-contrib-quality-levels.js      |   424 -
 .../js/videojs-contrib-quality-levels.min.js  |     1 -
 .../static/js/videojs-hls-quality-selector.js |   456 -
 .../js/videojs-hls-quality-selector.min.js    |     7 -
 pod/main/static/js/videojs-http-streaming.js  | 21240 ----------------
 .../static/js/videojs-http-streaming.min.js   |    14 -
 pod/video/templates/videos/video-header.html  |     9 +-
 pod/video/templates/videos/video-script.html  |     9 +-
 8 files changed, 7 insertions(+), 22153 deletions(-)
 delete mode 100644 pod/main/static/js/videojs-contrib-quality-levels.js
 delete mode 100644 pod/main/static/js/videojs-contrib-quality-levels.min.js
 delete mode 100644 pod/main/static/js/videojs-hls-quality-selector.js
 delete mode 100644 pod/main/static/js/videojs-hls-quality-selector.min.js
 delete mode 100644 pod/main/static/js/videojs-http-streaming.js
 delete mode 100644 pod/main/static/js/videojs-http-streaming.min.js

diff --git a/pod/main/static/js/videojs-contrib-quality-levels.js b/pod/main/static/js/videojs-contrib-quality-levels.js
deleted file mode 100644
index a80a260754..0000000000
--- a/pod/main/static/js/videojs-contrib-quality-levels.js
+++ /dev/null
@@ -1,424 +0,0 @@
-/**
- * videojs-contrib-quality-levels
- * @version 2.0.4
- * @copyright 2018 Brightcove, Inc.
- * @license Apache-2.0
- */
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.videojsContribQualityLevels = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
-(function (global){
-'use strict';
-
-exports.__esModule = true;
-
-var _video = (typeof window !== "undefined" ? window['videojs'] : typeof global !== "undefined" ? global['videojs'] : null);
-
-var _video2 = _interopRequireDefault(_video);
-
-var _document = require('global/document');
-
-var _document2 = _interopRequireDefault(_document);
-
-var _qualityLevel = require('./quality-level.js');
-
-var _qualityLevel2 = _interopRequireDefault(_qualityLevel);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-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; }
-
-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; }
-
-/**
- * A list of QualityLevels.
- *
- * interface QualityLevelList : EventTarget {
- *   getter QualityLevel (unsigned long index);
- *   readonly attribute unsigned long length;
- *   readonly attribute long selectedIndex;
- *
- *   void addQualityLevel(QualityLevel qualityLevel)
- *   void removeQualityLevel(QualityLevel remove)
- *   QualityLevel? getQualityLevelById(DOMString id);
- *
- *   attribute EventHandler onchange;
- *   attribute EventHandler onaddqualitylevel;
- *   attribute EventHandler onremovequalitylevel;
- * };
- *
- * @extends videojs.EventTarget
- * @class QualityLevelList
- */
-var QualityLevelList = function (_videojs$EventTarget) {
-  _inherits(QualityLevelList, _videojs$EventTarget);
-
-  function QualityLevelList() {
-    var _ret;
-
-    _classCallCheck(this, QualityLevelList);
-
-    var _this = _possibleConstructorReturn(this, _videojs$EventTarget.call(this));
-
-    var list = _this; // eslint-disable-line
-
-    if (_video2['default'].browser.IS_IE8) {
-      list = _document2['default'].createElement('custom');
-      for (var prop in QualityLevelList.prototype) {
-        if (prop !== 'constructor') {
-          list[prop] = QualityLevelList.prototype[prop];
-        }
-      }
-    }
-
-    list.levels_ = [];
-    list.selectedIndex_ = -1;
-
-    /**
-     * Get the index of the currently selected QualityLevel.
-     *
-     * @returns {number} The index of the selected QualityLevel. -1 if none selected.
-     * @readonly
-     */
-    Object.defineProperty(list, 'selectedIndex', {
-      get: function get() {
-        return list.selectedIndex_;
-      }
-    });
-
-    /**
-     * Get the length of the list of QualityLevels.
-     *
-     * @returns {number} The length of the list.
-     * @readonly
-     */
-    Object.defineProperty(list, 'length', {
-      get: function get() {
-        return list.levels_.length;
-      }
-    });
-
-    return _ret = list, _possibleConstructorReturn(_this, _ret);
-  }
-
-  /**
-   * Adds a quality level to the list.
-   *
-   * @param {Representation|Object} representation The representation of the quality level
-   * @param {string}   representation.id        Unique id of the QualityLevel
-   * @param {number=}  representation.width     Resolution width of the QualityLevel
-   * @param {number=}  representation.height    Resolution height of the QualityLevel
-   * @param {number}   representation.bandwidth Bitrate of the QualityLevel
-   * @param {Function} representation.enabled   Callback to enable/disable QualityLevel
-   * @return {QualityLevel} the QualityLevel added to the list
-   * @method addQualityLevel
-   */
-
-
-  QualityLevelList.prototype.addQualityLevel = function addQualityLevel(representation) {
-    var qualityLevel = this.getQualityLevelById(representation.id);
-
-    // Do not add duplicate quality levels
-    if (qualityLevel) {
-      return qualityLevel;
-    }
-
-    var index = this.levels_.length;
-
-    qualityLevel = new _qualityLevel2['default'](representation);
-
-    if (!('' + index in this)) {
-      Object.defineProperty(this, index, {
-        get: function get() {
-          return this.levels_[index];
-        }
-      });
-    }
-
-    this.levels_.push(qualityLevel);
-
-    this.trigger({
-      qualityLevel: qualityLevel,
-      type: 'addqualitylevel'
-    });
-
-    return qualityLevel;
-  };
-
-  /**
-   * Removes a quality level from the list.
-   *
-   * @param {QualityLevel} remove QualityLevel to remove to the list.
-   * @return {QualityLevel|null} the QualityLevel removed or null if nothing removed
-   * @method removeQualityLevel
-   */
-
-
-  QualityLevelList.prototype.removeQualityLevel = function removeQualityLevel(qualityLevel) {
-    var removed = null;
-
-    for (var i = 0, l = this.length; i < l; i++) {
-      if (this[i] === qualityLevel) {
-        removed = this.levels_.splice(i, 1)[0];
-
-        if (this.selectedIndex_ === i) {
-          this.selectedIndex_ = -1;
-        } else if (this.selectedIndex_ > i) {
-          this.selectedIndex_--;
-        }
-        break;
-      }
-    }
-
-    if (removed) {
-      this.trigger({
-        qualityLevel: qualityLevel,
-        type: 'removequalitylevel'
-      });
-    }
-
-    return removed;
-  };
-
-  /**
-   * Searches for a QualityLevel with the given id.
-   *
-   * @param {string} id The id of the QualityLevel to find.
-   * @returns {QualityLevel|null} The QualityLevel with id, or null if not found.
-   * @method getQualityLevelById
-   */
-
-
-  QualityLevelList.prototype.getQualityLevelById = function getQualityLevelById(id) {
-    for (var i = 0, l = this.length; i < l; i++) {
-      var level = this[i];
-
-      if (level.id === id) {
-        return level;
-      }
-    }
-    return null;
-  };
-
-  /**
-   * Resets the list of QualityLevels to empty
-   *
-   * @method dispose
-   */
-
-
-  QualityLevelList.prototype.dispose = function dispose() {
-    this.selectedIndex_ = -1;
-    this.levels_.length = 0;
-  };
-
-  return QualityLevelList;
-}(_video2['default'].EventTarget);
-
-/**
- * change - The selected QualityLevel has changed.
- * addqualitylevel - A QualityLevel has been added to the QualityLevelList.
- * removequalitylevel - A QualityLevel has been removed from the QualityLevelList.
- */
-
-
-QualityLevelList.prototype.allowedEvents_ = {
-  change: 'change',
-  addqualitylevel: 'addqualitylevel',
-  removequalitylevel: 'removequalitylevel'
-};
-
-// emulate attribute EventHandler support to allow for feature detection
-for (var event in QualityLevelList.prototype.allowedEvents_) {
-  QualityLevelList.prototype['on' + event] = null;
-}
-
-exports['default'] = QualityLevelList;
-}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
-},{"./quality-level.js":2,"global/document":4}],2:[function(require,module,exports){
-(function (global){
-'use strict';
-
-exports.__esModule = true;
-
-var _video = (typeof window !== "undefined" ? window['videojs'] : typeof global !== "undefined" ? global['videojs'] : null);
-
-var _video2 = _interopRequireDefault(_video);
-
-var _document = require('global/document');
-
-var _document2 = _interopRequireDefault(_document);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-/**
- * A single QualityLevel.
- *
- * interface QualityLevel {
- *   readonly attribute DOMString id;
- *            attribute DOMString label;
- *   readonly attribute long width;
- *   readonly attribute long height;
- *   readonly attribute long bitrate;
- *            attribute boolean enabled;
- * };
- *
- * @class QualityLevel
- */
-var QualityLevel =
-
-/**
- * Creates a QualityLevel
- *
- * @param {Representation|Object} representation The representation of the quality level
- * @param {string}   representation.id        Unique id of the QualityLevel
- * @param {number=}  representation.width     Resolution width of the QualityLevel
- * @param {number=}  representation.height    Resolution height of the QualityLevel
- * @param {number}   representation.bandwidth Bitrate of the QualityLevel
- * @param {Function} representation.enabled   Callback to enable/disable QualityLevel
- */
-function QualityLevel(representation) {
-  _classCallCheck(this, QualityLevel);
-
-  var level = this; // eslint-disable-line
-
-  if (_video2['default'].browser.IS_IE8) {
-    level = _document2['default'].createElement('custom');
-    for (var prop in QualityLevel.prototype) {
-      if (prop !== 'constructor') {
-        level[prop] = QualityLevel.prototype[prop];
-      }
-    }
-  }
-
-  level.id = representation.id;
-  level.label = level.id;
-  level.width = representation.width;
-  level.height = representation.height;
-  level.bitrate = representation.bandwidth;
-  level.enabled_ = representation.enabled;
-
-  Object.defineProperty(level, 'enabled', {
-    /**
-     * Get whether the QualityLevel is enabled.
-     *
-     * @returns {boolean} True if the QualityLevel is enabled.
-     */
-    get: function get() {
-      return level.enabled_();
-    },
-
-
-    /**
-     * Enable or disable the QualityLevel.
-     *
-     * @param {boolean} enable true to enable QualityLevel, false to disable.
-     */
-    set: function set(enable) {
-      level.enabled_(enable);
-    }
-  });
-
-  return level;
-};
-
-exports['default'] = QualityLevel;
-}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
-},{"global/document":4}],3:[function(require,module,exports){
-
-},{}],4:[function(require,module,exports){
-(function (global){
-var topLevel = typeof global !== 'undefined' ? global :
-    typeof window !== 'undefined' ? window : {}
-var minDoc = require('min-document');
-
-var doccy;
-
-if (typeof document !== 'undefined') {
-    doccy = document;
-} else {
-    doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'];
-
-    if (!doccy) {
-        doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = minDoc;
-    }
-}
-
-module.exports = doccy;
-
-}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
-},{"min-document":3}],5:[function(require,module,exports){
-(function (global){
-'use strict';
-
-exports.__esModule = true;
-
-var _video = (typeof window !== "undefined" ? window['videojs'] : typeof global !== "undefined" ? global['videojs'] : null);
-
-var _video2 = _interopRequireDefault(_video);
-
-var _qualityLevelList = require('./quality-level-list.js');
-
-var _qualityLevelList2 = _interopRequireDefault(_qualityLevelList);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-// vjs 5/6 support
-var registerPlugin = _video2['default'].registerPlugin || _video2['default'].plugin;
-
-/**
- * Initialization function for the qualityLevels plugin. Sets up the QualityLevelList and
- * event handlers.
- *
- * @param {Player} player Player object.
- * @param {Object} options Plugin options object.
- * @function initPlugin
- */
-var initPlugin = function initPlugin(player, options) {
-  var originalPluginFn = player.qualityLevels;
-
-  var qualityLevelList = new _qualityLevelList2['default']();
-
-  var disposeHandler = function disposeHandler() {
-    qualityLevelList.dispose();
-    player.qualityLevels = originalPluginFn;
-    player.off('dispose', disposeHandler);
-  };
-
-  player.on('dispose', disposeHandler);
-
-  player.qualityLevels = function () {
-    return qualityLevelList;
-  };
-  player.qualityLevels.VERSION = '2.0.4';
-
-  return qualityLevelList;
-};
-
-/**
- * A video.js plugin.
- *
- * In the plugin function, the value of `this` is a video.js `Player`
- * instance. You cannot rely on the player being in a "ready" state here,
- * depending on how the plugin is invoked. This may or may not be important
- * to you; if not, remove the wait for "ready"!
- *
- * @param {Object} options Plugin options object
- * @function qualityLevels
- */
-var qualityLevels = function qualityLevels(options) {
-  return initPlugin(this, _video2['default'].mergeOptions({}, options));
-};
-
-// Register the plugin with video.js.
-registerPlugin('qualityLevels', qualityLevels);
-
-// Include the version number.
-qualityLevels.VERSION = '2.0.4';
-
-exports['default'] = qualityLevels;
-}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
-},{"./quality-level-list.js":1}]},{},[5])(5)
-});
\ No newline at end of file
diff --git a/pod/main/static/js/videojs-contrib-quality-levels.min.js b/pod/main/static/js/videojs-contrib-quality-levels.min.js
deleted file mode 100644
index 45af3ce9d4..0000000000
--- a/pod/main/static/js/videojs-contrib-quality-levels.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function e(t,n,o){function i(r,u){if(!n[r]){if(!t[r]){var d="function"==typeof require&&require;if(!u&&d)return d(r,!0);if(l)return l(r,!0);var f=new Error("Cannot find module '"+r+"'");throw f.code="MODULE_NOT_FOUND",f}var s=n[r]={exports:{}};t[r][0].call(s.exports,function(e){var n=t[r][1][e];return i(n||e)},s,s.exports,e,t,n,o)}return n[r].exports}for(var l="function"==typeof require&&require,r=0;r<o.length;r++)i(o[r]);return i}({1:[function(e,t,n){(function(t){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(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 r(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)}n.__esModule=!0;var u="undefined"!=typeof window?window.videojs:void 0!==t?t.videojs:null,d=o(u),f=e(4),s=o(f),a=e(2),c=o(a),p=function(e){function t(){var n;i(this,t);var o=l(this,e.call(this)),r=o;if(d["default"].browser.IS_IE8){r=s["default"].createElement("custom");for(var u in t.prototype)"constructor"!==u&&(r[u]=t.prototype[u])}return r.levels_=[],r.selectedIndex_=-1,Object.defineProperty(r,"selectedIndex",{get:function(){return r.selectedIndex_}}),Object.defineProperty(r,"length",{get:function(){return r.levels_.length}}),n=r,l(o,n)}return r(t,e),t.prototype.addQualityLevel=function(e){var t=this.getQualityLevelById(e.id);if(t)return t;var n=this.levels_.length;return t=new c["default"](e),""+n in this||Object.defineProperty(this,n,{get:function(){return this.levels_[n]}}),this.levels_.push(t),this.trigger({qualityLevel:t,type:"addqualitylevel"}),t},t.prototype.removeQualityLevel=function(e){for(var t=null,n=0,o=this.length;n<o;n++)if(this[n]===e){t=this.levels_.splice(n,1)[0],this.selectedIndex_===n?this.selectedIndex_=-1:this.selectedIndex_>n&&this.selectedIndex_--;break}return t&&this.trigger({qualityLevel:e,type:"removequalitylevel"}),t},t.prototype.getQualityLevelById=function(e){for(var t=0,n=this.length;t<n;t++){var o=this[t];if(o.id===e)return o}return null},t.prototype.dispose=function(){this.selectedIndex_=-1,this.levels_.length=0},t}(d["default"].EventTarget);p.prototype.allowedEvents_={change:"change",addqualitylevel:"addqualitylevel",removequalitylevel:"removequalitylevel"};for(var y in p.prototype.allowedEvents_)p.prototype["on"+y]=null;n["default"]=p}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],2:[function(e,t,n){(function(t){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}n.__esModule=!0;var l="undefined"!=typeof window?window.videojs:void 0!==t?t.videojs:null,r=o(l),u=e(4),d=o(u),f=function s(e){i(this,s);var t=this;if(r["default"].browser.IS_IE8){t=d["default"].createElement("custom");for(var n in s.prototype)"constructor"!==n&&(t[n]=s.prototype[n])}return t.id=e.id,t.label=t.id,t.width=e.width,t.height=e.height,t.bitrate=e.bandwidth,t.enabled_=e.enabled,Object.defineProperty(t,"enabled",{get:function(){return t.enabled_()},set:function(e){t.enabled_(e)}}),t};n["default"]=f}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],3:[function(e,t,n){},{}],4:[function(e,t,n){(function(n){var o,i=void 0!==n?n:"undefined"!=typeof window?window:{},l=e(3);"undefined"!=typeof document?o=document:(o=i["__GLOBAL_DOCUMENT_CACHE@4"])||(o=i["__GLOBAL_DOCUMENT_CACHE@4"]=l),t.exports=o}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],5:[function(e,t,n){(function(t){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}n.__esModule=!0;var i="undefined"!=typeof window?window.videojs:void 0!==t?t.videojs:null,l=o(i),r=e(1),u=o(r),d=l["default"].registerPlugin||l["default"].plugin,f=function(e,t){var n=e.qualityLevels,o=new u["default"],i=function l(){o.dispose(),e.qualityLevels=n,e.off("dispose",l)};return e.on("dispose",i),e.qualityLevels=function(){return o},e.qualityLevels.VERSION="2.0.4",o},s=function(e){return f(this,l["default"].mergeOptions({},e))};d("qualityLevels",s),s.VERSION="2.0.4",n["default"]=s}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}]},{},[5]);
\ No newline at end of file
diff --git a/pod/main/static/js/videojs-hls-quality-selector.js b/pod/main/static/js/videojs-hls-quality-selector.js
deleted file mode 100644
index df9e8c9d24..0000000000
--- a/pod/main/static/js/videojs-hls-quality-selector.js
+++ /dev/null
@@ -1,456 +0,0 @@
-/**
- * videojs-hls-quality-selector
- * @version 0.0.4
- * @copyright 2018 Chris Boustead (chris@forgemotion.com)
- * @license MIT
- */
-(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.videojsHlsQualitySelector = factory(global.videojs));
-}(this, (function (videojs) { 'use strict';
-
-videojs = videojs && videojs.hasOwnProperty('default') ? videojs['default'] : videojs;
-
-var version = "0.0.4";
-
-var asyncGenerator = function () {
-  function AwaitValue(value) {
-    this.value = value;
-  }
-
-  function AsyncGenerator(gen) {
-    var front, back;
-
-    function send(key, arg) {
-      return new Promise(function (resolve, reject) {
-        var request = {
-          key: key,
-          arg: arg,
-          resolve: resolve,
-          reject: reject,
-          next: null
-        };
-
-        if (back) {
-          back = back.next = request;
-        } else {
-          front = back = request;
-          resume(key, arg);
-        }
-      });
-    }
-
-    function resume(key, arg) {
-      try {
-        var result = gen[key](arg);
-        var value = result.value;
-
-        if (value instanceof AwaitValue) {
-          Promise.resolve(value.value).then(function (arg) {
-            resume("next", arg);
-          }, function (arg) {
-            resume("throw", arg);
-          });
-        } else {
-          settle(result.done ? "return" : "normal", result.value);
-        }
-      } catch (err) {
-        settle("throw", err);
-      }
-    }
-
-    function settle(type, value) {
-      switch (type) {
-        case "return":
-          front.resolve({
-            value: value,
-            done: true
-          });
-          break;
-
-        case "throw":
-          front.reject(value);
-          break;
-
-        default:
-          front.resolve({
-            value: value,
-            done: false
-          });
-          break;
-      }
-
-      front = front.next;
-
-      if (front) {
-        resume(front.key, front.arg);
-      } else {
-        back = null;
-      }
-    }
-
-    this._invoke = send;
-
-    if (typeof gen.return !== "function") {
-      this.return = undefined;
-    }
-  }
-
-  if (typeof Symbol === "function" && Symbol.asyncIterator) {
-    AsyncGenerator.prototype[Symbol.asyncIterator] = function () {
-      return this;
-    };
-  }
-
-  AsyncGenerator.prototype.next = function (arg) {
-    return this._invoke("next", arg);
-  };
-
-  AsyncGenerator.prototype.throw = function (arg) {
-    return this._invoke("throw", arg);
-  };
-
-  AsyncGenerator.prototype.return = function (arg) {
-    return this._invoke("return", arg);
-  };
-
-  return {
-    wrap: function (fn) {
-      return function () {
-        return new AsyncGenerator(fn.apply(this, arguments));
-      };
-    },
-    await: function (value) {
-      return new AwaitValue(value);
-    }
-  };
-}();
-
-
-
-
-
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
-
-
-
-
-
-
-
-
-
-
-
-var inherits = function (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 (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;
-};
-
-// Default options for the plugin.
-var defaults = {};
-
-// Cross-compatibility for Video.js 5 and 6.
-var registerPlugin = videojs.registerPlugin || videojs.plugin;
-// const dom = videojs.dom || videojs;
-
-/**
- * VideoJS HLS Quality Selector Plugin class.
- */
-
-var HlsQualitySelectorPlugin = function () {
-
-  /**
-   * Plugin Constructor.
-   *
-   * @param {Player} player - The videojs player instance.
-   * @param {Object} options - The plugin options.
-   */
-  function HlsQualitySelectorPlugin(player, options) {
-    classCallCheck(this, HlsQualitySelectorPlugin);
-
-    this.player = player;
-
-    // If there is quality levels plugin and the HLS tech exists
-    // then continue.
-    if (this.player.qualityLevels && this.getHls()) {
-      // Create the quality button.
-      this.createQualityButton();
-      this.bindPlayerEvents();
-    }
-  }
-
-  /**
-   * Returns HLS Plugin
-   *
-   * @return {*} - videojs-hls-contrib plugin.
-   */
-
-
-  HlsQualitySelectorPlugin.prototype.getHls = function getHls() {
-    return this.player.tech({ IWillNotUseThisInPlugins: true }).hls;
-  };
-
-  /**
-   * Binds listener for quality level changes.
-   */
-
-
-  HlsQualitySelectorPlugin.prototype.bindPlayerEvents = function bindPlayerEvents() {
-    this.player.qualityLevels().on('addqualitylevel', this.onAddQualityLevel.bind(this));
-  };
-
-  /**
-   * Adds the quality menu button to the player control bar.
-   */
-
-
-  HlsQualitySelectorPlugin.prototype.createQualityButton = function createQualityButton() {
-
-    var player = this.player;
-    var videoJsButtonClass = videojs.getComponent('MenuButton');
-
-    /**
-     * Extend vjs button class for quality button.
-     */
-
-    var ConcreteButtonClass = function (_videoJsButtonClass) {
-      inherits(ConcreteButtonClass, _videoJsButtonClass);
-
-      /**
-       * Button constructor.
-       */
-      function ConcreteButtonClass() {
-        classCallCheck(this, ConcreteButtonClass);
-        return possibleConstructorReturn(this, _videoJsButtonClass.call(this, player, { title: player.localize('Quality') }));
-      }
-
-      /**
-       * Creates button items.
-       *
-       * @return {Array} - Button items
-       */
-
-
-      ConcreteButtonClass.prototype.createItems = function createItems() {
-        return [];
-      };
-
-      return ConcreteButtonClass;
-    }(videoJsButtonClass);
-
-    this._qualityButton = new ConcreteButtonClass();
-
-    var placementIndex = player.controlBar.children().length - 2;
-    var concreteButtonInstance = player.controlBar.addChild(this._qualityButton, { componentClass: 'qualitySelector' }, placementIndex);
-
-    concreteButtonInstance.addClass('vjs-quality-selector');
-    concreteButtonInstance.menuButton_.$('.vjs-icon-placeholder').className += ' vjs-icon-hd';
-    concreteButtonInstance.removeClass('vjs-hidden');
-  };
-
-  /**
-   * Builds individual quality menu items.
-   *
-   * @param {Object} item - Individual quality menu item.
-   * @return {ConcreteMenuItemClass} - Menu item
-   */
-
-
-  HlsQualitySelectorPlugin.prototype.getQualityMenuItem = function getQualityMenuItem(item) {
-    var player = this.player;
-    var videoJsMenuItemClass = videojs.getComponent('MenuItem');
-
-    /**
-     * Extend vjs menu item class.
-     */
-
-    var ConcreteMenuItemClass = function (_videoJsMenuItemClass) {
-      inherits(ConcreteMenuItemClass, _videoJsMenuItemClass);
-
-      /**
-       * Menu item constructor.
-       *
-       * @param {Player} _player - vjs player
-       * @param {Object} _item - Item object
-       * @param {ConcreteButtonClass} qualityButton - The containing button.
-       * @param {HlsQualitySelectorPlugin} _plugin - This plugin instance.
-       */
-      function ConcreteMenuItemClass(_player, _item, qualityButton, _plugin) {
-        classCallCheck(this, ConcreteMenuItemClass);
-
-        var _this2 = possibleConstructorReturn(this, _videoJsMenuItemClass.call(this, _player, {
-          label: item.label,
-          selectable: true,
-          selected: item.selected || false
-        }));
-
-        _this2.item = _item;
-        _this2.qualityButton = qualityButton;
-        _this2.plugin = _plugin;
-        return _this2;
-      }
-
-      /**
-       * Click event for menu item.
-       */
-
-
-      ConcreteMenuItemClass.prototype.handleClick = function handleClick() {
-
-        // Reset other menu items selected status.
-        for (var i = 0; i < this.qualityButton.items.length; ++i) {
-          this.qualityButton.items[i].selected(false);
-        }
-
-        // Set this menu item to selected, and set quality.
-        this.plugin.setQuality(this.item.value);
-        this.selected(true);
-      };
-
-      return ConcreteMenuItemClass;
-    }(videoJsMenuItemClass);
-
-    return new ConcreteMenuItemClass(player, item, this._qualityButton, this);
-  };
-
-  /**
-   * Executed when a quality level is added from HLS playlist.
-   */
-
-
-  HlsQualitySelectorPlugin.prototype.onAddQualityLevel = function onAddQualityLevel() {
-
-    var player = this.player;
-    var qualityList = player.qualityLevels();
-    var levels = qualityList.levels_ || [];
-    var levelItems = [];
-
-    for (var i = 0; i < levels.length; ++i) {
-      var levelItem = this.getQualityMenuItem.call(this, {
-        label: levels[i].height + 'p',
-        value: levels[i].height
-      });
-
-      levelItems.push(levelItem);
-    }
-
-    levelItems.push(this.getQualityMenuItem.call(this, {
-      label: 'Auto',
-      value: 'auto',
-      selected: true
-    }));
-
-    if (this._qualityButton) {
-      this._qualityButton.createItems = function () {
-        return levelItems;
-      };
-      this._qualityButton.update();
-    }
-  };
-
-  /**
-   * Sets quality (based on media height)
-   *
-   * @param {number} height - A number representing HLS playlist.
-   */
-
-
-  HlsQualitySelectorPlugin.prototype.setQuality = function setQuality(height) {
-    var qualityList = this.player.qualityLevels();
-
-    for (var i = 0; i < qualityList.length; ++i) {
-      var quality = qualityList[i];
-
-      quality.enabled = quality.height === height || height === 'auto';
-    }
-    this._qualityButton.unpressButton();
-  };
-
-  return HlsQualitySelectorPlugin;
-}();
-
-/**
- * Function to invoke when the player is ready.
- *
- * This is a great place for your plugin to initialize itself. When this
- * function is called, the player will have its DOM and child components
- * in place.
- *
- * @function onPlayerReady
- * @param    {Player} player
- *           A Video.js player object.
- *
- * @param    {Object} [options={}]
- *           A plain object containing options for the plugin.
- */
-
-
-var onPlayerReady = function onPlayerReady(player, options) {
-  player.addClass('vjs-hls-quality-selector');
-  player.hlsQualitySelector = new HlsQualitySelectorPlugin(player, options);
-};
-
-/**
- * A video.js plugin.
- *
- * In the plugin function, the value of `this` is a video.js `Player`
- * instance. You cannot rely on the player being in a "ready" state here,
- * depending on how the plugin is invoked. This may or may not be important
- * to you; if not, remove the wait for "ready"!
- *
- * @function hlsQualitySelector
- * @param    {Object} [options={}]
- *           An object of options left to the plugin author to define.
- */
-var hlsQualitySelector = function hlsQualitySelector(options) {
-  var _this3 = this;
-
-  this.ready(function () {
-    onPlayerReady(_this3, videojs.mergeOptions(defaults, options));
-  });
-};
-
-// Register the plugin with video.js.
-registerPlugin('hlsQualitySelector', hlsQualitySelector);
-
-// Include the version number.
-hlsQualitySelector.VERSION = version;
-
-return hlsQualitySelector;
-
-})));
diff --git a/pod/main/static/js/videojs-hls-quality-selector.min.js b/pod/main/static/js/videojs-hls-quality-selector.min.js
deleted file mode 100644
index 409a47e422..0000000000
--- a/pod/main/static/js/videojs-hls-quality-selector.min.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * videojs-hls-quality-selector
- * @version 0.0.4
- * @copyright 2018 Chris Boustead (chris@forgemotion.com)
- * @license MIT
- */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("video.js")):"function"==typeof define&&define.amd?define(["video.js"],e):t.videojsHlsQualitySelector=e(t.videojs)}(this,function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;!function(){function t(t){this.value=t}function e(e){function n(i,r){try{var u=e[i](r),l=u.value;l instanceof t?Promise.resolve(l.value).then(function(t){n("next",t)},function(t){n("throw",t)}):o(u.done?"return":"normal",u.value)}catch(t){o("throw",t)}}function o(t,e){switch(t){case"return":i.resolve({value:e,done:!0});break;case"throw":i.reject(e);break;default:i.resolve({value:e,done:!1})}(i=i.next)?n(i.key,i.arg):r=null}var i,r;this._invoke=function(t,e){return new Promise(function(o,u){var l={key:t,arg:e,resolve:o,reject:u,next:null};r?r=r.next=l:(i=r=l,n(t,e))})},"function"!=typeof e.return&&(this.return=void 0)}"function"==typeof Symbol&&Symbol.asyncIterator&&(e.prototype[Symbol.asyncIterator]=function(){return this}),e.prototype.next=function(t){return this._invoke("next",t)},e.prototype.throw=function(t){return this._invoke("throw",t)},e.prototype.return=function(t){return this._invoke("return",t)}}();var e=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},n=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)},o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},i={},r=t.registerPlugin||t.plugin,u=function(){function i(t,n){e(this,i),this.player=t,this.player.qualityLevels&&this.getHls()&&(this.createQualityButton(),this.bindPlayerEvents())}return i.prototype.getHls=function(){return this.player.tech({IWillNotUseThisInPlugins:!0}).hls},i.prototype.bindPlayerEvents=function(){this.player.qualityLevels().on("addqualitylevel",this.onAddQualityLevel.bind(this))},i.prototype.createQualityButton=function(){var i=this.player,r=function(t){function r(){return e(this,r),o(this,t.call(this,i,{title:i.localize("Quality")}))}return n(r,t),r.prototype.createItems=function(){return[]},r}(t.getComponent("MenuButton"));this._qualityButton=new r;var u=i.controlBar.children().length-2,l=i.controlBar.addChild(this._qualityButton,{componentClass:"qualitySelector"},u);l.addClass("vjs-quality-selector"),l.menuButton_.$(".vjs-icon-placeholder").className+=" vjs-icon-hd",l.removeClass("vjs-hidden")},i.prototype.getQualityMenuItem=function(i){var r=this.player;return new(function(t){function r(n,u,l,s){e(this,r);var a=o(this,t.call(this,n,{label:i.label,selectable:!0,selected:i.selected||!1}));return a.item=u,a.qualityButton=l,a.plugin=s,a}return n(r,t),r.prototype.handleClick=function(){for(var t=0;t<this.qualityButton.items.length;++t)this.qualityButton.items[t].selected(!1);this.plugin.setQuality(this.item.value),this.selected(!0)},r}(t.getComponent("MenuItem")))(r,i,this._qualityButton,this)},i.prototype.onAddQualityLevel=function(){for(var t=this.player.qualityLevels().levels_||[],e=[],n=0;n<t.length;++n){var o=this.getQualityMenuItem.call(this,{label:t[n].height+"p",value:t[n].height});e.push(o)}e.push(this.getQualityMenuItem.call(this,{label:"Auto",value:"auto",selected:!0})),this._qualityButton&&(this._qualityButton.createItems=function(){return e},this._qualityButton.update())},i.prototype.setQuality=function(t){for(var e=this.player.qualityLevels(),n=0;n<e.length;++n){var o=e[n];o.enabled=o.height===t||"auto"===t}this._qualityButton.unpressButton()},i}(),l=function(e){var n=this;this.ready(function(){!function(t,e){t.addClass("vjs-hls-quality-selector"),t.hlsQualitySelector=new u(t,e)}(n,t.mergeOptions(i,e))})};return r("hlsQualitySelector",l),l.VERSION="0.0.4",l});
\ No newline at end of file
diff --git a/pod/main/static/js/videojs-http-streaming.js b/pod/main/static/js/videojs-http-streaming.js
deleted file mode 100644
index 037efe80ef..0000000000
--- a/pod/main/static/js/videojs-http-streaming.js
+++ /dev/null
@@ -1,21240 +0,0 @@
-/**
- * @videojs/http-streaming
- * @version 1.0.1
- * @copyright 2018 Brightcove, Inc
- * @license Apache-2.0
- */
-(function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('video.js')) :
-	typeof define === 'function' && define.amd ? define(['exports', 'video.js'], factory) :
-	(factory((global.videojsHttpStreaming = {}),global.videojs));
-}(this, (function (exports,videojs) { 'use strict';
-
-	videojs = videojs && videojs.hasOwnProperty('default') ? videojs['default'] : videojs;
-
-	var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-	function createCommonjsModule(fn, module) {
-		return module = { exports: {} }, fn(module, module.exports), module.exports;
-	}
-
-	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 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 = this.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 = this.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 = this.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;
-	  })(commonjsGlobal);
-	  /* jshint ignore:end */
-	});
-
-	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;
-
-	/**
-	 * @file resolve-url.js
-	 */
-
-	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);
-	};
-
-	var classCallCheck = function classCallCheck(instance, Constructor) {
-	  if (!(instance instanceof Constructor)) {
-	    throw new TypeError("Cannot call a class as a function");
-	  }
-	};
-
-	var _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;
-	};
-
-	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 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];
-	    var i = void 0;
-	    var length = void 0;
-	    var args = void 0;
-
-	    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.
-	   */
-
-	  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 m3u8/line-stream.js
-	 */
-	/**
-	 * A stream that buffers string input and generates a `data` event for each
-	 * line.
-	 *
-	 * @class LineStream
-	 * @extends Stream
-	 */
-
-	var LineStream = function (_Stream) {
-	  inherits(LineStream, _Stream);
-
-	  function LineStream() {
-	    classCallCheck(this, LineStream);
-
-	    var _this = possibleConstructorReturn(this, _Stream.call(this));
-
-	    _this.buffer = '';
-	    return _this;
-	  }
-
-	  /**
-	   * Add new data to be parsed.
-	   *
-	   * @param {String} data the text to process
-	   */
-
-	  LineStream.prototype.push = function push(data) {
-	    var nextNewline = void 0;
-
-	    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);
-
-	/**
-	 * @file m3u8/parse-stream.js
-	 */
-	/**
-	 * "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 seperator
-	 *
-	 * @param {String} attributes the attibute 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 = void 0;
-
-	  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 = function (_Stream) {
-	  inherits(ParseStream, _Stream);
-
-	  function ParseStream() {
-	    classCallCheck(this, ParseStream);
-
-	    var _this = possibleConstructorReturn(this, _Stream.call(this));
-
-	    _this.customParsers = [];
-	    return _this;
-	  }
-
-	  /**
-	   * Parses an additional line of input.
-	   *
-	   * @param {String} line a single line of an M3U8 file to parse
-	   */
-
-	  ParseStream.prototype.push = function push(line) {
-	    var match = void 0;
-	    var event = void 0;
-
-	    // strip whitespace
-	    line = line.replace(/^[\u0000\s]+|[\u0000\s]+$/g, '');
-	    if (line.length === 0) {
-	      // ignore empty lines
-	      return;
-	    }
-
-	    // URIs
-	    if (line[0] !== '#') {
-	      this.trigger('data', {
-	        type: 'uri',
-	        uri: line
-	      });
-	      return;
-	    }
-
-	    for (var i = 0; i < this.customParsers.length; i++) {
-	      if (this.customParsers[i].call(this, line)) {
-	        return;
-	      }
-	    }
-
-	    // Comments
-	    if (line.indexOf('#EXT') !== 0) {
-	      this.trigger('data', {
-	        type: 'comment',
-	        text: line.slice(1)
-	      });
-	      return;
-	    }
-
-	    // strip off any carriage returns here so the regex matching
-	    // doesn't have to account for them.
-	    line = line.replace('\r', '');
-
-	    // Tags
-	    match = /^#EXTM3U/.exec(line);
-	    if (match) {
-	      this.trigger('data', {
-	        type: 'tag',
-	        tagType: 'm3u'
-	      });
-	      return;
-	    }
-	    match = /^#EXTINF:?([0-9\.]*)?,?(.*)?$/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'inf'
-	      };
-	      if (match[1]) {
-	        event.duration = parseFloat(match[1]);
-	      }
-	      if (match[2]) {
-	        event.title = match[2];
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-TARGETDURATION:?([0-9.]*)?/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'targetduration'
-	      };
-	      if (match[1]) {
-	        event.duration = parseInt(match[1], 10);
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#ZEN-TOTAL-DURATION:?([0-9.]*)?/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'totalduration'
-	      };
-	      if (match[1]) {
-	        event.duration = parseInt(match[1], 10);
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-VERSION:?([0-9.]*)?/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'version'
-	      };
-	      if (match[1]) {
-	        event.version = parseInt(match[1], 10);
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-MEDIA-SEQUENCE:?(\-?[0-9.]*)?/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'media-sequence'
-	      };
-	      if (match[1]) {
-	        event.number = parseInt(match[1], 10);
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-DISCONTINUITY-SEQUENCE:?(\-?[0-9.]*)?/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'discontinuity-sequence'
-	      };
-	      if (match[1]) {
-	        event.number = parseInt(match[1], 10);
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-PLAYLIST-TYPE:?(.*)?$/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'playlist-type'
-	      };
-	      if (match[1]) {
-	        event.playlistType = match[1];
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-BYTERANGE:?([0-9.]*)?@?([0-9.]*)?/.exec(line);
-	    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);
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-ALLOW-CACHE:?(YES|NO)?/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'allow-cache'
-	      };
-	      if (match[1]) {
-	        event.allowed = !/NO/.test(match[1]);
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-MAP:?(.*)$/.exec(line);
-	    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);
-	          }
-	        }
-	      }
-
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-STREAM-INF:?(.*)$/.exec(line);
-	    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);
-	        }
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-MEDIA:?(.*)$/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'media'
-	      };
-	      if (match[1]) {
-	        event.attributes = parseAttributes(match[1]);
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-ENDLIST/.exec(line);
-	    if (match) {
-	      this.trigger('data', {
-	        type: 'tag',
-	        tagType: 'endlist'
-	      });
-	      return;
-	    }
-	    match = /^#EXT-X-DISCONTINUITY/.exec(line);
-	    if (match) {
-	      this.trigger('data', {
-	        type: 'tag',
-	        tagType: 'discontinuity'
-	      });
-	      return;
-	    }
-	    match = /^#EXT-X-PROGRAM-DATE-TIME:?(.*)$/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'program-date-time'
-	      };
-	      if (match[1]) {
-	        event.dateTimeString = match[1];
-	        event.dateTimeObject = new Date(match[1]);
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-KEY:?(.*)$/.exec(line);
-	    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);
-	        }
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-START:?(.*)$/.exec(line);
-	    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);
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-CUE-OUT-CONT:?(.*)?$/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'cue-out-cont'
-	      };
-	      if (match[1]) {
-	        event.data = match[1];
-	      } else {
-	        event.data = '';
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-CUE-OUT:?(.*)?$/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'cue-out'
-	      };
-	      if (match[1]) {
-	        event.data = match[1];
-	      } else {
-	        event.data = '';
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-	    match = /^#EXT-X-CUE-IN:?(.*)?$/.exec(line);
-	    if (match) {
-	      event = {
-	        type: 'tag',
-	        tagType: 'cue-in'
-	      };
-	      if (match[1]) {
-	        event.data = match[1];
-	      } else {
-	        event.data = '';
-	      }
-	      this.trigger('data', event);
-	      return;
-	    }
-
-	    // unknown tag type
-	    this.trigger('data', {
-	      type: 'tag',
-	      data: line.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
-	   */
-
-	  ParseStream.prototype.addParser = function addParser(_ref) {
-	    var _this2 = 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) {
-	        _this2.trigger('data', {
-	          type: 'custom',
-	          data: dataParser(line),
-	          customType: customType,
-	          segment: segment
-	        });
-	        return true;
-	      }
-	    });
-	  };
-
-	  return ParseStream;
-	}(Stream);
-
-	/**
-	 * @file m3u8/parser.js
-	 */
-	/**
-	 * 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 = function (_Stream) {
-	  inherits(Parser, _Stream);
-
-	  function Parser() {
-	    classCallCheck(this, Parser);
-
-	    var _this = possibleConstructorReturn(this, _Stream.call(this));
-
-	    _this.lineStream = new LineStream();
-	    _this.parseStream = new ParseStream();
-	    _this.lineStream.pipe(_this.parseStream);
-
-	    /* eslint-disable consistent-this */
-	    var self = _this;
-	    /* eslint-enable consistent-this */
-	    var uris = [];
-	    var currentUri = {};
-	    // if specified, the active EXT-X-MAP definition
-	    var currentMap = void 0;
-	    // if specified, the active decryption key
-	    var _key = void 0;
-	    var noop = function noop() {};
-	    var defaultMediaGroups = {
-	      'AUDIO': {},
-	      'VIDEO': {},
-	      'CLOSED-CAPTIONS': {},
-	      'SUBTITLES': {}
-	    };
-	    // 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 = void 0;
-	      var rendition = void 0;
-
-	      ({
-	        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;
-	              }
-	              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
-	   */
-
-	  Parser.prototype.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.
-	   */
-
-	  Parser.prototype.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
-	   */
-
-	  Parser.prototype.addParser = function addParser(options) {
-	    this.parseStream.addParser(options);
-	  };
-
-	  return Parser;
-	}(Stream);
-
-	var classCallCheck$1 = function (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 defineProperty = function (obj, key, value) {
-	  if (key in obj) {
-	    Object.defineProperty(obj, key, {
-	      value: value,
-	      enumerable: true,
-	      configurable: true,
-	      writable: true
-	    });
-	  } else {
-	    obj[key] = value;
-	  }
-
-	  return obj;
-	};
-
-	var get = 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$1 = function (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 (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 = videojs.mergeOptions,
-	    EventTarget = videojs.EventTarget,
-	    log = videojs.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(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(master, {});
-	  var playlist = result.playlists[media.uri];
-
-	  if (!playlist) {
-	    return null;
-	  }
-
-	  // consider the playlist unchanged if the number of segments is equal and the media
-	  // sequence number is unchanged
-	  if (playlist.segments && media.segments && playlist.segments.length === media.segments.length && playlist.mediaSequence === media.mediaSequence) {
-	    return null;
-	  }
-
-	  var mergedPlaylist = mergeOptions(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.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$1(PlaylistLoader, _EventTarget);
-
-	  function PlaylistLoader(srcUrl, hls, withCredentials) {
-	    classCallCheck$1(this, PlaylistLoader);
-
-	    var _this = possibleConstructorReturn$1(this, (PlaylistLoader.__proto__ || Object.getPrototypeOf(PlaylistLoader)).call(this));
-
-	    _this.srcUrl = srcUrl;
-	    _this.hls_ = hls;
-	    _this.withCredentials = withCredentials;
-
-	    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();
-
-	      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);
-	    }
-	  }, {
-	    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
-	     * @return {Playlist} the current loaded media
-	     */
-
-	  }, {
-	    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 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 (resolveUrl(this.master.uri, playlist.uri) === 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: resolveUrl(this.master.uri, playlist.uri),
-	        withCredentials: this.withCredentials
-	      }, function (error, req) {
-	        // disposed
-	        if (!_this3.request) {
-	          return;
-	        }
-
-	        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();
-
-	        parser.push(req.responseText);
-	        parser.end();
-
-	        _this5.state = 'HAVE_MASTER';
-
-	        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
-	          }]
-	        };
-	        _this5.master.playlists[_this5.srcUrl] = _this5.master.playlists[0];
-	        _this5.master.playlists[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
-	        _this5.master.playlists[0].attributes = _this5.master.playlists[0].attributes || {};
-	        _this5.haveMetadata(req, _this5.srcUrl);
-	        return _this5.trigger('loadedmetadata');
-	      });
-	    }
-	  }]);
-	  return PlaylistLoader;
-	}(EventTarget);
-
-	/**
-	 * @file playlist.js
-	 *
-	 * Playlist related utilities.
-	 */
-
-	var createTimeRange = videojs.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.xhr,
-	    mergeOptions$1 = videojs.mergeOptions;
-
-
-	var xhrFactory = function xhrFactory() {
-	  var xhr = function XhrFunction(options, callback) {
-	    // Add a default timeout for all hls requests
-	    options = mergeOptions$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.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;
-	};
-
-	/*
-	 * 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$2 = 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 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$2 = 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$2(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$1 = function () {
-	  function Stream() {
-	    classCallCheck$2(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$2(AsyncStream, _Stream);
-
-	  function AsyncStream() {
-	    classCallCheck$2(this, AsyncStream);
-
-	    var _this = possibleConstructorReturn$2(this, _Stream.call(this, Stream$1));
-
-	    _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$1);
-
-	/**
-	 * @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$2(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$1(Decrypter, null, [{
-	    key: 'STEP',
-	    get: function get$$1() {
-	      // 4 * 8000;
-	      return 32000;
-	    }
-	  }]);
-	  return Decrypter;
-	}();
-
-	/**
-	 * @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(',');
-	};
-
-	/**
-	 * 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,
-		hexDump: hexDump,
-		tagDump: tagDump,
-		textRanges: textRanges
-	});
-
-	/**
-	 * 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.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 - TIME_FUDGE_FACTOR <= time && end + TIME_FUDGE_FACTOR >= 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.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.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.log.warn('cue.frame.id is deprecated. Use cue.value.key instead.');
-	        return cue.value.key;
-	      }
-	    },
-	    value: {
-	      get: function get() {
-	        videojs.log.warn('cue.frame.value is deprecated. Use cue.value.data instead.');
-	        return cue.value.data;
-	      }
-	    },
-	    privateData: {
-	      get: function get() {
-	        videojs.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;
-
-	      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$1 = typeof window !== 'undefined' ? window : {},
-	    TARGET = typeof Symbol === 'undefined' ? '__target' : Symbol(),
-	    SCRIPT_TYPE = 'application/javascript',
-	    BlobBuilder = win$1.BlobBuilder || win$1.WebKitBlobBuilder || win$1.MozBlobBuilder || win$1.MSBlobBuilder,
-	    URL = win$1.URL || win$1.webkitURL || URL && URL.msURL,
-	    Worker = win$1.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) {
-		var self = this;
-		var transmuxerWorker = function () {
-
-			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;
-
-			/**
-	   * mux.js
-	   *
-	   * Copyright (c) 2015 Brightcove
-	   * All rights reserved.
-	   *
-	   * 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: [],
-					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;
-
-					// 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]));
-					}
-
-					return box(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
-					]).concat(sequenceParameterSets).concat([pps.length // numOfPictureParameterSets
-					]).concat(pictureParameterSets))), // "PPS"
-					box(types.btrt, new Uint8Array([0x00, 0x1c, 0x9c, 0x80, // bufferSizeDB
-					0x00, 0x2d, 0xc6, 0xc0, // maxBitrate
-					0x00, 0x2d, 0xc6, 0xc0])) // avgBitrate
-					);
-				};
-
-				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) 2014 Brightcove
-	   * All rights reserved.
-	   *
-	   * 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);
-				});
-
-				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);
-			};
-
-			var stream = Stream;
-
-			// -----------------
-			// Link To Transport
-			// -----------------
-
-			// 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 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('done', this.trigger.bind(this, 'done'));
-				}, this);
-			};
-
-			CaptionStream.prototype = new stream();
-			CaptionStream.prototype.push = function (event) {
-				var sei, userData;
-
-				// only examine SEI NALs
-				if (event.nalUnitType !== 'sei_rbsp') {
-					return;
-				}
-
-				// parse the sei
-				sei = parseSei(event.escapedRBSP);
-
-				// ignore everything but user_data_registered_itu_t_t35
-				if (sei.payloadType !== USER_DATA_REGISTERED_ITU_T_T35) {
-					return;
-				}
-
-				// parse out the user data payload
-				userData = 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
-				this.captionPackets_ = this.captionPackets_.concat(parseCaptionPackets(event.pts, userData));
-				if (this.latestDts_ !== event.dts) {
-					this.numSameDts_ = 0;
-				}
-				this.numSameDts_++;
-				this.latestDts_ = event.dts;
-			};
-
-			CaptionStream.prototype.flush = function () {
-				// make sure we actually parsed captions before proceeding
-				if (!this.captionPackets_.length) {
-					this.ccStreams_.forEach(function (cc) {
-						cc.flush();
-					}, this);
-					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.ccStreams_.forEach(function (cc) {
-					cc.flush();
-				}, this);
-				return;
-			};
-
-			CaptionStream.prototype.reset = function () {
-				this.latestDts_ = null;
-				this.ignoreNextEqualDts_ = false;
-				this.numSameDts_ = 0;
-				this.activeCea608Channel_ = [null, null];
-				this.ccStreams_.forEach(function (ccStream) {
-					ccStream.reset();
-				});
-			};
-
-			CaptionStream.prototype.dispatchCea608Packet = function (packet) {
-				// NOTE: packet.type is the CEA608 field
-				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, 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;
-			};
-
-			// ----------------------
-			// Session to Application
-			// ----------------------
-
-			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_) {
-						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.topRow_ = BOTTOM_ROW - 1;
-						this.mode_ = 'rollUp';
-					} else if (data === this.ROLL_UP_3_ROWS_) {
-						this.topRow_ = BOTTOM_ROW - 2;
-						this.mode_ = 'rollUp';
-					} else if (data === this.ROLL_UP_4_ROWS_) {
-						this.topRow_ = BOTTOM_ROW - 3;
-						this.mode_ = 'rollUp';
-					} 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_[BOTTOM_ROW] = this.nonDisplayed_[BOTTOM_ROW].slice(0, -1);
-						} else {
-							this.displayed_[BOTTOM_ROW] = this.displayed_[BOTTOM_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_) {
-						this.mode_ = 'paintOn';
-
-						// 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_[BOTTOM_ROW] = this.displayed_[BOTTOM_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);
-
-						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) {
-					return row.trim();
-				})
-				// 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 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 (not supported)
-				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;
-			};
-
-			// 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_[BOTTOM_ROW];
-
-				baseRow += text;
-				this.displayed_[BOTTOM_ROW] = baseRow;
-			};
-
-			Cea608Stream.prototype.shiftRowsUp_ = function () {
-				var i;
-				// clear out inactive rows
-				for (i = 0; i < this.topRow_; i++) {
-					this.displayed_[i] = '';
-				}
-				// shift displayed rows up
-				for (i = this.topRow_; i < BOTTOM_ROW; i++) {
-					this.displayed_[i] = this.displayed_[i + 1];
-				}
-				// clear out the bottom row
-				this.displayed_[BOTTOM_ROW] = '';
-			};
-
-			// paintOn mode is not implemented
-			Cea608Stream.prototype.paintOn = function () {};
-
-			// exports
-			var captionStream = {
-				CaptionStream: CaptionStream,
-				Cea608Stream: Cea608Stream
-			};
-
-			var streamTypes = {
-				H264_STREAM_TYPE: 0x1B,
-				ADTS_STREAM_TYPE: 0x0F,
-				METADATA_STREAM_TYPE: 0x15
-			};
-
-			var MAX_TS = 8589934592;
-
-			var RO_THRESH = 4294967296;
-
-			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);
-
-				this.type_ = type;
-
-				this.push = function (data) {
-					if (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.discontinuity = function () {
-					referenceDTS = void 0;
-					lastDTS = void 0;
-				};
-			};
-
-			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.
-
-				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;
-					}
-				};
-
-				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');
-				};
-			};
-			_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 stream.
-	    */
-				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
-				},
-				    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]);
-				},
-				    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);
-
-				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]();
-				};
-
-				/**
-	    * 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.flush = function () {
-					// !!THIS ORDER IS IMPORTANT!!
-					// video first then audio
-					flushStream(video, 'video');
-					flushStream(audio, 'audio');
-					flushStream(timedMetadata, 'timed-metadata');
-					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 _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() {
-				var buffer;
-
-				_AdtsStream.prototype.init.call(this);
-
-				this.push = function (packet) {
-					var i = 0,
-					    frameNum = 0,
-					    frameLength,
-					    protectionSkipBytes,
-					    frameEnd,
-					    oldBuffer,
-					    sampleCount,
-					    adtsFrameDuration;
-
-					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) {
-
-						// Loook 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 * 90000 / 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)
-						});
-
-						// If the buffer is empty, clear it and return
-						if (buffer.byteLength === frameEnd) {
-							buffer = undefined;
-							return;
-						}
-
-						frameNum++;
-
-						// Remove the finished frame from the buffer and start the process again
-						buffer = buffer.subarray(frameEnd);
-					}
-				};
-				this.flush = function () {
-					this.trigger('done');
-				};
-			};
-
-			_AdtsStream.prototype = new stream();
-
-			var adts = _AdtsStream;
-
-			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);
-
-				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;
-					}
-
-					// 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 < buffer.byteLength - 3; syncPoint++) {
-						if (buffer[syncPoint + 2] === 1) {
-							// the sync point is properly aligned
-							i = syncPoint + 5;
-							break;
-						}
-					}
-
-					while (i < buffer.byteLength) {
-						// 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 < buffer.length);
-								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.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');
-				};
-			};
-			_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;
-
-				this.push = function (packet) {
-					if (packet.type !== 'video') {
-						return;
-					}
-					trackId = packet.trackId;
-					currentPts = packet.pts;
-					currentDts = packet.dts;
-
-					nalByteStream.push(packet);
-				};
-
-				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;
-					}
-					self.trigger('data', event);
-				});
-				nalByteStream.on('done', function () {
-					self.trigger('done');
-				});
-
-				this.flush = function () {
-					nalByteStream.flush();
-				};
-
-				/**
-	    * 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
-					};
-				};
-			};
-			_H264Stream.prototype = new stream();
-
-			var h264 = {
-				H264Stream: _H264Stream,
-				NalByteStream: _NalByteStream
-			};
-
-			// 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.parseId3TagSize = function (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;
-				};
-
-				this.parseAdtsSize = function (header, byteIndex) {
-					var lowThree = (header[byteIndex + 5] & 0xE0) >> 5,
-					    middle = header[byteIndex + 4] << 3,
-					    highTwo = header[byteIndex + 3] & 0x3 << 11;
-
-					return highTwo | middle | lowThree;
-				};
-
-				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 = this.parseId3TagSize(everything, byteIndex);
-
-							// Exit early if we don't have enough in the buffer
-							// to emit a full packet
-							if (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 = this.parseAdtsSize(everything, byteIndex);
-
-							// Exit early if we don't have enough in the buffer
-							// to emit a full packet
-							if (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();
-					}
-				};
-			};
-
-			_AacStream.prototype = new stream();
-
-			var aac = _AacStream;
-
-			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);
-
-			var ONE_SECOND_IN_TS = 90000,
-
-			// 90kHz clock
-			secondsToVideoTs,
-			    secondsToAudioTs,
-			    videoTsToSeconds,
-			    audioTsToSeconds,
-			    audioTsToVideoTs,
-			    videoTsToAudioTs;
-
-			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);
-			};
-
-			var clock = {
-				secondsToVideoTs: secondsToVideoTs,
-				secondsToAudioTs: secondsToAudioTs,
-				videoTsToSeconds: videoTsToSeconds,
-				audioTsToSeconds: audioTsToSeconds,
-				audioTsToVideoTs: audioTsToVideoTs,
-				videoTsToAudioTs: videoTsToAudioTs
-			};
-
-			var H264Stream = h264.H264Stream;
-
-			// constants
-			var AUDIO_PROPERTIES = ['audioobjecttype', 'channelcount', 'samplerate', 'samplingfrequencyindex', 'samplesize'];
-
-			var VIDEO_PROPERTIES = ['width', 'height', 'profileIdc', 'levelIdc', 'profileCompatibility'];
-
-			var ONE_SECOND_IN_TS$1 = 90000; // 90kHz clock
-
-			// object types
-			var _VideoSegmentStream, _AudioSegmentStream, _Transmuxer, _CoalesceStream;
-
-			// Helper functions
-			var createDefaultSample, isLikelyAacData, collectDtsInfo, clearDtsInfo, calculateTrackBaseMediaDecodeTime, arrayEquals, sumFrameByteLengths;
-
-			/**
-	   * Default sample object
-	   * see ISO/IEC 14496-12:2012, section 8.6.4.3
-	   */
-			createDefaultSample = function createDefaultSample() {
-				return {
-					size: 0,
-					flags: {
-						isLeading: 0,
-						dependsOn: 1,
-						isDependedOn: 0,
-						hasRedundancy: 0,
-						degradationPriority: 0
-					}
-				};
-			};
-
-			isLikelyAacData = function isLikelyAacData(data) {
-				if (data[0] === 'I'.charCodeAt(0) && data[1] === 'D'.charCodeAt(0) && data[2] === '3'.charCodeAt(0)) {
-					return true;
-				}
-				return false;
-			};
-
-			/**
-	   * Compare two arrays (even typed) for same-ness
-	   */
-			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;
-			};
-
-			/**
-	   * Sum the `byteLength` properties of the data in each AAC frame
-	   */
-			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;
-			};
-
-			/**
-	   * 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) {
-					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;
-
-					// return early if no audio data has been observed
-					if (adtsFrames.length === 0) {
-						this.trigger('done', 'AudioSegmentStream');
-						return;
-					}
-
-					frames = this.trimAdtsFramesByEarliestDts_(adtsFrames);
-					track.baseMediaDecodeTime = calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
-
-					this.prefixWithSilence_(track, frames);
-
-					// we have to build the index from byte locations to
-					// samples (that is, adts frames) in the audio data
-					track.samples = this.generateSampleTable_(frames);
-
-					// concatenate the audio data to constuct the mdat
-					mdat = mp4Generator.mdat(this.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);
-
-					clearDtsInfo(track);
-
-					this.trigger('data', { track: track, boxes: boxes });
-					this.trigger('done', 'AudioSegmentStream');
-				};
-
-				// Possibly pad (prefix) the audio track with silence if appending this track
-				// would lead to the introduction of a gap in the audio buffer
-				this.prefixWithSilence_ = function (track, frames) {
-					var baseMediaDecodeTimeTs,
-					    frameDuration = 0,
-					    audioGapDuration = 0,
-					    audioFillFrameCount = 0,
-					    audioFillDuration = 0,
-					    silentFrame,
-					    i;
-
-					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(ONE_SECOND_IN_TS$1 / (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 > ONE_SECOND_IN_TS$1 / 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++) {
-						frames.splice(i, 0, {
-							data: silentFrame
-						});
-					}
-
-					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
-				this.trimAdtsFramesByEarliestDts_ = function (adtsFrames) {
-					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
-				this.generateSampleTable_ = function (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
-				this.concatenateFrameData_ = function (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;
-				};
-			};
-
-			_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_ = [];
-
-				this.push = function (nalUnit) {
-					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);
-				};
-
-				this.flush = function () {
-					var frames, gopForFusion, gops, moof, mdat, boxes;
-
-					// 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 = this.groupNalsIntoFrames_(nalUnits);
-					gops = this.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) {
-							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 = this.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
-						clearDtsInfo(track);
-
-						gops = alignedGops;
-					}
-
-					collectDtsInfo(track, gops);
-
-					// First, we have to build the index from byte locations to
-					// samples (that is, frames) in the video data
-					track.samples = this.generateSampleTable_(gops);
-
-					// Concatenate the video data and construct the mdat
-					mdat = mp4Generator.mdat(this.concatenateNalData_(gops));
-
-					track.baseMediaDecodeTime = calculateTrackBaseMediaDecodeTime(track, options.keepOriginalTimestamps);
-
-					this.trigger('processedGopsInfo', gops.map(function (gop) {
-						return {
-							pts: gop.pts,
-							dts: gop.dts,
-							byteLength: gop.byteLength
-						};
-					}));
-
-					// 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.resetStream_ = function () {
-					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;
-				};
-
-				this.extendFirstKeyFrame_ = function (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;
-				};
-
-				// 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.
-				this.groupNalsIntoFrames_ = function (nalUnits) {
-					var i,
-					    currentNal,
-					    currentFrame = [],
-					    frames = [];
-
-					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;
-								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
-					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.
-				this.groupFramesIntoGops_ = function (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;
-				};
-
-				// generate the track's sample table from an array of gops
-				this.generateSampleTable_ = function (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 = createDefaultSample();
-
-							sample.dataOffset = dataOffset;
-							sample.compositionTimeOffset = currentFrame.pts - currentFrame.dts;
-							sample.duration = currentFrame.duration;
-							sample.size = 4 * currentFrame.length; // Space for nal unit size
-							sample.size += currentFrame.byteLength;
-
-							if (currentFrame.keyFrame) {
-								sample.flags.dependsOn = 2;
-							}
-
-							dataOffset += sample.size;
-
-							samples.push(sample);
-						}
-					}
-					return samples;
-				};
-
-				// generate the track's raw mdat data from an array of gops
-				this.concatenateNalData_ = function (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;
-				};
-
-				// 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();
-
-			/**
-	   * 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
-	   */
-			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
-	   */
-			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.
-	   */
-			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;
-			};
-
-			/**
-	   * 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.
-	   */
-			_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;
-
-				if (typeof options.remux !== 'undefined') {
-					this.remuxTracks = !!options.remux;
-				} else {
-					this.remuxTracks = true;
-				}
-
-				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.pendingBoxes.push(output.boxes);
-					this.pendingBytes += output.boxes.byteLength;
-
-					if (output.track.type === 'video') {
-						this.videoTrack = output.track;
-					}
-					if (output.track.type === 'audio') {
-						this.audioTrack = output.track;
-					}
-				};
-			};
-
-			_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.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 into the
-				// video timeline for the segment, and add track info
-				for (i = 0; i < this.pendingCaptions.length; i++) {
-					caption = this.pendingCaptions[i];
-					caption.startTime = caption.startPts - timelineStartPts;
-					caption.startTime /= 90e3;
-					caption.endTime = caption.endPts - timelineStartPts;
-					caption.endTime /= 90e3;
-					event.captionStreams[caption.stream] = true;
-					event.captions.push(caption);
-				}
-
-				// Translate ID3 frame PTS times into second offsets into the
-				// video timeline for the segment
-				for (i = 0; i < this.pendingMetadata.length; i++) {
-					id3 = this.pendingMetadata[i];
-					id3.cueTime = id3.pts - timelineStartPts;
-					id3.cueTime /= 90e3;
-					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
-				this.trigger('data', event);
-
-				// Only emit `done` if all tracks have been flushed and emitted
-				if (this.emittedTracks >= this.numberOfTracks) {
-					this.trigger('done');
-					this.emittedTracks = 0;
-				}
-			};
-			/**
-	   * 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);
-							// Set up the final part of the audio pipeline
-							pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
-						}
-					});
-
-					// 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.videoTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('video');
-					pipeline.audioTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('audio');
-					pipeline.timedMetadataTimestampRolloverStream = new m2ts_1.TimestampRolloverStream('timed-metadata');
-					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);
-
-					// !!THIS ORDER IS IMPORTANT!!
-					// demux the streams
-					pipeline.elementaryStream.pipe(pipeline.videoTimestampRolloverStream).pipe(pipeline.h264Stream);
-					pipeline.elementaryStream.pipe(pipeline.audioTimestampRolloverStream).pipe(pipeline.adtsStream);
-
-					pipeline.elementaryStream.pipe(pipeline.timedMetadataTimestampRolloverStream).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('baseMediaDecodeTime', function (baseMediaDecodeTime) {
-									if (audioTrack) {
-										pipeline.audioSegmentStream.setVideoBaseMediaDecodeTime(baseMediaDecodeTime);
-									}
-								});
-
-								// 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);
-
-								// Set up the final part of the audio pipeline
-								pipeline.adtsStream.pipe(pipeline.audioSegmentStream).pipe(pipeline.coalesceStream);
-							}
-						}
-					});
-
-					// 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'));
-				};
-
-				// hook up the segment streams once track metadata is delivered
-				this.setBaseMediaDecodeTime = function (baseMediaDecodeTime) {
-					var pipeline = this.transmuxPipeline_;
-
-					this.baseMediaDecodeTime = baseMediaDecodeTime;
-					if (audioTrack) {
-						audioTrack.timelineStartInfo.dts = undefined;
-						audioTrack.timelineStartInfo.pts = undefined;
-						clearDtsInfo(audioTrack);
-						audioTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
-						if (pipeline.audioTimestampRolloverStream) {
-							pipeline.audioTimestampRolloverStream.discontinuity();
-						}
-					}
-					if (videoTrack) {
-						if (pipeline.videoSegmentStream) {
-							pipeline.videoSegmentStream.gopCache_ = [];
-							pipeline.videoTimestampRolloverStream.discontinuity();
-						}
-						videoTrack.timelineStartInfo.dts = undefined;
-						videoTrack.timelineStartInfo.pts = undefined;
-						clearDtsInfo(videoTrack);
-						pipeline.captionStream.reset();
-						videoTrack.timelineStartInfo.baseMediaDecodeTime = baseMediaDecodeTime;
-					}
-
-					if (pipeline.timedMetadataTimestampRolloverStream) {
-						pipeline.timedMetadataTimestampRolloverStream.discontinuity();
-					}
-				};
-
-				this.setAudioAppendStart = function (timestamp) {
-					if (audioTrack) {
-						this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(timestamp);
-					}
-				};
-
-				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(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();
-				};
-
-				// 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
-			};
-
-			var mp4 = {
-				generator: mp4Generator,
-				Transmuxer: transmuxer.Transmuxer,
-				AudioSegmentStream: transmuxer.AudioSegmentStream,
-				VideoSegmentStream: transmuxer.VideoSegmentStream
-			};
-
-			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(transmuxer) {
-				transmuxer.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;
-					window_1.postMessage({
-						action: 'data',
-						segment: segment,
-						byteOffset: typedArray.byteOffset,
-						byteLength: typedArray.byteLength
-					}, [segment.data]);
-				});
-
-				if (transmuxer.captionStream) {
-					transmuxer.captionStream.on('data', function (caption) {
-						window_1.postMessage({
-							action: 'caption',
-							data: caption
-						});
-					});
-				}
-
-				transmuxer.on('done', function (data) {
-					window_1.postMessage({ action: 'done' });
-				});
-
-				transmuxer.on('gopInfo', function (gopInfo) {
-					window_1.postMessage({
-						action: 'gopInfo',
-						gopInfo: gopInfo
-					});
-				});
-			};
-
-			/**
-	   * 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(options) {
-					classCallCheck(this, MessageHandlers);
-
-					this.options = options || {};
-					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 mp4.Transmuxer(this.options);
-						wireTransmuxerEvents(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(event.data.options);
-						return;
-					}
-
-					if (!this.messageHandlers) {
-						this.messageHandlers = new MessageHandlers();
-					}
-
-					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 codec-utils.js
-	 */
-
-	/**
-	 * 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)
-	  );
-	};
-
-	/**
-	 * 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;
-	};
-
-	/**
-	 * 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;
-	    });
-	  });
-	};
-
-	/**
-	 * @file virtual-source-buffer.js
-	 */
-
-	// 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;
-	};
-
-	/**
-	 * 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 {Player} player
-	 *        The player instance
-	 * @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, player, mapping) {
-	  if (!player || !buffer.length) {
-	    return [];
-	  }
-
-	  // pts value for current time + 3 seconds to give a bit more wiggle room
-	  var currentTimePts = Math.ceil((player.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;
-	};
-
-	/**
-	 * 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$1(VirtualSourceBuffer, _videojs$EventTarget);
-
-	  function VirtualSourceBuffer(mediaSource, codecs) {
-	    classCallCheck$1(this, VirtualSourceBuffer);
-
-	    var _this = possibleConstructorReturn$1(this, (VirtualSourceBuffer.__proto__ || Object.getPrototypeOf(VirtualSourceBuffer)).call(this, videojs.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.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);
-	      }
-	    };
-
-	    // 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() {
-	        var start = null;
-	        var end = null;
-	        var arity = 0;
-	        var extents = [];
-	        var ranges = [];
-
-	        // neither buffer has been created yet
-	        if (!this.videoBuffer_ && !this.audioBuffer_) {
-	          return videojs.createTimeRange();
-	        }
-
-	        // only one buffer is configured
-	        if (!this.videoBuffer_) {
-	          return this.audioBuffer_.buffered;
-	        }
-	        if (!this.audioBuffer_) {
-	          return this.videoBuffer_.buffered;
-	        }
-
-	        // both buffers are configured
-	        if (this.audioDisabled_) {
-	          return this.videoBuffer_.buffered;
-	        }
-
-	        // both buffers are empty
-	        if (this.videoBuffer_.buffered.length === 0 && this.audioBuffer_.buffered.length === 0) {
-	          return videojs.createTimeRange();
-	        }
-
-	        // Handle the case where we have both buffers and create an
-	        // intersection of the two
-	        var videoBuffered = this.videoBuffer_.buffered;
-	        var audioBuffered = this.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.createTimeRanges(ranges);
-	      }
-	    });
-	    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;
-	    }
-
-	    /**
-	     * 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 if 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.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: []
-	      };
-
-	      // 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_);
-	        // TODO: are video tracks the only ones with text tracks?
-	        addTextTrackData(this, sortedSegments.captions, sortedSegments.metadata);
-	      } 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;
-	      }
-
-	      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.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$1(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.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_1.querySelector('[src="' + _this.url_ + '"]');
-
-	      if (!video) {
-	        return;
-	      }
-
-	      _this.player_ = videojs(video.parentNode);
-
-	      // 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_);
-	        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.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.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.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.mediaSources[url] = object;
-
-	    return url;
-	  }
-	};
-
-	videojs.MediaSource = MediaSource;
-	videojs.URL = URL$1;
-
-	/**
-	 * mpd-parser
-	 * @version 0.6.0
-	 * @copyright 2018 Brightcove, Inc
-	 * @license Apache-2.0
-	 */
-
-	var formatAudioPlaylist = function formatAudioPlaylist(_ref) {
-	  var attributes = _ref.attributes,
-	      segments = _ref.segments;
-
-	  var playlist = {
-	    attributes: defineProperty({
-	      NAME: attributes.id,
-	      BANDWIDTH: attributes.bandwidth,
-	      CODECS: attributes.codecs
-	    }, 'PROGRAM-ID', 1),
-	    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;
-	  }
-
-	  return playlist;
-	};
-
-	var formatVttPlaylist = function formatVttPlaylist(_ref2) {
-	  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: defineProperty({
-	      NAME: attributes.id,
-	      BANDWIDTH: attributes.bandwidth
-	    }, 'PROGRAM-ID', 1),
-	    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) {
-	  return playlists.reduce(function (a, playlist) {
-	    var role = playlist.attributes.role && playlist.attributes.role.value || 'main';
-	    var language = playlist.attributes.lang || '';
-
-	    var label = 'main';
-
-	    if (language) {
-	      label = playlist.attributes.lang + ' (' + role + ')';
-	    }
-
-	    // 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: [formatAudioPlaylist(playlist)],
-	      uri: ''
-	    };
-
-	    return a;
-	  }, {});
-	};
-
-	var organizeVttPlaylists = function organizeVttPlaylists(playlists) {
-	  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: [formatVttPlaylist(playlist)],
-	      uri: ''
-	    };
-
-	    return a;
-	  }, {});
-	};
-
-	var formatVideoPlaylist = function formatVideoPlaylist(_ref3) {
-	  var attributes = _ref3.attributes,
-	      segments = _ref3.segments;
-
-	  var playlist = {
-	    attributes: defineProperty({
-	      NAME: attributes.id,
-	      AUDIO: 'audio',
-	      SUBTITLES: 'subs',
-	      RESOLUTION: {
-	        width: attributes.width,
-	        height: attributes.height
-	      },
-	      CODECS: attributes.codecs,
-	      BANDWIDTH: attributes.bandwidth
-	    }, 'PROGRAM-ID', 1),
-	    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;
-	  }
-
-	  return playlist;
-	};
-
-	var toM3u8 = function toM3u8(dashPlaylists) {
-	  var _mediaGroups;
-
-	  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 === undefined ? 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 = dashPlaylists.filter(videoOnly).map(formatVideoPlaylist);
-	  var audioPlaylists = dashPlaylists.filter(audioOnly);
-	  var vttPlaylists = dashPlaylists.filter(vttOnly);
-
-	  var master = {
-	    allowCache: true,
-	    discontinuityStarts: [],
-	    segments: [],
-	    endList: true,
-	    mediaGroups: (_mediaGroups = {
-	      AUDIO: {},
-	      VIDEO: {}
-	    }, defineProperty(_mediaGroups, 'CLOSED-CAPTIONS', {}), defineProperty(_mediaGroups, 'SUBTITLES', {}), _mediaGroups),
-	    uri: '',
-	    duration: duration,
-	    playlists: videoPlaylists,
-	    minimumUpdatePeriod: minimumUpdatePeriod * 1000
-	  };
-
-	  if (audioPlaylists.length) {
-	    master.mediaGroups.AUDIO.audio = organizeAudioPlaylists(audioPlaylists);
-	  }
-
-	  if (vttPlaylists.length) {
-	    master.mediaGroups.SUBTITLES.subs = organizeVttPlaylists(vttPlaylists);
-	  }
-
-	  return master;
-	};
-
-	var isObject = function isObject(obj) {
-	  return !!obj && typeof obj === 'object';
-	};
-
-	var merge = function merge() {
-	  for (var _len = arguments.length, objects = 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(result[key]) && isObject(source[key])) {
-	        result[key] = merge(result[key], source[key]);
-	      } else {
-	        result[key] = source[key];
-	      }
-	    });
-	    return result;
-	  }, {});
-	};
-
-	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);
-	};
-
-	/**
-	 * @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
-	 * @return {SingleUri} full segment information transformed into a format similar
-	 *   to m3u8-parser
-	 */
-	var urlTypeToSegment = function urlTypeToSegment(_ref7) {
-	  var _ref7$baseUrl = _ref7.baseUrl,
-	      baseUrl = _ref7$baseUrl === undefined ? '' : _ref7$baseUrl,
-	      _ref7$source = _ref7.source,
-	      source = _ref7$source === undefined ? '' : _ref7$source,
-	      _ref7$range = _ref7.range,
-	      range = _ref7$range === undefined ? '' : _ref7$range;
-
-	  var init = {
-	    uri: source,
-	    resolvedUri: resolveUrl$1(baseUrl || '', source)
-	  };
-
-	  if (range) {
-	    var ranges = range.split('-');
-	    var startRange = parseInt(ranges[0], 10);
-	    var endRange = parseInt(ranges[1], 10);
-
-	    init.byterange = {
-	      length: endRange - startRange,
-	      offset: startRange
-	    };
-	  }
-
-	  return init;
-	};
-
-	/**
-	 * 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 === undefined ? 1 : _attributes$timescale,
-	      _attributes$start = attributes.start,
-	      start = _attributes$start === undefined ? 0 : _attributes$start,
-	      _attributes$minimumUp = attributes.minimumUpdatePeriod,
-	      minimumUpdatePeriod = _attributes$minimumUp === undefined ? 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 === undefined ? 'static' : _attributes$type,
-	      _attributes$minimumUp2 = attributes.minimumUpdatePeriod,
-	      minimumUpdatePeriod = _attributes$minimumUp2 === undefined ? 0 : _attributes$minimumUp2,
-	      _attributes$media = attributes.media,
-	      media = _attributes$media === undefined ? '' : _attributes$media,
-	      sourceDuration = attributes.sourceDuration,
-	      _attributes$timescale2 = attributes.timescale,
-	      timescale = _attributes$timescale2 === undefined ? 1 : _attributes$timescale2,
-	      _attributes$startNumb = attributes.startNumber,
-	      startNumber = _attributes$startNumb === undefined ? 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 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;
-	};
-
-	/**
-	 * 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$timescale3 = attributes.timescale,
-	        timescale = _attributes$timescale3 === undefined ? 1 : _attributes$timescale3,
-	        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$timescale4 = attributes.timescale,
-	        timescale = _attributes$timescale4 === undefined ? 1 : _attributes$timescale4,
-	        duration = attributes.duration,
-	        _attributes$start2 = attributes.start,
-	        start = _attributes$start2 === undefined ? 0 : _attributes$start2,
-	        _attributes$minimumUp3 = attributes.minimumUpdatePeriod,
-	        minimumUpdatePeriod = _attributes$minimumUp3 === undefined ? 0 : _attributes$minimumUp3,
-	        _attributes$timeShift = attributes.timeShiftBufferDepth,
-	        timeShiftBufferDepth = _attributes$timeShift === undefined ? 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$timescale5 = attributes.timescale,
-	        timescale = _attributes$timescale5 === undefined ? 1 : _attributes$timescale5,
-	        periodIndex = attributes.periodIndex,
-	        _attributes$startNumb2 = attributes.startNumber,
-	        startNumber = _attributes$startNumb2 === undefined ? 1 : _attributes$startNumb2;
-
-
-	    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$type2 = attributes.type,
-	      type = _attributes$type2 === undefined ? 'static' : _attributes$type2,
-	      duration = attributes.duration,
-	      _attributes$timescale6 = attributes.timescale,
-	      timescale = _attributes$timescale6 === undefined ? 1 : _attributes$timescale6,
-	      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;
-	};
-
-	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 === undefined ? { 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$1(attributes.baseUrl || '', uri),
-	      map: mapSegment,
-	      number: segment.number
-	    };
-	  });
-	};
-
-	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'
-	};
-
-	/**
-	 * 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$initializ2 = attributes.initialization,
-	      initialization = _attributes$initializ2 === undefined ? {} : _attributes$initializ2;
-
-
-	  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 === undefined ? [] : _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 = void 0;
-
-	  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;
-	};
-
-	/**
-	 * 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$initializ3 = attributes.initialization,
-	      initialization = _attributes$initializ3 === undefined ? {} : _attributes$initializ3,
-	      sourceDuration = attributes.sourceDuration,
-	      _attributes$timescale7 = attributes.timescale,
-	      timescale = _attributes$timescale7 === undefined ? 1 : _attributes$timescale7,
-	      _attributes$indexRang = attributes.indexRange,
-	      indexRange = _attributes$indexRang === undefined ? '' : _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, range: 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];
-	};
-
-	var generateSegments = function generateSegments(_ref8) {
-	  var attributes = _ref8.attributes,
-	      segmentInfo = _ref8.segmentInfo;
-
-	  var segmentAttributes = void 0;
-	  var segmentsFn = void 0;
-
-	  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);
-	  }
-
-	  if (!segmentsFn) {
-	    return { attributes: attributes };
-	  }
-
-	  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 === undefined ? 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;
-	  }
-
-	  return {
-	    attributes: segmentAttributes,
-	    segments: segments
-	  };
-	};
-
-	var toPlaylists = function toPlaylists(representations) {
-	  return representations.map(generateSegments);
-	};
-
-	var findChildren = function findChildren(element, name) {
-	  return from(element.childNodes).filter(function (_ref9) {
-	    var tagName = _ref9.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),
-	      _match$slice2 = slicedToArray(_match$slice, 6),
-	      year = _match$slice2[0],
-	      month = _match$slice2[1],
-	      day = _match$slice2[2],
-	      hour = _match$slice2[3],
-	      minute = _match$slice2[4],
-	      second = _match$slice2[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);
-	};
-
-	// TODO: maybe order these in some way that makes it easy to find specific attributes
-	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(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$1(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(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, periodIndex) {
-	    var periodBaseUrls = buildBaseUrls(mpdBaseUrls, findChildren(period, 'BaseURL'));
-	    var periodAtt = parseAttributes$1(period);
-	    var periodAttributes = merge(mpdAttributes, periodAtt, { 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) {
-	  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-	  var _options$manifestUri = options.manifestUri,
-	      manifestUri = _options$manifestUri === undefined ? '' : _options$manifestUri,
-	      _options$NOW = options.NOW,
-	      NOW = _options$NOW === undefined ? Date.now() : _options$NOW,
-	      _options$clientOffset = options.clientOffset,
-	      clientOffset = _options$clientOffset === undefined ? 0 : _options$clientOffset;
-
-	  var periods = findChildren(mpd, 'Period');
-
-	  if (periods.length !== 1) {
-	    // TODO add support for multiperiod
-	    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) {
-	  return toM3u8(toPlaylists(inheritAttributes(stringToMpdXml(manifestString), options)));
-	};
-
-	/**
-	 * 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));
-	};
-
-	var EventTarget$1 = videojs.EventTarget,
-	    mergeOptions$2 = videojs.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 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;
-	    }
-	  }
-
-	  // 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];
-	      }
-	    }
-	  });
-
-	  return update;
-	};
-
-	var DashPlaylistLoader = function (_EventTarget) {
-	  inherits$1(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, withCredentials, masterPlaylistLoader) {
-	    classCallCheck$1(this, DashPlaylistLoader);
-
-	    var _this = possibleConstructorReturn$1(this, (DashPlaylistLoader.__proto__ || Object.getPrototypeOf(DashPlaylistLoader)).call(this));
-
-	    _this.hls_ = hls;
-	    _this.withCredentials = withCredentials;
-
-	    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_();
-	    });
-
-	    // initialize the loader state
-	    if (typeof srcUrlOrPlaylist === 'string') {
-	      _this.srcUrl = srcUrlOrPlaylist;
-	      _this.state = 'HAVE_NOTHING';
-	      return possibleConstructorReturn$1(_this);
-	    }
-
-	    _this.masterPlaylistLoader_ = masterPlaylistLoader;
-
-	    _this.state = 'HAVE_METADATA';
-	    _this.started = true;
-	    // we only should have one playlist so select it
-	    _this.media(srcUrlOrPlaylist);
-	    // trigger async to mimic behavior of HLS, where it must request a playlist
-	    window_1.setTimeout(function () {
-	      _this.trigger('loadedmetadata');
-	    }, 0);
-	    return _this;
-	  }
-
-	  createClass(DashPlaylistLoader, [{
-	    key: 'dispose',
-	    value: function dispose() {
-	      this.stopRequest();
-	      window_1.clearTimeout(this.mediaUpdateTimeout);
-	    }
-	  }, {
-	    key: 'stopRequest',
-	    value: function stopRequest() {
-	      if (this.request) {
-	        var oldRequest = this.request;
-
-	        this.request = null;
-	        oldRequest.onreadystatechange = null;
-	        oldRequest.abort();
-	      }
-	    }
-	  }, {
-	    key: 'media',
-	    value: function media(playlist) {
-	      // 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;
-
-	      this.state = 'HAVE_METADATA';
-
-	      // switching to the active playlist is a no-op
-	      if (!mediaChange) {
-	        return;
-	      }
-
-	      // switching from an already loaded playlist
-	      if (this.media_) {
-	        this.trigger('mediachanging');
-	      }
-
-	      this.media_ = playlist;
-
-	      this.refreshMedia_();
-
-	      // trigger media change if the active media has been updated
-	      if (startingState !== 'HAVE_MASTER') {
-	        this.trigger('mediachange');
-	      }
-	    }
-	  }, {
-	    key: 'pause',
-	    value: function pause() {
-	      this.stopRequest();
-	      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() {
-	      // 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_
-	      });
-
-	      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 _this2 = this;
-
-	      this.started = true;
-
-	      // request the specified URL
-	      this.request = this.hls_.xhr({
-	        uri: this.srcUrl,
-	        withCredentials: this.withCredentials
-	      }, function (error, req) {
-	        // disposed
-	        if (!_this2.request) {
-	          return;
-	        }
-
-	        // clear the loader's request reference
-	        _this2.request = null;
-
-	        if (error) {
-	          _this2.error = {
-	            status: req.status,
-	            message: 'DASH playlist request error at URL: ' + _this2.srcUrl,
-	            responseText: req.responseText,
-	            // MEDIA_ERR_NETWORK
-	            code: 2
-	          };
-	          if (_this2.state === 'HAVE_NOTHING') {
-	            _this2.started = false;
-	          }
-	          return _this2.trigger('error');
-	        }
-
-	        _this2.masterXml_ = req.responseText;
-
-	        if (req.responseHeaders && req.responseHeaders.date) {
-	          _this2.masterLoaded_ = Date.parse(req.responseHeaders.date);
-	        } else {
-	          _this2.masterLoaded_ = Date.now();
-	        }
-
-	        _this2.syncClientServerClock_(_this2.onClientServerClockSync_.bind(_this2));
-	      });
-	    }
-
-	    /**
-	     * 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 _this3 = 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 (!_this3.request) {
-	          return;
-	        }
-
-	        if (error) {
-	          // sync request failed, fall back to using date header from mpd
-	          // TODO: log warning
-	          _this3.clientOffset_ = _this3.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 = _this3.masterLoaded_;
-	          } else {
-	            serverTime = Date.parse(req.responseHeaders.date);
-	          }
-	        } else {
-	          serverTime = Date.parse(req.responseText);
-	        }
-
-	        _this3.clientOffset_ = serverTime - Date.now();
-
-	        done();
-	      });
-	    }
-
-	    /**
-	     * 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 _this4 = this;
-
-	      this.master = this.parseMasterXml();
-
-	      this.state = 'HAVE_MASTER';
-
-	      this.trigger('loadedplaylist');
-
-	      if (!this.media_) {
-	        // no media playlist was specifically selected so start
-	        // from the first listed one
-	        this.media(this.master.playlists[0]);
-	      }
-	      // trigger loadedmetadata to resolve setup of media groups
-	      // trigger async to mimic behavior of HLS, where it must request a playlist
-	      window_1.setTimeout(function () {
-	        _this4.trigger('loadedmetadata');
-	      }, 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.minimumUpdatePeriod) {
-	        window_1.setTimeout(function () {
-	          _this4.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 _this5 = this;
-
-	      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;
-
-	        var newMaster = _this5.parseMasterXml();
-
-	        _this5.master = updateMaster$1(_this5.master, newMaster);
-
-	        window_1.setTimeout(function () {
-	          _this5.trigger('minimumUpdatePeriod');
-	        }, _this5.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_() {
-	      var _this6 = this;
-
-	      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[this.media_.uri];
-	      } else {
-	        this.trigger('playlistunchanged');
-	      }
-
-	      if (!this.media().endList) {
-	        this.mediaUpdateTimeout = window_1.setTimeout(function () {
-	          _this6.trigger('mediaupdatetimeout');
-	        }, refreshDelay(this.media(), !!updatedMaster));
-	      }
-
-	      this.trigger('loadedplaylist');
-	    }
-	  }]);
-	  return DashPlaylistLoader;
-	}(EventTarget$1);
-
-	var logger = function logger(source) {
-	  if (videojs.log.debug) {
-	    return videojs.log.debug.bind(videojs, '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$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(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.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(bytes, done) {
-	      var _this4 = this;
-
-	      this.processedAppend_ = true;
-	      this.queueCallback_(function () {
-	        _this4.sourceBuffer_.appendBuffer(bytes);
-	      }, 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.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
-	     * @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;
-
-	      if (this.processedAppend_) {
-	        this.queueCallback_(function () {
-	          _this5.logger_('remove [' + start + ' => ' + end + ']');
-	          _this5.sourceBuffer_.remove(start, end);
-	        }, noop);
-	      }
-	    }
-
-	    /**
-	     * Whether the underlying sourceBuffer is updating or not
-	     *
-	     * @return {Boolean} the updating status of the SourceBuffer
-	     */
-
-	  }, {
-	    key: 'updating',
-	    value: function updating() {
-	      return !this.sourceBuffer_ || this.sourceBuffer_.updating || this.pendingCallback_;
-	    }
-
-	    /**
-	     * 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;
-	        });
-	        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() {
-	      this.sourceBuffer_.removeEventListener('updateend', this.onUpdateendCallback_);
-	      if (this.sourceBuffer_ && this.mediaSource.readyState === 'open') {
-	        this.sourceBuffer_.abort();
-	      }
-	    }
-	  }]);
-	  return SourceUpdater;
-	}();
-
-	var Config = {
-	  GOAL_BUFFER_LENGTH: 30,
-	  MAX_GOAL_BUFFER_LENGTH: 60,
-	  GOAL_BUFFER_LENGTH_RATE: 1,
-	  // 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
-	};
-
-	/**
-	 * 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;
-	};
-
-	/**
-	 * 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, 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);
-	    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, 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.stats = getRequestStats(request);
-
-	    if (segment.key) {
-	      segment.encryptedBytes = new Uint8Array(request.response);
-	    } else {
-	      segment.bytes = new Uint8Array(request.response);
-	    }
-
-	    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);
-
-	  // this is an encrypted segment
-	  // incrementally decrypt the segment
-	  decrypter.postMessage(createTransferableMessage({
-	    source: segment.requestId,
-	    encrypted: segment.encryptedBytes,
-	    key: segment.key.bytes,
-	    iv: segment.key.iv
-	  }), [segment.encryptedBytes.buffer, segment.key.bytes.buffer]);
-	};
-
-	/**
-	 * The purpose of this function is to get the most pertinent error from the
-	 * array of errors.
-	 * For instance if a timeout and two aborts occur, then the aborts were
-	 * likely triggered by the timeout so return that error object.
-	 */
-	var getMostImportantError = function getMostImportantError(errors) {
-	  return errors.reduce(function (prev, err) {
-	    return err.code > prev.code ? err : prev;
-	  });
-	};
-
-	/**
-	 * 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 errors = [];
-	  var count = 0;
-
-	  return function (error, segment) {
-	    if (error) {
-	      // If there are errors, we have to abort any outstanding requests
-	      abortAll(activeXhrs);
-	      errors.push(error);
-	    }
-	    count += 1;
-
-	    if (count === activeXhrs.length) {
-	      // Keep track of when *all* of the requests have completed
-	      segment.endOfAllRequests = Date.now();
-
-	      if (errors.length > 0) {
-	        var worstError = getMostImportantError(errors);
-
-	        return doneFn(worstError, segment);
-	      }
-	      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.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, segment, progressFn, doneFn) {
-	  var activeXhrs = [];
-	  var finishProcessingFn = waitForCompletion(activeXhrs, decryptionWorker, doneFn);
-
-	  // optionally, request the decryption key
-	  if (segment.key) {
-	    var keyRequestOptions = videojs.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.mergeOptions(xhrOptions, {
-	      uri: segment.map.resolvedUri,
-	      responseType: 'arraybuffer',
-	      headers: segmentXhrHeaders(segment.map)
-	    });
-	    var initSegmentRequestCallback = handleInitSegmentResponse(segment, finishProcessingFn);
-	    var initSegmentXhr = xhr(initSegmentOptions, initSegmentRequestCallback);
-
-	    activeXhrs.push(initSegmentXhr);
-	  }
-
-	  var segmentRequestOptions = videojs.mergeOptions(xhrOptions, {
-	    uri: segment.resolvedUri,
-	    responseType: 'arraybuffer',
-	    headers: segmentXhrHeaders(segment)
-	  });
-	  var segmentRequestCallback = handleSegmentResponse(segment, finishProcessingFn);
-	  var segmentXhr = xhr(segmentRequestOptions, segmentRequestCallback);
-
-	  segmentXhr.addEventListener('progress', handleProgress(segment, progressFn));
-	  activeXhrs.push(segmentXhr);
-
-	  return function () {
-	    return abortAll(activeXhrs);
-	  };
-	};
-
-	/**
-	 * @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'
-	};
-
-	/**
-	 * 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.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];
-	};
-
-	// 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
-	 * @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) {
-	  // 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];
-
-	  // 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));
-	};
-
-	/**
-	 * 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;
-	};
-
-	/**
-	 * @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$1(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.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_ = {};
-
-	    _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_();
-	    }
-
-	    /**
-	     * 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.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
-	        };
-	      }
-
-	      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_ && (
-	      // 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 = oldPlaylist ? oldPlaylist.id : null;
-
-	      this.logger_('playlist update [' + oldId + ' => ' + newPlaylist.id + ']');
-
-	      // 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
-	     */
-
-	  }, {
-	    key: 'resetEverything',
-	    value: function resetEverything() {
-	      this.ended_ = false;
-	      this.resetLoader();
-	      this.remove(0, this.duration_());
-	      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
-	     */
-
-	  }, {
-	    key: 'remove',
-	    value: function remove(start, end) {
-	      if (this.sourceUpdater_) {
-	        this.sourceUpdater_.remove(start, end);
-	      }
-	      removeCuesFromTrack(start, end, this.segmentMetadataTrack_);
-	    }
-
-	    /**
-	     * (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;
-	      }
-
-	      var isEndOfStream = detectEndOfStream(this.playlist_, this.mediaSource_, segmentInfo.mediaIndex);
-
-	      if (isEndOfStream) {
-	        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 either of
-	      // the following conditions are true:
-	      // - 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
-	      if (segmentInfo.timeline !== this.currentTimeline_ || segmentInfo.startOfSegment !== null && segmentInfo.startOfSegment < this.sourceUpdater_.timestampOffset()) {
-	        this.syncController_.reset();
-	        segmentInfo.timestampOffset = segmentInfo.startOfSegment;
-	      }
-
-	      this.loadSegment_(segmentInfo);
-	    }
-
-	    /**
-	     * 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];
-
-	        if (segment && segment.end) {
-	          startOfSegment = segment.end;
-	        } else {
-	          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.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 = {
-	          resolvedUri: segment.key.resolvedUri,
-	          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);
-	      }
-
-	      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.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()) {
-	        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(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(segmentInfo.bytes, this.handleUpdateEnd_.bind(this));
-	    }
-
-	    /**
-	     * 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.
-	      var isEndOfStream = detectEndOfStream(segmentInfo.playlist, this.mediaSource_, segmentInfo.mediaIndex + 1);
-
-	      if (isEndOfStream) {
-	        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 = {
-	        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.EventTarget);
-
-	/**
-	 * @file vtt-segment-loader.js
-	 */
-
-	var VTT_LINE_TERMINATORS = new Uint8Array('\n\n'.split('').map(function (char) {
-	  return char.charCodeAt(0);
-	}));
-
-	var uintToString = function uintToString(uintArray) {
-	  return String.fromCharCode.apply(null, uintArray);
-	};
-
-	/**
-	 * 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$1(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(VTTSegmentLoader, [{
-	    key: 'buffered_',
-	    value: function buffered_() {
-	      if (!this.subtitlesTrack_ || !this.subtitlesTrack_.cues.length) {
-	        return videojs.createTimeRanges();
-	      }
-
-	      var cues = this.subtitlesTrack_.cues;
-	      var start = cues[0].startTime;
-	      var end = cues[cues.length - 1].startTime;
-
-	      return videojs.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 = function loadHandler() {
-	          _this3.handleSegment_();
-	        };
-
-	        this.state = 'WAITING_ON_VTTJS';
-	        this.subtitlesTrack_.tech_.one('vttjsloaded', loadHandler);
-	        this.subtitlesTrack_.tech_.one('vttjserror', function () {
-	          _this3.subtitlesTrack_.tech_.off('vttjsloaded', loadHandler);
-	          _this3.error({
-	            message: 'Error loading vtt.js'
-	          });
-	          _this3.state = 'READY';
-	          _this3.pause();
-	          _this3.trigger('error');
-	        });
-
-	        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.log.warn('Error encountered when parsing cues: ' + error.message);
-	      };
-
-	      if (segmentInfo.segment.map) {
-	        var mapData = segmentInfo.segment.map.bytes;
-
-	        if (decodeBytesToString) {
-	          mapData = uintToString(mapData);
-	        }
-
-	        parser.parse(mapData);
-	      }
-
-	      var segmentData = segmentInfo.bytes;
-
-	      if (decodeBytesToString) {
-	        segmentData = uintToString(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;
-	  }
-	};
-
-	var toUnsigned = function toUnsigned(value) {
-	  return value >>> 0;
-	};
-
-	var bin = {
-	  toUnsigned: toUnsigned
-	};
-
-	var toUnsigned$1 = bin.toUnsigned;
-	var _findBox, parseType, timescale, startTime;
-
-	// 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;
-	};
-
-	/**
-	 * 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;
-	};
-
-	/**
-	 * 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 = _findBox(init, ['moov', 'trak']);
-
-	  // mdhd timescale
-	  return traks.reduce(function (result, trak) {
-	    var tkhd, version, index, id, mdhd;
-
-	    tkhd = _findBox(trak, ['tkhd'])[0];
-	    if (!tkhd) {
-	      return null;
-	    }
-	    version = tkhd[0];
-	    index = version === 0 ? 12 : 20;
-	    id = toUnsigned$1(tkhd[index] << 24 | tkhd[index + 1] << 16 | tkhd[index + 2] << 8 | tkhd[index + 3]);
-
-	    mdhd = _findBox(trak, ['mdia', 'mdhd'])[0];
-	    if (!mdhd) {
-	      return null;
-	    }
-	    version = mdhd[0];
-	    index = version === 0 ? 12 : 20;
-	    result[id] = toUnsigned$1(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 = _findBox(fragment, ['moof', 'traf']);
-
-	  // determine the start times for each track
-	  baseTimes = [].concat.apply([], trafs.map(function (traf) {
-	    return _findBox(traf, ['tfhd']).map(function (tfhd) {
-	      var id, scale, baseTime;
-
-	      // get the track id from the tfhd
-	      id = toUnsigned$1(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 = _findBox(traf, ['tfdt']).map(function (tfdt) {
-	        var version, result;
-
-	        version = tfdt[0];
-	        result = toUnsigned$1(tfdt[4] << 24 | tfdt[5] << 16 | tfdt[6] << 8 | tfdt[7]);
-	        if (version === 1) {
-	          result *= Math.pow(2, 32);
-	          result += toUnsigned$1(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;
-	};
-
-	var probe = {
-	  parseType: parseType,
-	  timescale: timescale,
-	  startTime: startTime
-	};
-
-	var streamTypes = {
-	  H264_STREAM_TYPE: 0x1B,
-	  ADTS_STREAM_TYPE: 0x0F,
-	  METADATA_STREAM_TYPE: 0x15
-	};
-
-	/**
-	 * mux.js
-	 *
-	 * Copyright (c) 2014 Brightcove
-	 * All rights reserved.
-	 *
-	 * A lightweight readable stream implemention that handles event dispatching.
-	 * Objects that inherit from streams should call init in their constructors.
-	 */
-
-	var Stream$2 = 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$2.prototype.pipe = function (destination) {
-	  this.on('data', function (data) {
-	    destination.push(data);
-	  });
-
-	  this.on('done', function (flushSource) {
-	    destination.flush(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$2.prototype.push = function (data) {
-	  this.trigger('data', data);
-	};
-
-	Stream$2.prototype.flush = function (flushSource) {
-	  this.trigger('done', flushSource);
-	};
-
-	var stream = Stream$2;
-
-	var MAX_TS = 8589934592;
-
-	var RO_THRESH = 4294967296;
-
-	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);
-
-	  this.type_ = type;
-
-	  this.push = function (data) {
-	    if (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.discontinuity = function () {
-	    referenceDTS = void 0;
-	    lastDTS = void 0;
-	  };
-	};
-
-	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) 2016 Brightcove
-	 * All rights reserved.
-	 *
-	 * 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 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 probe$2 = {
-	  parseId3TagSize: parseId3TagSize,
-	  parseAdtsSize: parseAdtsSize,
-	  parseType: parseType$2,
-	  parseSampleRate: parseSampleRate,
-	  parseAacTimestamp: parseAacTimestamp
-	};
-
-	var handleRollover$1 = timestampRolloverStream.handleRollover;
-	var probe$3 = {};
-	probe$3.ts = probe$1;
-	probe$3.aac = probe$2;
-
-	var PES_TIMESCALE = 90000,
-	    MP2T_PACKET_LENGTH = 188,
-	    // bytes
-	SYNC_BYTE = 0x47;
-
-	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;
-	};
-
-	/**
-	 * 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$3.ts.parseType(packet, pmt.pid);
-
-	      switch (type) {
-	        case 'pat':
-	          if (!pmt.pid) {
-	            pmt.pid = probe$3.ts.parsePat(packet);
-	          }
-	          break;
-	        case 'pmt':
-	          if (!pmt.table) {
-	            pmt.table = probe$3.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) {
-	      // We found a packet
-	      packet = bytes.subarray(startIndex, endIndex);
-	      type = probe$3.ts.parseType(packet, pmt.pid);
-
-	      switch (type) {
-	        case 'pes':
-	          pesType = probe$3.ts.parsePesType(packet, pmt.table);
-	          pusi = probe$3.ts.parsePayloadUnitStartIndicator(packet);
-	          if (pesType === 'audio' && pusi) {
-	            parsed = probe$3.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) {
-	      // We found a packet
-	      packet = bytes.subarray(startIndex, endIndex);
-	      type = probe$3.ts.parseType(packet, pmt.pid);
-
-	      switch (type) {
-	        case 'pes':
-	          pesType = probe$3.ts.parsePesType(packet, pmt.table);
-	          pusi = probe$3.ts.parsePayloadUnitStartIndicator(packet);
-	          if (pesType === 'audio' && pusi) {
-	            parsed = probe$3.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$3.ts.parseType(packet, pmt.pid);
-
-	      switch (type) {
-	        case 'pes':
-	          pesType = probe$3.ts.parsePesType(packet, pmt.table);
-	          pusi = probe$3.ts.parsePayloadUnitStartIndicator(packet);
-	          if (pesType === 'video') {
-	            if (pusi && !endLoop) {
-	              parsed = probe$3.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$3.ts.videoPacketContainsKeyFrame(frame)) {
-	                    result.firstKeyFrame = probe$3.ts.parsePesTime(frame);
-	                    result.firstKeyFrame.type = 'video';
-	                  }
-	                  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$3.ts.parseType(packet, pmt.pid);
-
-	      switch (type) {
-	        case 'pes':
-	          pesType = probe$3.ts.parsePesType(packet, pmt.table);
-	          pusi = probe$3.ts.parsePayloadUnitStartIndicator(packet);
-	          if (pesType === 'video' && pusi) {
-	            parsed = probe$3.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 / PES_TIMESCALE;
-	      info.ptsTime = info.pts / PES_TIMESCALE;
-	    });
-	  }
-
-	  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 / PES_TIMESCALE;
-	      info.ptsTime = info.pts / PES_TIMESCALE;
-	    });
-	    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 / PES_TIMESCALE;
-	      frame.ptsTime = frame.dts / PES_TIMESCALE;
-	    }
-	  }
-	};
-
-	/**
-	 * 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$3.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$3.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$3.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$3.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$3.aac.parseSampleRate(packet);
-	        }
-	        audioCount++;
-	        byteIndex += frameSize;
-	        break;
-	      default:
-	        byteIndex++;
-	        break;
-	    }
-	    if (endLoop) {
-	      return null;
-	    }
-	  }
-	  if (sampleRate === null || timestamp === null) {
-	    return null;
-	  }
-
-	  var audioTimescale = PES_TIMESCALE / 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 = 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
-	};
-
-	/**
-	 * @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, we have passed
-	        // currentTime and can stop looking for better candidates
-	        if (lastDistance !== null && 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$1(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(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 or an mpeg2-ts segment to determine the start 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: 'probeMp4Segment_',
-	    value: function probeMp4Segment_(segmentInfo) {
-	      var segment = segmentInfo.segment;
-	      var timescales = probe.timescale(segment.map.bytes);
-	      var startTime = probe.startTime(timescales, segmentInfo.bytes);
-
-	      if (segmentInfo.timestampOffset !== null) {
-	        segmentInfo.timestampOffset -= startTime;
-	      }
-
-	      return {
-	        start: startTime,
-	        end: startTime + 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;
-
-	      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;
-	      } else if (timeInfo.audio && timeInfo.audio.length === 2) {
-	        this.inspectCache_ = timeInfo.audio[1].dts;
-	        segmentStartTime = timeInfo.audio[0].dtsTime;
-	        segmentEndTime = timeInfo.audio[1].dtsTime;
-	      }
-
-	      return {
-	        start: segmentStartTime,
-	        end: segmentEndTime,
-	        containsVideo: timeInfo.video && timeInfo.video.length === 2,
-	        containsAudio: timeInfo.audio && timeInfo.audio.length === 2
-	      };
-	    }
-	  }, {
-	    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.EventTarget);
-
-	var Decrypter$1 = new shimWorker("./decrypter-worker.worker.js", function (window, document) {
-		var self = this;
-		var decrypterWorker = function () {
-
-			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;
-
-			/*
-	   * 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(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 = function (_Stream) {
-				inherits(AsyncStream, _Stream);
-
-				function AsyncStream() {
-					classCallCheck(this, AsyncStream);
-
-					var _this = possibleConstructorReturn(this, _Stream.call(this, Stream));
-
-					_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);
-
-			/**
-	   * @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;
-			}();
-
-			/**
-	   * @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(encrypted, key, iv, function (err, bytes) {
-						window_1.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.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.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 byGroupId = function byGroupId(type, groupId) {
-	  return function (playlist) {
-	    return playlist.attributes[type] === groupId;
-	  };
-	};
-
-	var byResolvedUri = function byResolvedUri(resolvedUri) {
-	  return function (playlist) {
-	    return playlist.resolvedUri === resolvedUri;
-	  };
-	};
-
-	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],
-	        withCredentials = settings.requestOptions.withCredentials,
-	        _settings$master = settings.master,
-	        mediaGroups = _settings$master.mediaGroups,
-	        playlists = _settings$master.playlists,
-	        _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
-	      var groupPlaylists = playlists.filter(byGroupId(type, groupId));
-
-	      for (var variantLabel in mediaGroups[type][groupId]) {
-	        var properties = mediaGroups[type][groupId][variantLabel];
-
-	        // List of playlists for the current group ID that have a matching uri with
-	        // this alternate audio variant
-	        var matchingPlaylists = groupPlaylists.filter(byResolvedUri(properties.resolvedUri));
-
-	        if (matchingPlaylists.length) {
-	          // If there is a playlist that has the same uri as this audio variant, assume
-	          // that the playlist is audio only. We delete the resolvedUri property here
-	          // to prevent a playlist loader from being created so that we don't have
-	          // both the main and audio segment loaders loading the same audio segments
-	          // from the same playlist.
-	          delete properties.resolvedUri;
-	        }
-
-	        var playlistLoader = void 0;
-
-	        if (properties.resolvedUri) {
-	          playlistLoader = new PlaylistLoader(properties.resolvedUri, hls, withCredentials);
-	        } else if (properties.playlists && sourceType === 'dash') {
-	          playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, withCredentials, masterPlaylistLoader);
-	        } else {
-	          // no resolvedUri means the audio is muxed with the video when using this
-	          // audio track
-	          playlistLoader = null;
-	        }
-
-	        properties = videojs.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.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],
-	        withCredentials = settings.requestOptions.withCredentials,
-	        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, withCredentials);
-	        } else if (sourceType === 'dash') {
-	          playlistLoader = new DashPlaylistLoader(properties.playlists[0], hls, withCredentials, masterPlaylistLoader);
-	        }
-
-	        properties = videojs.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',
-	            enabled: false,
-	            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.mergeOptions({ id: variantLabel }, properties));
-
-	        if (typeof tracks[variantLabel] === 'undefined') {
-	          var track = tech.addRemoteTextTrack({
-	            id: properties.instreamId,
-	            kind: 'captions',
-	            enabled: false,
-	            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$1(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,
-	        withCredentials = options.withCredentials,
-	        tech = options.tech,
-	        bandwidth = options.bandwidth,
-	        externHls = options.externHls,
-	        useCueTags = options.useCueTags,
-	        blacklistDuration = options.blacklistDuration,
-	        enableLowInitialPlaylist = options.enableLowInitialPlaylist,
-	        sourceType = options.sourceType;
-
-
-	    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.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: _this.withCredentials,
-	      timeout: null
-	    };
-
-	    _this.mediaTypes_ = createMediaTypes();
-
-	    _this.mediaSource = new videojs.MediaSource();
-
-	    // load the media source into the player
-	    _this.mediaSource.addEventListener('sourceopen', _this.handleSourceOpen_.bind(_this));
-
-	    _this.seekable_ = videojs.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();
-
-	    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_
-	    };
-
-	    _this.masterPlaylistLoader_ = _this.sourceType_ === 'dash' ? new DashPlaylistLoader(url, _this.hls_, _this.withCredentials) : new PlaylistLoader(url, _this.hls_, _this.withCredentials);
-	    _this.setupMasterPlaylistLoaderListeners_();
-
-	    // setup segment loaders
-	    // combined audio/video or just video when alternate audio track is selected
-	    _this.mainSegmentLoader_ = new SegmentLoader(videojs.mergeOptions(segmentLoaderSettings, {
-	      segmentMetadataTrack: _this.segmentMetadataTrack_,
-	      loaderType: 'main'
-	    }), options);
-
-	    // alternate audio track
-	    _this.audioSegmentLoader_ = new SegmentLoader(videojs.mergeOptions(segmentLoaderSettings, {
-	      loaderType: 'audio'
-	    }), options);
-
-	    _this.subtitleSegmentLoader_ = new VTTSegmentLoader(videojs.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 = _this2.masterPlaylistLoader_.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.log.warn('Failed to create SourceBuffers', e);
-	          return _this2.mediaSource.endOfStream('decode');
-	        }
-	        _this2.setupFirstPlay();
-
-	        _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 (!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 = _this2.masterPlaylistLoader_.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. This method may perform destructive actions, like
-	     * removing already buffered content, to readjust the currently
-	     * active playlist quickly.
-	     *
-	     * @private
-	     */
-
-	  }, {
-	    key: 'fastQualityChange_',
-	    value: function fastQualityChange_() {
-	      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
-	      }
-	    }
-
-	    /**
-	     * Begin playback.
-	     */
-
-	  }, {
-	    key: 'play',
-	    value: function play() {
-	      if (this.setupFirstPlay()) {
-	        return;
-	      }
-
-	      if (this.tech_.ended()) {
-	        this.tech_.setCurrentTime(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.tech_.setCurrentTime(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 _this4 = 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.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 () {
-	            _this4.trigger('firstplay');
-	            _this4.tech_.setCurrentTime(seekable$$1.end(0));
-	            _this4.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.tech_.setCurrentTime(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.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) {
-	        this.mediaSource.endOfStream();
-	      }
-	    }
-
-	    /**
-	     * 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;
-
-	      if (isFinalRendition) {
-	        // Never blacklisting this playlist because it's final rendition
-	        videojs.log.warn('Problem encountered with the current ' + 'HLS playlist. Trying again since it is the final playlist.');
-
-	        this.tech_.trigger('retryplaylist');
-	        return this.masterPlaylistLoader_.load(isFinalRendition);
-	      }
-	      // 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.log.warn('Problem encountered with the current HLS playlist.' + (error.message ? ' ' + error.message : '') + ' Switching to another playlist.');
-
-	      return this.masterPlaylistLoader_.media(nextPlaylist);
-	    }
-
-	    /**
-	     * 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;
-	        }
-	      }
-
-	      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.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)]]);
-	      }
-
-	      this.logger_('seekable updated [' + printableRange(this.seekable_) + ']');
-
-	      this.tech_.trigger('seekablechanged');
-	    }
-
-	    /**
-	     * Update the player duration
-	     */
-
-	  }, {
-	    key: 'updateDuration',
-	    value: function updateDuration() {
-	      var _this5 = this;
-
-	      var oldDuration = this.mediaSource.duration;
-	      var newDuration = Hls.Playlist.duration(this.masterPlaylistLoader_.media());
-	      var buffered = this.tech_.buffered();
-	      var setDuration = function setDuration() {
-	        _this5.mediaSource.duration = newDuration;
-	        _this5.tech_.trigger('durationchange');
-
-	        _this5.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 _this6 = this;
-
-	      this.decrypter_.terminate();
-	      this.masterPlaylistLoader_.dispose();
-	      this.mainSegmentLoader_.dispose();
-
-	      ['AUDIO', 'SUBTITLES'].forEach(function (type) {
-	        var groups = _this6.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.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.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);
-
-	  // Get a reference to a bound version of fastQualityChange_
-	  var fastChangeFunction = hlsHandler.masterPlaylistController_.fastQualityChange_.bind(hlsHandler.masterPlaylistController_);
-
-	  // 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, fastChangeFunction);
-	};
-
-	/**
-	 * 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.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();
-	      var seekable = this.seekable();
-	      var currentTime = this.tech_.currentTime();
-	      var seekTo = void 0;
-
-	      if (seeking && this.afterSeekableWindow_(seekable, currentTime)) {
-	        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 (seeking && 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.tech_.setCurrentTime(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.tech_.setCurrentTime(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.tech_.setCurrentTime(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.tech_.setCurrentTime(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) {
-	      if (!seekable.length) {
-	        // we can't make a solid case if there's no seekable, default to false
-	        return false;
-	      }
-
-	      if (currentTime > seekable.end(seekable.length - 1) + SAFE_TIME_DELTA) {
-	        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.tech_.setCurrentTime(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.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.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$2 = "1.0.1";
-
-	/**
-	 * @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()
-	};
-
-	// 0.5 MB/s
-	var INITIAL_BANDWIDTH = 4194304;
-
-	// 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.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
-	      return Config[prop];
-	    },
-	    set: function set$$1(value) {
-	      videojs.log.warn('using Hls.' + prop + ' is UNSAFE be sure you know what you are doing');
-
-	      if (typeof value !== 'number' || value < 0) {
-	        videojs.log.warn('value of Hls.' + prop + ' must be greater than or equal to 0');
-	        return;
-	      }
-
-	      Config[prop] = value;
-	    }
-	  });
-	});
-
-	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.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
-	};
-
-	var emeKeySystems = function emeKeySystems(keySystemOptions, videoPlaylist, audioPlaylist) {
-	  if (!keySystemOptions) {
-	    return keySystemOptions;
-	  }
-
-	  // upsert the content types based on the selected playlist
-	  var keySystemContentTypes = {};
-
-	  for (var keySystem in keySystemOptions) {
-	    keySystemContentTypes[keySystem] = {
-	      audioContentType: 'audio/mp4; codecs="' + audioPlaylist.attributes.CODECS + '"',
-	      videoContentType: 'video/mp4; codecs="' + videoPlaylist.attributes.CODECS + '"'
-	    };
-
-	    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.mergeOptions(keySystemOptions, keySystemContentTypes);
-	};
-
-	var setupEmeOptions = function setupEmeOptions(hlsHandler) {
-	  if (hlsHandler.options_.sourceType !== 'dash') {
-	    return;
-	  }
-	  var player = videojs.players[hlsHandler.tech_.options_.playerId];
-
-	  if (player.eme) {
-	    var sourceOptions = emeKeySystems(hlsHandler.source_.keySystems, hlsHandler.playlists.media(), hlsHandler.masterPlaylistController_.mediaTypes_.AUDIO.activePlaylistLoader.media());
-
-	    if (sourceOptions) {
-	      player.currentSource().keySystems = sourceOptions;
-	    }
-	  }
-	};
-
-	/**
-	 * Whether the browser has built-in HLS support.
-	 */
-	Hls$1.supportsNativeHls = function () {
-	  var video = document_1.createElement('video');
-
-	  // native HLS is definitely not supported if HTML5 video isn't
-	  if (!videojs.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.getTech('Html5').isSupported()) {
-	    return false;
-	  }
-
-	  return (/maybe|probably/i.test(document_1.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.log.warn('HLS is no longer a tech. Please remove it from ' + 'your player\'s techOrder.');
-	};
-
-	var Component = videojs.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$1(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(tech.options_.playerId);
-
-	      if (!_player.hasOwnProperty('hls')) {
-	        Object.defineProperty(_player, 'hls', {
-	          get: function get$$1() {
-	            videojs.log.warn('player.hls is deprecated. Use player.tech_.hls instead.');
-	            tech.trigger({ type: 'usage', name: 'hls-player-access' });
-	            return _this;
-	          }
-	        });
-	      }
-
-	      // 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.tech_ = tech;
-	    _this.source_ = source;
-	    _this.stats = {};
-	    _this.ignoreNextSeekingEvent_ = false;
-	    _this.setOptions_();
-
-	    // overriding native HLS only works if audio tracks have been emulated
-	    // error early if we're misconfigured:
-	    if (_this.options_.overrideNative && (tech.featuresNativeVideoTracks || tech.featuresNativeAudioTracks)) {
-	      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_1, ['fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'MSFullscreenChange'], function (event) {
-	      var fullscreenElement = document_1.fullscreenElement || document_1.webkitFullscreenElement || document_1.mozFullScreenElement || document_1.msFullscreenElement;
-
-	      if (fullscreenElement && fullscreenElement.contains(_this.tech_.el())) {
-	        _this.masterPlaylistController_.fastQualityChange_();
-	      }
-	    });
-
-	    _this.on(_this.tech_, 'seeking', function () {
-	      if (this.ignoreNextSeekingEvent_) {
-	        this.ignoreNextSeekingEvent_ = false;
-	        return;
-	      }
-
-	      this.setCurrentTime(this.tech_.currentTime());
-	    });
-	    _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;
-
-	      if (typeof this.options_.blacklistDuration !== 'number') {
-	        this.options_.blacklistDuration = 5 * 60;
-	      }
-
-	      // start playlist selection at a reasonable bandwidth for
-	      // broadband internet (0.5 MB/s) or mobile (0.0625 MB/s)
-	      if (typeof this.options_.bandwidth !== 'number') {
-	        this.options_.bandwidth = 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 === INITIAL_BANDWIDTH;
-
-	      // grab options passed to player.src
-	      ['withCredentials', 'bandwidth'].forEach(function (option) {
-	        if (typeof _this2.source_[option] !== 'undefined') {
-	          _this2.options_[option] = _this2.source_[option];
-	        }
-	      });
-
-	      this.bandwidth = this.options_.bandwidth;
-	    }
-	    /**
-	     * 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);
-
-	      this.masterPlaylistController_ = new MasterPlaylistController(this.options_);
-	      this.playbackWatcher_ = new PlaybackWatcher(videojs.mergeOptions(this.options_, {
-	        seekable: function seekable$$1() {
-	          return _this3.seekable();
-	        }
-	      }));
-
-	      this.masterPlaylistController_.on('error', function () {
-	        var player = videojs.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.log.error('The "systemBandwidth" property is read-only');
-	          }
-	        }
-	      });
-
-	      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.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');
-	      });
-
-	      // In the live case, we need to ignore the very first `seeking` event since
-	      // that will be the result of the seek-to-live behavior
-	      this.on(this.masterPlaylistController_, 'firstplay', function () {
-	        this.ignoreNextSeekingEvent_ = true;
-	      });
-
-	      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.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.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();
-	      }
-	      get(HlsHandler.prototype.__proto__ || Object.getPrototypeOf(HlsHandler.prototype), 'dispose', this).call(this);
-	    }
-	  }]);
-	  return HlsHandler;
-	}(Component);
-
-	/**
-	 * 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$2,
-	  canHandleSource: function canHandleSource(srcObj) {
-	    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-	    var localOptions = videojs.mergeOptions(videojs.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.mergeOptions(videojs.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.mergeOptions(videojs.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.MediaSource === 'undefined' || typeof videojs.URL === 'undefined') {
-	  videojs.MediaSource = MediaSource;
-	  videojs.URL = URL$1;
-	}
-
-	// register source handlers with the appropriate techs
-	if (MediaSource.supportsNativeMediaSources()) {
-	  videojs.getTech('Html5').registerSourceHandler(HlsSourceHandler, 0);
-	}
-
-	videojs.HlsHandler = HlsHandler;
-	videojs.HlsSourceHandler = HlsSourceHandler;
-	videojs.Hls = Hls$1;
-	if (!videojs.use) {
-	  videojs.registerComponent('Hls', Hls$1);
-	}
-	videojs.options.hls = videojs.options.hls || {};
-
-	if (videojs.registerPlugin) {
-	  videojs.registerPlugin('reloadSourceOnError', reloadSourceOnError);
-	} else {
-	  videojs.plugin('reloadSourceOnError', reloadSourceOnError);
-	}
-
-	exports.Hls = Hls$1;
-	exports.HlsHandler = HlsHandler;
-	exports.HlsSourceHandler = HlsSourceHandler;
-	exports.emeKeySystems = emeKeySystems;
-	exports.simpleTypeFromSourceType = simpleTypeFromSourceType;
-
-	Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
diff --git a/pod/main/static/js/videojs-http-streaming.min.js b/pod/main/static/js/videojs-http-streaming.min.js
deleted file mode 100644
index d5c22091f9..0000000000
--- a/pod/main/static/js/videojs-http-streaming.min.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @videojs/http-streaming
- * @version 1.0.1
- * @copyright 2018 Brightcove, Inc
- * @license Apache-2.0
- */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("video.js")):"function"==typeof define&&define.amd?define(["exports","video.js"],t):t(e.videojsHttpStreaming={},e.videojs)}(this,function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var i="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var r,n={},a=Object.freeze({default:n}),s=a&&n||a,o="undefined"!=typeof i?i:"undefined"!=typeof window?window:{};"undefined"!=typeof document?r=document:(r=o["__GLOBAL_DOCUMENT_CACHE@4"])||(r=o["__GLOBAL_DOCUMENT_CACHE@4"]=s);var u,d=r,l=(function(e,t){var i,r,n,a,s;i=/^((?:[a-zA-Z0-9+\-.]+:)?)(\/\/[^\/\;?#]*)?(.*?)??(;.*?)?(\?.*?)?(#.*?)?$/,r=/^([^\/;?#]*)(.*)$/,n=/(?:\/|^)\.(?=\/)/g,a=/(?:\/|^)\.\.\/(?!\.\.\/).*?(?=\/)/g,s={buildAbsoluteURL:function(e,t,i){if(i=i||{},e=e.trim(),!(t=t.trim())){if(!i.alwaysNormalize)return e;var n=this.parseURL(e);if(!n)throw new Error("Error trying to parse base URL.");return n.path=s.normalizePath(n.path),s.buildURLFromParts(n)}var a=this.parseURL(t);if(!a)throw new Error("Error trying to parse relative URL.");if(a.scheme)return i.alwaysNormalize?(a.path=s.normalizePath(a.path),s.buildURLFromParts(a)):t;var o=this.parseURL(e);if(!o)throw new Error("Error trying to parse base URL.");if(!o.netLoc&&o.path&&"/"!==o.path[0]){var u=r.exec(o.path);o.netLoc=u[1],o.path=u[2]}o.netLoc&&!o.path&&(o.path="/");var d={scheme:o.scheme,netLoc:a.netLoc,path:null,params:a.params,query:a.query,fragment:a.fragment};if(!a.netLoc&&(d.netLoc=o.netLoc,"/"!==a.path[0]))if(a.path){var l=o.path,c=l.substring(0,l.lastIndexOf("/")+1)+a.path;d.path=s.normalizePath(c)}else d.path=o.path,a.params||(d.params=o.params,a.query||(d.query=o.query));return null===d.path&&(d.path=i.alwaysNormalize?s.normalizePath(a.path):a.path),s.buildURLFromParts(d)},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(a,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}},e.exports=s}(u={exports:{}},u.exports),u.exports),c="undefined"!=typeof window?window:"undefined"!=typeof i?i:"undefined"!=typeof self?self:{},h=function(e,t){return/^[a-z]+:/i.test(t)?t:(/\/\//i.test(e)||(e=l.buildAbsoluteURL(c.location.href,e)),l.buildAbsoluteURL(e,t))},f=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},m=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)},g=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},y=function(){function e(){f(this,e),this.listeners={}}return e.prototype.on=function(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},e.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),i>-1},e.prototype.trigger=function(e){var t=this.listeners[e],i=void 0,r=void 0,n=void 0;if(t)if(2===arguments.length)for(r=t.length,i=0;i<r;++i)t[i].call(this,arguments[1]);else for(n=Array.prototype.slice.call(arguments,1),r=t.length,i=0;i<r;++i)t[i].apply(this,n)},e.prototype.dispose=function(){this.listeners={}},e.prototype.pipe=function(e){this.on("data",function(t){e.push(t)})},e}(),_=function(e){function t(){f(this,t);var i=g(this,e.call(this));return i.buffer="",i}return m(t,e),t.prototype.push=function(e){var t=void 0;for(this.buffer+=e,t=this.buffer.indexOf("\n");t>-1;t=this.buffer.indexOf("\n"))this.trigger("data",this.buffer.substring(0,t)),this.buffer=this.buffer.substring(t+1)},t}(y),v=function(e){for(var t=e.split(new RegExp('(?:^|,)((?:[^=]*)=(?:"[^"]*"|[^,]*))')),i={},r=t.length,n=void 0;r--;)""!==t[r]&&((n=/([^=]*)=(.*)/.exec(t[r]).slice(1))[0]=n[0].replace(/^\s+|\s+$/g,""),n[1]=n[1].replace(/^\s+|\s+$/g,""),n[1]=n[1].replace(/^['"](.*)['"]$/g,"$1"),i[n[0]]=n[1]);return i},b=function(e){function t(){f(this,t);var i=g(this,e.call(this));return i.customParsers=[],i}return m(t,e),t.prototype.push=function(e){var t=void 0,i=void 0;if(0!==(e=e.replace(/^[\u0000\s]+|[\u0000\s]+$/g,"")).length)if("#"===e[0]){for(var r=0;r<this.customParsers.length;r++)if(this.customParsers[r].call(this,e))return;if(0===e.indexOf("#EXT"))if(e=e.replace("\r",""),t=/^#EXTM3U/.exec(e))this.trigger("data",{type:"tag",tagType:"m3u"});else{if(t=/^#EXTINF:?([0-9\.]*)?,?(.*)?$/.exec(e))return i={type:"tag",tagType:"inf"},t[1]&&(i.duration=parseFloat(t[1])),t[2]&&(i.title=t[2]),void this.trigger("data",i);if(t=/^#EXT-X-TARGETDURATION:?([0-9.]*)?/.exec(e))return i={type:"tag",tagType:"targetduration"},t[1]&&(i.duration=parseInt(t[1],10)),void this.trigger("data",i);if(t=/^#ZEN-TOTAL-DURATION:?([0-9.]*)?/.exec(e))return i={type:"tag",tagType:"totalduration"},t[1]&&(i.duration=parseInt(t[1],10)),void this.trigger("data",i);if(t=/^#EXT-X-VERSION:?([0-9.]*)?/.exec(e))return i={type:"tag",tagType:"version"},t[1]&&(i.version=parseInt(t[1],10)),void this.trigger("data",i);if(t=/^#EXT-X-MEDIA-SEQUENCE:?(\-?[0-9.]*)?/.exec(e))return i={type:"tag",tagType:"media-sequence"},t[1]&&(i.number=parseInt(t[1],10)),void this.trigger("data",i);if(t=/^#EXT-X-DISCONTINUITY-SEQUENCE:?(\-?[0-9.]*)?/.exec(e))return i={type:"tag",tagType:"discontinuity-sequence"},t[1]&&(i.number=parseInt(t[1],10)),void this.trigger("data",i);if(t=/^#EXT-X-PLAYLIST-TYPE:?(.*)?$/.exec(e))return i={type:"tag",tagType:"playlist-type"},t[1]&&(i.playlistType=t[1]),void this.trigger("data",i);if(t=/^#EXT-X-BYTERANGE:?([0-9.]*)?@?([0-9.]*)?/.exec(e))return i={type:"tag",tagType:"byterange"},t[1]&&(i.length=parseInt(t[1],10)),t[2]&&(i.offset=parseInt(t[2],10)),void this.trigger("data",i);if(t=/^#EXT-X-ALLOW-CACHE:?(YES|NO)?/.exec(e))return i={type:"tag",tagType:"allow-cache"},t[1]&&(i.allowed=!/NO/.test(t[1])),void this.trigger("data",i);if(t=/^#EXT-X-MAP:?(.*)$/.exec(e)){if(i={type:"tag",tagType:"map"},t[1]){var n=v(t[1]);if(n.URI&&(i.uri=n.URI),n.BYTERANGE){var a=n.BYTERANGE.split("@"),s=a[0],o=a[1];i.byterange={},s&&(i.byterange.length=parseInt(s,10)),o&&(i.byterange.offset=parseInt(o,10))}}this.trigger("data",i)}else if(t=/^#EXT-X-STREAM-INF:?(.*)$/.exec(e)){if(i={type:"tag",tagType:"stream-inf"},t[1]){if(i.attributes=v(t[1]),i.attributes.RESOLUTION){var u=i.attributes.RESOLUTION.split("x"),d={};u[0]&&(d.width=parseInt(u[0],10)),u[1]&&(d.height=parseInt(u[1],10)),i.attributes.RESOLUTION=d}i.attributes.BANDWIDTH&&(i.attributes.BANDWIDTH=parseInt(i.attributes.BANDWIDTH,10)),i.attributes["PROGRAM-ID"]&&(i.attributes["PROGRAM-ID"]=parseInt(i.attributes["PROGRAM-ID"],10))}this.trigger("data",i)}else{if(t=/^#EXT-X-MEDIA:?(.*)$/.exec(e))return i={type:"tag",tagType:"media"},t[1]&&(i.attributes=v(t[1])),void this.trigger("data",i);if(t=/^#EXT-X-ENDLIST/.exec(e))this.trigger("data",{type:"tag",tagType:"endlist"});else if(t=/^#EXT-X-DISCONTINUITY/.exec(e))this.trigger("data",{type:"tag",tagType:"discontinuity"});else{if(t=/^#EXT-X-PROGRAM-DATE-TIME:?(.*)$/.exec(e))return i={type:"tag",tagType:"program-date-time"},t[1]&&(i.dateTimeString=t[1],i.dateTimeObject=new Date(t[1])),void this.trigger("data",i);if(t=/^#EXT-X-KEY:?(.*)$/.exec(e))return i={type:"tag",tagType:"key"},t[1]&&(i.attributes=v(t[1]),i.attributes.IV&&("0x"===i.attributes.IV.substring(0,2).toLowerCase()&&(i.attributes.IV=i.attributes.IV.substring(2)),i.attributes.IV=i.attributes.IV.match(/.{8}/g),i.attributes.IV[0]=parseInt(i.attributes.IV[0],16),i.attributes.IV[1]=parseInt(i.attributes.IV[1],16),i.attributes.IV[2]=parseInt(i.attributes.IV[2],16),i.attributes.IV[3]=parseInt(i.attributes.IV[3],16),i.attributes.IV=new Uint32Array(i.attributes.IV))),void this.trigger("data",i);if(t=/^#EXT-X-START:?(.*)$/.exec(e))return i={type:"tag",tagType:"start"},t[1]&&(i.attributes=v(t[1]),i.attributes["TIME-OFFSET"]=parseFloat(i.attributes["TIME-OFFSET"]),i.attributes.PRECISE=/YES/.test(i.attributes.PRECISE)),void this.trigger("data",i);if(t=/^#EXT-X-CUE-OUT-CONT:?(.*)?$/.exec(e))return i={type:"tag",tagType:"cue-out-cont"},t[1]?i.data=t[1]:i.data="",void this.trigger("data",i);if(t=/^#EXT-X-CUE-OUT:?(.*)?$/.exec(e))return i={type:"tag",tagType:"cue-out"},t[1]?i.data=t[1]:i.data="",void this.trigger("data",i);if(t=/^#EXT-X-CUE-IN:?(.*)?$/.exec(e))return i={type:"tag",tagType:"cue-in"},t[1]?i.data=t[1]:i.data="",void this.trigger("data",i);this.trigger("data",{type:"tag",data:e.slice(4)})}}}else this.trigger("data",{type:"comment",text:e.slice(1)})}else this.trigger("data",{type:"uri",uri:e})},t.prototype.addParser=function(e){var t=this,i=e.expression,r=e.customType,n=e.dataParser,a=e.segment;"function"!=typeof n&&(n=function(e){return e}),this.customParsers.push(function(e){if(i.exec(e))return t.trigger("data",{type:"custom",data:n(e),customType:r,segment:a}),!0})},t}(y),T=function(e){function t(){f(this,t);var i=g(this,e.call(this));i.lineStream=new _,i.parseStream=new b,i.lineStream.pipe(i.parseStream);var r=i,n=[],a={},s=void 0,o=void 0,u={AUDIO:{},VIDEO:{},"CLOSED-CAPTIONS":{},SUBTITLES:{}},d=0;return i.manifest={allowCache:!0,discontinuityStarts:[],segments:[]},i.parseStream.on("data",function(e){var t=void 0,i=void 0;({tag:function(){(({"allow-cache":function(){this.manifest.allowCache=e.allowed,"allowed"in e||(this.trigger("info",{message:"defaulting allowCache to YES"}),this.manifest.allowCache=!0)},byterange:function(){var t={};"length"in e&&(a.byterange=t,t.length=e.length,"offset"in e||(this.trigger("info",{message:"defaulting offset to zero"}),e.offset=0)),"offset"in e&&(a.byterange=t,t.offset=e.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"})),e.duration>0&&(a.duration=e.duration),0===e.duration&&(a.duration=.01,this.trigger("info",{message:"updating zero segment duration to a small value"})),this.manifest.segments=n},key:function(){e.attributes?"NONE"!==e.attributes.METHOD?e.attributes.URI?(e.attributes.METHOD||this.trigger("warn",{message:"defaulting key method to AES-128"}),o={method:e.attributes.METHOD||"AES-128",uri:e.attributes.URI},"undefined"!=typeof e.attributes.IV&&(o.iv=e.attributes.IV)):this.trigger("warn",{message:"ignoring key declaration without URI"}):o=null:this.trigger("warn",{message:"ignoring key declaration without attribute list"})},"media-sequence":function(){isFinite(e.number)?this.manifest.mediaSequence=e.number:this.trigger("warn",{message:"ignoring invalid media sequence: "+e.number})},"discontinuity-sequence":function(){isFinite(e.number)?(this.manifest.discontinuitySequence=e.number,d=e.number):this.trigger("warn",{message:"ignoring invalid discontinuity sequence: "+e.number})},"playlist-type":function(){/VOD|EVENT/.test(e.playlistType)?this.manifest.playlistType=e.playlistType:this.trigger("warn",{message:"ignoring unknown playlist type: "+e.playlist})},map:function(){s={},e.uri&&(s.uri=e.uri),e.byterange&&(s.byterange=e.byterange)},"stream-inf":function(){this.manifest.playlists=n,this.manifest.mediaGroups=this.manifest.mediaGroups||u,e.attributes?(a.attributes||(a.attributes={}),p(a.attributes,e.attributes)):this.trigger("warn",{message:"ignoring empty stream-inf attributes"})},media:function(){if(this.manifest.mediaGroups=this.manifest.mediaGroups||u,e.attributes&&e.attributes.TYPE&&e.attributes["GROUP-ID"]&&e.attributes.NAME){var r=this.manifest.mediaGroups[e.attributes.TYPE];r[e.attributes["GROUP-ID"]]=r[e.attributes["GROUP-ID"]]||{},t=r[e.attributes["GROUP-ID"]],(i={default:/yes/i.test(e.attributes.DEFAULT)}).default?i.autoselect=!0:i.autoselect=/yes/i.test(e.attributes.AUTOSELECT),e.attributes.LANGUAGE&&(i.language=e.attributes.LANGUAGE),e.attributes.URI&&(i.uri=e.attributes.URI),e.attributes["INSTREAM-ID"]&&(i.instreamId=e.attributes["INSTREAM-ID"]),e.attributes.CHARACTERISTICS&&(i.characteristics=e.attributes.CHARACTERISTICS),e.attributes.FORCED&&(i.forced=/yes/i.test(e.attributes.FORCED)),t[e.attributes.NAME]=i}else this.trigger("warn",{message:"ignoring incomplete or missing media group"})},discontinuity:function(){d+=1,a.discontinuity=!0,this.manifest.discontinuityStarts.push(n.length)},"program-date-time":function(){"undefined"==typeof this.manifest.dateTimeString&&(this.manifest.dateTimeString=e.dateTimeString,this.manifest.dateTimeObject=e.dateTimeObject),a.dateTimeString=e.dateTimeString,a.dateTimeObject=e.dateTimeObject},targetduration:function(){!isFinite(e.duration)||e.duration<0?this.trigger("warn",{message:"ignoring invalid target duration: "+e.duration}):this.manifest.targetDuration=e.duration},totalduration:function(){!isFinite(e.duration)||e.duration<0?this.trigger("warn",{message:"ignoring invalid total duration: "+e.duration}):this.manifest.totalDuration=e.duration},start:function(){e.attributes&&!isNaN(e.attributes["TIME-OFFSET"])?this.manifest.start={timeOffset:e.attributes["TIME-OFFSET"],precise:e.attributes.PRECISE}:this.trigger("warn",{message:"ignoring start declaration without appropriate attribute list"})},"cue-out":function(){a.cueOut=e.data},"cue-out-cont":function(){a.cueOutCont=e.data},"cue-in":function(){a.cueIn=e.data}})[e.tagType]||function(){}).call(r)},uri:function(){a.uri=e.uri,n.push(a),!this.manifest.targetDuration||"duration"in a||(this.trigger("warn",{message:"defaulting segment duration to the target duration"}),a.duration=this.manifest.targetDuration),o&&(a.key=o),a.timeline=d,s&&(a.map=s),a={}},comment:function(){},custom:function(){e.segment?(a.custom=a.custom||{},a.custom[e.customType]=e.data):(this.manifest.custom=this.manifest.custom||{},this.manifest.custom[e.customType]=e.data)}})[e.type].call(r)}),i}return m(t,e),t.prototype.push=function(e){this.lineStream.push(e)},t.prototype.end=function(){this.lineStream.push("\n")},t.prototype.addParser=function(e){this.parseStream.addParser(e)},t}(y),S=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},k=function(){function e(e,t){for(var i=0;i<t.length;i++){var r=t[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,i,r){return i&&e(t.prototype,i),r&&e(t,r),t}}(),E=function(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e},L=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)},A=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},w=function(){return function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var i=[],r=!0,n=!1,a=void 0;try{for(var s,o=e[Symbol.iterator]();!(r=(s=o.next()).done)&&(i.push(s.value),!t||i.length!==t);r=!0);}catch(e){n=!0,a=e}finally{try{!r&&o.return&&o.return()}finally{if(n)throw a}}return i}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),I=t.mergeOptions,O=t.EventTarget,C=t.log,P=function(e,t){["AUDIO","SUBTITLES"].forEach(function(i){for(var r in e.mediaGroups[i])for(var n in e.mediaGroups[i][r]){var a=e.mediaGroups[i][r][n];t(a,i,r,n)}})},U=function(e,t){var i=I(e,{}),r=i.playlists[t.uri];if(!r)return null;if(r.segments&&t.segments&&r.segments.length===t.segments.length&&r.mediaSequence===t.mediaSequence)return null;var n=I(r,t);r.segments&&(n.segments=function(e,t,i){var r=t.slice();i=i||0;for(var n=Math.min(e.length,t.length+i),a=i;a<n;a++)r[a-i]=I(e[a],r[a-i]);return r}(r.segments,t.segments,t.mediaSequence-r.mediaSequence)),n.segments.forEach(function(e){!function(e,t){e.resolvedUri||(e.resolvedUri=h(t,e.uri)),e.key&&!e.key.resolvedUri&&(e.key.resolvedUri=h(t,e.key.uri)),e.map&&!e.map.resolvedUri&&(e.map.resolvedUri=h(t,e.map.uri))}(e,n.resolvedUri)});for(var a=0;a<i.playlists.length;a++)i.playlists[a].uri===t.uri&&(i.playlists[a]=n);return i.playlists[t.uri]=n,i},D=function(e){for(var t=e.playlists.length;t--;){var i=e.playlists[t];e.playlists[i.uri]=i,i.resolvedUri=h(e.uri,i.uri),i.id=t,i.attributes||(i.attributes={},C.warn("Invalid playlist STREAM-INF detected. Missing BANDWIDTH attribute."))}},R=function(e){P(e,function(t){t.uri&&(t.resolvedUri=h(e.uri,t.uri))})},B=function(e,t){var i=e.segments[e.segments.length-1];return t&&i&&i.duration?1e3*i.duration:500*(e.targetDuration||10)},M=function(e){function t(e,i,r){S(this,t);var n=A(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));if(n.srcUrl=e,n.hls_=i,n.withCredentials=r,!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:h(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}return L(t,O),k(t,[{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:e.status>=500?4:2},this.trigger("error")}},{key:"haveMetadata",value:function(e,t){var i=this;this.request=null,this.state="HAVE_METADATA";var r=new T;r.push(e.responseText),r.end(),r.manifest.uri=t,r.manifest.attributes=r.manifest.attributes||{};var n=U(this.master,r.manifest);this.targetDuration=r.manifest.targetDuration,n?(this.master=n,this.media_=this.master.playlists[r.manifest.uri]):this.trigger("playlistunchanged"),this.media().endList||(c.clearTimeout(this.mediaUpdateTimeout),this.mediaUpdateTimeout=c.setTimeout(function(){i.trigger("mediaupdatetimeout")},B(this.media(),!!n))),this.trigger("loadedplaylist")}},{key:"dispose",value:function(){this.stopRequest(),c.clearTimeout(this.mediaUpdateTimeout)}},{key:"stopRequest",value:function(){if(this.request){var e=this.request;this.request=null,e.onreadystatechange=null,e.abort()}}},{key:"media",value:function(e){var t=this;if(!e)return this.media_;if("HAVE_NOTHING"===this.state)throw new Error("Cannot switch media playlist from "+this.state);var i=this.state;if("string"==typeof e){if(!this.master.playlists[e])throw new Error("Unknown playlist URI: "+e);e=this.master.playlists[e]}var r=!this.media_||e.uri!==this.media_.uri;if(this.master.playlists[e.uri].endList)return this.request&&(this.request.onreadystatechange=null,this.request.abort(),this.request=null),this.state="HAVE_METADATA",this.media_=e,void(r&&(this.trigger("mediachanging"),this.trigger("mediachange")));if(r){if(this.state="SWITCHING_MEDIA",this.request){if(h(this.master.uri,e.uri)===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:h(this.master.uri,e.uri),withCredentials:this.withCredentials},function(r,n){if(t.request){if(r)return t.playlistRequestError(t.request,e.uri,i);t.haveMetadata(n,e.uri),"HAVE_MASTER"===i?t.trigger("loadedmetadata"):t.trigger("mediachange")}})}}},{key:"pause",value:function(){this.stopRequest(),c.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;c.clearTimeout(this.mediaUpdateTimeout);var i=this.media();if(e){var r=i?i.targetDuration/2*1e3:5e3;this.mediaUpdateTimeout=c.setTimeout(function(){return t.load()},r)}else this.started?i&&!i.endList?this.trigger("mediaupdatetimeout"):this.trigger("loadedplaylist"):this.start()}},{key:"start",value:function(){var e=this;this.started=!0,this.request=this.hls_.xhr({uri:this.srcUrl,withCredentials:this.withCredentials},function(t,i){if(e.request){if(e.request=null,t)return e.error={status:i.status,message:"HLS playlist request error at URL: "+e.srcUrl,responseText:i.responseText,code:2},"HAVE_NOTHING"===e.state&&(e.started=!1),e.trigger("error");var r=new T;return r.push(i.responseText),r.end(),e.state="HAVE_MASTER",r.manifest.uri=e.srcUrl,r.manifest.playlists?(e.master=r.manifest,D(e.master),R(e.master),e.trigger("loadedplaylist"),void(e.request||e.media(r.manifest.playlists[0]))):(e.master={mediaGroups:{AUDIO:{},VIDEO:{},"CLOSED-CAPTIONS":{},SUBTITLES:{}},uri:c.location.href,playlists:[{uri:e.srcUrl,id:0}]},e.master.playlists[e.srcUrl]=e.master.playlists[0],e.master.playlists[0].resolvedUri=e.srcUrl,e.master.playlists[0].attributes=e.master.playlists[0].attributes||{},e.haveMetadata(i,e.srcUrl),e.trigger("loadedmetadata"))}})}}]),t}(),x=t.createTimeRange,N=function(e,t,i){var r,n;return"undefined"==typeof t&&(t=e.mediaSequence+e.segments.length),t<e.mediaSequence?0:(r=function(e,t){var i=0,r=t-e.mediaSequence,n=e.segments[r];if(n){if("undefined"!=typeof n.start)return{result:n.start,precise:!0};if("undefined"!=typeof n.end)return{result:n.end-n.duration,precise:!0}}for(;r--;){if("undefined"!=typeof(n=e.segments[r]).end)return{result:i+n.end,precise:!0};if(i+=n.duration,"undefined"!=typeof n.start)return{result:i+n.start,precise:!0}}return{result:i,precise:!1}}(e,t)).precise?r.result:(n=function(e,t){for(var i=0,r=void 0,n=t-e.mediaSequence;n<e.segments.length;n++){if("undefined"!=typeof(r=e.segments[n]).start)return{result:r.start-i,precise:!0};if(i+=r.duration,"undefined"!=typeof r.end)return{result:r.end-i,precise:!0}}return{result:-1,precise:!1}}(e,t)).precise?n.result:r.result+i},q=function(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 c.Infinity}return N(e,t,i)},F=function(e,t,i){var r=0;if(t>i){var n=[i,t];t=n[0],i=n[1]}if(t<0){for(var a=t;a<Math.min(0,i);a++)r+=e.targetDuration;t=0}for(var s=t;s<i;s++)r+=e.segments[s].duration;return r},H=function(e){if(!e.segments.length)return 0;for(var t=e.segments.length-1,i=e.segments[t].duration||e.targetDuration,r=i+2*e.targetDuration;t--&&!((i+=e.segments[t].duration)>=r););return Math.max(0,t)},G=function(e,t,i){if(!e||!e.segments)return null;if(e.endList)return q(e);if(null===t)return null;t=t||0;var r=i?H(e):e.segments.length;return N(e,e.mediaSequence+r,t)},j=function(e){return e-Math.floor(e)==0},W=function(e,t){if(j(t))return t+.1*e;for(var i=t.toString().split(".")[1].length,r=1;r<=i;r++){var n=Math.pow(10,r),a=t*n;if(j(a)||r===i)return(a+e)/n}},V=W.bind(null,1),z=W.bind(null,-1),X=function(e){return e.excludeUntil&&e.excludeUntil>Date.now()},Y=function(e){return e.excludeUntil&&e.excludeUntil===1/0},$=function(e){var t=X(e);return!e.disabled&&!t},K=function(e,t){return t.attributes&&t.attributes[e]},Q=function(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!!$(e)&&(e.attributes.BANDWIDTH||0)<i}).length},J={duration:q,seekable:function(e,t){var i=t||0,r=G(e,t,!0);return null===r?x():x(i,r)},safeLiveIndex:H,getMediaInfoForTime:function(e,t,i,r){var n=void 0,a=void 0,s=e.segments.length,o=t-r;if(o<0){if(i>0)for(n=i-1;n>=0;n--)if(a=e.segments[n],(o+=z(a.duration))>0)return{mediaIndex:n,startTime:r-F(e,i,n)};return{mediaIndex:0,startTime:t}}if(i<0){for(n=i;n<0;n++)if((o-=e.targetDuration)<0)return{mediaIndex:0,startTime:t};i=0}for(n=i;n<s;n++)if(a=e.segments[n],(o-=V(a.duration))<0)return{mediaIndex:n,startTime:r+F(e,i,n)};return{mediaIndex:s-1,startTime:t}},isEnabled:$,isDisabled:function(e){return e.disabled},isBlacklisted:X,isIncompatible:Y,playlistEnd:G,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:K,estimateSegmentRequestTime:function(e,t,i){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return K("BANDWIDTH",i)?(e*i.attributes.BANDWIDTH-8*r)/t:NaN},isLowestEnabledRendition:Q},Z=t.xhr,ee=t.mergeOptions,te=function(){return function e(i,r){i=ee({timeout:45e3},i);var n=e.beforeRequest||t.Hls.xhr.beforeRequest;if(n&&"function"==typeof n){var a=n(i);a&&(i=a)}var s=Z(i,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)))),r(e,s)}),o=s.abort;return s.abort=function(){return s.aborted=!0,o.apply(s,arguments)},s.uri=i.uri,s.requestTime=Date.now(),s}};var ie=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},re=function(){function e(e,t){for(var i=0;i<t.length;i++){var r=t[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,i,r){return i&&e(t.prototype,i),r&&e(t,r),t}}(),ne=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},ae=function(){var e=[[[],[],[],[],[]],[[],[],[],[],[]]],t=e[0],i=e[1],r=t[4],n=i[4],a=void 0,s=void 0,o=void 0,u=[],d=[],l=void 0,c=void 0,h=void 0,f=void 0,p=void 0;for(a=0;a<256;a++)d[(u[a]=a<<1^283*(a>>7))^a]=a;for(s=o=0;!r[s];s^=l||1,o=d[o]||1)for(h=(h=o^o<<1^o<<2^o<<3^o<<4)>>8^255&h^99,r[s]=h,n[h]=s,p=16843009*u[c=u[l=u[s]]]^65537*c^257*l^16843008*s,f=257*u[h]^16843008*h,a=0;a<4;a++)t[a][s]=f=f<<24^f>>>8,i[a][h]=p=p<<24^p>>>8;for(a=0;a<5;a++)t[a]=t[a].slice(0),i[a]=i[a].slice(0);return e},se=null,oe=function(){function e(t){ie(this,e),se||(se=ae()),this._tables=[[se[0][0].slice(),se[0][1].slice(),se[0][2].slice(),se[0][3].slice(),se[0][4].slice()],[se[1][0].slice(),se[1][1].slice(),se[1][2].slice(),se[1][3].slice(),se[1][4].slice()]];var i=void 0,r=void 0,n=void 0,a=void 0,s=void 0,o=this._tables[0][4],u=this._tables[1],d=t.length,l=1;if(4!==d&&6!==d&&8!==d)throw new Error("Invalid aes key size");for(a=t.slice(0),s=[],this._key=[a,s],i=d;i<4*d+28;i++)n=a[i-1],(i%d==0||8===d&&i%d==4)&&(n=o[n>>>24]<<24^o[n>>16&255]<<16^o[n>>8&255]<<8^o[255&n],i%d==0&&(n=n<<8^n>>>24^l<<24,l=l<<1^283*(l>>7))),a[i]=a[i-d]^n;for(r=0;i;r++,i--)n=a[3&r?i:i-4],s[r]=i<=4||r<4?n:u[0][o[n>>>24]]^u[1][o[n>>16&255]]^u[2][o[n>>8&255]]^u[3][o[255&n]]}return e.prototype.decrypt=function(e,t,i,r,n,a){var s=this._key[1],o=e^s[0],u=r^s[1],d=i^s[2],l=t^s[3],c=void 0,h=void 0,f=void 0,p=s.length/4-2,m=void 0,g=4,y=this._tables[1],_=y[0],v=y[1],b=y[2],T=y[3],S=y[4];for(m=0;m<p;m++)c=_[o>>>24]^v[u>>16&255]^b[d>>8&255]^T[255&l]^s[g],h=_[u>>>24]^v[d>>16&255]^b[l>>8&255]^T[255&o]^s[g+1],f=_[d>>>24]^v[l>>16&255]^b[o>>8&255]^T[255&u]^s[g+2],l=_[l>>>24]^v[o>>16&255]^b[u>>8&255]^T[255&d]^s[g+3],g+=4,o=c,u=h,d=f;for(m=0;m<4;m++)n[(3&-m)+a]=S[o>>>24]<<24^S[u>>16&255]<<16^S[d>>8&255]<<8^S[255&l]^s[g++],c=o,o=u,u=d,d=l,l=c},e}(),ue=function(){function e(){ie(this,e),this.listeners={}}return e.prototype.on=function(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},e.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),i>-1},e.prototype.trigger=function(e){var t=this.listeners[e];if(t)if(2===arguments.length)for(var i=t.length,r=0;r<i;++r)t[r].call(this,arguments[1]);else for(var n=Array.prototype.slice.call(arguments,1),a=t.length,s=0;s<a;++s)t[s].apply(this,n)},e.prototype.dispose=function(){this.listeners={}},e.prototype.pipe=function(e){this.on("data",function(t){e.push(t)})},e}(),de=function(e){function t(){ie(this,t);var i=ne(this,e.call(this,ue));return i.jobs=[],i.delay=1,i.timeout_=null,i}return 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)}(t,e),t.prototype.processJob_=function(){this.jobs.shift()(),this.jobs.length?this.timeout_=setTimeout(this.processJob_.bind(this),this.delay):this.timeout_=null},t.prototype.push=function(e){this.jobs.push(e),this.timeout_||(this.timeout_=setTimeout(this.processJob_.bind(this),this.delay))},t}(ue),le=function(e){return e<<24|(65280&e)<<8|(16711680&e)>>8|e>>>24},ce=function(e,t,i){var r=new Int32Array(e.buffer,e.byteOffset,e.byteLength>>2),n=new oe(Array.prototype.slice.call(t)),a=new Uint8Array(e.byteLength),s=new Int32Array(a.buffer),o=void 0,u=void 0,d=void 0,l=void 0,c=void 0,h=void 0,f=void 0,p=void 0,m=void 0;for(o=i[0],u=i[1],d=i[2],l=i[3],m=0;m<r.length;m+=4)c=le(r[m]),h=le(r[m+1]),f=le(r[m+2]),p=le(r[m+3]),n.decrypt(c,h,f,p,s,m),s[m]=le(s[m]^o),s[m+1]=le(s[m+1]^u),s[m+2]=le(s[m+2]^d),s[m+3]=le(s[m+3]^l),o=c,u=h,d=f,l=p;return a},he=function(){function e(t,i,r,n){ie(this,e);var a=e.STEP,s=new Int32Array(t.buffer),o=new Uint8Array(t.byteLength),u=0;for(this.asyncStream_=new de,this.asyncStream_.push(this.decryptChunk_(s.subarray(u,u+a),i,r,o)),u=a;u<s.length;u+=a)r=new Uint32Array([le(s[u-4]),le(s[u-3]),le(s[u-2]),le(s[u-1])]),this.asyncStream_.push(this.decryptChunk_(s.subarray(u,u+a),i,r,o));this.asyncStream_.push(function(){var e;n(null,(e=o).subarray(0,e.byteLength-e[e.byteLength-1]))})}return e.prototype.decryptChunk_=function(e,t,i,r){return function(){var n=ce(e,t,i);r.set(n,e.byteOffset)}},re(e,null,[{key:"STEP",get:function(){return 32e3}}]),e}(),fe=function(e,t){return e.start(t)+"-"+e.end(t)},pe=function(e,t){var i=e.toString(16);return"00".substring(0,2-i.length)+i+(t%2?" ":"")},me=function(e){return e>=32&&e<126?String.fromCharCode(e):"."},ge=function(e){var t={};return Object.keys(e).forEach(function(i){var r=e[i];ArrayBuffer.isView(r)?t[i]={bytes:r.buffer,byteOffset:r.byteOffset,byteLength:r.byteLength}:t[i]=r}),t},ye=function(e){var t=e.byterange||{length:1/0,offset:0};return[t.length,t.offset,e.resolvedUri].join(",")},_e=function(e){for(var t=Array.prototype.slice.call(e),i="",r=0;r<t.length/16;r++)i+=t.slice(16*r,16*r+16).map(pe).join("")+" "+t.slice(16*r,16*r+16).map(me).join("")+"\n";return i},ve=Object.freeze({createTransferableMessage:ge,initSegmentId:ye,hexDump:_e,tagDump:function(e){var t=e.bytes;return _e(t)},textRanges:function(e){var t="",i=void 0;for(i=0;i<e.length;i++)t+=fe(e,i)+" ";return t}}),be=function(e,i){var r=[],n=void 0;if(e&&e.length)for(n=0;n<e.length;n++)i(e.start(n),e.end(n))&&r.push([e.start(n),e.end(n)]);return t.createTimeRanges(r)},Te=function(e,t){return be(e,function(e,i){return e-1/30<=t&&i+1/30>=t})},Se=function(e,t){return be(e,function(e){return e-1/30>=t})},ke=function(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(", ")},Ee=function(e){for(var t=[],i=0;i<e.length;i++)t.push({start:e.start(i),end:e.end(i)});return t},Le=function(e,t,i){var r=void 0,n=void 0;if(i&&i.cues)for(r=i.cues.length;r--;)(n=i.cues[r]).startTime<=t&&n.endTime>=e&&i.removeCue(n)},Ae=function(e){return isNaN(e)||Math.abs(e)===1/0?Number.MAX_VALUE:e},we=function(e,i,r){var n=c.WebKitDataCue||c.VTTCue;if(i&&i.forEach(function(e){var t=e.stream;this.inbandTextTracks_[t].addCue(new n(e.startTime+this.timestampOffset,e.endTime+this.timestampOffset,e.text))},e),r){var a=Ae(e.mediaSource_.duration);if(r.forEach(function(e){var i=e.cueTime+this.timestampOffset;e.frames.forEach(function(e){var r=new n(i,i,e.value||e.url||e.data||"");r.frame=e,r.value=e,function(e){Object.defineProperties(e.frame,{id:{get:function(){return t.log.warn("cue.frame.id is deprecated. Use cue.value.key instead."),e.value.key}},value:{get:function(){return t.log.warn("cue.frame.value is deprecated. Use cue.value.data instead."),e.value.data}},privateData:{get:function(){return t.log.warn("cue.frame.privateData is deprecated. Use cue.value.data instead."),e.value.data}}})}(r),this.metadataTrack_.addCue(r)},this)},e),e.metadataTrack_&&e.metadataTrack_.cues&&e.metadataTrack_.cues.length){for(var s=e.metadataTrack_.cues,o=[],u=0;u<s.length;u++)s[u]&&o.push(s[u]);var d=o.reduce(function(e,t){var i=e[t.startTime]||[];return i.push(t),e[t.startTime]=i,e},{}),l=Object.keys(d).sort(function(e,t){return Number(e)-Number(t)});l.forEach(function(e,t){var i=d[e],r=Number(l[t+1])||a;i.forEach(function(e){e.endTime=r})})}}},Ie="undefined"!=typeof window?window:{},Oe="undefined"==typeof Symbol?"__target":Symbol(),Ce="application/javascript",Pe=Ie.BlobBuilder||Ie.WebKitBlobBuilder||Ie.MozBlobBuilder||Ie.MSBlobBuilder,Ue=Ie.URL||Ie.webkitURL||Ue&&Ue.msURL,De=Ie.Worker;function Re(e,t){return function(i){var r=this;if(!t)return new De(e);if(De&&!i){var n=Ne(t.toString().replace(/^function.+?{/,"").slice(0,-1));return this[Oe]=new De(n),function(e,t){if(!e||!t)return;var i=e.terminate;e.objURL=t,e.terminate=function(){e.objURL&&Ue.revokeObjectURL(e.objURL),i.call(e)}}(this[Oe],n),this[Oe]}var a={postMessage:function(e){r.onmessage&&setTimeout(function(){r.onmessage({data:e,target:a})})}};t.call(a),this.postMessage=function(e){setTimeout(function(){a.onmessage({data:e,target:r})})},this.isThisThread=!0}}if(De){var Be,Me=Ne("self.onmessage = function () {}"),xe=new Uint8Array(1);try{(Be=new De(Me)).postMessage(xe,[xe.buffer])}catch(e){De=null}finally{Ue.revokeObjectURL(Me),Be&&Be.terminate()}}function Ne(e){try{return Ue.createObjectURL(new Blob([e],{type:Ce}))}catch(i){var t=new Pe;return t.append(e),Ue.createObjectURL(t.getBlob(type))}}var qe=new Re("./transmuxer-worker.worker.js",function(e,t){var i=this;!function(){var t,r,n,a,s,o,u,d,l,c,h,f,p,m,g,y,_,v,b,T,S,k,E,L,A,w,I,O,C,P,U,D,R,B,M,x,N,q,F,H,G="undefined"!=typeof e?e:"undefined"!=typeof global?global:"undefined"!=typeof i?i:{},j="undefined"!=typeof e?e:"undefined"!=typeof G?G:"undefined"!=typeof i?i:{},W=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:[],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)]);E=new Uint8Array(["i".charCodeAt(0),"s".charCodeAt(0),"o".charCodeAt(0),"m".charCodeAt(0)]),A=new Uint8Array(["a".charCodeAt(0),"v".charCodeAt(0),"c".charCodeAt(0),"1".charCodeAt(0)]),L=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]),I=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]),O={video:w,audio:I},U=new Uint8Array([0,0,0,0,0,0,0,1,0,0,0,12,117,114,108,32,0,0,0,1]),P=new Uint8Array([0,0,0,0,0,0,0,0]),D=new Uint8Array([0,0,0,0,0,0,0,0]),R=D,B=new Uint8Array([0,0,0,0,0,0,0,0,0,0,0,0]),M=D,C=new Uint8Array([0,0,0,1,0,0,0,0,0,0,0,0])}}(),t=function(e){var t,i,r=[],n=0;for(t=1;t<arguments.length;t++)r.push(arguments[t]);for(t=r.length;t--;)n+=r[t].byteLength;for(i=new Uint8Array(n+8),new DataView(i.buffer,i.byteOffset,i.byteLength).setUint32(0,i.byteLength),i.set(e,4),t=0,n=8;t<r.length;t++)i.set(r[t],n),n+=r[t].byteLength;return i},r=function(){return t(k.dinf,t(k.dref,U))},n=function(e){return t(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]))},g=function(e){return t(k.hdlr,O[e])},m=function(e){var i=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&&(i[12]=e.samplerate>>>24&255,i[13]=e.samplerate>>>16&255,i[14]=e.samplerate>>>8&255,i[15]=255&e.samplerate),t(k.mdhd,i)},p=function(e){return t(k.mdia,m(e),g(e.type),o(e))},s=function(e){return t(k.mfhd,new Uint8Array([0,0,0,0,(4278190080&e)>>24,(16711680&e)>>16,(65280&e)>>8,255&e]))},o=function(e){return t(k.minf,"video"===e.type?t(k.vmhd,C):t(k.smhd,P),r(),_(e))},u=function(e,i){for(var r=[],n=i.length;n--;)r[n]=b(i[n]);return t.apply(null,[k.moof,s(e)].concat(r))},d=function(e){for(var i=e.length,r=[];i--;)r[i]=h(e[i]);return t.apply(null,[k.moov,c(4294967295)].concat(r).concat(l(e)))},l=function(e){for(var i=e.length,r=[];i--;)r[i]=T(e[i]);return t.apply(null,[k.mvex].concat(r))},c=function(e){var i=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 t(k.mvhd,i)},y=function(e){var i,r,n=e.samples||[],a=new Uint8Array(4+n.length);for(r=0;r<n.length;r++)i=n[r].flags,a[r+4]=i.dependsOn<<4|i.isDependedOn<<2|i.hasRedundancy;return t(k.sdtp,a)},_=function(e){return t(k.stbl,v(e),t(k.stts,M),t(k.stsc,R),t(k.stsz,B),t(k.stco,D))},v=function(e){return t(k.stsd,new Uint8Array([0,0,0,0,0,0,0,1]),"video"===e.type?x(e):N(e))},x=function(e){var i,r=e.sps||[],n=e.pps||[],a=[],s=[];for(i=0;i<r.length;i++)a.push((65280&r[i].byteLength)>>>8),a.push(255&r[i].byteLength),a=a.concat(Array.prototype.slice.call(r[i]));for(i=0;i<n.length;i++)s.push((65280&n[i].byteLength)>>>8),s.push(255&n[i].byteLength),s=s.concat(Array.prototype.slice.call(n[i]));return t(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]),t(k.avcC,new Uint8Array([1,e.profileIdc,e.profileCompatibility,e.levelIdc,255].concat([r.length]).concat(a).concat([n.length]).concat(s))),t(k.btrt,new Uint8Array([0,28,156,128,0,45,198,192,0,45,198,192])))},N=function(e){return t(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]),n(e))},f=function(e){var i=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 t(k.tkhd,i)},b=function(e){var i,r,n,a,s,o;return i=t(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/(W+1)),o=Math.floor(e.baseMediaDecodeTime%(W+1)),r=t(k.tfdt,new Uint8Array([1,0,0,0,s>>>24&255,s>>>16&255,s>>>8&255,255&s,o>>>24&255,o>>>16&255,o>>>8&255,255&o])),92,"audio"===e.type?(n=S(e,92),t(k.traf,i,r,n)):(a=y(e),n=S(e,a.length+92),t(k.traf,i,r,n,a))},h=function(e){return e.duration=e.duration||4294967295,t(k.trak,f(e),p(e))},T=function(e){var i=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&&(i[i.length-1]=0),t(k.trex,i)},H=function(e,t){var i=0,r=0,n=0,a=0;return e.length&&(void 0!==e[0].duration&&(i=1),void 0!==e[0].size&&(r=2),void 0!==e[0].flags&&(n=4),void 0!==e[0].compositionTimeOffset&&(a=8)),[0,0,i|r|n|a,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]},F=function(e,i){var r,n,a,s;for(i+=20+16*(n=e.samples||[]).length,r=H(n,i),s=0;s<n.length;s++)a=n[s],r=r.concat([(4278190080&a.duration)>>>24,(16711680&a.duration)>>>16,(65280&a.duration)>>>8,255&a.duration,(4278190080&a.size)>>>24,(16711680&a.size)>>>16,(65280&a.size)>>>8,255&a.size,a.flags.isLeading<<2|a.flags.dependsOn,a.flags.isDependedOn<<6|a.flags.hasRedundancy<<4|a.flags.paddingValue<<1|a.flags.isNonSyncSample,61440&a.flags.degradationPriority,15&a.flags.degradationPriority,(4278190080&a.compositionTimeOffset)>>>24,(16711680&a.compositionTimeOffset)>>>16,(65280&a.compositionTimeOffset)>>>8,255&a.compositionTimeOffset]);return t(k.trun,new Uint8Array(r))},q=function(e,i){var r,n,a,s;for(i+=20+8*(n=e.samples||[]).length,r=H(n,i),s=0;s<n.length;s++)a=n[s],r=r.concat([(4278190080&a.duration)>>>24,(16711680&a.duration)>>>16,(65280&a.duration)>>>8,255&a.duration,(4278190080&a.size)>>>24,(16711680&a.size)>>>16,(65280&a.size)>>>8,255&a.size]);return t(k.trun,new Uint8Array(r))},S=function(e,t){return"audio"===e.type?q(e,t):F(e,t)};var V={ftyp:a=function(){return t(k.ftyp,E,L,E,A)},mdat:function(e){return t(k.mdat,e)},moof:u,moov:d,initSegment:function(e){var t,i=a(),r=d(e);return(t=new Uint8Array(i.byteLength+r.byteLength)).set(i),t.set(r,i.byteLength),t}},z=function(){this.init=function(){var e={};this.on=function(t,i){e[t]||(e[t]=[]),e[t]=e[t].concat(i)},this.off=function(t,i){var r;return!!e[t]&&(r=e[t].indexOf(i),e[t]=e[t].slice(),e[t].splice(r,1),r>-1)},this.trigger=function(t){var i,r,n,a;if(i=e[t])if(2===arguments.length)for(n=i.length,r=0;r<n;++r)i[r].call(this,arguments[1]);else{for(a=[],r=arguments.length,r=1;r<arguments.length;++r)a.push(arguments[r]);for(n=i.length,r=0;r<n;++r)i[r].apply(this,a)}},this.dispose=function(){e={}}}};z.prototype.pipe=function(e){return this.on("data",function(t){e.push(t)}),this.on("done",function(t){e.flush(t)}),e},z.prototype.push=function(e){this.trigger("data",e)},z.prototype.flush=function(e){this.trigger("done",e)};var X=z,Y=function e(){e.prototype.init.call(this),this.captionPackets_=[],this.ccStreams_=[new Z(0,0),new Z(0,1),new Z(1,0),new Z(1,1)],this.reset(),this.ccStreams_.forEach(function(e){e.on("data",this.trigger.bind(this,"data")),e.on("done",this.trigger.bind(this,"done"))},this)};(Y.prototype=new X).push=function(e){var t,i;if("sei_rbsp"===e.nalUnitType&&4===(t=function(e){for(var t=0,i={payloadType:-1,payloadSize:0},r=0,n=0;t<e.byteLength&&128!==e[t];){for(;255===e[t];)r+=255,t++;for(r+=e[t++];255===e[t];)n+=255,t++;if(n+=e[t++],!i.payload&&4===r){i.payloadType=r,i.payloadSize=n,i.payload=e.subarray(t,t+n);break}t+=n,r=0,n=0}return i}(e.escapedRBSP)).payloadType&&(i=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)}(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));this.captionPackets_=this.captionPackets_.concat(function(e,t){var i,r,n,a,s=[];if(!(64&t[0]))return s;for(r=31&t[0],i=0;i<r;i++)a={type:3&t[2+(n=3*i)],pts:e},4&t[n+2]&&(a.ccData=t[n+3]<<8|t[n+4],s.push(a));return s}(e.pts,i)),this.latestDts_!==e.dts&&(this.numSameDts_=0),this.numSameDts_++,this.latestDts_=e.dts}},Y.prototype.flush=function(){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.ccStreams_.forEach(function(e){e.flush()},this)):this.ccStreams_.forEach(function(e){e.flush()},this)},Y.prototype.reset=function(){this.latestDts_=null,this.ignoreNextEqualDts_=!1,this.numSameDts_=0,this.activeCea608Channel_=[null,null],this.ccStreams_.forEach(function(e){e.reset()})},Y.prototype.dispatchCea608Packet=function(e){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)},Y.prototype.setsChannel1Active=function(e){return 4096==(30720&e.ccData)},Y.prototype.setsChannel2Active=function(e){return 6144==(30720&e.ccData)};var $={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},K=function(e){return null===e?"":(e=$[e]||e,String.fromCharCode(e))},Q=[4352,4384,4608,4640,5376,5408,5632,5664,5888,5920,4096,4864,4896,5120,5152],J=function(){for(var e=[],t=15;t--;)e.push("");return e},Z=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,r,n,a;if((t=32639&e.ccData)!==this.lastControlCode_){if(4096==(61440&t)?this.lastControlCode_=t:t!==this.PADDING_&&(this.lastControlCode_=null),r=t>>>8,n=255&t,t!==this.PADDING_)if(t===this.RESUME_CAPTION_LOADING_)this.mode_="popOn";else if(t===this.END_OF_CAPTION_)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.topRow_=13,this.mode_="rollUp";else if(t===this.ROLL_UP_3_ROWS_)this.topRow_=12,this.mode_="rollUp";else if(t===this.ROLL_UP_4_ROWS_)this.topRow_=11,this.mode_="rollUp";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_[14]=this.nonDisplayed_[14].slice(0,-1):this.displayed_[14]=this.displayed_[14].slice(0,-1);else if(t===this.ERASE_DISPLAYED_MEMORY_)this.flushDisplayed(e.pts),this.displayed_=J();else if(t===this.ERASE_NON_DISPLAYED_MEMORY_)this.nonDisplayed_=J();else if(t===this.RESUME_DIRECT_CAPTIONING_)this.mode_="paintOn";else if(this.isSpecialCharacter(r,n))a=K((r=(3&r)<<8)|n),this[this.mode_](e.pts,a),this.column_++;else if(this.isExtCharacter(r,n))"popOn"===this.mode_?this.nonDisplayed_[this.row_]=this.nonDisplayed_[this.row_].slice(0,-1):this.displayed_[14]=this.displayed_[14].slice(0,-1),a=K((r=(3&r)<<8)|n),this[this.mode_](e.pts,a),this.column_++;else if(this.isMidRowCode(r,n))this.clearFormatting(e.pts),this[this.mode_](e.pts," "),this.column_++,14==(14&n)&&this.addFormatting(e.pts,["i"]),1==(1&n)&&this.addFormatting(e.pts,["u"]);else if(this.isOffsetControlCode(r,n))this.column_+=3&n;else if(this.isPAC(r,n)){var s=Q.indexOf(7968&t);s!==this.row_&&(this.clearFormatting(e.pts),this.row_=s),1&n&&-1===this.formatting_.indexOf("u")&&this.addFormatting(e.pts,["u"]),16==(16&t)&&(this.column_=4*((14&t)>>1)),this.isColorPAC(n)&&14==(14&n)&&this.addFormatting(e.pts,["i"])}else this.isNormalChar(r)&&(0===n&&(n=null),a=K(r),a+=K(n),this[this.mode_](e.pts,a),this.column_+=a.length)}else this.lastControlCode_=null}};Z.prototype=new X,Z.prototype.flushDisplayed=function(e){var t=this.displayed_.map(function(e){return e.trim()}).join("\n").replace(/^\n+|\n+$/g,"");t.length&&this.trigger("data",{startPts:this.startPts_,endPts:e,text:t,stream:this.name_})},Z.prototype.reset=function(){this.mode_="popOn",this.topRow_=0,this.startPts_=0,this.displayed_=J(),this.nonDisplayed_=J(),this.lastControlCode_=null,this.column_=0,this.row_=14,this.formatting_=[]},Z.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_},Z.prototype.isSpecialCharacter=function(e,t){return e===this.EXT_&&t>=48&&t<=63},Z.prototype.isExtCharacter=function(e,t){return(e===this.EXT_+1||e===this.EXT_+2)&&t>=32&&t<=63},Z.prototype.isMidRowCode=function(e,t){return e===this.EXT_&&t>=32&&t<=47},Z.prototype.isOffsetControlCode=function(e,t){return e===this.OFFSET_&&t>=33&&t<=35},Z.prototype.isPAC=function(e,t){return e>=this.BASE_&&e<this.BASE_+8&&t>=64&&t<=127},Z.prototype.isColorPAC=function(e){return e>=64&&e<=79||e>=96&&e<=127},Z.prototype.isNormalChar=function(e){return e>=32&&e<=127},Z.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)},Z.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)}},Z.prototype.popOn=function(e,t){var i=this.nonDisplayed_[this.row_];i+=t,this.nonDisplayed_[this.row_]=i},Z.prototype.rollUp=function(e,t){var i=this.displayed_[14];i+=t,this.displayed_[14]=i},Z.prototype.shiftRowsUp_=function(){var e;for(e=0;e<this.topRow_;e++)this.displayed_[e]="";for(e=this.topRow_;e<14;e++)this.displayed_[e]=this.displayed_[e+1];this.displayed_[14]=""},Z.prototype.paintOn=function(){};var ee={CaptionStream:Y,Cea608Stream:Z},te={H264_STREAM_TYPE:27,ADTS_STREAM_TYPE:15,METADATA_STREAM_TYPE:21},ie=function(e,t){var i=1;for(e>t&&(i=-1);Math.abs(t-e)>4294967296;)e+=8589934592*i;return e},re=function e(t){var i,r;e.prototype.init.call(this),this.type_=t,this.push=function(e){e.type===this.type_&&(void 0===r&&(r=e.dts),e.dts=ie(e.dts,r),e.pts=ie(e.pts,r),i=e.dts,this.trigger("data",e))},this.flush=function(){r=i,this.trigger("done")},this.discontinuity=function(){r=void 0,i=void 0}};re.prototype=new X;var ne,ae=re,se=function(e,t,i){var r,n="";for(r=t;r<i;r++)n+="%"+("00"+e[r].toString(16)).slice(-2);return n},oe=function(e,t,i){return decodeURIComponent(se(e,t,i))},ue=function(e){return e[0]<<21|e[1]<<14|e[2]<<7|e[3]},de={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=oe(e.data,1,t),e.value=oe(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=oe(e.data,1,t),e.url=oe(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(se(i,0,t)));break}e.privateData=e.data.subarray(t+1),e.data=e.privateData}};(ne=function(e){var t,i={debug:!(!e||!e.debug),descriptor:e&&e.descriptor},r=0,n=[],a=0;if(ne.prototype.init.call(this),this.dispatchType=te.METADATA_STREAM_TYPE.toString(16),i.descriptor)for(t=0;t<i.descriptor.length;t++)this.dispatchType+=("00"+i.descriptor[t].toString(16)).slice(-2);this.push=function(e){var t,s,o,u,d;if("timed-metadata"===e.type)if(e.dataAlignmentIndicator&&(a=0,n.length=0),0===n.length&&(e.data.length<10||e.data[0]!=="I".charCodeAt(0)||e.data[1]!=="D".charCodeAt(0)||e.data[2]!=="3".charCodeAt(0)))i.debug&&console.log("Skipping unrecognized metadata packet");else if(n.push(e),a+=e.data.byteLength,1===n.length&&(r=ue(e.data.subarray(6,10)),r+=10),!(a<r)){for(t={data:new Uint8Array(r),frames:[],pts:n[0].pts,dts:n[0].dts},d=0;d<r;)t.data.set(n[0].data.subarray(0,r-d),d),d+=n[0].data.byteLength,a-=n[0].data.byteLength,n.shift();s=10,64&t.data[5]&&(s+=4,s+=ue(t.data.subarray(10,14)),r-=ue(t.data.subarray(16,20)));do{if((o=ue(t.data.subarray(s+4,s+8)))<1)return console.log("Malformed ID3 frame encountered. Skipping metadata parsing.");if((u={id:String.fromCharCode(t.data[s],t.data[s+1],t.data[s+2],t.data[s+3]),data:t.data.subarray(s+10,s+o+10)}).key=u.id,de[u.id]&&(de[u.id](u),"com.apple.streaming.transportStreamTimestamp"===u.owner)){var l=u.data,c=(1&l[3])<<30|l[4]<<22|l[5]<<14|l[6]<<6|l[7]>>>2;c*=4,c+=3&l[7],u.timeStamp=c,void 0===t.pts&&void 0===t.dts&&(t.pts=u.timeStamp,t.dts=u.timeStamp),this.trigger("timestamp",u)}t.frames.push(u),s+=10,s+=o}while(s<r);this.trigger("data",t)}}}).prototype=new X;var le,ce,he,fe=ne,pe=ae;(le=function(){var e=new Uint8Array(188),t=0;le.prototype.init.call(this),this.push=function(i){var r,n=0,a=188;for(t?((r=new Uint8Array(i.byteLength+t)).set(e.subarray(0,t)),r.set(i,t),t=0):r=i;a<r.byteLength;)71!==r[n]||71!==r[a]?(n++,a++):(this.trigger("data",r.subarray(n,a)),n+=188,a+=188);n<r.byteLength&&(e.set(r.subarray(n),0),t=r.byteLength-n)},this.flush=function(){188===t&&71===e[0]&&(this.trigger("data",e),t=0),this.trigger("done")}}).prototype=new X,(ce=function(){var e,t,i,r;ce.prototype.init.call(this),r=this,this.packetsWaitingForPmt=[],this.programMapTable=void 0,e=function(e,r){var n=0;r.payloadUnitStartIndicator&&(n+=e[n]+1),"pat"===r.type?t(e.subarray(n),r):i(e.subarray(n),r)},t=function(e,t){t.section_number=e[7],t.last_section_number=e[8],r.pmtPid=(31&e[10])<<8|e[11],t.pmtPid=r.pmtPid},i=function(e,t){var i,n;if(1&e[5]){for(r.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 a=e[n],s=(31&e[n+1])<<8|e[n+2];a===te.H264_STREAM_TYPE&&null===r.programMapTable.video?r.programMapTable.video=s:a===te.ADTS_STREAM_TYPE&&null===r.programMapTable.audio?r.programMapTable.audio=s:a===te.METADATA_STREAM_TYPE&&(r.programMapTable["timed-metadata"][s]=a),n+=5+((15&e[n+3])<<8|e[n+4])}t.programMapTable=r.programMapTable}},this.push=function(t){var i={},r=4;if(i.payloadUnitStartIndicator=!!(64&t[1]),i.pid=31&t[1],i.pid<<=8,i.pid|=t[2],(48&t[3])>>>4>1&&(r+=t[r]+1),0===i.pid)i.type="pat",e(t.subarray(r),i),this.trigger("data",i);else if(i.pid===this.pmtPid)for(i.type="pmt",e(t.subarray(r),i),this.trigger("data",i);this.packetsWaitingForPmt.length;)this.processPes_.apply(this,this.packetsWaitingForPmt.shift());else void 0===this.programMapTable?this.packetsWaitingForPmt.push([t,r,i]):this.processPes_(t,r,i)},this.processPes_=function(e,t,i){i.pid===this.programMapTable.video?i.streamType=te.H264_STREAM_TYPE:i.pid===this.programMapTable.audio?i.streamType=te.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 X,ce.STREAM_TYPES={h264:27,adts:15},(he=function(){var e=this,t={data:[],size:0},i={data:[],size:0},r={data:[],size:0},n=function(t,i,r){var n,a,s=new Uint8Array(t.size),o={type:i},u=0,d=0;if(t.data.length&&!(t.size<9)){for(o.trackId=t.data[0].pid,u=0;u<t.data.length;u++)a=t.data[u],s.set(a.data,d),d+=a.data.byteLength;var l,c,h;l=s,(c=o).packetLength=6+(l[4]<<8|l[5]),c.dataAlignmentIndicator=0!=(4&l[6]),192&(h=l[7])&&(c.pts=(14&l[9])<<27|(255&l[10])<<20|(254&l[11])<<12|(255&l[12])<<5|(254&l[13])>>>3,c.pts*=4,c.pts+=(6&l[13])>>>1,c.dts=c.pts,64&h&&(c.dts=(14&l[14])<<27|(255&l[15])<<20|(254&l[16])<<12|(255&l[17])<<5|(254&l[18])>>>3,c.dts*=4,c.dts+=(6&l[18])>>>1)),c.data=l.subarray(9+l[8]),n="video"===i||o.packetLength<=t.size,(r||n)&&(t.size=0,t.data.length=0),n&&e.trigger("data",o)}};he.prototype.init.call(this),this.push=function(a){({pat:function(){},pes:function(){var e,s;switch(a.streamType){case te.H264_STREAM_TYPE:case te.H264_STREAM_TYPE:e=t,s="video";break;case te.ADTS_STREAM_TYPE:e=i,s="audio";break;case te.METADATA_STREAM_TYPE:e=r,s="timed-metadata";break;default:return}a.payloadUnitStartIndicator&&n(e,s,!0),e.data.push(a),e.size+=a.data.byteLength},pmt:function(){var t={type:"metadata",tracks:[]},i=a.programMapTable;null!==i.video&&t.tracks.push({timelineStartInfo:{baseMediaDecodeTime:0},id:+i.video,codec:"avc",type:"video"}),null!==i.audio&&t.tracks.push({timelineStartInfo:{baseMediaDecodeTime:0},id:+i.audio,codec:"adts",type:"audio"}),e.trigger("data",t)}})[a.type]()},this.flush=function(){n(t,"video"),n(i,"audio"),n(r,"timed-metadata"),this.trigger("done")}}).prototype=new X;var me={PAT_PID:0,MP2T_PACKET_LENGTH:188,TransportPacketStream:le,TransportParseStream:ce,ElementaryStream:he,TimestampRolloverStream:pe,CaptionStream:ee.CaptionStream,Cea608Stream:ee.Cea608Stream,MetadataStream:fe};for(var ge in te)te.hasOwnProperty(ge)&&(me[ge]=te[ge]);var ye,_e=me,ve=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350];(ye=function(){var e;ye.prototype.init.call(this),this.push=function(t){var i,r,n,a,s,o,u=0,d=0;if("audio"===t.type)for(e?(a=e,(e=new Uint8Array(a.byteLength+t.data.byteLength)).set(a),e.set(t.data,a.byteLength)):e=t.data;u+5<e.length;)if(255===e[u]&&240==(246&e[u+1])){if(r=2*(1&~e[u+1]),i=(3&e[u+3])<<11|e[u+4]<<3|(224&e[u+5])>>5,o=9e4*(s=1024*(1+(3&e[u+6])))/ve[(60&e[u+2])>>>2],n=u+i,e.byteLength<n)return;if(this.trigger("data",{pts:t.pts+d*o,dts:t.dts+d*o,sampleCount:s,audioobjecttype:1+(e[u+2]>>>6&3),channelcount:(1&e[u+2])<<2|(192&e[u+3])>>>6,samplerate:ve[(60&e[u+2])>>>2],samplingfrequencyindex:(60&e[u+2])>>>2,samplesize:16,data:e.subarray(u+7+r,n)}),e.byteLength===n)return void(e=void 0);d++,e=e.subarray(n)}else u++},this.flush=function(){this.trigger("done")}}).prototype=new X;var be,Te,Se,ke=ye,Ee=function(e){var t=e.byteLength,i=0,r=0;this.length=function(){return 8*t},this.bitsAvailable=function(){return 8*t+r},this.loadWord=function(){var n=e.byteLength-t,a=new Uint8Array(4),s=Math.min(4,t);if(0===s)throw new Error("no bytes available");a.set(e.subarray(n,n+s)),i=new DataView(a.buffer).getUint32(0),r=8*s,t-=s},this.skipBits=function(e){var n;r>e?(i<<=e,r-=e):(e-=r,e-=8*(n=Math.floor(e/8)),t-=n,this.loadWord(),i<<=e,r-=e)},this.readBits=function(e){var n=Math.min(r,e),a=i>>>32-n;return(r-=n)>0?i<<=n:t>0&&this.loadWord(),(n=e-n)>0?a<<n|this.readBits(n):a},this.skipLeadingZeros=function(){var e;for(e=0;e<r;++e)if(0!=(i&2147483648>>>e))return i<<=e,r-=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()};(Te=function(){var e,t,i=0;Te.prototype.init.call(this),this.push=function(r){var n;for(t?((n=new Uint8Array(t.byteLength+r.data.byteLength)).set(t),n.set(r.data,t.byteLength),t=n):t=r.data;i<t.byteLength-3;i++)if(1===t[i+2]){e=i+5;break}for(;e<t.byteLength;)switch(t[e]){case 0:if(0!==t[e-1]){e+=2;break}if(0!==t[e-2]){e++;break}i+3!==e-2&&this.trigger("data",t.subarray(i+3,e-2));do{e++}while(1!==t[e]&&e<t.length);i=e-2,e+=3;break;case 1:if(0!==t[e-1]||0!==t[e-2]){e+=3;break}this.trigger("data",t.subarray(i+3,e-2)),i=e-2,e+=3;break;default:e+=3}t=t.subarray(i),e-=i,i=0},this.flush=function(){t&&t.byteLength>3&&this.trigger("data",t.subarray(i+3)),t=null,i=0,this.trigger("done")}}).prototype=new X,Se={100:!0,110:!0,122:!0,244:!0,44:!0,83:!0,86:!0,118:!0,128:!0,138:!0,139:!0,134:!0},(be=function(){var e,t,i,r,n,a,s,o=new Te;be.prototype.init.call(this),e=this,this.push=function(e){"video"===e.type&&(t=e.trackId,i=e.pts,r=e.dts,o.push(e))},o.on("data",function(s){var o={trackId:t,pts:i,dts:r,data:s};switch(31&s[0]){case 5:o.nalUnitType="slice_layer_without_partitioning_rbsp_idr";break;case 6:o.nalUnitType="sei_rbsp",o.escapedRBSP=n(s.subarray(1));break;case 7:o.nalUnitType="seq_parameter_set_rbsp",o.escapedRBSP=n(s.subarray(1)),o.config=a(o.escapedRBSP);break;case 8:o.nalUnitType="pic_parameter_set_rbsp";break;case 9:o.nalUnitType="access_unit_delimiter_rbsp"}e.trigger("data",o)}),o.on("done",function(){e.trigger("done")}),this.flush=function(){o.flush()},s=function(e,t){var i,r=8,n=8;for(i=0;i<e;i++)0!==n&&(n=(r+t.readExpGolomb()+256)%256),r=0===n?r:n},n=function(e){for(var t,i,r=e.byteLength,n=[],a=1;a<r-2;)0===e[a]&&0===e[a+1]&&3===e[a+2]?(n.push(a+2),a+=2):a++;if(0===n.length)return e;t=r-n.length,i=new Uint8Array(t);var s=0;for(a=0;a<t;s++,a++)s===n[0]&&(s++,n.shift()),i[a]=e[s];return i},a=function(e){var t,i,r,n,a,o,u,d,l,c,h,f,p,m=0,g=0,y=0,_=0,v=1;if(i=(t=new Ee(e)).readUnsignedByte(),n=t.readUnsignedByte(),r=t.readUnsignedByte(),t.skipUnsignedExpGolomb(),Se[i]&&(3===(a=t.readUnsignedExpGolomb())&&t.skipBits(1),t.skipUnsignedExpGolomb(),t.skipUnsignedExpGolomb(),t.skipBits(1),t.readBoolean()))for(h=3!==a?8:12,p=0;p<h;p++)t.readBoolean()&&s(p<6?16:64,t);if(t.skipUnsignedExpGolomb(),0===(o=t.readUnsignedExpGolomb()))t.readUnsignedExpGolomb();else if(1===o)for(t.skipBits(1),t.skipExpGolomb(),t.skipExpGolomb(),u=t.readUnsignedExpGolomb(),p=0;p<u;p++)t.skipExpGolomb();if(t.skipUnsignedExpGolomb(),t.skipBits(1),d=t.readUnsignedExpGolomb(),l=t.readUnsignedExpGolomb(),0===(c=t.readBits(1))&&t.skipBits(1),t.skipBits(1),t.readBoolean()&&(m=t.readUnsignedExpGolomb(),g=t.readUnsignedExpGolomb(),y=t.readUnsignedExpGolomb(),_=t.readUnsignedExpGolomb()),t.readBoolean()&&t.readBoolean()){switch(t.readUnsignedByte()){case 1:f=[1,1];break;case 2:f=[12,11];break;case 3:f=[10,11];break;case 4:f=[16,11];break;case 5:f=[40,33];break;case 6:f=[24,11];break;case 7:f=[20,11];break;case 8:f=[32,11];break;case 9:f=[80,33];break;case 10:f=[18,11];break;case 11:f=[15,11];break;case 12:f=[64,33];break;case 13:f=[160,99];break;case 14:f=[4,3];break;case 15:f=[3,2];break;case 16:f=[2,1];break;case 255:f=[t.readUnsignedByte()<<8|t.readUnsignedByte(),t.readUnsignedByte()<<8|t.readUnsignedByte()]}f&&(v=f[0]/f[1])}return{profileIdc:i,levelIdc:r,profileCompatibility:n,width:Math.ceil((16*(d+1)-2*m-2*g)*v),height:(2-c)*(l+1)*16-2*y-2*_}}}).prototype=new X;var Le,Ae={H264Stream:be,NalByteStream:Te};(Le=function(){var e=new Uint8Array,t=0;Le.prototype.init.call(this),this.setTimestamp=function(e){t=e},this.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?i+20:i+10},this.parseAdtsSize=function(e,t){var i=(224&e[t+5])>>5,r=e[t+4]<<3;return 6144&e[t+3]|r|i},this.push=function(i){var r,n,a,s,o=0,u=0;for(e.length?(s=e.length,(e=new Uint8Array(i.byteLength+s)).set(e.subarray(0,s)),e.set(i,s)):e=i;e.length-u>=3;)if(e[u]!=="I".charCodeAt(0)||e[u+1]!=="D".charCodeAt(0)||e[u+2]!=="3".charCodeAt(0))if(!0&e[u]&&240==(240&e[u+1])){if(e.length-u<7)break;if((o=this.parseAdtsSize(e,u))>e.length)break;a={type:"audio",data:e.subarray(u,u+o),pts:t,dts:t},this.trigger("data",a),u+=o}else u++;else{if(e.length-u<10)break;if((o=this.parseId3TagSize(e,u))>e.length)break;n={type:"timed-metadata",data:e.subarray(u,u+o)},this.trigger("data",n),u+=o}r=e.length-u,e=r>0?e.subarray(u):new Uint8Array}}).prototype=new X;var we,Ie,Oe,Ce,Pe,Ue,De,Re,Be,Me,xe,Ne,qe,Fe,He,Ge=Le,je=[33,16,5,32,164,27],We=[33,65,108,84,1,2,4,8,168,2,4,8,17,191,252],Ve=function(e){for(var t=[];e--;)t.push(0);return t},ze={96000:[je,[227,64],Ve(154),[56]],88200:[je,[231],Ve(170),[56]],64000:[je,[248,192],Ve(240),[56]],48000:[je,[255,192],Ve(268),[55,148,128],Ve(54),[112]],44100:[je,[255,192],Ve(268),[55,163,128],Ve(84),[112]],32000:[je,[255,192],Ve(268),[55,234],Ve(226),[112]],24000:[je,[255,192],Ve(268),[55,255,128],Ve(268),[111,112],Ve(126),[224]],16000:[je,[255,192],Ve(268),[55,255,128],Ve(268),[111,255],Ve(269),[223,108],Ve(195),[1,192]],12000:[We,Ve(268),[3,127,248],Ve(268),[6,255,240],Ve(268),[13,255,224],Ve(268),[27,253,128],Ve(259),[56]],11025:[We,Ve(268),[3,127,248],Ve(268),[6,255,240],Ve(268),[13,255,224],Ve(268),[27,255,192],Ve(268),[55,175,128],Ve(108),[112]],8000:[We,Ve(268),[3,121,16],Ve(47),[7]]},Xe=(we=ze,Object.keys(we).reduce(function(e,t){return e[t]=new Uint8Array(we[t].reduce(function(e,t){return e.concat(t)},[])),e},{})),Ye=(Ie=function(e){return 9e4*e},Oe=function(e,t){return e*t},Ce=function(e){return e/9e4},Pe=function(e,t){return e/t},function(e,t){return Ie(Pe(e,t))}),$e=function(e,t){return Oe(Ce(e),t)},Ke=Ae.H264Stream,Qe=["audioobjecttype","channelcount","samplerate","samplingfrequencyindex","samplesize"],Je=["width","height","profileIdc","levelIdc","profileCompatibility"];Me=function(e){return e[0]==="I".charCodeAt(0)&&e[1]==="D".charCodeAt(0)&&e[2]==="3".charCodeAt(0)},Fe=function(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},He=function(e){var t,i=0;for(t=0;t<e.length;t++)i+=e[t].data.byteLength;return i},(De=function(e,t){var i=[],r=0,n=0,a=0,s=1/0;t=t||{},De.prototype.init.call(this),this.push=function(t){xe(e,t),e&&Qe.forEach(function(i){e[i]=t[i]}),i.push(t)},this.setEarliestDts=function(t){n=t-e.timelineStartInfo.baseMediaDecodeTime},this.setVideoBaseMediaDecodeTime=function(e){s=e},this.setAudioAppendStart=function(e){a=e},this.flush=function(){var n,a,s,o;0!==i.length?(n=this.trimAdtsFramesByEarliestDts_(i),e.baseMediaDecodeTime=qe(e,t.keepOriginalTimestamps),this.prefixWithSilence_(e,n),e.samples=this.generateSampleTable_(n),s=V.mdat(this.concatenateFrameData_(n)),i=[],a=V.moof(r,[e]),o=new Uint8Array(a.byteLength+s.byteLength),r++,o.set(a),o.set(s,a.byteLength),Ne(e),this.trigger("data",{track:e,boxes:o}),this.trigger("done","AudioSegmentStream")):this.trigger("done","AudioSegmentStream")},this.prefixWithSilence_=function(e,t){var i,r,n,o,u=0,d=0,l=0;if(t.length&&(i=Ye(e.baseMediaDecodeTime,e.samplerate),r=Math.ceil(9e4/(e.samplerate/1024)),a&&s&&(u=i-Math.max(a,s),l=(d=Math.floor(u/r))*r),!(d<1||l>45e3))){for((n=Xe[e.samplerate])||(n=t[0].data),o=0;o<d;o++)t.splice(o,0,{data:n});e.baseMediaDecodeTime-=Math.floor($e(l,e.samplerate))}},this.trimAdtsFramesByEarliestDts_=function(t){return e.minSegmentDts>=n?t:(e.minSegmentDts=1/0,t.filter(function(t){return t.dts>=n&&(e.minSegmentDts=Math.min(e.minSegmentDts,t.dts),e.minSegmentPts=e.minSegmentDts,!0)}))},this.generateSampleTable_=function(e){var t,i,r=[];for(t=0;t<e.length;t++)i=e[t],r.push({size:i.data.byteLength,duration:1024});return r},this.concatenateFrameData_=function(e){var t,i,r=0,n=new Uint8Array(He(e));for(t=0;t<e.length;t++)i=e[t],n.set(i.data,r),r+=i.data.byteLength;return n}}).prototype=new X,(Ue=function(e,t){var i,r,n=0,a=[],s=[];t=t||{},Ue.prototype.init.call(this),delete e.minPTS,this.gopCache_=[],this.push=function(t){xe(e,t),"seq_parameter_set_rbsp"!==t.nalUnitType||i||(i=t.config,e.sps=[t.data],Je.forEach(function(t){e[t]=i[t]},this)),"pic_parameter_set_rbsp"!==t.nalUnitType||r||(r=t.data,e.pps=[t.data]),a.push(t)},this.flush=function(){for(var i,r,o,u,d,l;a.length&&"access_unit_delimiter_rbsp"!==a[0].nalUnitType;)a.shift();if(0===a.length)return this.resetStream_(),void this.trigger("done","VideoSegmentStream");if(i=this.groupNalsIntoFrames_(a),(o=this.groupFramesIntoGops_(i))[0][0].keyFrame||((r=this.getGopForFusion_(a[0],e))?(o.unshift(r),o.byteLength+=r.byteLength,o.nalCount+=r.nalCount,o.pts=r.pts,o.dts=r.dts,o.duration+=r.duration):o=this.extendFirstKeyFrame_(o)),s.length){var c;if(!(c=t.alignGopsAtEnd?this.alignGopsAtEnd_(o):this.alignGopsAtStart_(o)))return this.gopCache_.unshift({gop:o.pop(),pps:e.pps,sps:e.sps}),this.gopCache_.length=Math.min(6,this.gopCache_.length),a=[],this.resetStream_(),void this.trigger("done","VideoSegmentStream");Ne(e),o=c}xe(e,o),e.samples=this.generateSampleTable_(o),d=V.mdat(this.concatenateNalData_(o)),e.baseMediaDecodeTime=qe(e,t.keepOriginalTimestamps),this.trigger("processedGopsInfo",o.map(function(e){return{pts:e.pts,dts:e.dts,byteLength:e.byteLength}})),this.gopCache_.unshift({gop:o.pop(),pps:e.pps,sps:e.sps}),this.gopCache_.length=Math.min(6,this.gopCache_.length),a=[],this.trigger("baseMediaDecodeTime",e.baseMediaDecodeTime),this.trigger("timelineStartInfo",e.timelineStartInfo),u=V.moof(n,[e]),l=new Uint8Array(u.byteLength+d.byteLength),n++,l.set(u),l.set(d,u.byteLength),this.trigger("data",{track:e,boxes:l}),this.resetStream_(),this.trigger("done","VideoSegmentStream")},this.resetStream_=function(){Ne(e),i=void 0,r=void 0},this.getGopForFusion_=function(t){var i,r,n,a,s,o=1/0;for(s=0;s<this.gopCache_.length;s++)n=(a=this.gopCache_[s]).gop,e.pps&&Fe(e.pps[0],a.pps[0])&&e.sps&&Fe(e.sps[0],a.sps[0])&&(n.dts<e.timelineStartInfo.dts||(i=t.dts-n.dts-n.duration)>=-1e4&&i<=45e3&&(!r||o>i)&&(r=a,o=i));return r?r.gop:null},this.extendFirstKeyFrame_=function(e){var t;return!e[0][0].keyFrame&&e.length>1&&(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},this.groupNalsIntoFrames_=function(e){var t,i,r=[],n=[];for(r.byteLength=0,t=0;t<e.length;t++)"access_unit_delimiter_rbsp"===(i=e[t]).nalUnitType?(r.length&&(r.duration=i.dts-r.dts,n.push(r)),(r=[i]).byteLength=i.data.byteLength,r.pts=i.pts,r.dts=i.dts):("slice_layer_without_partitioning_rbsp_idr"===i.nalUnitType&&(r.keyFrame=!0),r.duration=i.dts-r.dts,r.byteLength+=i.data.byteLength,r.push(i));return n.length&&(!r.duration||r.duration<=0)&&(r.duration=n[n.length-1].duration),n.push(r),n},this.groupFramesIntoGops_=function(e){var t,i,r=[],n=[];for(r.byteLength=0,r.nalCount=0,r.duration=0,r.pts=e[0].pts,r.dts=e[0].dts,n.byteLength=0,n.nalCount=0,n.duration=0,n.pts=e[0].pts,n.dts=e[0].dts,t=0;t<e.length;t++)(i=e[t]).keyFrame?(r.length&&(n.push(r),n.byteLength+=r.byteLength,n.nalCount+=r.nalCount,n.duration+=r.duration),(r=[i]).nalCount=i.length,r.byteLength=i.byteLength,r.pts=i.pts,r.dts=i.dts,r.duration=i.duration):(r.duration+=i.duration,r.nalCount+=i.length,r.byteLength+=i.byteLength,r.push(i));return n.length&&r.duration<=0&&(r.duration=n[n.length-1].duration),n.byteLength+=r.byteLength,n.nalCount+=r.nalCount,n.duration+=r.duration,n.push(r),n},this.generateSampleTable_=function(e,t){var i,r,n,a,s,o=t||0,u=[];for(i=0;i<e.length;i++)for(a=e[i],r=0;r<a.length;r++)s=a[r],(n={size:0,flags:{isLeading:0,dependsOn:1,isDependedOn:0,hasRedundancy:0,degradationPriority:0}}).dataOffset=o,n.compositionTimeOffset=s.pts-s.dts,n.duration=s.duration,n.size=4*s.length,n.size+=s.byteLength,s.keyFrame&&(n.flags.dependsOn=2),o+=n.size,u.push(n);return u},this.concatenateNalData_=function(e){var t,i,r,n,a,s,o=0,u=e.byteLength,d=e.nalCount,l=new Uint8Array(u+4*d),c=new DataView(l.buffer);for(t=0;t<e.length;t++)for(n=e[t],i=0;i<n.length;i++)for(a=n[i],r=0;r<a.length;r++)s=a[r],c.setUint32(o,s.data.byteLength),o+=4,l.set(s.data,o),o+=s.data.byteLength;return l},this.alignGopsAtStart_=function(e){var t,i,r,n,a,o,u,d;for(a=e.byteLength,o=e.nalCount,u=e.duration,t=i=0;t<s.length&&i<e.length&&(r=s[t],n=e[i],r.pts!==n.pts);)n.pts>r.pts?t++:(i++,a-=n.byteLength,o-=n.nalCount,u-=n.duration);return 0===i?e:i===e.length?null:((d=e.slice(i)).byteLength=a,d.duration=u,d.nalCount=o,d.pts=d[0].pts,d.dts=d[0].dts,d)},this.alignGopsAtEnd_=function(e){var t,i,r,n,a,o,u;for(t=s.length-1,i=e.length-1,a=null,o=!1;t>=0&&i>=0;){if(r=s[t],n=e[i],r.pts===n.pts){o=!0;break}r.pts>n.pts?t--:(t===s.length-1&&(a=i),i--)}if(!o&&null===a)return null;if(0===(u=o?i:a))return e;var d=e.slice(u),l=d.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 d.byteLength=l.byteLength,d.duration=l.duration,d.nalCount=l.nalCount,d.pts=d[0].pts,d.dts=d[0].dts,d},this.alignGopsWith=function(e){s=e}}).prototype=new X,xe=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))},Ne=function(e){delete e.minSegmentDts,delete e.maxSegmentDts,delete e.minSegmentPts,delete e.maxSegmentPts},qe=function(e,t){var i,r=e.minSegmentDts;return t||(r-=e.timelineStartInfo.dts),i=e.timelineStartInfo.baseMediaDecodeTime,i+=r,i=Math.max(0,i),"audio"===e.type&&(i*=e.samplerate/9e4,i=Math.floor(i)),i},(Be=function(e,t){this.numberOfTracks=0,this.metadataStream=t,"undefined"!=typeof e.remux?this.remuxTracks=!!e.remux:this.remuxTracks=!0,this.pendingTracks=[],this.videoTrack=null,this.pendingBoxes=[],this.pendingCaptions=[],this.pendingMetadata=[],this.pendingBytes=0,this.emittedTracks=0,Be.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.pendingBoxes.push(e.boxes),this.pendingBytes+=e.boxes.byteLength,"video"===e.track.type&&(this.videoTrack=e.track),void("audio"===e.track.type&&(this.audioTrack=e.track)))}}).prototype=new X,Be.prototype.flush=function(e){var t,i,r,n,a=0,s={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))}for(this.videoTrack?(o=this.videoTrack.timelineStartInfo.pts,Je.forEach(function(e){s.info[e]=this.videoTrack[e]},this)):this.audioTrack&&(o=this.audioTrack.timelineStartInfo.pts,Qe.forEach(function(e){s.info[e]=this.audioTrack[e]},this)),1===this.pendingTracks.length?s.type=this.pendingTracks[0].type:s.type="combined",this.emittedTracks+=this.pendingTracks.length,r=V.initSegment(this.pendingTracks),s.initSegment=new Uint8Array(r.byteLength),s.initSegment.set(r),s.data=new Uint8Array(this.pendingBytes),n=0;n<this.pendingBoxes.length;n++)s.data.set(this.pendingBoxes[n],a),a+=this.pendingBoxes[n].byteLength;for(n=0;n<this.pendingCaptions.length;n++)(t=this.pendingCaptions[n]).startTime=t.startPts-o,t.startTime/=9e4,t.endTime=t.endPts-o,t.endTime/=9e4,s.captionStreams[t.stream]=!0,s.captions.push(t);for(n=0;n<this.pendingMetadata.length;n++)(i=this.pendingMetadata[n]).cueTime=i.pts-o,i.cueTime/=9e4,s.metadata.push(i);s.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",s),this.emittedTracks>=this.numberOfTracks&&(this.trigger("done"),this.emittedTracks=0)},(Re=function(e){var t,i,r=this,n=!0;Re.prototype.init.call(this),e=e||{},this.baseMediaDecodeTime=e.baseMediaDecodeTime||0,this.transmuxPipeline_={},this.setupAacPipeline=function(){var t={};this.transmuxPipeline_=t,t.type="aac",t.metadataStream=new _e.MetadataStream,t.aacStream=new Ge,t.audioTimestampRolloverStream=new _e.TimestampRolloverStream("audio"),t.timedMetadataTimestampRolloverStream=new _e.TimestampRolloverStream("timed-metadata"),t.adtsStream=new ke,t.coalesceStream=new Be(e,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(n){"timed-metadata"!==n.type||t.audioSegmentStream||(i=i||{timelineStartInfo:{baseMediaDecodeTime:r.baseMediaDecodeTime},codec:"adts",type:"audio"},t.coalesceStream.numberOfTracks++,t.audioSegmentStream=new De(i,e),t.adtsStream.pipe(t.audioSegmentStream).pipe(t.coalesceStream))}),t.coalesceStream.on("data",this.trigger.bind(this,"data")),t.coalesceStream.on("done",this.trigger.bind(this,"done"))},this.setupTsPipeline=function(){var n={};this.transmuxPipeline_=n,n.type="ts",n.metadataStream=new _e.MetadataStream,n.packetStream=new _e.TransportPacketStream,n.parseStream=new _e.TransportParseStream,n.elementaryStream=new _e.ElementaryStream,n.videoTimestampRolloverStream=new _e.TimestampRolloverStream("video"),n.audioTimestampRolloverStream=new _e.TimestampRolloverStream("audio"),n.timedMetadataTimestampRolloverStream=new _e.TimestampRolloverStream("timed-metadata"),n.adtsStream=new ke,n.h264Stream=new Ke,n.captionStream=new _e.CaptionStream,n.coalesceStream=new Be(e,n.metadataStream),n.headOfPipeline=n.packetStream,n.packetStream.pipe(n.parseStream).pipe(n.elementaryStream),n.elementaryStream.pipe(n.videoTimestampRolloverStream).pipe(n.h264Stream),n.elementaryStream.pipe(n.audioTimestampRolloverStream).pipe(n.adtsStream),n.elementaryStream.pipe(n.timedMetadataTimestampRolloverStream).pipe(n.metadataStream).pipe(n.coalesceStream),n.h264Stream.pipe(n.captionStream).pipe(n.coalesceStream),n.elementaryStream.on("data",function(a){var s;if("metadata"===a.type){for(s=a.tracks.length;s--;)t||"video"!==a.tracks[s].type?i||"audio"!==a.tracks[s].type||((i=a.tracks[s]).timelineStartInfo.baseMediaDecodeTime=r.baseMediaDecodeTime):(t=a.tracks[s]).timelineStartInfo.baseMediaDecodeTime=r.baseMediaDecodeTime;t&&!n.videoSegmentStream&&(n.coalesceStream.numberOfTracks++,n.videoSegmentStream=new Ue(t,e),n.videoSegmentStream.on("timelineStartInfo",function(e){i&&(i.timelineStartInfo=e,n.audioSegmentStream.setEarliestDts(e.dts))}),n.videoSegmentStream.on("processedGopsInfo",r.trigger.bind(r,"gopInfo")),n.videoSegmentStream.on("baseMediaDecodeTime",function(e){i&&n.audioSegmentStream.setVideoBaseMediaDecodeTime(e)}),n.h264Stream.pipe(n.videoSegmentStream).pipe(n.coalesceStream)),i&&!n.audioSegmentStream&&(n.coalesceStream.numberOfTracks++,n.audioSegmentStream=new De(i,e),n.adtsStream.pipe(n.audioSegmentStream).pipe(n.coalesceStream))}}),n.coalesceStream.on("data",this.trigger.bind(this,"data")),n.coalesceStream.on("done",this.trigger.bind(this,"done"))},this.setBaseMediaDecodeTime=function(e){var r=this.transmuxPipeline_;this.baseMediaDecodeTime=e,i&&(i.timelineStartInfo.dts=void 0,i.timelineStartInfo.pts=void 0,Ne(i),i.timelineStartInfo.baseMediaDecodeTime=e,r.audioTimestampRolloverStream&&r.audioTimestampRolloverStream.discontinuity()),t&&(r.videoSegmentStream&&(r.videoSegmentStream.gopCache_=[],r.videoTimestampRolloverStream.discontinuity()),t.timelineStartInfo.dts=void 0,t.timelineStartInfo.pts=void 0,Ne(t),r.captionStream.reset(),t.timelineStartInfo.baseMediaDecodeTime=e),r.timedMetadataTimestampRolloverStream&&r.timedMetadataTimestampRolloverStream.discontinuity()},this.setAudioAppendStart=function(e){i&&this.transmuxPipeline_.audioSegmentStream.setAudioAppendStart(e)},this.alignGopsWith=function(e){t&&this.transmuxPipeline_.videoSegmentStream&&this.transmuxPipeline_.videoSegmentStream.alignGopsWith(e)},this.push=function(e){if(n){var t=Me(e);t&&"aac"!==this.transmuxPipeline_.type?this.setupAacPipeline():t||"ts"===this.transmuxPipeline_.type||this.setupTsPipeline(),n=!1}this.transmuxPipeline_.headOfPipeline.push(e)},this.flush=function(){n=!0,this.transmuxPipeline_.headOfPipeline.flush()},this.resetCaptions=function(){this.transmuxPipeline_.captionStream&&this.transmuxPipeline_.captionStream.reset()}}).prototype=new X;var Ze={Transmuxer:Re,VideoSegmentStream:Ue,AudioSegmentStream:De,AUDIO_PROPERTIES:Qe,VIDEO_PROPERTIES:Je},et={generator:V,Transmuxer:Ze.Transmuxer,AudioSegmentStream:Ze.AudioSegmentStream,VideoSegmentStream:Ze.VideoSegmentStream},tt=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},it=function(){function e(e,t){for(var i=0;i<t.length;i++){var r=t[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,i,r){return i&&e(t.prototype,i),r&&e(t,r),t}}(),rt=function(){function e(t){tt(this,e),this.options=t||{},this.init()}return it(e,[{key:"init",value:function(){var e;this.transmuxer&&this.transmuxer.dispose(),this.transmuxer=new et.Transmuxer(this.options),(e=this.transmuxer).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,j.postMessage({action:"data",segment:e,byteOffset:i.byteOffset,byteLength:i.byteLength},[e.data])}),e.captionStream&&e.captionStream.on("data",function(e){j.postMessage({action:"caption",data:e})}),e.on("done",function(e){j.postMessage({action:"done"})}),e.on("gopInfo",function(e){j.postMessage({action:"gopInfo",gopInfo:e})})}},{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())}}]),e}();new function(e){e.onmessage=function(e){"init"===e.data.action&&e.data.options?this.messageHandlers=new rt(e.data.options):(this.messageHandlers||(this.messageHandlers=new rt),e.data&&e.data.action&&"init"!==e.data.action&&this.messageHandlers[e.data.action]&&this.messageHandlers[e.data.action](e.data))}}(i)}()}),Fe=function(e){return/mp4a\.\d+.\d+/i.test(e)},He=function(e){return/avc1\.[\da-f]+/i.test(e)},Ge=function(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)})})},je=function(e){function i(e,r){S(this,i);var n=A(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,t.EventTarget));n.timestampOffset_=0,n.pendingBuffers_=[],n.bufferUpdating_=!1,n.mediaSource_=e,n.codecs_=r,n.audioCodec_=null,n.videoCodec_=null,n.audioDisabled_=!1,n.appendAudioInitSegment_=!0,n.gopBuffer_=[],n.timeMapping_=0,n.safeAppend_=t.browser.IE_VERSION>=11;var a={remux:!1,alignGopsAtEnd:n.safeAppend_};return n.codecs_.forEach(function(e){Fe(e)?n.audioCodec_=e:He(e)&&(n.videoCodec_=e)}),n.transmuxer_=new qe,n.transmuxer_.postMessage({action:"init",options:a}),n.transmuxer_.onmessage=function(e){return"data"===e.data.action?n.data_(e):"done"===e.data.action?n.done_(e):"gopInfo"===e.data.action?n.appendGopInfo_(e):void 0},Object.defineProperty(n,"timestampOffset",{get:function(){return this.timestampOffset_},set:function(e){"number"==typeof e&&e>=0&&(this.timestampOffset_=e,this.appendAudioInitSegment_=!0,this.gopBuffer_.length=0,this.timeMapping_=0,this.transmuxer_.postMessage({action:"setTimestampOffset",timestampOffset:e}))}}),Object.defineProperty(n,"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(n,"updating",{get:function(){return!!(this.bufferUpdating_||!this.audioDisabled_&&this.audioBuffer_&&this.audioBuffer_.updating||this.videoBuffer_&&this.videoBuffer_.updating)}}),Object.defineProperty(n,"buffered",{get:function(){var e=null,i=null,r=0,n=[],a=[];if(!this.videoBuffer_&&!this.audioBuffer_)return t.createTimeRange();if(!this.videoBuffer_)return this.audioBuffer_.buffered;if(!this.audioBuffer_)return this.videoBuffer_.buffered;if(this.audioDisabled_)return this.videoBuffer_.buffered;if(0===this.videoBuffer_.buffered.length&&0===this.audioBuffer_.buffered.length)return t.createTimeRange();for(var s=this.videoBuffer_.buffered,o=this.audioBuffer_.buffered,u=s.length;u--;)n.push({time:s.start(u),type:"start"}),n.push({time:s.end(u),type:"end"});for(u=o.length;u--;)n.push({time:o.start(u),type:"start"}),n.push({time:o.end(u),type:"end"});for(n.sort(function(e,t){return e.time-t.time}),u=0;u<n.length;u++)"start"===n[u].type?2===++r&&(e=n[u].time):"end"===n[u].type&&1===--r&&(i=n[u].time),null!==e&&null!==i&&(a.push([e,i]),e=null,i=null);return t.createTimeRanges(a)}}),n}return L(i,e),k(i,[{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 r=t.player_;if(i.captions&&i.captions.length)for(var n in e.inbandTextTracks_||(e.inbandTextTracks_={}),i.captionStreams)if(!e.inbandTextTracks_[n]){r.tech_.trigger({type:"usage",name:"hls-608"});var a=r.textTracks().getTrackById(n);e.inbandTextTracks_[n]=a||r.addRemoteTextTrack({kind:"captions",id:n,label:n},!1).track}i.metadata&&i.metadata.length&&!e.metadataTrack_&&(e.metadataTrack_=r.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:"createRealSourceBuffers_",value:function(){var e=this,t=["audio","video"];t.forEach(function(i){if(e[i+"Codec_"]&&!e[i+"Buffer_"]){var r=null;if(e.mediaSource_[i+"Buffer_"])(r=e.mediaSource_[i+"Buffer_"]).updating=!1;else{var n=i+'/mp4;codecs="'+e[i+"Codec_"]+'"';r=function(e,t){var i=e.addSourceBuffer(t),r=Object.create(null);r.updating=!1,r.realBuffer_=i;var n=function(e){"function"==typeof i[e]?r[e]=function(){return i[e].apply(i,arguments)}:"undefined"==typeof r[e]&&Object.defineProperty(r,e,{get:function(){return i[e]},set:function(t){return i[e]=t}})};for(var a in i)n(a);return r}(e.mediaSource_.nativeMediaSource_,n),e.mediaSource_[i+"Buffer_"]=r}e[i+"Buffer_"]=r,["update","updatestart","updateend"].forEach(function(n){r.addEventListener(n,function(){if("audio"!==i||!e.audioDisabled_)return"updateend"===n&&(e[i+"Buffer_"].updating=!1),t.every(function(t){return!("audio"!==t||!e.audioDisabled_)||(i===t||!e[t+"Buffer_"]||!e[t+"Buffer_"].updating)})?e.trigger(n):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(!t||!e.length)return[];var r=Math.ceil(9e4*(t.currentTime()-i+3)),n=void 0;for(n=0;n<e.length&&!(e[n].pts>r);n++);return e.slice(n)}(this.gopBuffer_,this.mediaSource_.player_,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 r=t[0].pts,n=0;n<e.length&&!(e[n].pts>=r);n++);return e.slice(0,n).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,r){for(var n=Math.ceil(9e4*(t-r)),a=Math.ceil(9e4*(i-r)),s=e.slice(),o=e.length;o--&&!(e[o].pts<=a););if(-1===o)return s;for(var u=o+1;u--&&!(e[u].pts<=n););return u=Math.max(u,0),s.splice(u,o-u+1),s}(this.gopBuffer_,e,t,this.timeMapping_)),!this.audioDisabled_&&this.audioBuffer_&&(this.audioBuffer_.updating=!0,this.audioBuffer_.remove(e,t)),Le(e,t,this.metadataTrack_),this.inbandTextTracks_)for(var i in this.inbandTextTracks_)Le(e,t,this.inbandTextTracks_[i])}},{key:"processPendingSegments_",value:function(){var e={video:{segments:[],bytes:0},audio:{segments:[],bytes:0},captions:[],metadata:[]};e=this.pendingBuffers_.reduce(function(e,t){var i=t.type,r=t.data,n=t.initSegment;return e[i].segments.push(r),e[i].bytes+=r.byteLength,e[i].initSegment=n,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_),we(this,e.captions,e.metadata)):!this.videoBuffer_||!this.audioDisabled_&&this.audioBuffer_||(t=!0),!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,r=void 0;if(e.bytes){r=new Uint8Array(e.bytes),e.segments.forEach(function(e){r.set(e,i),i+=e.byteLength});try{t.updating=!0,t.appendBuffer(r)}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}}]),i}(t.EventTarget),We=function(e){function i(){S(this,i);var e=A(this,(i.__proto__||Object.getPrototypeOf(i)).call(this)),r=void 0;for(r in e.nativeMediaSource_=new c.MediaSource,e.nativeMediaSource_)r in i.prototype||"function"!=typeof e.nativeMediaSource_[r]||(e[r]=e.nativeMediaSource_[r].bind(e.nativeMediaSource_));return e.duration_=NaN,Object.defineProperty(e,"duration",{get:function(){return this.duration_===1/0?this.duration_:this.nativeMediaSource_.duration},set:function(e){this.duration_=e,e===1/0||(this.nativeMediaSource_.duration=e)}}),Object.defineProperty(e,"seekable",{get:function(){return this.duration_===1/0?t.createTimeRanges([[0,this.nativeMediaSource_.duration]]):this.nativeMediaSource_.seekable}}),Object.defineProperty(e,"readyState",{get:function(){return this.nativeMediaSource_.readyState}}),Object.defineProperty(e,"activeSourceBuffers",{get:function(){return this.activeSourceBuffers_}}),e.sourceBuffers=[],e.activeSourceBuffers_=[],e.updateActiveSourceBuffers_=function(){if(e.activeSourceBuffers_.length=0,1===e.sourceBuffers.length){var t=e.sourceBuffers[0];return t.appendAudioInitSegment_=!0,t.audioDisabled_=!t.audioCodec_,void e.activeSourceBuffers_.push(t)}for(var i=!1,r=!0,n=0;n<e.player_.audioTracks().length;n++){var a=e.player_.audioTracks()[n];if(a.enabled&&"main"!==a.kind){i=!0,r=!1;break}}e.sourceBuffers.forEach(function(t,n){if(t.appendAudioInitSegment_=!0,t.videoCodec_&&t.audioCodec_)t.audioDisabled_=i;else if(t.videoCodec_&&!t.audioCodec_)t.audioDisabled_=!0,r=!1;else if(!t.videoCodec_&&t.audioCodec_&&(t.audioDisabled_=n?r:!r,t.audioDisabled_))return;e.activeSourceBuffers_.push(t)})},e.onPlayerMediachange_=function(){e.sourceBuffers.forEach(function(e){e.appendAudioInitSegment_=!0})},e.onHlsReset_=function(){e.sourceBuffers.forEach(function(e){e.transmuxer_&&e.transmuxer_.postMessage({action:"resetCaptions"})})},e.onHlsSegmentTimeMapping_=function(t){e.sourceBuffers.forEach(function(e){return e.timeMapping_=t.mapping})},["sourceopen","sourceclose","sourceended"].forEach(function(e){this.nativeMediaSource_.addEventListener(e,this.trigger.bind(this))},e),e.on("sourceopen",function(i){var r=d.querySelector('[src="'+e.url_+'"]');r&&(e.player_=t(r.parentNode),e.player_.tech_.on("hls-reset",e.onHlsReset_),e.player_.tech_.on("hls-segment-time-mapping",e.onHlsSegmentTimeMapping_),e.player_.audioTracks&&e.player_.audioTracks()&&(e.player_.audioTracks().on("change",e.updateActiveSourceBuffers_),e.player_.audioTracks().on("addtrack",e.updateActiveSourceBuffers_),e.player_.audioTracks().on("removetrack",e.updateActiveSourceBuffers_)),e.player_.on("mediachange",e.onPlayerMediachange_))}),e.on("sourceended",function(t){for(var i=Ae(e.duration),r=0;r<e.sourceBuffers.length;r++){var n=e.sourceBuffers[r],a=n.metadataTrack_&&n.metadataTrack_.cues;a&&a.length&&(a[a.length-1].endTime=i)}}),e.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_.off("hls-reset",this.onHlsReset_),this.player_.tech_.off("hls-segment-time-mapping",this.onHlsSegmentTimeMapping_)))}),e}return L(i,e),k(i,[{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=function(e){var t={type:"",parameters:{}},i=e.trim().split(";");return t.type=i.shift().trim(),i.forEach(function(e){var i=e.trim().split("=");if(i.length>1){var r=i[0].replace(/"/g,"").trim(),n=i[1].replace(/"/g,"").trim();t.parameters[r]=n}}),t}(e);if(/^(video|audio)\/mp2t$/i.test(i.type)){var r=[];i.parameters&&i.parameters.codecs&&(r=i.parameters.codecs.split(","),r=(r=Ge(r)).filter(function(e){return Fe(e)||He(e)})),0===r.length&&(r=["avc1.4d400d","mp4a.40.2"]),t=new je(this,r),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}}]),i}(t.EventTarget),Ve=0;t.mediaSources={};var ze=function(e,i){var r=t.mediaSources[e];if(!r)throw new Error("Media Source not found (Video.js)");r.trigger({type:"sourceopen",swfId:i})},Xe=function(){return!!c.MediaSource&&!!c.MediaSource.isTypeSupported&&c.MediaSource.isTypeSupported('video/mp4;codecs="avc1.4d400d,mp4a.40.2"')},Ye=function(){if(this.MediaSource={open:ze,supportsNativeMediaSources:Xe},Xe())return new We;throw new Error("Cannot use create a virtual MediaSource for this video")};Ye.open=ze,Ye.supportsNativeMediaSources=Xe;var $e={createObjectURL:function(e){var i=void 0;return e instanceof We?(i=c.URL.createObjectURL(e.nativeMediaSource_),e.url_=i,i):e instanceof We?(i="blob:vjs-media-source/"+Ve,Ve++,t.mediaSources[i]=e,i):(i=c.URL.createObjectURL(e),e.url_=i,i)}};t.MediaSource=Ye,t.URL=$e;
-/**
-	 * mpd-parser
-	 * @version 0.6.0
-	 * @copyright 2018 Brightcove, Inc
-	 * @license Apache-2.0
-	 */
-var Ke=function(e){return e.reduce(function(e,t){var i=t.attributes.role&&t.attributes.role.value||"main",r=t.attributes.lang||"",n="main";return r&&(n=t.attributes.lang+" ("+i+")"),e[n]&&e[n].playlists[0].attributes.BANDWIDTH>t.attributes.bandwidth?e:(e[n]={language:r,autoselect:!0,default:"main"===i,playlists:[function(e){var t=e.attributes,i=e.segments,r={attributes:E({NAME:t.id,BANDWIDTH:t.bandwidth,CODECS:t.codecs},"PROGRAM-ID",1),uri:"",endList:"static"===(t.type||"static"),timeline:t.periodIndex,resolvedUri:"",targetDuration:t.duration,segments:i,mediaSequence:i.length?i[0].number:1};return t.contentProtection&&(r.contentProtection=t.contentProtection),r}(t)],uri:""},e)},{})},Qe=function(e){return e.reduce(function(e,t){var i,r,n,a=t.attributes.lang||"text";return e[a]?e:(e[a]={language:a,default:!1,autoselect:!1,playlists:[(i=t,r=i.attributes,n=i.segments,"undefined"==typeof n&&(n=[{uri:r.baseUrl,timeline:r.periodIndex,resolvedUri:r.baseUrl||"",duration:r.sourceDuration,number:0}],r.duration=r.sourceDuration),{attributes:E({NAME:r.id,BANDWIDTH:r.bandwidth},"PROGRAM-ID",1),uri:"",endList:"static"===(r.type||"static"),timeline:r.periodIndex,resolvedUri:r.baseUrl||"",targetDuration:r.duration,segments:n,mediaSequence:n.length?n[0].number:1})],uri:""},e)},{})},Je=function(e){var t=e.attributes,i=e.segments,r={attributes:E({NAME:t.id,AUDIO:"audio",SUBTITLES:"subs",RESOLUTION:{width:t.width,height:t.height},CODECS:t.codecs,BANDWIDTH:t.bandwidth},"PROGRAM-ID",1),uri:"",endList:"static"===(t.type||"static"),timeline:t.periodIndex,resolvedUri:"",targetDuration:t.duration,segments:i,mediaSequence:i.length?i[0].number:1};return t.contentProtection&&(r.contentProtection=t.contentProtection),r},Ze=function(e){return!!e&&"object"==typeof e},et=function e(){for(var t=arguments.length,i=Array(t),r=0;r<t;r++)i[r]=arguments[r];return i.reduce(function(t,i){return Object.keys(i).forEach(function(r){Array.isArray(t[r])&&Array.isArray(i[r])?t[r]=t[r].concat(i[r]):Ze(t[r])&&Ze(i[r])?t[r]=e(t[r],i[r]):t[r]=i[r]}),t},{})},tt=function(e,t){return/^[a-z]+:/i.test(t)?t:(/\/\//i.test(e)||(e=l.buildAbsoluteURL(c.location.href,e)),l.buildAbsoluteURL(e,t))},it=function(e){var t=e.baseUrl,i=void 0===t?"":t,r=e.source,n=void 0===r?"":r,a=e.range,s=void 0===a?"":a,o={uri:n,resolvedUri:tt(i||"",n)};if(s){var u=s.split("-"),d=parseInt(u[0],10),l=parseInt(u[1],10);o.byterange={length:l-d,offset:d}}return o},rt=function(e,t,i){var r=e.NOW,n=e.clientOffset,a=e.availabilityStartTime,s=e.timescale,o=void 0===s?1:s,u=e.start,d=void 0===u?0:u,l=e.minimumUpdatePeriod,c=(r+n)/1e3+(void 0===l?0:l)-(a+d);return Math.ceil((c*o-t)/i)},nt=function(e,t){for(var i=e.type,r=void 0===i?"static":i,n=e.minimumUpdatePeriod,a=void 0===n?0:n,s=e.media,o=void 0===s?"":s,u=e.sourceDuration,d=e.timescale,l=void 0===d?1:d,c=e.startNumber,h=void 0===c?1:c,f=e.periodIndex,p=[],m=-1,g=0;g<t.length;g++){var y=t[g],_=y.d,v=y.r||0,b=y.t||0;m<0&&(m=b),b&&b>m&&(m=b);var T=void 0;if(v<0){var S=g+1;T=S===t.length?"dynamic"===r&&a>0&&o.indexOf("$Number$")>0?rt(e,m,_):(u*l-m)/_:(t[S].t-m)/_}else T=v+1;for(var k=h+p.length+T,E=h+p.length;E<k;)p.push({number:E,duration:_/l,time:m,timeline:f}),m+=_,E++}return p},at=function(e){return e.reduce(function(e,t){return e.concat(t)},[])},st=function(e){if(!e.length)return[];for(var t=[],i=0;i<e.length;i++)t.push(e[i]);return t},ot={static:function(e){var t=e.duration,i=e.timescale,r=void 0===i?1:i,n=e.sourceDuration;return{start:0,end:Math.ceil(n/(t/r))}},dynamic:function(e){var t=e.NOW,i=e.clientOffset,r=e.availabilityStartTime,n=e.timescale,a=void 0===n?1:n,s=e.duration,o=e.start,u=void 0===o?0:o,d=e.minimumUpdatePeriod,l=void 0===d?0:d,c=e.timeShiftBufferDepth,h=void 0===c?1/0:c,f=(t+i)/1e3,p=r+u,m=f+l-p,g=Math.ceil(m*a/s),y=Math.floor((f-p-h)*a/s),_=Math.floor((f-p)*a/s);return{start:Math.max(0,y),end:Math.min(g,_)}}},ut=function(e){var t=e.type,i=void 0===t?"static":t,r=e.duration,n=e.timescale,a=void 0===n?1:n,s=e.sourceDuration,o=ot[i](e),u=function(e,t){for(var i=[],r=e;r<t;r++)i.push(r);return i}(o.start,o.end).map(function(e){return function(t,i){var r=e.duration,n=e.timescale,a=void 0===n?1:n,s=e.periodIndex,o=e.startNumber;return{number:(void 0===o?1:o)+t,duration:r/a,timeline:s,time:i*r}}}(e));if("static"===i){var d=u.length-1;u[d].duration=s-r/a*d}return u},dt=/\$([A-z]*)(?:(%0)([0-9]+)d)?\$/g,lt=function(e,t){return e.replace(dt,function(e){return function(t,i,r,n){if("$$"===t)return"$";if("undefined"==typeof e[i])return t;var a=""+e[i];return"RepresentationID"===i?a:(n=r?parseInt(n,10):1,a.length>=n?a:""+new Array(n-a.length+1).join("0")+a)}}(t))},ct=function(e,t){var i={RepresentationID:e.id,Bandwidth:e.bandwidth||0},r=e.initialization,n=void 0===r?{sourceURL:"",range:""}:r,a=it({baseUrl:e.baseUrl,source:lt(n.sourceURL,i),range:n.range});return function(e,t){return e.duration||t?e.duration?ut(e):nt(e,t):[{number:e.startNumber||1,duration:e.sourceDuration,time:0,timeline:e.periodIndex}]}(e,t).map(function(t){i.Number=t.number,i.Time=t.time;var r=lt(e.media||"",i);return{uri:r,timeline:t.timeline,duration:t.duration,resolvedUri:tt(e.baseUrl||"",r),map:a,number:t.number}})},ht="INVALID_NUMBER_OF_PERIOD",ft="DASH_EMPTY_MANIFEST",pt="DASH_INVALID_XML",mt="NO_BASE_URL",gt="SEGMENT_TIME_UNSPECIFIED",yt="UNSUPPORTED_UTC_TIMING_SCHEME",_t=function(e,t){var i=e.duration,r=e.segmentUrls,n=void 0===r?[]:r;if(!i&&!t||i&&t)throw new Error(gt);var a=n.map(function(t){return function(e,t){var i=e.baseUrl,r=e.initialization,n=void 0===r?{}:r,a=it({baseUrl:i,source:n.sourceURL,range:n.range}),s=it({baseUrl:i,source:t.media,range:t.mediaRange});return s.map=a,s}(e,t)}),s=void 0;return i&&(s=ut(e)),t&&(s=nt(e,t)),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})},vt=function(e){var t=e.baseUrl,i=e.initialization,r=void 0===i?{}:i,n=e.sourceDuration,a=e.timescale,s=void 0===a?1:a,o=e.indexRange,u=void 0===o?"":o,d=e.duration;if(!t)throw new Error(mt);var l=it({baseUrl:t,source:r.sourceURL,range:r.range}),c=it({baseUrl:t,source:t,range:u});if(c.map=l,d){var h=ut(e);h.length&&(c.duration=h[0].duration,c.timeline=h[0].timeline)}else n&&(c.duration=n/s,c.timeline=0);return c.number=0,[c]},bt=function(e){var t=e.attributes,i=e.segmentInfo,r=void 0,n=void 0;if(i.template?(n=ct,r=et(t,i.template)):i.base?(n=vt,r=et(t,i.base)):i.list&&(n=_t,r=et(t,i.list)),!n)return{attributes:t};var a=n(r,i.timeline);if(r.duration){var s=r,o=s.duration,u=s.timescale,d=void 0===u?1:u;r.duration=o/d}else a.length?r.duration=a.reduce(function(e,t){return Math.max(e,Math.ceil(t.duration))},0):r.duration=0;return{attributes:r,segments:a}},Tt=function(e,t){return st(e.childNodes).filter(function(e){return e.tagName===t})},St=function(e){return e.textContent.trim()},kt=function(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),r=w(i,6),n=r[0],a=r[1],s=r[2],o=r[3],u=r[4],d=r[5];return 31536e3*parseFloat(n||0)+2592e3*parseFloat(a||0)+86400*parseFloat(s||0)+3600*parseFloat(o||0)+60*parseFloat(u||0)+parseFloat(d||0)},Et={mediaPresentationDuration:function(e){return kt(e)},availabilityStartTime:function(e){return/^\d+-\d+-\d+T\d+:\d+:\d+(\.\d+)?$/.test(t=e)&&(t+="Z"),Date.parse(t)/1e3;var t},minimumUpdatePeriod:function(e){return kt(e)},timeShiftBufferDepth:function(e){return kt(e)},start:function(e){return kt(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)?kt(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}},Lt=function(e){return e&&e.attributes?st(e.attributes).reduce(function(e,t){var i=Et[t.name]||Et.DEFAULT;return e[t.name]=i(t.value),e},{}):{}};var At={"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"},wt=function(e,t){return t.length?at(e.map(function(e){return t.map(function(t){return tt(e,St(t))})})):e},It=function(e){var t=Tt(e,"SegmentTemplate")[0],i=Tt(e,"SegmentList")[0],r=i&&Tt(i,"SegmentURL").map(function(e){return et({tag:"SegmentURL"},Lt(e))}),n=Tt(e,"SegmentBase")[0],a=i||t,s=a&&Tt(a,"SegmentTimeline")[0],o=i||n||t,u=o&&Tt(o,"Initialization")[0],d=t&&Lt(t);d&&u?d.initialization=u&&Lt(u):d&&d.initialization&&(d.initialization={sourceURL:d.initialization});var l={template:d,timeline:s&&Tt(s,"S").map(function(e){return Lt(e)}),list:i&&et(Lt(i),{segmentUrls:r,initialization:Lt(u)}),base:n&&et(Lt(n),{initialization:Lt(u)})};return Object.keys(l).forEach(function(e){l[e]||delete l[e]}),l},Ot=function(e){return e.reduce(function(e,t){var i=Lt(t),r=At[i.schemeIdUri];if(r){e[r]={attributes:i};var n=Tt(t,"cenc:pssh")[0];if(n){var a=St(n),s=a&&function(e){for(var t=c.atob(e),i=new Uint8Array(t.length),r=0;r<t.length;r++)i[r]=t.charCodeAt(r);return i}(a);e[r].pssh=s}}return e},{})},Ct=function(e,t,i){return function(r){var n=Lt(r),a=wt(t,Tt(r,"BaseURL")),s=Tt(r,"Role")[0],o={role:Lt(s)},u=et(e,n,o),d=Ot(Tt(r,"ContentProtection"));Object.keys(d).length&&(u=et(u,{contentProtection:d}));var l=It(r),c=Tt(r,"Representation"),h=et(i,l);return at(c.map(function(e,t,i){return function(r){var n=Tt(r,"BaseURL"),a=wt(t,n),s=et(e,Lt(r)),o=It(r);return a.map(function(e){return{segmentInfo:et(i,o),attributes:et(s,{baseUrl:e})}})}}(u,a,h)))}},Pt=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.manifestUri,r=void 0===i?"":i,n=t.NOW,a=void 0===n?Date.now():n,s=t.clientOffset,o=void 0===s?0:s,u=Tt(e,"Period");if(1!==u.length)throw new Error(ht);var d=Lt(e),l=wt([r],Tt(e,"BaseURL"));return d.sourceDuration=d.mediaPresentationDuration||0,d.NOW=a,d.clientOffset=o,at(u.map(function(e,t){return function(i,r){var n=wt(t,Tt(i,"BaseURL")),a=Lt(i),s=et(e,a,{periodIndex:r}),o=Tt(i,"AdaptationSet"),u=It(i);return at(o.map(Ct(s,n,u)))}}(d,l)))},Ut=function(e){if(""===e)throw new Error(ft);var t=(new c.DOMParser).parseFromString(e,"application/xml"),i=t&&"MPD"===t.documentElement.tagName?t.documentElement:null;if(!i||i&&i.getElementsByTagName("parsererror").length>0)throw new Error(pt);return i},Dt=function(e,t){return function(e){var t;if(!e.length)return{};var i=e[0].attributes,r=i.sourceDuration,n=i.minimumUpdatePeriod,a=void 0===n?0:n,s=e.filter(function(e){var t=e.attributes;return"video/mp4"===t.mimeType||"video"===t.contentType}).map(Je),o=e.filter(function(e){var t=e.attributes;return"audio/mp4"===t.mimeType||"audio"===t.contentType}),u=e.filter(function(e){var t=e.attributes;return"text/vtt"===t.mimeType||"text"===t.contentType}),d={allowCache:!0,discontinuityStarts:[],segments:[],endList:!0,mediaGroups:(t={AUDIO:{},VIDEO:{}},E(t,"CLOSED-CAPTIONS",{}),E(t,"SUBTITLES",{}),t),uri:"",duration:r,playlists:s,minimumUpdatePeriod:1e3*a};return o.length&&(d.mediaGroups.AUDIO.audio=Ke(o)),u.length&&(d.mediaGroups.SUBTITLES.subs=Qe(u)),d}(Pt(Ut(e),t).map(bt))},Rt=function(e){return function(e){var t=Tt(e,"UTCTiming")[0];if(!t)return null;var i=Lt(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(yt)}return i}(Ut(e))},Bt=t.EventTarget,Mt=t.mergeOptions,xt=function(e,t){for(var i=Mt(e,{duration:t.duration,minimumUpdatePeriod:t.minimumUpdatePeriod}),r=0;r<t.playlists.length;r++){var n=U(i,t.playlists[r]);n&&(i=n)}return P(t,function(e,t,r,n){if(e.playlists&&e.playlists.length){var a=e.playlists[0].uri,s=U(i,e.playlists[0]);s&&((i=s).mediaGroups[t][r][n].playlists[0]=i.playlists[a])}}),i},Nt=function(e){function t(e,i,r,n){S(this,t);var a=A(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));if(a.hls_=i,a.withCredentials=r,!e)throw new Error("A non-empty playlist URL or playlist is required");return a.on("minimumUpdatePeriod",function(){a.refreshXml_()}),a.on("mediaupdatetimeout",function(){a.refreshMedia_()}),"string"==typeof e?(a.srcUrl=e,a.state="HAVE_NOTHING",A(a)):(a.masterPlaylistLoader_=n,a.state="HAVE_METADATA",a.started=!0,a.media(e),c.setTimeout(function(){a.trigger("loadedmetadata")},0),a)}return L(t,Bt),k(t,[{key:"dispose",value:function(){this.stopRequest(),c.clearTimeout(this.mediaUpdateTimeout)}},{key:"stopRequest",value:function(){if(this.request){var e=this.request;this.request=null,e.onreadystatechange=null,e.abort()}}},{key:"media",value:function(e){if(!e)return this.media_;if("HAVE_NOTHING"===this.state)throw new Error("Cannot switch media playlist from "+this.state);var t=this.state;if("string"==typeof e){if(!this.master.playlists[e])throw new Error("Unknown playlist URI: "+e);e=this.master.playlists[e]}var i=!this.media_||e.uri!==this.media_.uri;this.state="HAVE_METADATA",i&&(this.media_&&this.trigger("mediachanging"),this.media_=e,this.refreshMedia_(),"HAVE_MASTER"!==t&&this.trigger("mediachange"))}},{key:"pause",value:function(){this.stopRequest(),"HAVE_NOTHING"===this.state&&(this.started=!1)}},{key:"load",value:function(){this.started?this.trigger("loadedplaylist"):this.start()}},{key:"parseMasterXml",value:function(){var e=Dt(this.masterXml_,{manifestUri:this.srcUrl,clientOffset:this.clientOffset_});e.uri=this.srcUrl;for(var t=0;t<e.playlists.length;t++){var i="placeholder-uri-"+t;e.playlists[t].uri=i,e.playlists[i]=e.playlists[t]}return P(e,function(t,i,r,n){if(t.playlists&&t.playlists.length){var a="placeholder-uri-"+i+"-"+r+"-"+n;t.playlists[0].uri=a,e.playlists[a]=t.playlists[0]}}),D(e),R(e),e}},{key:"start",value:function(){var e=this;this.started=!0,this.request=this.hls_.xhr({uri:this.srcUrl,withCredentials:this.withCredentials},function(t,i){if(e.request){if(e.request=null,t)return e.error={status:i.status,message:"DASH playlist request error at URL: "+e.srcUrl,responseText:i.responseText,code:2},"HAVE_NOTHING"===e.state&&(e.started=!1),e.trigger("error");e.masterXml_=i.responseText,i.responseHeaders&&i.responseHeaders.date?e.masterLoaded_=Date.parse(i.responseHeaders.date):e.masterLoaded_=Date.now(),e.syncClientServerClock_(e.onClientServerClockSync_.bind(e))}})}},{key:"syncClientServerClock_",value:function(e){var t=this,i=Rt(this.masterXml_);return null===i?(this.clientOffset_=this.masterLoaded_-Date.now(),e()):"DIRECT"===i.method?(this.clientOffset_=i.value-Date.now(),e()):void(this.request=this.hls_.xhr({uri:h(this.srcUrl,i.value),method:i.method,withCredentials:this.withCredentials},function(r,n){if(t.request){if(r)return t.clientOffset_=t.masterLoaded_-Date.now(),e();var a=void 0;a="HEAD"===i.method?n.responseHeaders&&n.responseHeaders.date?Date.parse(n.responseHeaders.date):t.masterLoaded_:Date.parse(n.responseText),t.clientOffset_=a-Date.now(),e()}}))}},{key:"onClientServerClockSync_",value:function(){var e=this;this.master=this.parseMasterXml(),this.state="HAVE_MASTER",this.trigger("loadedplaylist"),this.media_||this.media(this.master.playlists[0]),c.setTimeout(function(){e.trigger("loadedmetadata")},0),this.master.minimumUpdatePeriod&&c.setTimeout(function(){e.trigger("minimumUpdatePeriod")},this.master.minimumUpdatePeriod)}},{key:"refreshXml_",value:function(){var e=this;this.request=this.hls_.xhr({uri:this.srcUrl,withCredentials:this.withCredentials},function(t,i){if(e.request){if(e.request=null,t)return e.error={status:i.status,message:"DASH playlist request error at URL: "+e.srcUrl,responseText:i.responseText,code:2},"HAVE_NOTHING"===e.state&&(e.started=!1),e.trigger("error");e.masterXml_=i.responseText;var r=e.parseMasterXml();e.master=xt(e.master,r),c.setTimeout(function(){e.trigger("minimumUpdatePeriod")},e.master.minimumUpdatePeriod)}})}},{key:"refreshMedia_",value:function(){var e=this,t=void 0,i=void 0;this.masterPlaylistLoader_?(t=this.masterPlaylistLoader_.master,i=this.masterPlaylistLoader_.parseMasterXml()):(t=this.master,i=this.parseMasterXml());var r=xt(t,i);r?(this.masterPlaylistLoader_?this.masterPlaylistLoader_.master=r:this.master=r,this.media_=r.playlists[this.media_.uri]):this.trigger("playlistunchanged"),this.media().endList||(this.mediaUpdateTimeout=c.setTimeout(function(){e.trigger("mediaupdatetimeout")},B(this.media(),!!r))),this.trigger("loadedplaylist")}}]),t}(),qt=function(e){return t.log.debug?t.log.debug.bind(t,"VHS:",e+" >"):function(){}};function Ft(){}var Ht,Gt,jt=function(){function e(t,i,r,n){S(this,e),this.callbacks_=[],this.pendingCallback_=null,this.timestampOffset_=0,this.mediaSource=t,this.processedAppend_=!1,this.type_=r,this.mimeType_=i,this.logger_=qt("SourceUpdater["+r+"]["+i+"]"),"closed"===t.readyState?t.addEventListener("sourceopen",this.createSourceBuffer_.bind(this,i,n)):this.createSourceBuffer_(i,n)}return k(e,[{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 e=this;this.started_=!0,this.onUpdateendCallback_=function(){var t=e.pendingCallback_;e.pendingCallback_=null,e.logger_("buffered ["+ke(e.buffered())+"]"),t&&t(),e.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(){i.sourceBuffer_.appendBuffer(e)},t)}},{key:"buffered",value:function(){return this.sourceBuffer_?this.sourceBuffer_.buffered:t.createTimeRanges()}},{key:"remove",value:function(e,t){var i=this;this.processedAppend_&&this.queueCallback_(function(){i.logger_("remove ["+e+" => "+t+"]"),i.sourceBuffer_.remove(e,t)},Ft)}},{key:"updating",value:function(){return!this.sourceBuffer_||this.sourceBuffer_.updating||this.pendingCallback_}},{key:"timestampOffset",value:function(e){var t=this;return"undefined"!=typeof e&&(this.queueCallback_(function(){t.sourceBuffer_.timestampOffset=e}),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(){this.sourceBuffer_.removeEventListener("updateend",this.onUpdateendCallback_),this.sourceBuffer_&&"open"===this.mediaSource.readyState&&this.sourceBuffer_.abort()}}]),e}(),Wt={GOAL_BUFFER_LENGTH:30,MAX_GOAL_BUFFER_LENGTH:60,GOAL_BUFFER_LENGTH_RATE:1,BANDWIDTH_VARIANCE:1.2,BUFFER_LOW_WATER_LINE:0,MAX_BUFFER_LOW_WATER_LINE:30,BUFFER_LOW_WATER_LINE_RATE:1},Vt=2,zt=-101,Xt=-102,Yt=function(e){var t,i,r={};return e.byterange&&(r.Range=(t=e.byterange,i=t.offset+t.length-1,"bytes="+t.offset+"-"+i)),r},$t=function(e){e.forEach(function(e){e.abort()})},Kt=function(e,t){return t.timedout?{status:t.status,message:"HLS request timed-out at URL: "+t.uri,code:zt,xhr:t}:t.aborted?{status:t.status,message:"HLS request aborted at URL: "+t.uri,code:Xt,xhr:t}:e?{status:t.status,message:"HLS request errored at URL: "+t.uri,code:Vt,xhr:t}:null},Qt=function(e,t,i){var r=[],n=0;return function(a,s){if(a&&($t(e),r.push(a)),(n+=1)===e.length){if(s.endOfAllRequests=Date.now(),r.length>0){var o=function(e){return e.reduce(function(e,t){return t.code>e.code?t:e})}(r);return i(o,s)}return s.encryptedBytes?function(e,t,i){e.addEventListener("message",function r(n){if(n.data.source===t.requestId){e.removeEventListener("message",r);var a=n.data.decrypted;return t.bytes=new Uint8Array(a.bytes,a.byteOffset,a.byteLength),i(null,t)}}),e.postMessage(ge({source:t.requestId,encrypted:t.encryptedBytes,key:t.key.bytes,iv:t.key.iv}),[t.encryptedBytes.buffer,t.key.bytes.buffer])}(t,s,i):i(null,s)}}},Jt=function(e,i){return function(r){var n,a,s;return e.stats=t.mergeOptions(e.stats,(a=(n=r).target,(s={bandwidth:1/0,bytesReceived:0,roundTripTime:Date.now()-a.requestTime||0}).bytesReceived=n.loaded,s.bandwidth=Math.floor(s.bytesReceived/s.roundTripTime*8*1e3),s)),!e.stats.firstBytesReceivedAt&&e.stats.bytesReceived&&(e.stats.firstBytesReceivedAt=Date.now()),i(r,e)}},Zt=function(e,i,r,n,a,s){var o=[],u=Qt(o,r,s);if(n.key){var d=e(t.mergeOptions(i,{uri:n.key.resolvedUri,responseType:"arraybuffer"}),function(e,t){return function(i,r){var n=r.response,a=Kt(i,r);if(a)return t(a,e);if(16!==n.byteLength)return t({status:r.status,message:"Invalid HLS key at URL: "+r.uri,code:Vt,xhr:r},e);var s=new DataView(n);return e.key.bytes=new Uint32Array([s.getUint32(0),s.getUint32(4),s.getUint32(8),s.getUint32(12)]),t(null,e)}}(n,u));o.push(d)}if(n.map&&!n.map.bytes){var l=e(t.mergeOptions(i,{uri:n.map.resolvedUri,responseType:"arraybuffer",headers:Yt(n.map)}),function(e,t){return function(i,r){var n=r.response,a=Kt(i,r);return a?t(a,e):0===n.byteLength?t({status:r.status,message:"Empty HLS segment content at URL: "+r.uri,code:Vt,xhr:r},e):(e.map.bytes=new Uint8Array(r.response),t(null,e))}}(n,u));o.push(l)}var c=e(t.mergeOptions(i,{uri:n.resolvedUri,responseType:"arraybuffer",headers:Yt(n)}),function(e,t){return function(i,r){var n=r.response,a=Kt(i,r);return a?t(a,e):0===n.byteLength?t({status:r.status,message:"Empty HLS segment content at URL: "+r.uri,code:Vt,xhr:r},e):(e.stats=function(e){return{bandwidth:e.bandwidth,bytesReceived:e.bytesReceived||0,roundTripTime:e.roundTripTime||0}}(r),e.key?e.encryptedBytes=new Uint8Array(r.response):e.bytes=new Uint8Array(r.response),t(null,e))}}(n,u));return c.addEventListener("progress",Jt(n,a)),o.push(c),function(){return $t(o)}},ei={videoCodec:"avc1",videoObjectTypeIndicator:".4d400d",audioProfile:"2"},ti=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",i={codecCount:0};return i.codecCount=t.split(",").length,i.codecCount=i.codecCount||2,(e=/(^|\s|,)+(avc[13])([^ ,]*)/i.exec(t))&&(i.videoCodec=e[2],i.videoObjectTypeIndicator=e[3]),i.audioProfile=/(^|\s|,)+mp4a.[0-9A-Fa-f]+\.([0-9A-Fa-f]+)/i.exec(t),i.audioProfile=i.audioProfile&&i.audioProfile[2],i},ii=function(e,t,i){return e+"/"+t+'; codecs="'+i.filter(function(e){return!!e}).join(", ")+'"'},ri=function(e,i){var r=function(e){return e.segments&&e.segments.length&&e.segments[0].map?"mp4":"mp2t"}(i),n=function(e){var t=e.attributes||{};return t.CODECS?ti(t.CODECS):ei}(i),a=i.attributes||{},s=!0,o=!1;if(!i)return[];if(e.mediaGroups.AUDIO&&a.AUDIO){var u=e.mediaGroups.AUDIO[a.AUDIO];if(u)for(var d in o=!0,s=!1,u)if(!u[d].uri&&!u[d].playlists){s=!0;break}}o&&!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 r in i){var n=i[r];if(n.default&&n.playlists)return ti(n.playlists[0].attributes.CODECS).audioProfile}return null}(e,a.AUDIO)),n.audioProfile||(t.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=ei.audioProfile));var l={};n.videoCodec&&(l.video=""+n.videoCodec+n.videoObjectTypeIndicator),n.audioProfile&&(l.audio="mp4a.40."+n.audioProfile);var c=ii("audio",r,[l.audio]),h=ii("video",r,[l.video]),f=ii("video",r,[l.video,l.audio]);return o?!s&&l.video?[h,c]:s||l.video?[f,c]:[c,c]:l.video?[f]:[c]},ni=function(e,t){var i;return e&&(i=c.getComputedStyle(e))?i[t]:""},ai=function(e,t){var i=e.slice();e.sort(function(e,r){var n=t(e,r);return 0===n?i.indexOf(e)-i.indexOf(r):n})},si=function(e,t){var i=void 0,r=void 0;return e.attributes.BANDWIDTH&&(i=e.attributes.BANDWIDTH),i=i||c.Number.MAX_VALUE,t.attributes.BANDWIDTH&&(r=t.attributes.BANDWIDTH),i-(r=r||c.Number.MAX_VALUE)},oi=function(e,t,i){if(!e||!t)return!1;var r=i===e.segments.length;return e.endList&&"open"===t.readyState&&r},ui=function(e){return"number"==typeof e&&isFinite(e)},di=function(e){function i(e){S(this,i);var t=A(this,(i.__proto__||Object.getPrototypeOf(i)).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.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.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_=qt("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}return L(i,e),k(i,[{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_()}},{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():t.createTimeRanges()}},{key:"initSegment",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!e)return null;var i=ye(e),r=this.initSegments_[i];return t&&!r&&e.bytes&&(this.initSegments_[i]=r={resolvedUri:e.resolvedUri,byterange:e.byterange,bytes:e.bytes}),r||e}},{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 jt(this.mediaSource_,this.mimeType_,this.loaderType_,this.sourceBufferEmitter_),this.resetEverything(),this.monitorBuffer_()}},{key:"playlist",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(e){var i=this.playlist_,r=this.pendingSegment_;this.playlist_=e,this.xhrOptions_=t,this.hasPlayed_()||(e.syncInfo={mediaSequence:e.mediaSequence,time:0});var n=i?i.id:null;if(this.logger_("playlist update ["+n+" => "+e.id+"]"),this.trigger("syncinfoupdate"),"INIT"===this.state&&this.couldBeginLoading_())return this.init_();if(i&&i.uri===e.uri){var a=e.mediaSequence-i.mediaSequence;this.logger_("live window shift ["+a+"]"),null!==this.mediaIndex&&(this.mediaIndex-=a),r&&(r.mediaIndex-=a,r.mediaIndex>=0&&(r.segment=e.segments[r.mediaIndex])),this.syncController_.saveExpiredSegmentInfo(i,e)}else null!==this.mediaIndex&&this.resyncLoader()}}},{key:"pause",value:function(){this.checkBufferTimeout_&&(c.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(){this.ended_=!1,this.resetLoader(),this.remove(0,this.duration_()),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){this.sourceUpdater_&&this.sourceUpdater_.remove(e,t),Le(e,t,this.segmentMetadataTrack_)}},{key:"monitorBuffer_",value:function(){this.checkBufferTimeout_&&c.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=c.setTimeout(this.monitorBufferTick_.bind(this),1)}},{key:"monitorBufferTick_",value:function(){"READY"===this.state&&this.fillBuffer_(),this.checkBufferTimeout_&&c.clearTimeout(this.checkBufferTimeout_),this.checkBufferTimeout_=c.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_);if(e)oi(this.playlist_,this.mediaSource_,e.mediaIndex)?this.endOfStream():(e.mediaIndex!==this.playlist_.segments.length-1||"ended"!==this.mediaSource_.readyState||this.seeking_())&&((e.timeline!==this.currentTimeline_||null!==e.startOfSegment&&e.startOfSegment<this.sourceUpdater_.timestampOffset())&&(this.syncController_.reset(),e.timestampOffset=e.startOfSegment),this.loadSegment_(e))}}},{key:"checkBuffer_",value:function(e,t,i,r,n,a){var s=0,o=void 0;e.length&&(s=e.end(e.length-1));var u=Math.max(0,s-n);if(!t.segments.length)return null;if(u>=this.goalBufferLength_())return null;if(!r&&u>=1)return null;if(null===a)return i=this.getSyncSegmentCandidate_(t),this.generateSegmentInfo_(t,i,null,!0);if(null!==i){var d=t.segments[i];return o=d&&d.end?d.end:s,this.generateSegmentInfo_(t,i+1,o,!1)}if(this.fetchAtBuffer_){var l=J.getMediaInfoForTime(t,s,a.segmentIndex,a.time);i=l.mediaIndex,o=l.startTime}else{var c=J.getMediaInfoForTime(t,n,a.segmentIndex,a.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,r){if(t<0||t>=e.segments.length)return null;var n=e.segments[t];return{requestId:"segment-loader-"+Math.random(),uri:n.resolvedUri,mediaIndex:t,isSyncRequest:r,startOfSegment:i,playlist:e,bytes:null,encryptedBytes:null,timestampOffset:null,timeline:n.timeline,duration:n.duration,segment:n}}},{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,r=this.pendingSegment_.duration,n=J.estimateSegmentRequestTime(r,i,this.playlist_,e.bytesReceived),a=function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return((e.length?e.end(e.length-1):0)-t)/i}(this.buffered_(),t,this.hls_.tech_.playbackRate())-1;if(n<=a)return!1;var s=function(e){var t=e.master,i=e.currentTime,r=e.bandwidth,n=e.duration,a=e.segmentDuration,s=e.timeUntilRebuffer,o=e.currentTimeline,u=e.syncController,d=t.playlists.filter(function(e){return!J.isIncompatible(e)}),l=d.filter(J.isEnabled);l.length||(l=d.filter(function(e){return!J.isDisabled(e)}));var c=l.filter(J.hasAttribute.bind(null,"BANDWIDTH")).map(function(e){var t=u.getSyncPoint(e,n,o,i)?1:2;return{playlist:e,rebufferingImpact:J.estimateSegmentRequestTime(a,r,e)*t-s}}),h=c.filter(function(e){return e.rebufferingImpact<=0});return ai(h,function(e,t){return si(t.playlist,e.playlist)}),h.length?h[0]:(ai(c,function(e,t){return e.rebufferingImpact-t.rebufferingImpact}),c[0]||null)}({master:this.hls_.playlists.master,currentTime:t,bandwidth:i,duration:this.duration_(),segmentDuration:r,timeUntilRebuffer:a,currentTimeline:this.currentTimeline_,syncController:this.syncController_});if(s){var o=n-a-s.rebufferingImpact,u=.5;return a<=1/30&&(u=1),!s.playlist||s.playlist.uri===this.playlist_.uri||o<u?!1:(this.bandwidth=s.playlist.attributes.BANDWIDTH*Wt.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=Zt(this.hls_.xhr,this.xhrOptions_,this.decrypter_,this.createSimplifiedSegmentObj_(e),this.handleProgress_.bind(this),this.segmentRequestFinished_.bind(this))}},{key:"trimBackBuffer_",value:function(e){var t=function(e,t,i){var r=void 0;return r=e.length&&e.start(0)>0&&e.start(0)<t?e.start(0):t-30,Math.min(r,t-i)}(this.seekable_(),this.currentTime_(),this.playlist_.targetDuration||10);t>0&&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 r=t.key.iv||new Uint32Array([0,0,0,e.mediaIndex+e.playlist.mediaSequence]);i.key={resolvedUri:t.key.resolvedUri,iv:r}}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===Xt?void(this.mediaRequestsAborted+=1):(this.pause(),e.code===zt?(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)),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,this.handleSegment_()}},{key:"handleSegment_",value:function(){var e=this;if(this.pendingSegment_){var t=this.pendingSegment_,i=t.segment,r=this.syncController_.probeSegmentInfo(t);"undefined"==typeof this.startingMedia_&&r&&(r.containsAudio||r.containsVideo)&&(this.startingMedia_={containsAudio:r.containsAudio,containsVideo:r.containsVideo});var n,a,s,o=(n=this.loaderType_,a=this.startingMedia_,s=r,"main"===n&&a&&s?s.containsAudio||s.containsVideo?a.containsVideo&&!s.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.":!a.containsVideo&&s.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);if(o)return this.error({message:o,blacklistDuration:1/0}),void this.trigger("error");if(t.isSyncRequest)return this.trigger("syncinfoupdate"),this.pendingSegment_=null,void(this.state="READY");null!==t.timestampOffset&&t.timestampOffset!==this.sourceUpdater_.timestampOffset()&&(this.sourceUpdater_.timestampOffset(t.timestampOffset),this.trigger("timestampoffset"));var u=this.syncController_.mappingForTimeline(t.timeline);if(null!==u&&this.trigger({type:"segmenttimemapping",mapping:u}),this.state="APPENDING",i.map){var d=ye(i.map);if(!this.activeInitSegmentId_||this.activeInitSegmentId_!==d){var l=this.initSegment(i.map);this.sourceUpdater_.appendBuffer(l.bytes,function(){e.activeInitSegmentId_=d})}}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,r=t.end,n=e.playlist,a=n.mediaSequence,s=n.id,o=n.segments,u=void 0===o?[]:o,d=e.mediaIndex,l=e.timeline;return["appending ["+d+"] of ["+a+", "+(a+u.length)+"] from playlist ["+s+"]","["+i+" => "+r+"] in timeline ["+l+"]"].join(" ")}(t)),this.sourceUpdater_.appendBuffer(t.bytes,this.handleUpdateEnd_.bind(this))}else this.state="READY"}},{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"),oi(e.playlist,this.mediaSource_,e.mediaIndex+1)&&this.endOfStream(),this.paused()||this.monitorBuffer_())}},{key:"recordThroughput_",value:function(e){var t=this.throughput.rate,i=Date.now()-e.endOfAllRequests+1,r=Math.floor(e.byteLength/i*8*1e3);this.throughput.rate+=(r-t)/++this.throughput.count}},{key:"addSegmentMetadataCue_",value:function(e){if(this.segmentMetadataTrack_){var t=e.segment,i=t.start,r=t.end;if(ui(i)&&ui(r)){Le(i,r,this.segmentMetadataTrack_);var n=c.WebKitDataCue||c.VTTCue,a={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:r},s=new n(i,r,JSON.stringify(a));s.value=a,this.segmentMetadataTrack_.addCue(s)}}}}]),i}(t.EventTarget),li=new Uint8Array("\n\n".split("").map(function(e){return e.charCodeAt(0)})),ci=function(e){return String.fromCharCode.apply(null,e)},hi=function(e){function i(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};S(this,i);var r=A(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,e,t));return r.mediaSource_=null,r.subtitlesTrack_=null,r}return L(i,di),k(i,[{key:"buffered_",value:function(){if(!this.subtitlesTrack_||!this.subtitlesTrack_.cues.length)return t.createTimeRanges();var e=this.subtitlesTrack_.cues,i=e[0].startTime,r=e[e.length-1].startTime;return t.createTimeRanges([[i,r]])}},{key:"initSegment",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!e)return null;var i=ye(e),r=this.initSegments_[i];if(t&&!r&&e.bytes){var n=li.byteLength+e.bytes.byteLength,a=new Uint8Array(n);a.set(e.bytes),a.set(li,e.bytes.byteLength),this.initSegments_[i]=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_:(this.subtitlesTrack_=e,"INIT"===this.state&&this.couldBeginLoading_()&&this.init_(),this.subtitlesTrack_)}},{key:"remove",value:function(e,t){Le(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 e=this;if(this.pendingSegment_&&this.subtitlesTrack_){this.state="APPENDING";var t=this.pendingSegment_,i=t.segment;if("function"!=typeof c.WebVTT&&this.subtitlesTrack_&&this.subtitlesTrack_.tech_){var r=function(){e.handleSegment_()};return this.state="WAITING_ON_VTTJS",this.subtitlesTrack_.tech_.one("vttjsloaded",r),void this.subtitlesTrack_.tech_.one("vttjserror",function(){e.subtitlesTrack_.tech_.off("vttjsloaded",r),e.error({message:"Error loading vtt.js"}),e.state="READY",e.pause(),e.trigger("error")})}i.requested=!0;try{this.parseVTTCues_(t)}catch(e){return this.error({message:e.message}),this.state="READY",this.pause(),this.trigger("error")}if(this.updateTimeMapping_(t,this.syncController_.timelines[t.timeline],this.playlist_),t.isSyncRequest)return this.trigger("syncinfoupdate"),this.pendingSegment_=null,void(this.state="READY");t.byteLength=t.bytes.byteLength,this.mediaSecondsLoaded+=i.duration,t.cues.length&&this.remove(t.cues[0].endTime,t.cues[t.cues.length-1].endTime),t.cues.forEach(function(t){e.subtitlesTrack_.addCue(t)}),this.handleUpdateEnd_()}else this.state="READY"}},{key:"parseVTTCues_",value:function(e){var i=void 0,r=!1;"function"==typeof c.TextDecoder?i=new c.TextDecoder("utf8"):(i=c.WebVTT.StringDecoder(),r=!0);var n=new c.WebVTT.Parser(c,c.vttjs,i);if(e.cues=[],e.timestampmap={MPEGTS:0,LOCAL:0},n.oncue=e.cues.push.bind(e.cues),n.ontimestampmap=function(t){return e.timestampmap=t},n.onparsingerror=function(e){t.log.warn("Error encountered when parsing cues: "+e.message)},e.segment.map){var a=e.segment.map.bytes;r&&(a=ci(a)),n.parse(a)}var s=e.bytes;r&&(s=ci(s)),n.parse(s),n.flush()}},{key:"updateTimeMapping_",value:function(e,t,i){var r=e.segment;if(t)if(e.cues.length){var n=e.timestampmap,a=n.MPEGTS/9e4-n.LOCAL+t.mapping;if(e.cues.forEach(function(e){e.startTime+=a,e.endTime+=a}),!i.syncInfo){var s=e.cues[0].startTime,o=e.cues[e.cues.length-1].startTime;i.syncInfo={mediaSequence:i.mediaSequence+e.mediaIndex,time:Math.min(s,o-r.duration)}}}else r.empty=!0}}]),i}(),fi=function(e,t){for(var i=e.cues,r=0;r<i.length;r++){var n=i[r];if(t>=n.adStartTime&&t<=n.adEndTime)return n}return null},pi=function(e){return e>>>0};Ht=function(e,t){var i,r,n,a,s,o=[];if(!t.length)return null;for(i=0;i<e.byteLength;)r=pi(e[i]<<24|e[i+1]<<16|e[i+2]<<8|e[i+3]),n=Gt(e.subarray(i+4,i+8)),a=r>1?i+r:e.byteLength,n===t[0]&&(1===t.length?o.push(e.subarray(i+8,a)):(s=Ht(e.subarray(i+8,a),t.slice(1))).length&&(o=o.concat(s))),i=a;return o};Gt=function(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 mi=function(e){return Ht(e,["moov","trak"]).reduce(function(e,t){var i,r,n,a,s;return(i=Ht(t,["tkhd"])[0])?(r=i[0],a=pi(i[n=0===r?12:20]<<24|i[n+1]<<16|i[n+2]<<8|i[n+3]),(s=Ht(t,["mdia","mdhd"])[0])?(n=0===(r=s[0])?12:20,e[a]=pi(s[n]<<24|s[n+1]<<16|s[n+2]<<8|s[n+3]),e):null):null},{})},gi=function(e,t){var i,r,n;return i=Ht(t,["moof","traf"]),r=[].concat.apply([],i.map(function(t){return Ht(t,["tfhd"]).map(function(i){var r,n;return r=pi(i[4]<<24|i[5]<<16|i[6]<<8|i[7]),n=e[r]||9e4,(Ht(t,["tfdt"]).map(function(e){var t,i;return t=e[0],i=pi(e[4]<<24|e[5]<<16|e[6]<<8|e[7]),1===t&&(i*=Math.pow(2,32),i+=pi(e[8]<<24|e[9]<<16|e[10]<<8|e[11])),i})[0]||1/0)/n})})),n=Math.min.apply(null,r),isFinite(n)?n:0},yi=27,_i=15,vi=21,bi=function(){this.init=function(){var e={};this.on=function(t,i){e[t]||(e[t]=[]),e[t]=e[t].concat(i)},this.off=function(t,i){var r;return!!e[t]&&(r=e[t].indexOf(i),e[t]=e[t].slice(),e[t].splice(r,1),r>-1)},this.trigger=function(t){var i,r,n,a;if(i=e[t])if(2===arguments.length)for(n=i.length,r=0;r<n;++r)i[r].call(this,arguments[1]);else{for(a=[],r=arguments.length,r=1;r<arguments.length;++r)a.push(arguments[r]);for(n=i.length,r=0;r<n;++r)i[r].apply(this,a)}},this.dispose=function(){e={}}}};bi.prototype.pipe=function(e){return this.on("data",function(t){e.push(t)}),this.on("done",function(t){e.flush(t)}),e},bi.prototype.push=function(e){this.trigger("data",e)},bi.prototype.flush=function(e){this.trigger("done",e)};var Ti=function(e,t){var i=1;for(e>t&&(i=-1);Math.abs(t-e)>4294967296;)e+=8589934592*i;return e},Si=function e(t){var i,r;e.prototype.init.call(this),this.type_=t,this.push=function(e){e.type===this.type_&&(void 0===r&&(r=e.dts),e.dts=Ti(e.dts,r),e.pts=Ti(e.pts,r),i=e.dts,this.trigger("data",e))},this.flush=function(){r=i,this.trigger("done")},this.discontinuity=function(){r=void 0,i=void 0}};Si.prototype=new bi;var ki=function(e){var t=31&e[1];return t<<=8,t|=e[2]},Ei=function(e){return!!(64&e[1])},Li=function(e){var t=0;return(48&e[3])>>>4>1&&(t+=e[4]+1),t},Ai=function(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}},wi={parseType:function(e,t){var i=ki(e);return 0===i?"pat":i===t?"pmt":t?"pes":null},parsePat:function(e){var t=Ei(e),i=4+Li(e);return t&&(i+=e[i]+1),(31&e[i+10])<<8|e[i+11]},parsePmt:function(e){var t={},i=Ei(e),r=4+Li(e);if(i&&(r+=e[r]+1),1&e[r+5]){var n;n=3+((15&e[r+1])<<8|e[r+2])-4;for(var a=12+((15&e[r+10])<<8|e[r+11]);a<n;){var s=r+a;t[(31&e[s+1])<<8|e[s+2]]=e[s],a+=5+((15&e[s+3])<<8|e[s+4])}return t}},parsePayloadUnitStartIndicator:Ei,parsePesType:function(e,t){switch(t[ki(e)]){case yi:return"video";case _i:return"audio";case vi:return"timed-metadata";default:return null}},parsePesTime:function(e){if(!Ei(e))return null;var t=4+Li(e);if(t>=e.byteLength)return null;var i,r=null;return 192&(i=e[t+7])&&((r={}).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,r.pts*=4,r.pts+=(6&e[t+13])>>>1,r.dts=r.pts,64&i&&(r.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,r.dts*=4,r.dts+=(6&e[t+18])>>>1)),r},videoPacketContainsKeyFrame:function(e){for(var t=4+Li(e),i=e.subarray(t),r=0,n=0,a=!1;n<i.byteLength-3;n++)if(1===i[n+2]){r=n+5;break}for(;r<i.byteLength;)switch(i[r]){case 0:if(0!==i[r-1]){r+=2;break}if(0!==i[r-2]){r++;break}n+3!==r-2&&"slice_layer_without_partitioning_rbsp_idr"===Ai(31&i[n+3])&&(a=!0);do{r++}while(1!==i[r]&&r<i.length);n=r-2,r+=3;break;case 1:if(0!==i[r-1]||0!==i[r-2]){r+=3;break}"slice_layer_without_partitioning_rbsp_idr"===Ai(31&i[n+3])&&(a=!0),n=r-2,r+=3;break;default:r+=3}return i=i.subarray(n),r-=n,n=0,i&&i.byteLength>3&&"slice_layer_without_partitioning_rbsp_idr"===Ai(31&i[n+3])&&(a=!0),a}},Ii=[96e3,88200,64e3,48e3,44100,32e3,24e3,22050,16e3,12e3,11025,8e3,7350],Oi=function(e){return e[0]<<21|e[1]<<14|e[2]<<7|e[3]},Ci={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?i+20:i+10},parseAdtsSize:function(e,t){var i=(224&e[t+5])>>5,r=e[t+4]<<3;return 6144&e[t+3]|r|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 Ii[(60&e[t+2])>>>2];t++}return null},parseAacTimestamp:function(e){var t,i,r;t=10,64&e[5]&&(t+=4,t+=Oi(e.subarray(10,14)));do{if((i=Oi(e.subarray(t+4,t+8)))<1)return null;if("PRIV"===String.fromCharCode(e[t],e[t+1],e[t+2],e[t+3])){r=e.subarray(t+10,t+i+10);for(var n=0;n<r.byteLength;n++)if(0===r[n]){if("com.apple.streaming.transportStreamTimestamp"===unescape(function(e,t,i){var r,n="";for(r=t;r<i;r++)n+="%"+("00"+e[r].toString(16)).slice(-2);return n}(r,0,n))){var a=r.subarray(n+1),s=(1&a[3])<<30|a[4]<<22|a[5]<<14|a[6]<<6|a[7]>>>2;return s*=4,s+=3&a[7]}break}}t+=10,t+=i}while(t<e.byteLength);return null}},Pi=Ti,Ui={};Ui.ts=wi,Ui.aac=Ci;var Di=function(e,t,i){for(var r,n,a,s,o=0,u=188,d=!1;u<e.byteLength;)if(71!==e[o]||71!==e[u])o++,u++;else{switch(r=e.subarray(o,u),Ui.ts.parseType(r,t.pid)){case"pes":n=Ui.ts.parsePesType(r,t.table),a=Ui.ts.parsePayloadUnitStartIndicator(r),"audio"===n&&a&&(s=Ui.ts.parsePesTime(r))&&(s.type="audio",i.audio.push(s),d=!0)}if(d)break;o+=188,u+=188}for(o=(u=e.byteLength)-188,d=!1;o>=0;)if(71!==e[o]||71!==e[u])o--,u--;else{switch(r=e.subarray(o,u),Ui.ts.parseType(r,t.pid)){case"pes":n=Ui.ts.parsePesType(r,t.table),a=Ui.ts.parsePayloadUnitStartIndicator(r),"audio"===n&&a&&(s=Ui.ts.parsePesTime(r))&&(s.type="audio",i.audio.push(s),d=!0)}if(d)break;o-=188,u-=188}},Ri=function(e,t,i){for(var r,n,a,s,o,u,d,l=0,c=188,h=!1,f={data:[],size:0};c<e.byteLength;)if(71!==e[l]||71!==e[c])l++,c++;else{switch(r=e.subarray(l,c),Ui.ts.parseType(r,t.pid)){case"pes":if(n=Ui.ts.parsePesType(r,t.table),a=Ui.ts.parsePayloadUnitStartIndicator(r),"video"===n&&(a&&!h&&(s=Ui.ts.parsePesTime(r))&&(s.type="video",i.video.push(s),h=!0),!i.firstKeyFrame)){if(a&&0!==f.size){for(o=new Uint8Array(f.size),u=0;f.data.length;)d=f.data.shift(),o.set(d,u),u+=d.byteLength;Ui.ts.videoPacketContainsKeyFrame(o)&&(i.firstKeyFrame=Ui.ts.parsePesTime(o),i.firstKeyFrame.type="video"),f.size=0}f.data.push(r),f.size+=r.byteLength}}if(h&&i.firstKeyFrame)break;l+=188,c+=188}for(l=(c=e.byteLength)-188,h=!1;l>=0;)if(71!==e[l]||71!==e[c])l--,c--;else{switch(r=e.subarray(l,c),Ui.ts.parseType(r,t.pid)){case"pes":n=Ui.ts.parsePesType(r,t.table),a=Ui.ts.parsePayloadUnitStartIndicator(r),"video"===n&&a&&(s=Ui.ts.parsePesTime(r))&&(s.type="video",i.video.push(s),h=!0)}if(h)break;l-=188,c-=188}},Bi=function(e){var t={pid:null,table:null},i={};for(var r in function(e,t){for(var i,r=0,n=188;n<e.byteLength;)if(71!==e[r]||71!==e[n])r++,n++;else{switch(i=e.subarray(r,n),Ui.ts.parseType(i,t.pid)){case"pat":t.pid||(t.pid=Ui.ts.parsePat(i));break;case"pmt":t.table||(t.table=Ui.ts.parsePmt(i))}if(t.pid&&t.table)return;r+=188,n+=188}}(e,t),t.table){if(t.table.hasOwnProperty(r))switch(t.table[r]){case yi:i.video=[],Ri(e,t,i),0===i.video.length&&delete i.video;break;case _i:i.audio=[],Di(e,t,i),0===i.audio.length&&delete i.audio}}return i},Mi=function(e,t){var i,r;return(r=(i=e)[0]==="I".charCodeAt(0)&&i[1]==="D".charCodeAt(0)&&i[2]==="3".charCodeAt(0)?function(e){for(var t,i=!1,r=0,n=null,a=null,s=0,o=0;e.length-o>=3;){switch(Ui.aac.parseType(e,o)){case"timed-metadata":if(e.length-o<10){i=!0;break}if((s=Ui.aac.parseId3TagSize(e,o))>e.length){i=!0;break}null===a&&(t=e.subarray(o,o+s),a=Ui.aac.parseAacTimestamp(t)),o+=s;break;case"audio":if(e.length-o<7){i=!0;break}if((s=Ui.aac.parseAdtsSize(e,o))>e.length){i=!0;break}null===n&&(t=e.subarray(o,o+s),n=Ui.aac.parseSampleRate(t)),r++,o+=s;break;default:o++}if(i)return null}if(null===n||null===a)return null;var u=9e4/n;return{audio:[{type:"audio",dts:a,pts:a},{type:"audio",dts:a+1024*r*u,pts:a+1024*r*u}]}}(e):Bi(e))&&(r.audio||r.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=Pi(e.dts,i),e.pts=Pi(e.pts,i),e.dtsTime=e.dts/9e4,e.ptsTime=e.pts/9e4})}if(e.video&&e.video.length){var r=t;if("undefined"==typeof r&&(r=e.video[0].dts),e.video.forEach(function(e){e.dts=Pi(e.dts,r),e.pts=Pi(e.pts,r),e.dtsTime=e.dts/9e4,e.ptsTime=e.pts/9e4}),e.firstKeyFrame){var n=e.firstKeyFrame;n.dts=Pi(n.dts,r),n.pts=Pi(n.pts,r),n.dtsTime=n.dts/9e4,n.ptsTime=n.dts/9e4}}}(r,t),r):null},xi=[{name:"VOD",run:function(e,t,i,r,n){if(i!==1/0){return{time:0,segmentIndex:0}}return null}},{name:"ProgramDateTime",run:function(e,t,i,r,n){if(!e.datetimeToDisplayTime)return null;var a=t.segments||[],s=null,o=null;n=n||0;for(var u=0;u<a.length;u++){var d=a[u];if(d.dateTimeObject){var l=d.dateTimeObject.getTime()/1e3+e.datetimeToDisplayTime,c=Math.abs(n-l);if(null!==o&&o<c)break;o=c,s={time:l,segmentIndex:u}}}return s}},{name:"Segment",run:function(e,t,i,r,n){var a=t.segments||[],s=null,o=null;n=n||0;for(var u=0;u<a.length;u++){var d=a[u];if(d.timeline===r&&"undefined"!=typeof d.start){var l=Math.abs(n-d.start);if(null!==o&&o<l)break;(!s||null===o||o>=l)&&(o=l,s={time:d.start,segmentIndex:u})}}return s}},{name:"Discontinuity",run:function(e,t,i,r,n){var a=null;if(n=n||0,t.discontinuityStarts&&t.discontinuityStarts.length)for(var s=null,o=0;o<t.discontinuityStarts.length;o++){var u=t.discontinuityStarts[o],d=t.discontinuitySequence+o+1,l=e.discontinuities[d];if(l){var c=Math.abs(n-l.time);if(null!==s&&s<c)break;(!a||null===s||s>=c)&&(s=c,a={time:l.time,segmentIndex:u})}}return a}},{name:"Playlist",run:function(e,t,i,r,n){return t.syncInfo?{time:t.syncInfo.time,segmentIndex:t.syncInfo.mediaSequence-t.mediaSequence}:null}}],Ni=function(e){function t(){S(this,t);var e=A(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.inspectCache_=void 0,e.timelines=[],e.discontinuities=[],e.datetimeToDisplayTime=null,e.logger_=qt("SyncController"),e}return L(t,e),k(t,[{key:"getSyncPoint",value:function(e,t,i,r){var n=this.runStrategies_(e,t,i,r);return n.length?this.selectSyncPoint_(n,{key:"time",value:r}):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 r=this.selectSyncPoint_(i,{key:"segmentIndex",value:0});return r.segmentIndex>0&&(r.time*=-1),Math.abs(r.time+F(e,r.segmentIndex,0))}},{key:"runStrategies_",value:function(e,t,i,r){for(var n=[],a=0;a<xi.length;a++){var s=xi[a],o=s.run(this,e,t,i,r);o&&(o.strategy=s.name,n.push({strategy:s.name,syncPoint:o}))}return n}},{key:"selectSyncPoint_",value:function(e,t){for(var i=e[0].syncPoint,r=Math.abs(e[0].syncPoint[t.key]-t.value),n=e[0].strategy,a=1;a<e.length;a++){var s=Math.abs(e[a].syncPoint[t.key]-t.value);s<r&&(r=s,i=e[a].syncPoint,n=e[a].strategy)}return this.logger_("syncPoint for ["+t.key+": "+t.value+"] chosen with strategy ["+n+"]: [time:"+i.time+", segmentIndex:"+i.segmentIndex+"]"),i}},{key:"saveExpiredSegmentInfo",value:function(e,t){for(var i=t.mediaSequence-e.mediaSequence-1;i>=0;i--){var r=e.segments[i];if(r&&"undefined"!=typeof r.start){t.syncInfo={mediaSequence:e.mediaSequence+i,time:r.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,r=void 0;return(r=t.map?this.probeMp4Segment_(e):this.probeTsSegment_(e))&&this.calculateSegmentTimeMapping_(e,r)&&(this.saveDiscontinuitySyncInfo_(e),i.syncInfo||(i.syncInfo={mediaSequence:i.mediaSequence+e.mediaIndex,time:t.start})),r}},{key:"probeMp4Segment_",value:function(e){var t=e.segment,i=mi(t.map.bytes),r=gi(i,e.bytes);return null!==e.timestampOffset&&(e.timestampOffset-=r),{start:r,end:r+t.duration}}},{key:"probeTsSegment_",value:function(e){var t=Mi(e.bytes,this.inspectCache_),i=void 0,r=void 0;return t?(t.video&&2===t.video.length?(this.inspectCache_=t.video[1].dts,i=t.video[0].dtsTime,r=t.video[1].dtsTime):t.audio&&2===t.audio.length&&(this.inspectCache_=t.audio[1].dts,i=t.audio[0].dtsTime,r=t.audio[1].dtsTime),{start:i,end:r,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,r=this.timelines[e.timeline];if(null!==e.timestampOffset)r={time:e.startOfSegment,mapping:e.startOfSegment-t.start},this.timelines[e.timeline]=r,this.trigger("timestampoffset"),this.logger_("time mapping for timeline "+e.timeline+": [time: "+r.time+"] [mapping: "+r.mapping+"]"),i.start=e.startOfSegment,i.end=t.end+r.mapping;else{if(!r)return!1;i.start=t.start+r.mapping,i.end=t.end+r.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 r=0;r<t.discontinuityStarts.length;r++){var n=t.discontinuityStarts[r],a=t.discontinuitySequence+r+1,s=n-e.mediaIndex,o=Math.abs(s);if(!this.discontinuities[a]||this.discontinuities[a].accuracy>o){var u=void 0;u=s<0?i.start-F(t,e.mediaIndex,n):i.end+F(t,e.mediaIndex+1,n),this.discontinuities[a]={time:u,accuracy:o}}}}}]),t}(t.EventTarget),qi=new Re("./decrypter-worker.worker.js",function(e,t){var i=this;!function(){var t="undefined"!=typeof e?e:"undefined"!=typeof global?global:"undefined"!=typeof i?i:{},r="undefined"!=typeof e?e:"undefined"!=typeof t?t:"undefined"!=typeof i?i:{};var n=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},a=function(){function e(e,t){for(var i=0;i<t.length;i++){var r=t[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,i,r){return i&&e(t.prototype,i),r&&e(t,r),t}}(),s=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},o=function(){var e=[[[],[],[],[],[]],[[],[],[],[],[]]],t=e[0],i=e[1],r=t[4],n=i[4],a=void 0,s=void 0,o=void 0,u=[],d=[],l=void 0,c=void 0,h=void 0,f=void 0,p=void 0;for(a=0;a<256;a++)d[(u[a]=a<<1^283*(a>>7))^a]=a;for(s=o=0;!r[s];s^=l||1,o=d[o]||1)for(h=(h=o^o<<1^o<<2^o<<3^o<<4)>>8^255&h^99,r[s]=h,n[h]=s,p=16843009*u[c=u[l=u[s]]]^65537*c^257*l^16843008*s,f=257*u[h]^16843008*h,a=0;a<4;a++)t[a][s]=f=f<<24^f>>>8,i[a][h]=p=p<<24^p>>>8;for(a=0;a<5;a++)t[a]=t[a].slice(0),i[a]=i[a].slice(0);return e},u=null,d=function(){function e(t){n(this,e),u||(u=o()),this._tables=[[u[0][0].slice(),u[0][1].slice(),u[0][2].slice(),u[0][3].slice(),u[0][4].slice()],[u[1][0].slice(),u[1][1].slice(),u[1][2].slice(),u[1][3].slice(),u[1][4].slice()]];var i=void 0,r=void 0,a=void 0,s=void 0,d=void 0,l=this._tables[0][4],c=this._tables[1],h=t.length,f=1;if(4!==h&&6!==h&&8!==h)throw new Error("Invalid aes key size");for(s=t.slice(0),d=[],this._key=[s,d],i=h;i<4*h+28;i++)a=s[i-1],(i%h==0||8===h&&i%h==4)&&(a=l[a>>>24]<<24^l[a>>16&255]<<16^l[a>>8&255]<<8^l[255&a],i%h==0&&(a=a<<8^a>>>24^f<<24,f=f<<1^283*(f>>7))),s[i]=s[i-h]^a;for(r=0;i;r++,i--)a=s[3&r?i:i-4],d[r]=i<=4||r<4?a:c[0][l[a>>>24]]^c[1][l[a>>16&255]]^c[2][l[a>>8&255]]^c[3][l[255&a]]}return e.prototype.decrypt=function(e,t,i,r,n,a){var s=this._key[1],o=e^s[0],u=r^s[1],d=i^s[2],l=t^s[3],c=void 0,h=void 0,f=void 0,p=s.length/4-2,m=void 0,g=4,y=this._tables[1],_=y[0],v=y[1],b=y[2],T=y[3],S=y[4];for(m=0;m<p;m++)c=_[o>>>24]^v[u>>16&255]^b[d>>8&255]^T[255&l]^s[g],h=_[u>>>24]^v[d>>16&255]^b[l>>8&255]^T[255&o]^s[g+1],f=_[d>>>24]^v[l>>16&255]^b[o>>8&255]^T[255&u]^s[g+2],l=_[l>>>24]^v[o>>16&255]^b[u>>8&255]^T[255&d]^s[g+3],g+=4,o=c,u=h,d=f;for(m=0;m<4;m++)n[(3&-m)+a]=S[o>>>24]<<24^S[u>>16&255]<<16^S[d>>8&255]<<8^S[255&l]^s[g++],c=o,o=u,u=d,d=l,l=c},e}(),l=function(){function e(){n(this,e),this.listeners={}}return e.prototype.on=function(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},e.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),i>-1},e.prototype.trigger=function(e){var t=this.listeners[e];if(t)if(2===arguments.length)for(var i=t.length,r=0;r<i;++r)t[r].call(this,arguments[1]);else for(var n=Array.prototype.slice.call(arguments,1),a=t.length,s=0;s<a;++s)t[s].apply(this,n)},e.prototype.dispose=function(){this.listeners={}},e.prototype.pipe=function(e){this.on("data",function(t){e.push(t)})},e}(),c=function(e){function t(){n(this,t);var i=s(this,e.call(this,l));return i.jobs=[],i.delay=1,i.timeout_=null,i}return 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)}(t,e),t.prototype.processJob_=function(){this.jobs.shift()(),this.jobs.length?this.timeout_=setTimeout(this.processJob_.bind(this),this.delay):this.timeout_=null},t.prototype.push=function(e){this.jobs.push(e),this.timeout_||(this.timeout_=setTimeout(this.processJob_.bind(this),this.delay))},t}(l),h=function(e){return e<<24|(65280&e)<<8|(16711680&e)>>8|e>>>24},f=function(){function e(t,i,r,a){n(this,e);var s=e.STEP,o=new Int32Array(t.buffer),u=new Uint8Array(t.byteLength),d=0;for(this.asyncStream_=new c,this.asyncStream_.push(this.decryptChunk_(o.subarray(d,d+s),i,r,u)),d=s;d<o.length;d+=s)r=new Uint32Array([h(o[d-4]),h(o[d-3]),h(o[d-2]),h(o[d-1])]),this.asyncStream_.push(this.decryptChunk_(o.subarray(d,d+s),i,r,u));this.asyncStream_.push(function(){var e;a(null,(e=u).subarray(0,e.byteLength-e[e.byteLength-1]))})}return e.prototype.decryptChunk_=function(e,t,i,r){return function(){var n=function(e,t,i){var r=new Int32Array(e.buffer,e.byteOffset,e.byteLength>>2),n=new d(Array.prototype.slice.call(t)),a=new Uint8Array(e.byteLength),s=new Int32Array(a.buffer),o=void 0,u=void 0,l=void 0,c=void 0,f=void 0,p=void 0,m=void 0,g=void 0,y=void 0;for(o=i[0],u=i[1],l=i[2],c=i[3],y=0;y<r.length;y+=4)f=h(r[y]),p=h(r[y+1]),m=h(r[y+2]),g=h(r[y+3]),n.decrypt(f,p,m,g,s,y),s[y]=h(s[y]^o),s[y+1]=h(s[y+1]^u),s[y+2]=h(s[y+2]^l),s[y+3]=h(s[y+3]^c),o=f,u=p,l=m,c=g;return a}(e,t,i);r.set(n,e.byteOffset)}},a(e,null,[{key:"STEP",get:function(){return 32e3}}]),e}();new function(e){e.onmessage=function(e){var t=e.data,i=new Uint8Array(t.encrypted.bytes,t.encrypted.byteOffset,t.encrypted.byteLength),n=new Uint32Array(t.key.bytes,t.key.byteOffset,t.key.byteLength/4),a=new Uint32Array(t.iv.bytes,t.iv.byteOffset,t.iv.byteLength/4);new f(i,n,a,function(e,i){var n,a;r.postMessage((n={source:t.source,decrypted:i},a={},Object.keys(n).forEach(function(e){var t=n[e];ArrayBuffer.isView(t)?a[e]={bytes:t.buffer,byteOffset:t.byteOffset,byteLength:t.byteLength}:a[e]=t}),a),[i.buffer])})}}(i)}()}),Fi=function(e){var t=e.default?"main":"alternative";return e.characteristics&&e.characteristics.indexOf("public.accessibility.describes-video")>=0&&(t="main-desc"),t},Hi=function(e,t){e.abort(),e.pause(),t&&t.activePlaylistLoader&&(t.activePlaylistLoader.pause(),t.activePlaylistLoader=null)},Gi=function(e,t){t.activePlaylistLoader=e,e.load()},ji={AUDIO:function(e,i){return function(){var r=i.segmentLoaders[e],n=i.mediaTypes[e],a=i.blacklistCurrentPlaylist;Hi(r,n);var s=n.activeTrack(),o=n.activeGroup(),u=(o.filter(function(e){return e.default})[0]||o[0]).id,d=n.tracks[u];if(s!==d){for(var l in t.log.warn("Problem encountered loading the alternate audio track.Switching back to default."),n.tracks)n.tracks[l].enabled=n.tracks[l]===d;n.onTrackChanged()}else a({message:"Problem encountered loading the default audio track."})}},SUBTITLES:function(e,i){return function(){var r=i.segmentLoaders[e],n=i.mediaTypes[e];t.log.warn("Problem encountered loading the subtitle track.Disabling subtitle track."),Hi(r,n);var a=n.activeTrack();a&&(a.mode="disabled"),n.onTrackChanged()}}},Wi={AUDIO:function(e,t,i){if(t){var r=i.tech,n=i.requestOptions,a=i.segmentLoaders[e];t.on("loadedmetadata",function(){var e=t.media();a.playlist(e,n),(!r.paused()||e.endList&&"none"!==r.preload())&&a.load()}),t.on("loadedplaylist",function(){a.playlist(t.media(),n),r.paused()||a.load()}),t.on("error",ji[e](e,i))}},SUBTITLES:function(e,t,i){var r=i.tech,n=i.requestOptions,a=i.segmentLoaders[e],s=i.mediaTypes[e];t.on("loadedmetadata",function(){var e=t.media();a.playlist(e,n),a.track(s.activeTrack()),(!r.paused()||e.endList&&"none"!==r.preload())&&a.load()}),t.on("loadedplaylist",function(){a.playlist(t.media(),n),r.paused()||a.load()}),t.on("error",ji[e](e,i))}},Vi=function(e,t){return function(i){return i.attributes[e]===t}},zi=function(e){return function(t){return t.resolvedUri===e}},Xi={AUDIO:function(e,i){var r=i.hls,n=i.sourceType,a=i.segmentLoaders[e],s=i.requestOptions.withCredentials,o=i.master,u=o.mediaGroups,d=o.playlists,l=i.mediaTypes[e],c=l.groups,h=l.tracks,f=i.masterPlaylistLoader;for(var p in u[e]&&0!==Object.keys(u[e]).length||(u[e]={main:{default:{default:!0}}}),u[e]){c[p]||(c[p]=[]);var m=d.filter(Vi(e,p));for(var g in u[e][p]){var y=u[e][p][g];m.filter(zi(y.resolvedUri)).length&&delete y.resolvedUri;var _=void 0;if(_=y.resolvedUri?new M(y.resolvedUri,r,s):y.playlists&&"dash"===n?new Nt(y.playlists[0],r,s,f):null,y=t.mergeOptions({id:g,playlistLoader:_},y),Wi[e](e,y.playlistLoader,i),c[p].push(y),"undefined"==typeof h[g]){var v=new t.AudioTrack({id:g,kind:Fi(y),enabled:!1,language:y.language,default:y.default,label:g});h[g]=v}}}a.on("error",ji[e](e,i))},SUBTITLES:function(e,i){var r=i.tech,n=i.hls,a=i.sourceType,s=i.segmentLoaders[e],o=i.requestOptions.withCredentials,u=i.master.mediaGroups,d=i.mediaTypes[e],l=d.groups,c=d.tracks,h=i.masterPlaylistLoader;for(var f in u[e])for(var p in l[f]||(l[f]=[]),u[e][f])if(!u[e][f][p].forced){var m=u[e][f][p],g=void 0;if("hls"===a?g=new M(m.resolvedUri,n,o):"dash"===a&&(g=new Nt(m.playlists[0],n,o,h)),m=t.mergeOptions({id:p,playlistLoader:g},m),Wi[e](e,m.playlistLoader,i),l[f].push(m),"undefined"==typeof c[p]){var y=r.addRemoteTextTrack({id:p,kind:"subtitles",enabled:!1,language:m.language,label:p},!1).track;c[p]=y}}s.on("error",ji[e](e,i))},"CLOSED-CAPTIONS":function(e,i){var r=i.tech,n=i.master.mediaGroups,a=i.mediaTypes[e],s=a.groups,o=a.tracks;for(var u in n[e])for(var d in s[u]||(s[u]=[]),n[e][u]){var l=n[e][u][d];if(l.instreamId.match(/CC\d/)&&(s[u].push(t.mergeOptions({id:d},l)),"undefined"==typeof o[d])){var c=r.addRemoteTextTrack({id:l.instreamId,kind:"captions",enabled:!1,language:l.language,label:d},!1).track;o[d]=c}}}},Yi={AUDIO:function(e,t){return function(){var i=t.mediaTypes[e].tracks;for(var r in i)if(i[r].enabled)return i[r];return null}},SUBTITLES:function(e,t){return function(){var i=t.mediaTypes[e].tracks;for(var r in i)if("showing"===i[r].mode)return i[r];return null}}},$i=function(e){["AUDIO","SUBTITLES","CLOSED-CAPTIONS"].forEach(function(t){Xi[t](t,e)});var t=e.mediaTypes,i=e.masterPlaylistLoader,r=e.tech,n=e.hls;["AUDIO","SUBTITLES"].forEach(function(i){t[i].activeGroup=function(e,t){return function(i){var r=t.masterPlaylistLoader,n=t.mediaTypes[e].groups,a=r.media();if(!a)return null;var s=null;return a.attributes[e]&&(s=n[a.attributes[e]]),s=s||n.main,"undefined"==typeof i?s:null===i?null:s.filter(function(e){return e.id===i.id})[0]||null}}(i,e),t[i].activeTrack=Yi[i](i,e),t[i].onGroupChanged=function(e,t){return function(){var i=t.segmentLoaders,r=i[e],n=i.main,a=t.mediaTypes[e],s=a.activeTrack(),o=a.activeGroup(s),u=a.activePlaylistLoader;Hi(r,a),o&&(o.playlistLoader?(r.resyncLoader(),Gi(o.playlistLoader,a)):u&&n.resetEverything())}}(i,e),t[i].onTrackChanged=function(e,t){return function(){var i=t.segmentLoaders,r=i[e],n=i.main,a=t.mediaTypes[e],s=a.activeTrack(),o=a.activeGroup(s),u=a.activePlaylistLoader;Hi(r,a),o&&(o.playlistLoader?u!==o.playlistLoader?(r.track&&r.track(s),r.resetEverything(),Gi(o.playlistLoader,a)):Gi(o.playlistLoader,a):n.resetEverything())}}(i,e)});var a=t.AUDIO.activeGroup(),s=(a.filter(function(e){return e.default})[0]||a[0]).id;t.AUDIO.tracks[s].enabled=!0,t.AUDIO.onTrackChanged(),i.on("mediachange",function(){["AUDIO","SUBTITLES"].forEach(function(e){return t[e].onGroupChanged()})});var o=function(){t.AUDIO.onTrackChanged(),r.trigger({type:"usage",name:"hls-audio-change"})};for(var u in r.audioTracks().addEventListener("change",o),r.remoteTextTracks().addEventListener("change",t.SUBTITLES.onTrackChanged),n.on("dispose",function(){r.audioTracks().removeEventListener("change",o),r.remoteTextTracks().removeEventListener("change",t.SUBTITLES.onTrackChanged)}),r.clearTracks("audio"),t.AUDIO.tracks)r.audioTracks().addTrack(t.AUDIO.tracks[u])},Ki=function(){var e={};return["AUDIO","SUBTITLES","CLOSED-CAPTIONS"].forEach(function(t){e[t]={groups:{},tracks:{},activePlaylistLoader:null,activeGroup:Ft,activeTrack:Ft,onGroupChanged:Ft,onTrackChanged:Ft}}),e},Qi=void 0,Ji=["mediaRequests","mediaRequestsAborted","mediaRequestsTimedout","mediaRequestsErrored","mediaTransferDuration","mediaBytesTransferred"],Zi=function(e){return this.audioSegmentLoader_[e]+this.mainSegmentLoader_[e]},er=function(e){function i(e){S(this,i);var r=A(this,(i.__proto__||Object.getPrototypeOf(i)).call(this)),n=e.url,a=e.withCredentials,s=e.tech,o=e.bandwidth,u=e.externHls,d=e.useCueTags,l=e.blacklistDuration,c=e.enableLowInitialPlaylist,h=e.sourceType;if(!n)throw new Error("A non-empty playlist URL is required");Qi=u,r.withCredentials=a,r.tech_=s,r.hls_=s.hls,r.sourceType_=h,r.useCueTags_=d,r.blacklistDuration=l,r.enableLowInitialPlaylist=c,r.useCueTags_&&(r.cueTagsTrack_=r.tech_.addTextTrack("metadata","ad-cues"),r.cueTagsTrack_.inBandMetadataTrackDispatchType=""),r.requestOptions_={withCredentials:r.withCredentials,timeout:null},r.mediaTypes_=Ki(),r.mediaSource=new t.MediaSource,r.mediaSource.addEventListener("sourceopen",r.handleSourceOpen_.bind(r)),r.seekable_=t.createTimeRanges(),r.hasPlayed_=function(){return!1},r.syncController_=new Ni(e),r.segmentMetadataTrack_=s.addRemoteTextTrack({kind:"metadata",label:"segment-metadata"},!1).track,r.decrypter_=new qi;var f={hls:r.hls_,mediaSource:r.mediaSource,currentTime:r.tech_.currentTime.bind(r.tech_),seekable:function(){return r.seekable()},seeking:function(){return r.tech_.seeking()},duration:function(){return r.mediaSource.duration},hasPlayed:function(){return r.hasPlayed_()},goalBufferLength:function(){return r.goalBufferLength()},bandwidth:o,syncController:r.syncController_,decrypter:r.decrypter_,sourceType:r.sourceType_};return r.masterPlaylistLoader_="dash"===r.sourceType_?new Nt(n,r.hls_,r.withCredentials):new M(n,r.hls_,r.withCredentials),r.setupMasterPlaylistLoaderListeners_(),r.mainSegmentLoader_=new di(t.mergeOptions(f,{segmentMetadataTrack:r.segmentMetadataTrack_,loaderType:"main"}),e),r.audioSegmentLoader_=new di(t.mergeOptions(f,{loaderType:"audio"}),e),r.subtitleSegmentLoader_=new hi(t.mergeOptions(f,{loaderType:"vtt"}),e),r.setupSegmentLoaderListeners_(),Ji.forEach(function(e){r[e+"_"]=Zi.bind(r,e)}),r.logger_=qt("MPC"),r.masterPlaylistLoader_.load(),r}return L(i,e),k(i,[{key:"setupMasterPlaylistLoaderListeners_",value:function(){var e=this;this.masterPlaylistLoader_.on("loadedmetadata",function(){var i=e.masterPlaylistLoader_.media(),r=1.5*e.masterPlaylistLoader_.targetDuration*1e3;Q(e.masterPlaylistLoader_.master,e.masterPlaylistLoader_.media())?e.requestOptions_.timeout=0:e.requestOptions_.timeout=r,i.endList&&"none"!==e.tech_.preload()&&(e.mainSegmentLoader_.playlist(i,e.requestOptions_),e.mainSegmentLoader_.load()),$i({sourceType:e.sourceType_,segmentLoaders:{AUDIO:e.audioSegmentLoader_,SUBTITLES:e.subtitleSegmentLoader_,main:e.mainSegmentLoader_},tech:e.tech_,requestOptions:e.requestOptions_,masterPlaylistLoader:e.masterPlaylistLoader_,hls:e.hls_,master:e.master(),mediaTypes:e.mediaTypes_,blacklistCurrentPlaylist:e.blacklistCurrentPlaylist.bind(e)}),e.triggerPresenceUsage_(e.master(),i);try{e.setupSourceBuffers_()}catch(i){return t.log.warn("Failed to create SourceBuffers",i),e.mediaSource.endOfStream("decode")}e.setupFirstPlay(),e.trigger("selectedinitialmedia")}),this.masterPlaylistLoader_.on("loadedplaylist",function(){var t=e.masterPlaylistLoader_.media();if(!t){e.excludeUnsupportedVariants_();var i=void 0;return e.enableLowInitialPlaylist&&(i=e.selectInitialPlaylist()),i||(i=e.selectPlaylist()),e.initialMedia_=i,void e.masterPlaylistLoader_.media(e.initialMedia_)}if(e.useCueTags_&&e.updateAdCues_(t),e.mainSegmentLoader_.playlist(t,e.requestOptions_),e.updateDuration(),e.tech_.paused()||e.mainSegmentLoader_.load(),!t.endList){var r=function(){var t=e.seekable();0!==t.length&&e.mediaSource.addSeekableRange_(t.start(0),t.end(0))};if(e.duration()!==1/0){e.tech_.one("durationchange",function t(){e.duration()===1/0?r():e.tech_.one("durationchange",t)})}else r()}}),this.masterPlaylistLoader_.on("error",function(){e.blacklistCurrentPlaylist(e.masterPlaylistLoader_.error)}),this.masterPlaylistLoader_.on("mediachanging",function(){e.mainSegmentLoader_.abort(),e.mainSegmentLoader_.pause()}),this.masterPlaylistLoader_.on("mediachange",function(){var t=e.masterPlaylistLoader_.media(),i=1.5*e.masterPlaylistLoader_.targetDuration*1e3;Q(e.masterPlaylistLoader_.master,e.masterPlaylistLoader_.media())?e.requestOptions_.timeout=0:e.requestOptions_.timeout=i,e.mainSegmentLoader_.playlist(t,e.requestOptions_),e.mainSegmentLoader_.load(),e.tech_.trigger({type:"mediachange",bubbles:!0})}),this.masterPlaylistLoader_.on("playlistunchanged",function(){var t=e.masterPlaylistLoader_.media();e.stuckAtPlaylistEnd_(t)&&(e.blacklistCurrentPlaylist({message:"Playlist no longer updating."}),e.tech_.trigger("playliststuck"))}),this.masterPlaylistLoader_.on("renditiondisabled",function(){e.tech_.trigger({type:"usage",name:"hls-rendition-disabled"})}),this.masterPlaylistLoader_.on("renditionenabled",function(){e.tech_.trigger({type:"usage",name:"hls-rendition-enabled"})})}},{key:"triggerPresenceUsage_",value:function(e,t){var i=e.mediaGroups||{},r=!0,n=Object.keys(i.AUDIO);for(var a in i.AUDIO)for(var s in i.AUDIO[a]){i.AUDIO[a][s].uri||(r=!1)}r&&this.tech_.trigger({type:"usage",name:"hls-demuxed"}),Object.keys(i.SUBTITLES).length&&this.tech_.trigger({type:"usage",name:"hls-webvtt"}),Qi.Playlist.isAes(t)&&this.tech_.trigger({type:"usage",name:"hls-aes"}),Qi.Playlist.isFmp4(t)&&this.tech_.trigger({type:"usage",name:"hls-fmp4"}),n.length&&Object.keys(i.AUDIO[n[0]]).length>1&&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 e=this;this.mainSegmentLoader_.on("bandwidthupdate",function(){var t=e.selectPlaylist(),i=e.masterPlaylistLoader_.media(),r=e.tech_.buffered(),n=r.length?r.end(r.length-1)-e.tech_.currentTime():0,a=e.bufferLowWaterLine();(!i.endList||e.duration()<Wt.MAX_BUFFER_LOW_WATER_LINE||t.attributes.BANDWIDTH<i.attributes.BANDWIDTH||n>=a)&&e.masterPlaylistLoader_.media(t),e.tech_.trigger("bandwidthupdate")}),this.mainSegmentLoader_.on("progress",function(){e.trigger("progress")}),this.mainSegmentLoader_.on("error",function(){e.blacklistCurrentPlaylist(e.mainSegmentLoader_.error())}),this.mainSegmentLoader_.on("syncinfoupdate",function(){e.onSyncInfoUpdate_()}),this.mainSegmentLoader_.on("timestampoffset",function(){e.tech_.trigger({type:"usage",name:"hls-timestamp-offset"})}),this.audioSegmentLoader_.on("syncinfoupdate",function(){e.onSyncInfoUpdate_()}),this.mainSegmentLoader_.on("ended",function(){e.onEndOfStream()}),this.mainSegmentLoader_.on("earlyabort",function(){e.blacklistCurrentPlaylist({message:"Aborted early because there isn't enough bandwidth to complete the request without rebuffering."},120)}),this.mainSegmentLoader_.on("reseteverything",function(){e.tech_.trigger("hls-reset")}),this.mainSegmentLoader_.on("segmenttimemapping",function(t){e.tech_.trigger({type:"hls-segment-time-mapping",mapping:t.mapping})}),this.audioSegmentLoader_.on("ended",function(){e.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:"fastQualityChange_",value:function(){var e=this.selectPlaylist();e!==this.masterPlaylistLoader_.media()&&(this.masterPlaylistLoader_.media(e),this.mainSegmentLoader_.resetLoader())}},{key:"play",value:function(){if(!this.setupFirstPlay()){this.tech_.ended()&&this.tech_.setCurrentTime(0),this.hasPlayed_()&&this.load();var e=this.tech_.seekable();return this.tech_.duration()===1/0&&this.tech_.currentTime()<e.start(0)?this.tech_.setCurrentTime(e.end(e.length-1)):void 0}}},{key:"setupFirstPlay",value:function(){var e=this,i=this.masterPlaylistLoader_.media();if(!i||this.tech_.paused()||this.hasPlayed_())return!1;if(!i.endList){var r=this.seekable();if(!r.length)return!1;if(t.browser.IE_VERSION&&0===this.tech_.readyState())return this.tech_.one("loadedmetadata",function(){e.trigger("firstplay"),e.tech_.setCurrentTime(r.end(0)),e.hasPlayed_=function(){return!0}}),!1;this.trigger("firstplay"),this.tech_.setCurrentTime(r.end(0))}return this.hasPlayed_=function(){return!0},this.load(),!0}},{key:"handleSourceOpen_",value:function(){try{this.setupSourceBuffers_()}catch(e){return t.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_;this.mediaTypes_.AUDIO.activePlaylistLoader&&(e=!this.mainSegmentLoader_.startingMedia_||this.mainSegmentLoader_.startingMedia_.containsVideo?e&&this.audioSegmentLoader_.ended_:this.audioSegmentLoader_.ended_),e&&this.mediaSource.endOfStream()}},{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=Qi.Playlist.playlistEnd(e,t),r=this.tech_.currentTime(),n=this.tech_.buffered();if(!n.length)return i-r<=.1;var a=n.end(n.length-1);return a-r<=.1&&i-a<=.1}},{key:"blacklistCurrentPlaylist",value:function(){var e,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments[1],n=void 0;if(n=i.playlist||this.masterPlaylistLoader_.media(),r=r||i.blacklistDuration||this.blacklistDuration,!n){this.error=i;try{return this.mediaSource.endOfStream("network")}catch(e){return this.trigger("error")}}var a=1===this.masterPlaylistLoader_.master.playlists.filter($).length;return a?(t.log.warn("Problem encountered with the current HLS playlist. Trying again since it is the final playlist."),this.tech_.trigger("retryplaylist"),this.masterPlaylistLoader_.load(a)):(n.excludeUntil=Date.now()+1e3*r,this.tech_.trigger("blacklistplaylist"),this.tech_.trigger({type:"usage",name:"hls-rendition-blacklisted"}),e=this.selectPlaylist(),t.log.warn("Problem encountered with the current HLS playlist."+(i.message?" "+i.message:"")+" Switching to another playlist."),this.masterPlaylistLoader_.media(e))}},{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=Te(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:Qi.Playlist.duration(this.masterPlaylistLoader_.media()):0}},{key:"seekable",value:function(){return this.seekable_}},{key:"onSyncInfoUpdate_",value:function(){var e=void 0,i=void 0;if(this.masterPlaylistLoader_){var r=this.masterPlaylistLoader_.media();if(r){var n=this.syncController_.getExpiredTime(r,this.mediaSource.duration);if(null!==n&&0!==(e=Qi.Playlist.seekable(r,n)).length){if(this.mediaTypes_.AUDIO.activePlaylistLoader){if(r=this.mediaTypes_.AUDIO.activePlaylistLoader.media(),null===(n=this.syncController_.getExpiredTime(r,this.mediaSource.duration)))return;if(0===(i=Qi.Playlist.seekable(r,n)).length)return}i?i.start(0)>e.end(0)||e.start(0)>i.end(0)?this.seekable_=e:this.seekable_=t.createTimeRanges([[i.start(0)>e.start(0)?i.start(0):e.start(0),i.end(0)<e.end(0)?i.end(0):e.end(0)]]):this.seekable_=e,this.logger_("seekable updated ["+ke(this.seekable_)+"]"),this.tech_.trigger("seekablechanged")}}}}},{key:"updateDuration",value:function(){var e=this,t=this.mediaSource.duration,i=Qi.Playlist.duration(this.masterPlaylistLoader_.media()),r=this.tech_.buffered(),n=function t(){e.mediaSource.duration=i,e.tech_.trigger("durationchange"),e.mediaSource.removeEventListener("sourceopen",t)};r.length>0&&(i=Math.max(i,r.end(r.length-1))),t!==i&&("open"!==this.mediaSource.readyState?this.mediaSource.addEventListener("sourceopen",n):n())}},{key:"dispose",value:function(){var e=this;this.decrypter_.terminate(),this.masterPlaylistLoader_.dispose(),this.mainSegmentLoader_.dispose(),["AUDIO","SUBTITLES"].forEach(function(t){var i=e.mediaTypes_[t].groups;for(var r in i)i[r].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=ri(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 i=e.length>1&&-1===e[0].indexOf(",")&&e[0]!==e[1]?new t.EventTarget:null;this.mainSegmentLoader_.mimeType(e[0],i),e[1]&&this.audioSegmentLoader_.mimeType(e[1],i)}},{key:"excludeUnsupportedVariants_",value:function(){this.master().playlists.forEach(function(e){var t;e.attributes.CODECS&&c.MediaSource&&c.MediaSource.isTypeSupported&&!c.MediaSource.isTypeSupported('video/mp4; codecs="'+(t=e.attributes.CODECS,t.replace(/avc1\.(\d+)\.(\d+)/i,function(e){return Ge([e])[0]}))+'"')&&(e.excludeUntil=1/0)})}},{key:"excludeIncompatibleVariants_",value:function(e){var t=2,i=null,r=void 0;e.attributes.CODECS&&(r=ti(e.attributes.CODECS),i=r.videoCodec,t=r.codecCount),this.master().playlists.forEach(function(e){var r={codecCount:2,videoCodec:null};e.attributes.CODECS&&(r=ti(e.attributes.CODECS)),r.codecCount!==t&&(e.excludeUntil=1/0),r.videoCodec!==i&&(e.excludeUntil=1/0)})}},{key:"updateAdCues_",value:function(e){var t=0,i=this.seekable();i.length&&(t=i.start(0)),function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e.segments)for(var r=i,n=void 0,a=0;a<e.segments.length;a++){var s=e.segments[a];if(n||(n=fi(t,r+s.duration/2)),n){if("cueIn"in s){n.endTime=r,n.adEndTime=r,r+=s.duration,n=null;continue}if(r<n.endTime){r+=s.duration;continue}n.endTime+=s.duration}else if("cueOut"in s&&((n=new c.VTTCue(r,r+s.duration,s.cueOut)).adStartTime=r,n.adEndTime=r+parseFloat(s.cueOut),t.addCue(n)),"cueOutCont"in s){var o,u,d=s.cueOutCont.split("/").map(parseFloat),l=w(d,2);o=l[0],u=l[1],(n=new c.VTTCue(r,r+s.duration,"")).adStartTime=r-o,n.adEndTime=n.adStartTime+u,t.addCue(n)}r+=s.duration}}(e,this.cueTagsTrack_,t)}},{key:"goalBufferLength",value:function(){var e=this.tech_.currentTime(),t=Wt.GOAL_BUFFER_LENGTH,i=Wt.GOAL_BUFFER_LENGTH_RATE,r=Math.max(t,Wt.MAX_GOAL_BUFFER_LENGTH);return Math.min(t+e*i,r)}},{key:"bufferLowWaterLine",value:function(){var e=this.tech_.currentTime(),t=Wt.BUFFER_LOW_WATER_LINE,i=Wt.BUFFER_LOW_WATER_LINE_RATE,r=Math.max(t,Wt.MAX_BUFFER_LOW_WATER_LINE);return Math.min(t+e*i,r)}}]),i}(t.EventTarget),tr=function e(t,i,r){S(this,e);var n,a,s,o=t.masterPlaylistController_.fastQualityChange_.bind(t.masterPlaylistController_);if(i.attributes.RESOLUTION){var u=i.attributes.RESOLUTION;this.width=u.width,this.height=u.height}this.bandwidth=i.attributes.BANDWIDTH,this.id=r,this.enabled=(n=t.playlists,a=i.uri,s=o,function(e){var t=n.master.playlists[a],i=Y(t),r=$(t);return"undefined"==typeof e?r:(e?delete t.disabled:t.disabled=!0,e===r||i||(s(),e?n.trigger("renditionenabled"):n.trigger("renditiondisabled")),e)})},ir=["seeking","seeked","pause","playing","error"],rr=function(){function e(t){var i=this;S(this,e),this.tech_=t.tech,this.seekable=t.seekable,this.consecutiveUpdates=0,this.lastRecordedTime=null,this.timer_=null,this.checkCurrentTimeTimeout_=null,this.logger_=qt("PlaybackWatcher"),this.logger_("initialize");var r=function(){return i.monitorCurrentTime_()},n=function(){return i.techWaiting_()},a=function(){return i.cancelTimer_()},s=function(){return i.fixesBadSeeks_()};this.tech_.on("seekablechanged",s),this.tech_.on("waiting",n),this.tech_.on(ir,a),this.tech_.on("canplay",r),this.dispose=function(){i.logger_("dispose"),i.tech_.off("seekablechanged",s),i.tech_.off("waiting",n),i.tech_.off(ir,a),i.tech_.off("canplay",r),i.checkCurrentTimeTimeout_&&c.clearTimeout(i.checkCurrentTimeTimeout_),i.cancelTimer_()}}return k(e,[{key:"monitorCurrentTime_",value:function(){this.checkCurrentTime_(),this.checkCurrentTimeTimeout_&&c.clearTimeout(this.checkCurrentTimeTimeout_),this.checkCurrentTimeTimeout_=c.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_();this.consecutiveUpdates>=5&&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(){var e=this.tech_.seeking(),t=this.seekable(),i=this.tech_.currentTime(),r=void 0;e&&this.afterSeekableWindow_(t,i)&&(r=t.end(t.length-1));e&&this.beforeSeekableWindow_(t,i)&&(r=t.start(0)+.1);return"undefined"!=typeof r&&(this.logger_("Trying to seek outside of seekable at time "+i+" with seekable range "+ke(t)+". Seeking to "+r+"."),this.tech_.setCurrentTime(r),!0)}},{key:"waiting_",value:function(){if(!this.techWaiting_()){var e=this.tech_.currentTime(),t=this.tech_.buffered(),i=Te(t,e);return i.length&&e+3<=i.end(0)?(this.cancelTimer_(),this.tech_.setCurrentTime(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.tech_.setCurrentTime(i),this.tech_.trigger({type:"usage",name:"hls-live-resync"}),!0}var r=this.tech_.buffered(),n=Se(r,t);if(this.videoUnderflow_(n,r,t))return this.cancelTimer_(),this.tech_.setCurrentTime(t),this.tech_.trigger({type:"usage",name:"hls-video-underflow"}),!0;if(n.length>0){var a=n.start(0)-t;return this.logger_("Stopped at "+t+", setting timer for "+a+", seeking to "+n.start(0)),this.timer_=setTimeout(this.skipTheGap_.bind(this),1e3*a,t),!0}return!1}},{key:"afterSeekableWindow_",value:function(e,t){return!!e.length&&t>e.end(e.length-1)+.1}},{key:"beforeSeekableWindow_",value:function(e,t){return!!(e.length&&e.start(0)>0&&t<e.start(0)-.1)}},{key:"videoUnderflow_",value:function(e,t,i){if(0===e.length){var r=this.gapFromVideoUnderflow_(t,i);if(r)return this.logger_("Encountered a gap in video from "+r.start+" to "+r.end+". Seeking to current time "+i),!0}return!1}},{key:"skipTheGap_",value:function(e){var t=this.tech_.buffered(),i=this.tech_.currentTime(),r=Se(t,i);this.cancelTimer_(),0!==r.length&&i===e&&(this.logger_("skipTheGap_:","currentTime:",i,"scheduled currentTime:",e,"nextRange start:",r.start(0)),this.tech_.setCurrentTime(r.start(0)+1/30),this.tech_.trigger({type:"usage",name:"hls-gap-skip"}))}},{key:"gapFromVideoUnderflow_",value:function(e,i){for(var r=function(e){if(e.length<2)return t.createTimeRanges();for(var i=[],r=1;r<e.length;r++){var n=e.end(r-1),a=e.start(r);i.push([n,a])}return t.createTimeRanges(i)}(e),n=0;n<r.length;n++){var a=r.start(n),s=r.end(n);if(i-a<4&&i-a>2)return{start:a,end:s}}return null}}]),e}(),nr={errorInterval:30,getSource:function(e){return e(this.tech({IWillNotUseThisInPlugins:!0}).currentSource_)}},ar=function(e){!function e(i,r){var n=0,a=0,s=t.mergeOptions(nr,r);i.ready(function(){i.trigger({type:"usage",name:"hls-error-reload-initialized"})});var o=function(){a&&i.currentTime(a)},u=function(e){null!==e&&void 0!==e&&(a=i.duration()!==1/0&&i.currentTime()||0,i.one("loadedmetadata",o),i.src(e),i.trigger({type:"usage",name:"hls-error-reload"}),i.play())},d=function(){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,u);t.log.error("ERROR: reloadSourceOnError - The option getSource must be a function!")}},l=function e(){i.off("loadedmetadata",o),i.off("error",d),i.off("dispose",e)};i.on("error",d),i.on("dispose",l),i.reloadSourceOnError=function(t){l(),e(i,t)}}(this,e)},sr={PlaylistLoader:M,Playlist:J,Decrypter:he,AsyncStream:de,decrypt:ce,utils:ve,STANDARD_PLAYLIST_SELECTOR:function(){return function(e,t,i,r){var n=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||c.Number.MAX_VALUE,width:t,height:i,playlist:e}});ai(n,function(e,t){return e.bandwidth-t.bandwidth});var a=(n=n.filter(function(e){return!J.isIncompatible(e.playlist)})).filter(function(e){return J.isEnabled(e.playlist)});a.length||(a=n.filter(function(e){return!J.isDisabled(e.playlist)}));var s=a.filter(function(e){return e.bandwidth*Wt.BANDWIDTH_VARIANCE<t}),o=s[s.length-1],u=s.filter(function(e){return e.bandwidth===o.bandwidth})[0],d=s.filter(function(e){return e.width&&e.height});ai(d,function(e,t){return e.width-t.width});var l=d.filter(function(e){return e.width===i&&e.height===r});o=l[l.length-1];var h=l.filter(function(e){return e.bandwidth===o.bandwidth})[0],f=void 0,p=void 0,m=void 0;h||(p=(f=d.filter(function(e){return e.width>i||e.height>r})).filter(function(e){return e.width===f[0].width&&e.height===f[0].height}),o=p[p.length-1],m=p.filter(function(e){return e.bandwidth===o.bandwidth})[0]);var g=m||h||u||a[0]||n[0];return g?g.playlist:null}(this.playlists.master,this.systemBandwidth,parseInt(ni(this.tech_.el(),"width"),10),parseInt(ni(this.tech_.el(),"height"),10))},INITIAL_PLAYLIST_SELECTOR:function(){var e=this.playlists.master.playlists.filter(J.isEnabled);return ai(e,function(e,t){return si(e,t)}),e.filter(function(e){return ti(e.attributes.CODECS).videoCodec})[0]||null},comparePlaylistBandwidth:si,comparePlaylistResolution:function(e,t){var i=void 0,r=void 0;return e.attributes.RESOLUTION&&e.attributes.RESOLUTION.width&&(i=e.attributes.RESOLUTION.width),i=i||c.Number.MAX_VALUE,t.attributes.RESOLUTION&&t.attributes.RESOLUTION.width&&(r=t.attributes.RESOLUTION.width),i===(r=r||c.Number.MAX_VALUE)&&e.attributes.BANDWIDTH&&t.attributes.BANDWIDTH?e.attributes.BANDWIDTH-t.attributes.BANDWIDTH:i-r},xhr:te()};["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(e){Object.defineProperty(sr,e,{get:function(){return t.log.warn("using Hls."+e+" is UNSAFE be sure you know what you are doing"),Wt[e]},set:function(i){t.log.warn("using Hls."+e+" is UNSAFE be sure you know what you are doing"),"number"!=typeof i||i<0?t.log.warn("value of Hls."+e+" must be greater than or equal to 0"):Wt[e]=i}})});var or=function(e){if(/^(audio|video|application)\/(x-|vnd\.apple\.)?mpegurl/i.test(e))return"hls";return/^application\/dash\+xml/i.test(e)?"dash":null},ur=function(e,t){for(var i=t.media(),r=-1,n=0;n<e.length;n++)if(e[n].id===i.uri){r=n;break}e.selectedIndex_=r,e.trigger({selectedIndex:r,type:"change"})};sr.canPlaySource=function(){return t.log.warn("HLS is no longer a tech. Please remove it from your player's techOrder.")};var dr=function(e,i,r){if(!e)return e;var n={};for(var a in e)n[a]={audioContentType:'audio/mp4; codecs="'+r.attributes.CODECS+'"',videoContentType:'video/mp4; codecs="'+i.attributes.CODECS+'"'},i.contentProtection&&i.contentProtection[a]&&i.contentProtection[a].pssh&&(n[a].pssh=i.contentProtection[a].pssh),"string"==typeof e[a]&&(n[a].url=e[a]);return t.mergeOptions(e,n)};sr.supportsNativeHls=function(){var e=d.createElement("video");if(!t.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(t){return/maybe|probably/i.test(e.canPlayType(t))})}(),sr.supportsNativeDash=!!t.getTech("Html5").isSupported()&&/maybe|probably/i.test(d.createElement("video").canPlayType("application/dash+xml")),sr.supportsTypeNatively=function(e){return"hls"===e?sr.supportsNativeHls:"dash"===e&&sr.supportsNativeDash},sr.isSupported=function(){return t.log.warn("HLS is no longer a tech. Please remove it from your player's techOrder.")};var lr=t.getComponent("Component"),cr=function(e){function i(e,r,n){S(this,i);var a=A(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,r,n.hls));if(r.options_&&r.options_.playerId){var s=t(r.options_.playerId);s.hasOwnProperty("hls")||Object.defineProperty(s,"hls",{get:function(){return t.log.warn("player.hls is deprecated. Use player.tech_.hls instead."),r.trigger({type:"usage",name:"hls-player-access"}),a}}),s.vhs=a,s.dash=a}if(a.tech_=r,a.source_=e,a.stats={},a.ignoreNextSeekingEvent_=!1,a.setOptions_(),a.options_.overrideNative&&(r.featuresNativeVideoTracks||r.featuresNativeAudioTracks))throw new Error("Overriding native HLS requires emulated tracks. See https://git.io/vMpjB");return a.on(d,["fullscreenchange","webkitfullscreenchange","mozfullscreenchange","MSFullscreenChange"],function(e){var t=d.fullscreenElement||d.webkitFullscreenElement||d.mozFullScreenElement||d.msFullscreenElement;t&&t.contains(a.tech_.el())&&a.masterPlaylistController_.fastQualityChange_()}),a.on(a.tech_,"seeking",function(){this.ignoreNextSeekingEvent_?this.ignoreNextSeekingEvent_=!1:this.setCurrentTime(this.tech_.currentTime())}),a.on(a.tech_,"error",function(){this.masterPlaylistController_&&this.masterPlaylistController_.pauseLoading()}),a.on(a.tech_,"play",a.play),a}return L(i,lr),k(i,[{key:"setOptions_",value:function(){var e=this;this.options_.withCredentials=this.options_.withCredentials||!1,"number"!=typeof this.options_.blacklistDuration&&(this.options_.blacklistDuration=300),"number"!=typeof this.options_.bandwidth&&(this.options_.bandwidth=4194304),this.options_.enableLowInitialPlaylist=this.options_.enableLowInitialPlaylist&&4194304===this.options_.bandwidth,["withCredentials","bandwidth"].forEach(function(t){"undefined"!=typeof e.source_[t]&&(e.options_[t]=e.source_[t])}),this.bandwidth=this.options_.bandwidth}},{key:"src",value:function(e,i){var r=this;e&&(this.setOptions_(),this.options_.url=this.source_.src,this.options_.tech=this.tech_,this.options_.externHls=sr,this.options_.sourceType=or(i),this.masterPlaylistController_=new er(this.options_),this.playbackWatcher_=new rr(t.mergeOptions(this.options_,{seekable:function(){return r.seekable()}})),this.masterPlaylistController_.on("error",function(){t.players[r.tech_.options_.playerId].error(r.masterPlaylistController_.error)}),this.masterPlaylistController_.selectPlaylist=this.selectPlaylist?this.selectPlaylist.bind(this):sr.STANDARD_PLAYLIST_SELECTOR.bind(this),this.masterPlaylistController_.selectInitialPlaylist=sr.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=this.throughput>0?1/this.throughput:0,Math.floor(1/(e+t))},set:function(){t.log.error('The "systemBandwidth" property is read-only')}}}),Object.defineProperties(this.stats,{bandwidth:{get:function(){return r.bandwidth||0},enumerable:!0},mediaRequests:{get:function(){return r.masterPlaylistController_.mediaRequests_()||0},enumerable:!0},mediaRequestsAborted:{get:function(){return r.masterPlaylistController_.mediaRequestsAborted_()||0},enumerable:!0},mediaRequestsTimedout:{get:function(){return r.masterPlaylistController_.mediaRequestsTimedout_()||0},enumerable:!0},mediaRequestsErrored:{get:function(){return r.masterPlaylistController_.mediaRequestsErrored_()||0},enumerable:!0},mediaTransferDuration:{get:function(){return r.masterPlaylistController_.mediaTransferDuration_()||0},enumerable:!0},mediaBytesTransferred:{get:function(){return r.masterPlaylistController_.mediaBytesTransferred_()||0},enumerable:!0},mediaSecondsLoaded:{get:function(){return r.masterPlaylistController_.mediaSecondsLoaded_()||0},enumerable:!0},buffered:{get:function(){return Ee(r.tech_.buffered())},enumerable:!0},currentTime:{get:function(){return r.tech_.currentTime()},enumerable:!0},currentSource:{get:function(){return r.tech_.currentSource_},enumerable:!0},currentTech:{get:function(){return r.tech_.name_},enumerable:!0},duration:{get:function(){return r.tech_.duration()},enumerable:!0},master:{get:function(){return r.playlists.master},enumerable:!0},playerDimensions:{get:function(){return r.tech_.currentDimensions()},enumerable:!0},seekable:{get:function(){return Ee(r.tech_.seekable())},enumerable:!0},timestamp:{get:function(){return Date.now()},enumerable:!0},videoPlaybackQuality:{get:function(){return r.tech_.getVideoPlaybackQuality()},enumerable:!0}}),this.tech_.one("canplay",this.masterPlaylistController_.setupFirstPlay.bind(this.masterPlaylistController_)),this.masterPlaylistController_.on("selectedinitialmedia",function(){var e,i;i=(e=r).playlists,e.representations=function(){return i.master.playlists.filter(function(e){return!Y(e)}).map(function(t,i){return new tr(e,t,t.uri)})},function(e){if("dash"===e.options_.sourceType){var i=t.players[e.tech_.options_.playerId];if(i.eme){var r=dr(e.source_.keySystems,e.playlists.media(),e.masterPlaylistController_.mediaTypes_.AUDIO.activePlaylistLoader.media());r&&(i.currentSource().keySystems=r)}}}(r)}),this.on(this.masterPlaylistController_,"progress",function(){this.tech_.trigger("progress")}),this.on(this.masterPlaylistController_,"firstplay",function(){this.ignoreNextSeekingEvent_=!0}),this.tech_.ready(function(){return r.setupQualityLevels_()}),this.tech_.el()&&this.tech_.src(t.URL.createObjectURL(this.masterPlaylistController_.mediaSource)))}},{key:"setupQualityLevels_",value:function(){var e=this,i=t.players[this.tech_.options_.playerId];i&&i.qualityLevels&&(this.qualityLevels_=i.qualityLevels(),this.masterPlaylistController_.on("selectedinitialmedia",function(){var t,i;t=e.qualityLevels_,(i=e).representations().forEach(function(e){t.addQualityLevel(e)}),ur(t,i.playlists)}),this.playlists.on("mediachange",function(){ur(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(),function e(t,i,r){null===t&&(t=Function.prototype);var n=Object.getOwnPropertyDescriptor(t,i);if(void 0===n){var a=Object.getPrototypeOf(t);return null===a?void 0:e(a,i,r)}if("value"in n)return n.value;var s=n.get;return void 0!==s?s.call(r):void 0}(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"dispose",this).call(this)}}]),i}(),hr={name:"videojs-http-streaming",VERSION:"1.0.1",canHandleSource:function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.mergeOptions(t.options,i);return hr.canPlayType(e.type,r)},handleSource:function(e,i){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=t.mergeOptions(t.options,r);return i.hls=new cr(e,i,n),i.hls.xhr=te(),i.hls.src(e.src,e.type),i.hls},canPlayType:function(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.mergeOptions(t.options,i).hls.overrideNative,n=or(e);return n&&(!sr.supportsTypeNatively(n)||r)?"maybe":""}};"undefined"!=typeof t.MediaSource&&"undefined"!=typeof t.URL||(t.MediaSource=Ye,t.URL=$e),Ye.supportsNativeMediaSources()&&t.getTech("Html5").registerSourceHandler(hr,0),t.HlsHandler=cr,t.HlsSourceHandler=hr,t.Hls=sr,t.use||t.registerComponent("Hls",sr),t.options.hls=t.options.hls||{},t.registerPlugin?t.registerPlugin("reloadSourceOnError",ar):t.plugin("reloadSourceOnError",ar),e.Hls=sr,e.HlsHandler=cr,e.HlsSourceHandler=hr,e.emeKeySystems=dr,e.simpleTypeFromSourceType=or,Object.defineProperty(e,"__esModule",{value:!0})});
diff --git a/pod/video/templates/videos/video-header.html b/pod/video/templates/videos/video-header.html
index 744a2f9cdd..f2fcf85458 100644
--- a/pod/video/templates/videos/video-header.html
+++ b/pod/video/templates/videos/video-header.html
@@ -13,14 +13,7 @@
 <!-- mp4 quality selector -->
 <script src="{% static 'js/silvermine-videojs-quality-selector.min.js' %}"></script>
 <!--
-<link href="{% static 'video-js-6.8.0/video-js.min.css' %}" rel="stylesheet">
 <link href="{% static 'css/quality-selector.css' %}" rel="stylesheet">
-<script src="{% static 'video-js-6.8.0/ie8/videojs-ie8.min.js' %}"></script>
-<script src="{% static 'video-js-6.8.0/video.min.js' %}"></script>
-
-<script src="{% static 'js/videojs-http-streaming.min.js' %}"></script>
-<script src="{% static 'js/videojs-contrib-quality-levels.min.js' %}"></script>
-<script src="{% static 'js/videojs-hls-quality-selector.min.js' %}"></script>
 -->
 <!-- notes -->
 <link href="{% static 'css/video_notes.css' %}" rel="stylesheet">
@@ -35,7 +28,7 @@
   <link href="{% static 'css/videojs-vtt-thumbnails.css' %}" rel="stylesheet">
   <script src="{% static 'js/videojs-vtt-thumbnails.min.js' %}"></script>
 {% endif %}
-<!-- to test -->
+
 {% if video.overlay_set.all and not enrichment%}
 <link href="{% static 'css/videojs-overlay.css' %}" rel="stylesheet">
 <script src="{% static 'js/videojs-overlay.js' %}"></script>
diff --git a/pod/video/templates/videos/video-script.html b/pod/video/templates/videos/video-script.html
index 25b14f9e90..7260d21da0 100644
--- a/pod/video/templates/videos/video-script.html
+++ b/pod/video/templates/videos/video-script.html
@@ -40,6 +40,10 @@
         if(isPlaying) this.pause();
         else this.play();
       }
+      if (event.key === 'm') {
+        event.preventDefault();
+        this.muted(!this.muted());
+      }
       // `arrow left`
       if (event.code === 'ArrowLeft') {
         event.preventDefault();
@@ -54,7 +58,6 @@
       }
     }
   },
-
   plugins: {
    seekButtons: {
     forward: 10,
@@ -117,7 +120,7 @@
       src: '{% if request.is_secure %}https://{%else%}http://{% endif %}{{request.get_host}}{{video.overview.url}}'
     });
   {%endif%}
-  /*
+  
   {% if video.overlay_set.all %}
     var list_overlays = [];
     $('ul#overlays li').each(function() {
@@ -143,7 +146,7 @@
   {% if request.GET.is_iframe %}
   player.videoJsInfo();
   {%endif%}
-  */
+  
   player.videoJsLogo({imgsrc: '{% static LOGO_PLAYER %}', linktitle:'{{TITLE_ETB}} - {{TITLE_SITE}}', link:'{{LINK_PLAYER}}'});
 {% else %}
   {% if video.get_video_m4a %}

From 5390e610188898c4bf6895d1e9ab21489a001281 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Fri, 15 Jan 2021 15:59:58 +0100
Subject: [PATCH 063/145] add const seektime and use it in seek function,
 improve video js script

---
 pod/video/templates/videos/video-script.html | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/pod/video/templates/videos/video-script.html b/pod/video/templates/videos/video-script.html
index 7260d21da0..8e423d174c 100644
--- a/pod/video/templates/videos/video-script.html
+++ b/pod/video/templates/videos/video-script.html
@@ -21,8 +21,8 @@
       evt.source.postMessage({paused: player.muted(), data: {}}, evt.origin);
     }
 };
-
-var options = {
+const seektime = 10;
+const options = {
   notSupportedMessage: "{% trans 'Please use different browser' %} (Mozzila Firefox, Google Chrome, Safari, Microsoft Edge)",
   //language: "fr", //en or nl
   {% if request.GET.is_iframe %}
@@ -48,20 +48,20 @@
       if (event.code === 'ArrowLeft') {
         event.preventDefault();
         const now = this.currentTime();
-        this.currentTime(now - 10);
+        this.currentTime(now - seektime);
       }
       // `arrow right`
       if (event.code === 'ArrowRight') {
         event.preventDefault();
         const now = this.currentTime();
-        this.currentTime(now + 10);
+        this.currentTime(now + seektime);
       }
     }
   },
   plugins: {
    seekButtons: {
-    forward: 10,
-    back: 10
+    forward: seektime,
+    back: seektime
    }
   }
 }
@@ -85,8 +85,7 @@
       type: '{{video.get_playlist_master.encoding_format}}',
     };
     player.on('loadedmetadata', function() {
-      //console.log('LOADEDMETADATA');
-      // var qualityLevels = this.qualityLevels();
+      //var qualityLevels = this.qualityLevels();
       {% if request.GET.start and request.GET.start != '0' %}
       player.currentTime({{request.GET.start}});
       {%endif%}
@@ -105,7 +104,7 @@
         //console.log('error!', error.code, error.type , error.message);
         if(player.src()=="" || player.src().indexOf("m3u8")!=-1){
           player.src(mp4_sources);
-          //player.controlBar.addChild('QualitySelector');
+          player.controlBar.addChild('QualitySelector');
           player.play();
         }
       }

From f07df5a49611e73e0acde240aad059d8fcefe6db Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Fri, 15 Jan 2021 18:58:35 +0100
Subject: [PATCH 064/145] Add direct_parent attribute, remove complex code

---
 pod/video/models.py | 49 +++++++++++++--------------------------------
 1 file changed, 14 insertions(+), 35 deletions(-)

diff --git a/pod/video/models.py b/pod/video/models.py
index 061cdd665c..d7ce21103d 100755
--- a/pod/video/models.py
+++ b/pod/video/models.py
@@ -1460,8 +1460,11 @@ class Comment(models.Model):
     author = models.ForeignKey(User, on_delete=models.CASCADE)
     content = models.TextField()
     parent = models.ForeignKey(
-            'self', related_name="children", null=True, blank=True,
-            on_delete=models.CASCADE)
+        'self', related_name="children", null=True, blank=True,
+        on_delete=models.CASCADE)
+    direct_parent = models.ForeignKey(
+        'self', related_name="direct_children", null=True, blank=True,
+        on_delete=models.CASCADE)
     video = models.ForeignKey(Video, on_delete=models.CASCADE)
     added = models.DateTimeField(auto_now_add=True)
 
@@ -1475,41 +1478,17 @@ def number_vote(self):
 
     @property
     def get_children(self):
-        all_c = Comment.objects.filter(
-            video=self.video
-        ).order_by('added').annotate(
-            nbr_vote=Count('vote')
-        )
-        return list(
-            map(
-                lambda c: {
-                    'id': c.id,
-                    'parent__id': c.parent.id if c.parent else None,
-                    'top_parent__id': c.top_parent_comment.id,
-                    'author__id': c.author.id,
-                    'author__first_name': c.author.first_name,
-                    'author__last_name': c.author.last_name,
-                    'content': c.content,
-                    'added': c.added,
-                    'nbr_vote': c.nbr_vote},
-                filter(
-                    lambda c: (
-                        c.id != self.id and
-                        c.top_parent_comment.id == self.id),
-                    all_c
-                )
-            )
-        )
+        return Comment.objects.filter(parent_id=self.id)
 
     @property
-    def top_parent_comment(self):
-        parent_c = self
-        while parent_c:
-            if not parent_c.parent:
-                break
-            parent_c = parent_c.parent
-
-        return parent_c
+    def get_json_children(self):
+        return self.get_children.annotate(
+            nbr_vote=Count('vote')).values(
+            'id', 'parent__id', 'direct_parent__id',
+            'author__id', 'author__first_name',
+            'author__last_name', 'added', 'content',
+            'nbr_vote'
+        )
 
     def __str__(self):
         return self.content

From 5f7e645bd36a1f6fc6a47136e295730a6aa1c280 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Fri, 15 Jan 2021 19:00:48 +0100
Subject: [PATCH 065/145] Add get only parents comments, one comment and
 children or all comment of video

---
 pod/video/views.py | 150 +++++++++++++++++++++++++++++++++++----------
 1 file changed, 119 insertions(+), 31 deletions(-)

diff --git a/pod/video/views.py b/pod/video/views.py
index 3abf74a97b..a6a5ffd6aa 100644
--- a/pod/video/views.py
+++ b/pod/video/views.py
@@ -5,7 +5,7 @@
 from django.http import HttpResponse, JsonResponse
 from django.http import HttpResponseNotAllowed, HttpResponseNotFound
 from django.http import HttpResponseForbidden, HttpResponseBadRequest
-from django.http import QueryDict
+from django.http import QueryDict, Http404
 from django.core.exceptions import SuspiciousOperation
 from django.core.exceptions import PermissionDenied
 from django.views.decorators.csrf import csrf_protect
@@ -1651,6 +1651,7 @@ def video_add(request):
 
 @csrf_protect
 def vote_get(request, video_slug):
+    # current video
     c_video = get_object_or_404(Video, slug=video_slug)
     if request.method == "POST":
         return HttpResponseNotFound('<h1>Method Not Allowed</h1>', status=405)
@@ -1665,14 +1666,17 @@ def vote_get(request, video_slug):
 def vote_post(request, video_slug, comment_id):
     if request.method == "GET":
         return HttpResponseNotFound('<h1>Method Not Allowed</h1>', status=405)
-
+    # current video
     c_video = get_object_or_404(Video, slug=video_slug)
+    # current comment
     c = get_object_or_404(
         Comment, video=c_video, id=comment_id)if comment_id else None
+    # current user
     c_user = request.user
     if not c_user:
         return HttpResponse('<h1>Bad Request</h1>', status=400)
     response = {}
+    # get vote on current comment
     c_vote = Vote.objects.filter(
         user=c_user, comment=c, comment__video=c_video).first()
     if c_vote:
@@ -1693,19 +1697,25 @@ def vote_post(request, video_slug, comment_id):
 @csrf_protect
 def add_comment(request, video_slug, comment_id=None):
     if request.method == "POST":
+        # current video
         c_video = get_object_or_404(Video, slug=video_slug)
+        # current user
         c_user = request.user
-        c_top_parent = get_object_or_404(
-            Comment, id=request.POST.get('top_parent'))if(
-                request.POST.get('top_parent')) else None
+        # current comment first parent(direct on video)
+        c_direct_parent = get_object_or_404(
+            Comment, id=request.POST.get('direct_parent'))if(
+                request.POST.get('direct_parent')) else None
+        # comment's direct parent
         c_parent = get_object_or_404(
             Comment, id=comment_id)if comment_id else None
+        # comment text
         c_content = request.POST.get('content', '')
+        # comment date added
         c_date = request.POST.get('date_added', None)
         if c_content:
             c = Comment()
-            if c_top_parent:
-                c.top_parent = c_top_parent
+            if c_direct_parent:
+                c.direct_parent = c_direct_parent
             if c_parent:
                 c.parent = c_parent
             if c_date:
@@ -1726,37 +1736,115 @@ def add_comment(request, video_slug, comment_id=None):
     return HttpResponseNotFound('<h1>Method Not Allowed</h1>', status=405)
 
 
-def get_comments(request, video_slug):
-    v = get_object_or_404(Video, slug=video_slug)
+def get_parent_comments(request, video):
+    """
+    return only comments without parent
+    (direct comments to video) which contains
+    number of votes and children
+    """
+    parent_comment = Comment.objects.filter(
+        video=video, parent=None).order_by('added').annotate(
+            nbr_vote=Count('vote', distinct=True)).annotate(
+                nbr_child=Count('children', distinct=True)).values(
+                    'id',
+                    'author__id',
+                    'author__first_name',
+                    'author__last_name',
+                    'content',
+                    'added',
+                    'nbr_vote',
+                    'nbr_child')
+    return HttpResponse(
+        json.dumps(list(parent_comment), cls=DjangoJSONEncoder),
+        content_type="application/json")
+
 
-    # extract parent comments
-    p_c = Comment.objects.filter(
-        video=v, parent=None).order_by('added').annotate(
-            nbr_vote=Count('vote'))
-
-    # organize comments => parent with children
-    comment_org = []
-    for c in p_c:
-        children_comments = c.get_children
-        c = {
-            'id': c.id,
-            'parent__id': None,
-            'top_parent__id': None,
-            'author__first_name': c.author.first_name,
-            'author__last_name': c.author.last_name,
-            'author__id': c.author.id,
-            'content': c.content,
-            'added': c.added,
-            'nbr_vote': c.nbr_vote
+def get_children_comment(request, comment_id, video_slug):
+    """
+    return one comment with all children
+    """
+    try:
+        v = get_object_or_404(Video, slug=video_slug)
+        parent_comment = Comment.objects.filter(
+                video=v, id=comment_id).annotate(
+                    nbr_vote=Count('vote')).first()
+        if parent_comment is None:
+            raise Exception("Error: comment doesn't exist : " + comment_id)
+
+        def is_owner(child):
+            """
+            add is_owner property
+            remove author_id from json data
+            """
+            child['is_owner'] = child['author__id'] == request.user.id
+            del child['author__id']
+            return child
+
+        children = list(map(is_owner, parent_comment.get_json_children))
+        parent_comment_data = {
+            'id': parent_comment.id,
+            'author__first_name': parent_comment.author.first_name,
+            'author__last_name': parent_comment.author.last_name,
+            'is_owner': parent_comment.author.id == request.user.id,
+            'content': parent_comment.content,
+            'added': parent_comment.added,
+            'nbr_vote': parent_comment.nbr_vote,
+            'children': children
         }
-        comment_org.append({
-            'parent_comment': c, 'children': children_comments})
+    except Http404:
+        return HttpResponse(
+            json.dumps({"error": "Comment doesn't exist"}),
+            content_type="application/json")
 
     return HttpResponse(
-        json.dumps(comment_org, cls=DjangoJSONEncoder),
+        json.dumps(parent_comment_data, cls=DjangoJSONEncoder),
         content_type="application/json")
 
 
+def get_comments(request, video_slug):
+    v = get_object_or_404(Video, slug=video_slug)
+    filter_type = request.GET.get('only', None)
+
+    # get all direct(parent) comments to a video
+    if filter_type and filter_type.lower() == "parents":
+        return get_parent_comments(request, v)
+
+    else:  # get all comments with all children
+        # extract parent comments
+        p_c = Comment.objects.filter(
+            video=v, parent=None).order_by('added').annotate(
+                nbr_vote=Count('vote'))
+
+        def is_owner(child):
+            """
+            add is_owner property
+            remove author_id from json data
+            """
+            child['is_owner'] = child['author__id'] == request.user.id
+            del child['author__id']
+            return child
+
+        # organize comments => parent with children
+        comment_org = []
+        for c in p_c:
+            children = list(map(is_owner, c.get_json_children))
+            parent_comment_data = {
+                'id': c.id,
+                'author__first_name': c.author.first_name,
+                'author__last_name': c.author.last_name,
+                'is_owner': c.author.id == request.user.id,
+                'content': c.content,
+                'added': c.added,
+                'nbr_vote': c.nbr_vote,
+                'nbr_child': len(children),
+                'children': children
+            }
+            comment_org.append(parent_comment_data)
+        return HttpResponse(
+            json.dumps(comment_org, cls=DjangoJSONEncoder),
+            content_type="application/json")
+
+
 @login_required(redirect_field_name='referrer')
 def delete_comment(request, video_slug, comment_id):
 

From d209d5a7a2055f7ddd29f75fb9ccbef4b99e901a Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Fri, 15 Jan 2021 19:01:42 +0100
Subject: [PATCH 066/145] improve ajax request, change colors comments
 children, fix some bug

---
 pod/video/static/js/comment-script.js | 905 ++++++++++++++------------
 1 file changed, 488 insertions(+), 417 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 361df10c7e..48ec47f590 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -4,56 +4,60 @@ let base_delete_url = base_url.replace('comment', 'comment/del');
 let all_comment = null;
 const lang_btn = document.querySelector(".btn-lang.btn-lang-active");
 const comment_label = document.querySelector('.comment_label');
-let VOTED_USERS = [];
+let  VOTED_USERS = [];
 const COLORS = [
-    "#050710",
-    "#0E112A",
-    "#1D1543",
-    "#302163",
-    "#432B82",
-    "#53358F",
-    "#643FBD",
-    "#755CC9",
-    "#877CD3",
+    "rgb(15,166,2)",
+    "mediumvioletred",
+    "#f44040",
+    "teal",
+    "darkorchid",
+    "orange",
+    "yellowgreen",
+    "steelblue",
+    "darkgray",
 ]
-const LANG = lang_btn ? lang_btn.textContent.trim() : "fr";
+const LANG = lang_btn?lang_btn.textContent.trim() : "fr";
 const ACTION_COMMENT = {
     comment_to_delete: null
 }
-if (!is_authenticated)
+if(!is_authenticated)
     document.querySelector(".comment_counter_container").style.margin = "2em 0";
 
-class AlertMessage extends HTMLElement {
-    constructor(message, alert_class = "alert_success") {
-        super();
-        this.setAttribute('class', "alert " + `alert_${alert_class}`);
-        let html = document.createElement('DIV');
-        html.setAttribute("class", "alert_content");
-        let content = document.createElement('DIV');
-        content.setAttribute('class', 'alert_message');
-        content.textContent = message;
-        html.appendChild(content);
-        this.appendChild(html);
+class AlertMessage extends HTMLElement
+{
+    constructor(message, alert_class="alert_success")
+    {
+	super();
+	this.setAttribute('class', "alert "+`alert_${alert_class}`);
+	let html = document.createElement('DIV');
+	html.setAttribute("class", "alert_content");
+	let content = document.createElement('DIV');
+	content.setAttribute('class', 'alert_message');
+	content.textContent = message;
+	html.appendChild(content);
+	this.appendChild(html);
     }
-    connectedCallback() {
-        super.connectedCallback && super.connectedCallback();
-        window.setTimeout(() => {
-            this.classList.add('alert_close');
-            window.setTimeout(() => {
-                this.parentElement.removeChild(this);
-            }, 1000);
-        }, 3000);
+    connectedCallback(){
+	super.connectedCallback && super.connectedCallback();
+	window.setTimeout(()=>{
+	    this.classList.add('alert_close');
+	    window.setTimeout(()=>{
+		this.parentElement.removeChild(this);
+	    },1000);
+	}, 3000);
     }
 }
 customElements.define("alert-message", AlertMessage);
 
-class ConfirmModal extends HTMLElement {
-    constructor(title = null, message = null, delete_text = null, cancel_text = null) {
+class ConfirmModal extends HTMLElement
+{
+    constructor(title=null, message=null, delete_text=null, cancel_text=null)
+    {
         super();
-        title = title ? title : this.getAttribute('confirm_title');
-        message = message ? message : this.getAttribute("message");
-        delete_text = delete_text ? delete_text : this.getAttribute("delete_text");
-        cancel_text = cancel_text ? cancel_text : this.getAttribute("cancel_text");
+	title = title?title: this.getAttribute('confirm_title');
+        message = message?message: this.getAttribute("message");
+        delete_text = delete_text? delete_text: this.getAttribute("delete_text");
+        cancel_text = cancel_text? cancel_text: this.getAttribute("cancel_text");
 
         let modal = `
         <div class="confirm_delete">
@@ -69,19 +73,21 @@ class ConfirmModal extends HTMLElement {
         `;
         let delete_btn = document.createElement("BUTTON");
         delete_btn.setAttribute("class", "delete");
-        delete_btn.innerHTML = delete_text ? delete_text : gettext("Delete");
+        delete_btn.innerHTML = delete_text?delete_text:gettext("Delete");
 
-        delete_btn.addEventListener("click", (e) => {
+        delete_btn.addEventListener("click", (e)=>
+        {
             e.preventDefault();
             document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.remove("show");
             // Delete comment
-            delete_comment(ACTION_COMMENT.comment_to_delete);
+	    delete_comment(ACTION_COMMENT.comment_to_delete);
             ACTION_COMMENT.comment_to_delete = null;
         });
         let cancel_btn = document.createElement("BUTTON");
         cancel_btn.setAttribute("class", "cancel");
-        cancel_btn.innerHTML = cancel_text ? cancel_text : gettext("Cancel");
-        cancel_btn.addEventListener("click", (e) => {
+        cancel_btn.innerHTML = cancel_text?cancel_text:gettext("Cancel");
+        cancel_btn.addEventListener("click", (e)=>
+        {
             e.preventDefault();
             document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.remove("show");
             ACTION_COMMENT.comment_to_delete = null;
@@ -93,25 +99,29 @@ class ConfirmModal extends HTMLElement {
 }
 customElements.define("confirm-modal", ConfirmModal);
 
-class CommentSince extends HTMLElement {
-    constructor(since) {
-        super();
-        since = this.getAttribute("since") ? this.getAttribute("since") : since;
-        since = typeof (since) === "string" ? new Date(since) : since;
-        let date_since = moment(since).locale(LANG).fromNow();
-        let div = document.createElement("DIV");
-        div.setAttribute("class", "comment_since");
-        div.innerText = date_since;
-        this.appendChild(div);
-        window.setInterval(() => {
-            date_since = moment(since).locale(LANG).fromNow();
-            div.innerText = date_since;
-        }, 60000);
+class CommentSince extends HTMLElement
+{
+    constructor(since)
+    {
+	super();
+	since = this.getAttribute("since")? this.getAttribute("since"): since;
+	since = typeof(since) === "string"? new Date(since): since;
+	let date_since = moment(since).locale(LANG).fromNow();
+	let div = document.createElement("DIV");
+	div.setAttribute("class", "comment_since");
+	div.innerText = date_since;
+	this.appendChild(div);
+	window.setInterval(()=>{
+	    date_since = moment(since).locale(LANG).fromNow();
+	    div.innerText = date_since;
+	}, 60000);
     }
 }
 customElements.define("comment-since", CommentSince);
-class Comment extends HTMLElement {
-    constructor(owner, content, likes, added_since, id, is_parent = null, is_comment_owner = false) {
+class Comment extends HTMLElement
+{
+    constructor( owner, content, likes, added_since, id, is_parent=null, is_comment_owner=false)
+    {
         super();
         this.setAttribute("class", "comment_element");
         this.setAttribute("id", id);
@@ -119,8 +129,8 @@ class Comment extends HTMLElement {
         comment.setAttribute("class", "comment");
         let comment_container = document.createElement("DIV");
         comment_container.setAttribute("class", "comment_container");
-        let comment_content = document.createElement('div');
-        comment_content.setAttribute('class', 'comment_content');
+	let comment_content = document.createElement('div');
+	comment_content.setAttribute('class', 'comment_content');
         comment_content.innerHTML = `
             <div class="comment_content_header inline_flex_space">
                 <h1 class="user_name">${owner}</h1>
@@ -133,32 +143,34 @@ class Comment extends HTMLElement {
                 <div class="form" data-comment="${id}"></div>
             </div>
         `;
-        comment_container.appendChild(comment_content);
-        if (is_parent)
-            comment_container.querySelector('.comment_content_body').innerHTML = content;
-        else
-            comment_container.querySelector('.comment_content_body').appendChild(content);
+	comment_container.appendChild(comment_content);
+	if(is_parent)
+	    comment_container.querySelector('.comment_content_body').innerHTML = content;
+	else
+	    comment_container.querySelector('.comment_content_body').appendChild(content);
         let svg_icon = [`<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="unvoted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>`, `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="voted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>`];
-        let vote_action = createFooterBtnAction("comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), is_authenticated ? svg_icon : '', "comment_vote_btn", `${likes} votes`, id);
-        if (is_authenticated) {
-            vote_action.addEventListener("click", () => {
-                let comment_id = get_comment_attribute(document.getElementById(id));
-                vote(comment_id, vote_action);
+       let vote_action = createFooterBtnAction( "comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), is_authenticated?svg_icon:'', "comment_vote_btn", `${likes} votes`, id );
+       if(is_authenticated){
+           vote_action.addEventListener("click", ()=>{
+               let comment_id = get_comment_attribute(document.getElementById(id));
+               vote(comment_id, vote_action);
             });
         }
         comment_container.querySelector(".comment_content_footer .actions").appendChild(vote_action);
 
-        if (user_id) {
+	if(user_id)
+	{
             svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment" class="svg-inline--fa fa-comment fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>`;
-            let response_action = createFooterBtnAction("comment_actions comment_response_action", "icon comment_response_icon", gettext("Reply to comment"), svg_icon, "comment_response_btn", gettext("Reply"));
-            response_action.addEventListener("click", function () {
+            let response_action = createFooterBtnAction( "comment_actions comment_response_action", "icon comment_response_icon", gettext("Reply to comment"), svg_icon, "comment_response_btn", gettext("Reply"));
+            response_action.addEventListener("click", function()
+            {
                 let target_node = get_node(this, "form");
                 target_node.classList.toggle("show");
                 this.parentElement.nextElementSibling.querySelector(".new_comment").focus();
             });
             comment_container.querySelector(".comment_content_footer .actions").appendChild(response_action);
-
-            if (is_comment_owner || is_video_owner || is_superuser) {
+           
+	    if(is_comment_owner || is_video_owner || is_superuser){
                 svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"></path></svg>`;
                 let delete_action = createFooterBtnAction(
                     "comment_actions comment_delete_action",
@@ -169,50 +181,56 @@ class Comment extends HTMLElement {
                     gettext("Delete"),
                     id
                 );
-                delete_action.addEventListener("click", () => {
+                delete_action.addEventListener("click", () =>
+                {
                     // display confirm modal
                     document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.add("show");
                     let el = document.getElementById(id);
                     ACTION_COMMENT.comment_to_delete = el;
                 });
-                comment_container.querySelector(".comment_content_footer .actions").appendChild(delete_action);
-            }
+            	comment_container.querySelector(".comment_content_footer .actions").appendChild(delete_action);
+       	    } 
             let add_comment = document.createElement("DIV");
             add_comment.setAttribute("class", "add_comment");
-            add_comment.innerHTML = '<textarea class="new_comment" name="new_comment" id="comment" rows="10" placeholder="' + gettext("Add a public comment") + '"></textarea>';
+            add_comment.innerHTML ='<textarea class="new_comment" name="new_comment" id="comment" rows="10" placeholder="'+gettext("Add a public comment")+'"></textarea>';
             let new_comment = add_comment.querySelector(".new_comment");
-            new_comment.addEventListener("keyup", function (e) {
-                if (!((e.ctrlKey && e.keyCode === 13) || (e.shiftKey && e.keyCode === 13)) && e.keyCode === 13) {
+            new_comment.addEventListener("keyup", function(e)
+            {
+                if (!((e.ctrlKey  &&  e.keyCode === 13) || (e.shiftKey  &&  e.keyCode === 13)) && e.keyCode === 13)
+                {
                     this.value = "";
-                    this.blur();
+		    this.blur();
                 }
             });
-            new_comment.addEventListener("keydown", function (e) {
-                if (
-                    (e.ctrlKey && e.keyCode === 13) ||
-                    (e.shiftKey && e.keyCode === 13)
-                ) {
-                    e.preventDefault();
-                    this.value = this.value + '\r\n';
-                    this.scrollTop = this.scrollHeight;
-                }
-                else if (e.keyCode === 13) {
+            new_comment.addEventListener("keydown", function(e)
+            {
+                if ( 
+		    (e.ctrlKey  &&  e.keyCode === 13) ||
+		    (e.shiftKey  &&  e.keyCode === 13)
+		){
+		    e.preventDefault();
+		    this.value = this.value + '\r\n'; 
+		    this.scrollTop = this.scrollHeight;
+		}
+		else if (e.keyCode === 13) {
                     let child_container = get_node(this, "comments_children_container");
-                    if (!child_container.classList.contains("show"))
+                    if(!child_container.classList.contains("show"))
                         child_container.classList.add("show");
-                    if (this.value.trim() !== "") {
-                        let comment_parent = get_node(this, "comment_element", "comment_child");
+                    if(this.value.trim() !== "")
+                    {
+                        let comment_parent = get_node(this, "comment_element", "comment_child" );
                         add_comment.parentElement.classList.toggle("show");
-                        if (!comment_parent.classList.contains("show"))
+                        if(!comment_parent.classList.contains("show"))
                             comment_parent.classList.add("show")
-                        add_child_comment(this, child_container, comment_parent);
+                        add_child_comment( this, child_container, comment_parent );
                         this.value = "";
                     }
                 }
             });
             comment_container.querySelector(".comment_content_footer .form").appendChild(add_comment);
-        }
-        if (is_parent) {
+	}
+        if(is_parent)
+        {
             let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comments" class="svg-inline--fa fa-comments fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"></path></svg>`;
             let comment_icon = document.createElement("DIV");
             comment_icon.innerHTML = comment_icon_svg;
@@ -224,7 +242,8 @@ class Comment extends HTMLElement {
             comment.appendChild(comment_container);
             this.appendChild(comment);
         }
-        else {
+        else
+        {
             let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="replyd" class="svg-inline--fa fa-replyd fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 480H128C57.6 480 0 422.4 0 352V160C0 89.6 57.6 32 128 32h192c70.4 0 128 57.6 128 128v192c0 70.4-57.6 128-128 128zM193.4 273.2c-6.1-2-11.6-3.1-16.4-3.1-7.2 0-13.5 1.9-18.9 5.6-5.4 3.7-9.6 9-12.8 15.8h-1.1l-4.2-18.3h-28v138.9h36.1v-89.7c1.5-5.4 4.4-9.8 8.7-13.2 4.3-3.4 9.8-5.1 16.2-5.1 4.6 0 9.8 1 15.6 3.1l4.8-34zm115.2 103.4c-3.2 2.4-7.7 4.8-13.7 7.1-6 2.3-12.8 3.5-20.4 3.5-12.2 0-21.1-3-26.5-8.9-5.5-5.9-8.5-14.7-9-26.4h83.3c.9-4.8 1.6-9.4 2.1-13.9.5-4.4.7-8.6.7-12.5 0-10.7-1.6-19.7-4.7-26.9-3.2-7.2-7.3-13-12.5-17.2-5.2-4.3-11.1-7.3-17.8-9.2-6.7-1.8-13.5-2.8-20.6-2.8-21.1 0-37.5 6.1-49.2 18.3s-17.5 30.5-17.5 55c0 22.8 5.2 40.7 15.6 53.7 10.4 13.1 26.8 19.6 49.2 19.6 10.7 0 20.9-1.5 30.4-4.6 9.5-3.1 17.1-6.8 22.6-11.2l-12-23.6zm-21.8-70.3c3.8 5.4 5.3 13.1 4.6 23.1h-51.7c.9-9.4 3.7-17 8.2-22.6 4.5-5.6 11.5-8.5 21-8.5 8.2-.1 14.1 2.6 17.9 8zm79.9 2.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4s2 11.7 6.1 15.6zm0 100.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4 0 6.6 2 11.7 6.1 15.6z"></path></svg>`;
             let comment_icon = document.createElement("DIV");
             comment_icon.innerHTML = comment_icon_svg;
@@ -239,14 +258,15 @@ class Comment extends HTMLElement {
         }
     }
 }
-function createFooterBtnAction(classes, icon_classes, title, svg, span_classes, span_text, comment_id = null) {
+function createFooterBtnAction( classes, icon_classes, title, svg, span_classes, span_text, comment_id=null )
+{
     let el = document.createElement("DIV");
     el.setAttribute("class", classes);
-    if (comment_id) el.setAttribute("data-comment", comment_id);
+    if(comment_id) el.setAttribute("data-comment", comment_id);
     let el_icon = document.createElement("DIV");
     el_icon.setAttribute("class", icon_classes)
     el_icon.setAttribute("title", title)
-    if (Array.isArray(svg))
+    if(Array.isArray(svg))
         el_icon.innerHTML = svg.join(" ")
     else
         el_icon.innerHTML = svg
@@ -259,227 +279,230 @@ function createFooterBtnAction(classes, icon_classes, title, svg, span_classes,
     el.appendChild(el_span);
     return el;
 }
-function hide_or_add_show_children_btn(parent_comment = null, nb_child = null) {
+function hide_or_add_show_children_btn(parent_comment, parent_id, nb_child)
+{
     let svg_icon_show = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="show svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>`
     let svg_icon_hide = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye-slash" class="hide svg-inline--fa fa-eye-slash fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"></path></svg>`
     let txt = gettext("Answers");
-    txt = nb_child ? `${nb_child} ${txt}` : txt;
+    txt = nb_child?`${nb_child} ${txt}`: txt;
     let children_action = createFooterBtnAction(
         "comment_actions comment_show_children_action",
         "icon comment_show_children_icon",
         gettext("Show answers"),
         [svg_icon_show, svg_icon_hide],
         "comment_show_children_btn",
-        txt
+	txt
     );
-    children_action.addEventListener("click", function () {
-        get_node(this.parentElement, "comment_element", "comment_child").classList.toggle("show");
+    children_action.addEventListener("click", function()
+    {
+        //get_node(this.parentElement, "comment_element", "comment_child").classList.toggle("show");
+	parent_comment.classList.toggle("show");
+	fetch_comment_children(parent_comment, parent_id);
     });
-    if (parent_comment) {
+    if(parent_comment)
+    {
         let children_container = parent_comment.querySelector(".comments_children_container");
-        if (!parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount > 0) {
-            parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after(children_action);
+        if(!parent_comment.querySelector(".actions .comment_show_children_action") && nb_child >0)
+        {
+            parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after( children_action );
         }
-        else if (parent_comment.querySelector(".actions .comment_show_children_action") && children_container.childElementCount === 0) {
+        else if(parent_comment.querySelector(".actions .comment_show_children_action") && nb_child===0)
+        {
             // remove action if exist
             parent_comment.querySelector(".comment_content_footer .actions").removeChild(
                 parent_comment.querySelector(".comment_content_footer .actions .comment_show_children_action")
             )
         }
     }
-    else // check all comments
-    {
-        let all_comments = document.querySelectorAll(".comment_element:not(.comment_child)");
-        all_comments.forEach(comment => {
-            let comments_children_container = comment.querySelector(".comment .comment_container .comments_children_container");
-            if (!comment.querySelector(".comment_content_footer .actions .comment_show_children_action") && comments_children_container.childElementCount > 0) {
-                comment.querySelector(".comment_content_footer .actions .comment_vote_action").after(children_action);
-            }
-            else if (comment.querySelector(".comment_content_footer .actions .comment_show_children_action") && comments_children_container.childElementCount === 0) {
-                // remove action if exist
-                comment.querySelector(".comment_content_footer .actions").removeChild(
-                    comment_children_container.querySelector(".actions .comment_show_children_action")
-                )
-            }
-            update_answer_text(comment);
-        })
-    }
 }
 customElements.define("comment-element", Comment)
 
 /*******************  Voting for a comment  ********************
  ***************************************************************/
-function vote(comment_id, target_html_el) {
+function vote(comment_id, target_html_el)
+{
     // send request to the server to check if the current user already vote
-    let vote_url = base_vote_url + comment_id + "/";
+    let vote_url = base_vote_url + comment_id +"/";
     let btn = target_html_el.querySelector('.comment_vote_btn')
     let data = new FormData();
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
     fetch(vote_url, {
-        method: "POST",
-        body: data
-    }).then(response => {
-        response.json().then(data => {
-            if (data.voted === true) {
-                VOTED_USERS.push({
-                    'user__id': user_id,
-                    'comment__id': comment_id,
-                });
-                btn.innerHTML = parseInt(btn.textContent) + 1 + " votes";
-                if (!target_html_el.classList.contains('voted'))
-                    target_html_el.classList.add('voted');
-            }
-            else {
-                VOTED_USERS = VOTED_USERS.filter(obj => {
-                    obj.comment__id !== comment_id
-                })
-                btn.innerHTML = parseInt(btn.textContent) - 1 + " votes";
-                if (target_html_el.classList.contains('voted'))
-                    target_html_el.classList.remove('voted');
-            }
-        })
-    }).catch(error => {
-        console.log(error);
+	method: "POST",
+	body: data
+    }).then(response=>{
+	response.json().then(data=>{
+	    if(data.voted === true)
+	    {
+	    	VOTED_USERS.push({
+		    'user__id': user_id,
+		    'comment__id': comment_id,
+		});
+		btn.innerHTML = parseInt(btn.textContent)+1 + " votes";
+		if(!target_html_el.classList.contains('voted'))
+		    target_html_el.classList.add('voted');
+	    }
+	    else
+	    {
+		VOTED_USERS = VOTED_USERS.filter(obj=>{
+		    obj.comment__id !== comment_id
+		})
+		btn.innerHTML = parseInt(btn.textContent)-1 + " votes";
+		if(target_html_el.classList.contains('voted'))
+		    target_html_el.classList.remove('voted');
+	    }
+	})
+    }).catch(error=>{
+	console.log(error);
     });
 }
 
 /****************  Save comment into the server  ****************
  ***************************************************************/
-function save_comment(content, date, parent_id = null, parent_comment = null) {
+function save_comment(content, date, direct_parent_id=null, top_parent_comment_html=null)
+{
     let post_url = base_url.replace("comment", "comment/add");
-    post_url = parent_id ? post_url + parent_id + '/' : post_url
+    let top_parent_id = null;
     let data = new FormData();
+    if(top_parent_comment_html)
+    {
+        top_parent_id = get_comment_attribute(top_parent_comment_html);
+        post_url = post_url+top_parent_id+'/';
+    	data.append('direct_parent', direct_parent_id);
+    }
     data.append('content', content);
     data.append('date_added', date);
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
-    fetch(post_url, {
+    fetch(post_url,{
         method: "POST",
         body: data
-    }).then(response => {
-        if (response.ok) {
-            let top_parent_id = get_comment_attribute(parent_comment);
-            response.json().then(data => {
-                let c = {
-                    author__first_name: data.author__first_name,
-                    author__last_name: data.author__last_name,
-                    content: content,
-                    id: data.id,
-                    added: date,
-                    parent__id: parent_id,
-                    top_parent__id: top_parent_id
-                }
-                if (!parent_id) {
-                    // update all_comment data
-                    let p_c = {
-                        parent_comment: c,
-                        children: []
-                    }
-                    all_comment = [...all_comment, p_c];
-                }
-                else {
-                    // update all_comment data
-                    all_comment = all_comment.map((comment) => {
-                        if (comment.parent_comment.id === top_parent_id)
-                            comment.children = [...comment.children, c];
-                        return comment;
-                    });
-                }
-                console.log(parent_comment);
-                console.log(parent_comment.querySelector('.comments_children_container').childElementCount);
-                hide_or_add_show_children_btn(
-                    parent_comment,
-                    parent_comment.querySelector('.comments_children_container').childElementCount
-                );
-                set_comments_number()
-            });
-        }
-        else { console.log("Mauvaise réponse du réseau", response); }
+    }).then(response=>{
+	if(response.ok)
+	{
+	    response.json().then(data=>{
+	        let c = {
+	            author__first_name: data.author__first_name,
+	            author__last_name: data.author__last_name,
+		    is_owner: true,
+	            content: content,
+	            id: data.id,
+	            added: date,
+		    parent__id: top_parent_id,
+		    direct_parent__id: direct_parent_id,
+	        }
+	        if(!top_parent_id)
+		{
+		    c.children = [];
+		    // update all_comment data
+	            all_comment = [...all_comment, c];
+		}
+	        else
+	        {
+		    // update all_comment data
+	            all_comment = all_comment.map((comment) => {
+	   	        if(comment.id === top_parent_id)
+		            comment.children = [...comment.children, c];
+		        return comment;
+		    });
+	        }
+		hide_or_add_show_children_btn(
+		    top_parent_comment_html,
+		    top_parent_id,
+		    get_comment_attribute(top_parent_comment_html, 'children').length
+		);
+	    	set_comments_number()
+	    });
+	}
+	else{ console.log("Mauvaise réponse du réseau", response); }
     })
-        .catch(error => {
-            console.log(error)
-            console.log(error.message)
-        });
+    .catch(error =>{
+	    console.log(error)
+	    console.log(error.message)
+    });
 }
 
 /****************  Delete Comment  ****************
  ******************************************************/
-function delete_comment(comment) {
+function delete_comment(comment)
+{
     let comment_id = get_comment_attribute(comment);
     let is_child = !!get_comment_attribute(comment, 'parent__id');
     let url = base_delete_url + comment_id + '/';
     let data = new FormData();
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
     fetch(url, {
-        method: "POST",
-        body: data
+	method: "POST",
+	body: data
     }
-    ).then(response => {
-        response.json().then(data => {
-            if (data.deleted) {
-                document.body.appendChild(new AlertMessage(gettext("Comment has been deleted successfully.")));
+    ).then(response=>{
+	response.json().then( data=>{
+	    if(data.deleted){
+	        document.body.appendChild(new AlertMessage(gettext("Comment has been deleted successfully.")));
                 let parent_el = null
-                if (is_child) {
-                    let remaining_children = delete_comment_child_DOM(comment, is_child);
-                    parent_el = get_node(comment, "comment_element", "comment_child");
-                    comment.parentElement.removeChild(comment);
-                    hide_or_add_show_children_btn(parent_el, remaining_children);
-                    update_answer_text(parent_el);
-                    set_comments_number();
-                    return;
-                }
-                all_comment = all_comment.filter(c => c.parent_comment.id != data.comment_deleted);
-                comment.parentElement.removeChild(comment);
-                set_comments_number();
-            }
-            else
-                document.body.appendChild(new AlertMessage(data.message));
-        });
-    }).catch(error => {
-        console.log(error);
-        console.log(error.message);
+		if(is_child){
+		    let remaining_children = delete_comment_child_DOM(comment, is_child);
+	    	    parent_el = get_node(comment, "comment_element", "comment_child");
+		    let parent_id = get_comment_attribute(parent_el);
+    		    comment.parentElement.removeChild(comment);
+                    hide_or_add_show_children_btn(parent_el, parent_id, remaining_children);
+		    update_answer_text(parent_el);
+	    	    set_comments_number();
+		    return;
+		}
+		all_comment = all_comment.filter(c => c.parent_comment.id != data.comment_deleted );
+    		comment.parentElement.removeChild(comment);
+	    	set_comments_number();
+	    }
+	    else
+	        document.body.appendChild(new AlertMessage(data.message));
+	});
+    }).catch(error=>{
+	console.log(error);
+	console.log(error.message);
     })
 }
 
-function delete_comment_child_DOM(comment, is_child) {
+function delete_comment_child_DOM(comment, is_child)
+{
     let remaining_children = 0;
-    if (is_child) {
+    if(is_child){
         let comment_id = get_comment_attribute(comment);
-        let comment_top_parent_id = get_comment_attribute(comment, attr = 'top_parent__id');
-        let list_parent_id = [comment_id];
-
+        let comment_top_parent_id = get_comment_attribute(comment, attr='top_parent__id');
+	let list_parent_id = [comment_id];
+	
         all_comment = all_comment.map(p_comment => {
-            if (p_comment.parent_comment.id === comment_top_parent_id) {
-                p_comment.children = p_comment.children
-                    .filter(c_comment => c_comment.id !== comment_id)
-                    .filter(c_comment => {
-                        if (list_parent_id.includes(c_comment.parent__id)) {
-                            list_parent_id = [...list_parent_id, c_comment.id];
-                            // Remove comment html element from DOM
+	    if(p_comment.parent_comment.id === comment_top_parent_id){
+		p_comment.children = p_comment.children
+		    .filter(c_comment => c_comment.id !== comment_id)
+	            .filter( c_comment => {
+			if( list_parent_id.includes(c_comment.parent__id) ){
+			    list_parent_id = [...list_parent_id, c_comment.id];
+			    // Remove comment html element from DOM
                             let html_id = `#comment_${new Date(c_comment.added).getTime()}`;
-                            let c = document.querySelector(html_id)
-                            c.parentElement.removeChild(c);
-                        }
-                        return !list_parent_id.includes(c_comment.parent__id); // Remove comment data from all_comment
-                    });
-                remaining_children = p_comment.children.length;
-                return p_comment;
-            }
-            return p_comment;
-        });
+		            let c = document.querySelector(html_id)
+		            c.parentElement.removeChild(c);
+	                }
+			return !list_parent_id.includes(c_comment.parent__id); // Remove comment data from all_comment
+	            });
+		remaining_children = p_comment.children.length;
+		return p_comment;
+	    }
+	    return p_comment;
+	});
     }
     return remaining_children;
 }
 
 /*********** Scroll to a specific comment *************
  * ****************************************************/
-function scrollToComment(targetComment) {
+function scrollToComment(targetComment)
+{
     targetComment.scrollIntoView({
-        behavior: "smooth",
-        block: "center",
-        inline: "nearest"
+	behavior: "smooth",
+	block: "center",
+	inline: "nearest"
     });
     let htmlTarget = targetComment.querySelector(".comment_content");
-    if (htmlTarget.classList.contains("scroll_to"))
+    if(htmlTarget.classList.contains("scroll_to"))
         htmlTarget.classList.remove("scroll_to");
 
     window.setTimeout(() => {
@@ -492,21 +515,22 @@ function scrollToComment(targetComment) {
 
 /****** Add the owner of parent comment as a tag ******
  ******************************************************/
-function add_user_tag(comment_value, parent_comment) {
+function add_user_tag(comment_value, parent_comment)
+{
     let reply_to = get_comment_attribute(
-        parent_comment,
-        attr = "author__first_name"
+	parent_comment,
+	attr="author__first_name"
     );
-    reply_content = get_comment_attribute(parent_comment, attr = "content");
+    reply_content = get_comment_attribute( parent_comment, attr="content" );
     let htmlTarget = parent_comment.querySelector(".comment_content");
     let tag = document.createElement("a");
     tag.setAttribute("href", "#");
     tag.addEventListener("click", (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        scrollToComment(parent_comment)
+	e.preventDefault();
+	e.stopPropagation();
+	scrollToComment(parent_comment)
     });
-    tag.innerHTML = `
+    tag.innerHTML =`
 	<span class="reply_to">
 	    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="reply" class="svg-inline--fa fa-reply fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M8.309 189.836L184.313 37.851C199.719 24.546 224 35.347 224 56.015v80.053c160.629 1.839 288 34.032 288 186.258 0 61.441-39.581 122.309-83.333 154.132-13.653 9.931-33.111-2.533-28.077-18.631 45.344-145.012-21.507-183.51-176.59-185.742V360c0 20.7-24.3 31.453-39.687 18.164l-176.004-152c-11.071-9.562-11.086-26.753 0-36.328z"></path></svg>
 	    <span class="reply_author">@${reply_to}</span>
@@ -524,176 +548,251 @@ function add_user_tag(comment_value, parent_comment) {
 
 /****************  return color index  ****************
  ******************************************************/
-function setBorderLeftColor(comment, parent_element) {
-    try {
+function setBorderLeftColor(comment, parent_element){
+    try{
         let index = Number.parseInt(parent_element.dataset.level) + 1;
-        if (index >= COLORS.length) {
-            comment.dataset.level = COLORS.length - 1;
-            comment.querySelector(".comment_content")
-                .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`;
-            comment.querySelector(".comments_icon")
-                .style.color = `${COLORS[COLORS.length - 1]}`;
-        }
-        else {
-            comment.dataset.level = index;
-            comment.querySelector(".comment_content")
-                .style.borderLeft = `4px solid ${COLORS[index]}`;
-            comment.querySelector(".comments_icon")
-                .style.color = `${COLORS[index]}`;
-        }
-    } catch (e) {
-        comment.dataset.level = COLORS.length - 1;
-        comment.querySelector(".comment_content")
-            .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`;
-        comment.querySelector(".comments_icon")
-            .style.color = `${COLORS[COLORS.length - 1]}`;
+	if(index >= COLORS.length){
+	    comment.dataset.level = COLORS.length - 1;
+	    comment.querySelector(".comment_content")
+	        .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`; 
+	    comment.querySelector(".comments_icon")
+	        .style.color = `${COLORS[COLORS.length - 1]}`; 
+	}
+	else{
+	    comment.dataset.level = index;
+	    comment.querySelector(".comment_content")
+	        .style.borderLeft = `4px solid ${COLORS[index]}`; 
+	    comment.querySelector(".comments_icon")
+	        .style.color = `${COLORS[index]}`; 
+	}
+    }catch(e){
+	comment.dataset.level = COLORS.length - 1;
+	comment.querySelector(".comment_content")
+	    .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`; 
+	comment.querySelector(".comments_icon")
+	    .style.color = `${COLORS[COLORS.length - 1]}`; 
     }
 }
 /****************  Add parent Comment  ****************
  ******************************************************/
-if (is_authenticated) {
+if(is_authenticated){
     let add_parent_comment = document.querySelector("form.add_parent_comment");
-    add_parent_comment.addEventListener("submit", (e) => {
+    add_parent_comment.addEventListener("submit", (e)=>
+    {
         e.preventDefault();
         let date_added = new Date();
-        let el = add_parent_comment.querySelector(".new_parent_comment")
-        if (el.value.trim() != "") {
-            let comment_content = el.value;
+        let el = add_parent_comment.querySelector(".new_parent_comment") 
+        if(el.value.trim() != "")
+        {
+	    let comment_content = el.value;
             let c = new Comment(
-                owner = user_fullName,
-                content = comment_content,
-                likes = 0,
-                added_since = date_added,
-                id = `comment_${date_added.getTime()}`,
-                is_parent = true,
-                is_comment_owner = true);
-            c.dataset.level = '-1';
+                owner=user_fullName,
+                content=comment_content,
+                likes=0,
+                added_since=date_added,
+                id=`comment_${date_added.getTime()}`,
+                is_parent=true,
+	        is_comment_owner=true);
+	    c.dataset.level = '-1';
             document.querySelector(".comment_container .comment_content form.add_parent_comment").after(c);
             el.value = "";
             // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-            save_comment(comment_content, date_added.toISOString());
+	   save_comment(comment_content, date_added.toISOString());
         }
     });
 }
+/*****  Fetch children and add them into the DOM  *****
+ ******************************************************/
+function fetch_comment_children(parent_comment_html, parent_comment_id)
+{
+    // fetch children only once
+    if(all_comment.find(c => c.id === parent_comment_id).children.length === 0)
+    {
+    	let url = base_url.replace('/comment/', `/comment/${parent_comment_id}/`);
+    	fetch(url).then(response => {
+	    let children_loader = loader.cloneNode(true)
+	    children_loader.classList.remove('hide'); // waiting for charging children
+	    parent_comment_html.querySelector(".comments_children_container").appendChild(children_loader)
+	    response.json().then(data=>{
+	        // Saving children in all_comment
+	        all_comment = all_comment.map(parent_comment => {
+		    if(parent_comment.id === parent_comment_id)
+		    {
+	    		parent_comment_html.querySelector(".comments_children_container").removeChild(children_loader);
+		        parent_comment.children = data.children
+			// Update DOM with children comments
+			parent_comment.children.forEach(comment_child => {
+			    let parent_to_scroll = parent_comment_html;
+			    if(comment_child.direct_parent_id != null)
+			    {
+			        let direct_parent_comment = parent_comment.children.find(
+					(c_obj) => c_obj.id === comment_child.direct_parent_id);
+				let direct_parent_html_id = `comment_${new Date(
+					direct_parent_comment.added).getTime().toString()}`;
+				parent_to_scroll = parent_comment_html.querySelector(`#${direct_parent_html_id}`);
+			    }
+
+			    let date_added = new Date(comment_child.added);
+
+			    let comment_child_content = add_user_tag(
+			        comment_child.content,
+			        parent_to_scroll,
+			        parent_comment.author__first_name
+			    );
+
+			    let comment_child_html = new Comment(
+			        owner=`${comment_child.author__first_name} ${comment_child.author__last_name}`,
+				content=comment_child_content,
+				likes=comment_child.nbr_vote,
+				added_since= date_added,
+                		id=`comment_${date_added.getTime()}`,
+				is_parent=false,
+				is_comment_owner=comment_child.is_owner
+			    );
+			   
+			    parent_comment_html.querySelector(".comments_children_container").appendChild(comment_child_html)
+			    setBorderLeftColor(comment_child_html, parent_to_scroll)
+	    	            manage_vote_frontend(comment_child.id, comment_child_html);
+			});
+		    }
+		    return parent_comment;
+	        });
+	    });
+        });
+    }
+
+}
+
 /****************  Add child Comment  *****************
  ******************************************************/
-function add_child_comment(el, container_el, parent_comment) {
+function add_child_comment(el, container_el, top_parent_comment_html)
+{
     let date_added = new Date();
-    if (el.value.trim() !== "") {
-        let child_direct_parent = document.querySelector(
-            `#${el.parentElement.parentElement.dataset.comment}`)
-
-        let comment_child_content = add_user_tag(
-            el.value,
-            child_direct_parent,
-        );
+    if(el.value.trim() !== "")
+    {
+	let child_direct_parent = document.querySelector(
+		`#${el.parentElement.parentElement.dataset.comment}`)
+	    
+	let comment_child_content = add_user_tag(
+		el.value,
+		child_direct_parent,
+	);
         let c = new Comment(
-            owner = user_fullName,
-            content = comment_child_content,
-            likes = 0,
-            added_since = date_added,
+            owner=user_fullName,
+            content=comment_child_content,
+            likes=0,
+            added_since=date_added,
             id = `comment_${date_added.getTime()}`,
-            is_parent = false,
-            is_comment_owner = true);
-        setBorderLeftColor(c, child_direct_parent)
-        container_el.appendChild(c);
-
+	    is_parent=false,
+	    is_comment_owner=true);
+	setBorderLeftColor(c, child_direct_parent)
+	container_el.appendChild(c);
+	
         hide_or_add_show_children_btn(
-            parent_comment,
-            parent_comment.querySelector('.comments_children_container').childElementCount
-        );
-        update_answer_text(parent_comment)
+	    top_parent_comment_html,
+	    get_comment_attribute(top_parent_comment_html),
+	    top_parent_comment_html.querySelector('.comments_children_container').childElementCount
+	);
+        update_answer_text(top_parent_comment_html)
 
         // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-        let p_id = get_comment_attribute(child_direct_parent);
+	let p_id = get_comment_attribute( child_direct_parent );
 
-        // Scroll to the comment child
-        scrollToComment(c);
+	// Scroll to the comment child
+	scrollToComment( c );
 
-        save_comment(el.value, date_added.toISOString(), p_id, parent_comment);
+	save_comment(el.value, date_added.toISOString(), p_id, top_parent_comment_html);
     }
 }
 
 /*********  Return backend comment attribute  *********
  ******************************************************/
-function get_comment_attribute(comment_html, attr = "id") {
+function get_comment_attribute(comment_html, attr="id")
+{
     let curr_html_id = comment_html.getAttribute('id');
     let comment_attr = null
-    for (const comment of all_comment) {
-        let comment_htmlid = `comment_${new Date(comment.parent_comment.added).getTime()}`;
-
-        if (comment_htmlid == curr_html_id) {
-            comment_attr = comment.parent_comment[attr];
-            break;
-        }
-        for (const c_comment of comment.children) {
-
-            let c_comment_htmlid = `comment_${new Date(c_comment.added).getTime()}`;
-            if (c_comment_htmlid == curr_html_id) {
-                comment_attr = c_comment[attr];
-                break;
-            }
-        }
-        if (comment_attr) break;
+    for(const comment of all_comment)
+    {
+	let comment_htmlID = `comment_${new Date(comment.added).getTime()}`;
+	if(comment_htmlID == curr_html_id)
+        {
+	    comment_attr = comment[attr];
+	    break;
+	}
+	for(const child_comment of comment.children){
+	    comment_htmlID = `comment_${new Date(child_comment.added).getTime()}`;
+	    if(comment_htmlID == curr_html_id)
+	    {
+                comment_attr = child_comment[attr];
+		break;
+	    }
+	}
+	if(comment_attr) return comment_attr;
     }
     return comment_attr;
 }
 
-function htmlContainsClass(html_el, classes) {
+function htmlContainsClass(html_el, classes)
+{
     let ctn = true;
-    classes.split('.').forEach(cls => {
-        if (!html_el.classList.contains(cls))
-            ctn = false;
+    classes.split('.').forEach(cls =>{
+	if( !html_el.classList.contains(cls))
+	    ctn = false;
     });
     return ctn;
 }
 
 /**********  Get parentNode or sibling node  **********
  ******************************************************/
-function get_node(el, class_name, not) {
+function get_node(el, class_name, not)
+{
     class_name = class_name || "comment_container";
     not = not || "";
-    let selector = !!not ? `.${class_name}:not(.${not})` : `.${class_name}`;
+    let selector = !!not?`.${class_name}:not(.${not})`: `.${class_name}`;
     let foundedElement = el.querySelector(selector);
-    if (htmlContainsClass(el, class_name) && !htmlContainsClass(el, not)) {
+    if(htmlContainsClass(el, class_name) && !htmlContainsClass(el, not)) {
         return el;
     }
-    if (foundedElement) {
+    if(foundedElement){
         return foundedElement;
     }
-    else {
+    else{
         return get_node(el.parentElement, class_name, not);
     }
 }
 
 /*******  Manage hide/show child comment text  ********
  ******************************************************/
-function update_answer_text(el) {
+function update_answer_text(el)
+{
     let children_container = get_node(el, "comments_children_container");
     let nb_child = children_container.childElementCount;
-    nb_child = nb_child === 0 ? '' : nb_child;
+    nb_child = nb_child===0?'':nb_child;
     let txt = gettext("Answers");
     txt = `${nb_child} ${txt}`;
     let answer_text_element = el.querySelector(".comment_show_children_btn");
-    if (answer_text_element)
-        answer_text_element.innerText = txt;
+    if(answer_text_element)
+	answer_text_element.innerText = txt;
 }
 
 /*****************  Manage vote svg  ******************
  ******************************************************/
-function manage_vote_frontend(id, el) {
-    VOTED_USERS.forEach(obj => {
-        if (obj.comment__id === id && obj.user__id === user_id) {
-            el.querySelector(".comment_vote_action").classList.add('voted');
-        }
+function manage_vote_frontend(id, el)
+{
+    VOTED_USERS.forEach(obj =>{
+	if(obj.comment__id === id && obj.user__id === user_id)
+	{
+	    el.querySelector(".comment_vote_action").classList.add('voted');
+	}
     });
 }
 
 /******* Set number comments in comment label *********
  * ****************************************************/
-function set_comments_number() {
+function set_comments_number()
+{
     let label_text = comment_label.innerText.replace(/\d+\s+/, '');
-    let nb_comments = all_comment.reduce((acc, curr) => acc += curr.children.length, 0) + all_comment.length;
+    let nb_comments = all_comment.reduce( (acc, curr) => acc += curr.nbr_child, 0) + all_comment.length;
     comment_label.innerText = `${nb_comments} ${label_text}`;
 }
 
@@ -702,72 +801,44 @@ const loader = document.querySelector(".comment_content > .lds-ring");
 
 /************  Get vote from the server  **************
  ******************************************************/
-fetch(base_vote_url).then(response => {
+fetch(base_vote_url).then(response=>{
     loader.classList.remove('hide'); // show loader
-    response.json().then(data => {
-        VOTED_USERS = data.votes;
+    response.json().then(data=>{
+	VOTED_USERS = data.votes;
     });
-}).finally(function () {
+}).finally(function(){
     /************  Get data from the server  **************
      ******************************************************/
-    fetch(base_url).then(response => {
-        response.json().then(data => {
-            loader.classList.add('hide'); // hide loader
-            all_comment = data;
-            set_comments_number()
-            data.forEach(comment_data => {
+    let url = `${base_url}?only=parents`;
+    fetch(url).then(response=>{
+        response.json().then(data=>{
+    	    loader.classList.add('hide'); // hide loader
+	    all_comment = [];
+            data.forEach(comment_data =>
+            {
+		comment_data.children = []; // init children to empty array
+		all_comment = [...all_comment, comment_data] // updating all_comment
                 let parent_container = document.querySelector('.comment_container .comment_content');
-                let children_data = comment_data.children;
-                let parent_data = comment_data.parent_comment;
-                let date_added = new Date(parent_data.added);
-                let html_id = `comment_${date_added.getTime().toString()}`;
+                let date_added = new Date(comment_data.added);
+	        let html_id =`comment_${date_added.getTime().toString()}`;
                 let parent_c = new Comment(
-                    owner = `${parent_data.author__first_name} ${parent_data.author__last_name.toUpperCase()}`,
-                    content = parent_data.content,
-                    likes = parent_data.nbr_vote,
-                    added_since = date_added,
-                    id = html_id,
-                    is_parent = true,
-                    is_comment_owner = user_id === parent_data.author__id
+	            owner=`${comment_data.author__first_name} ${comment_data.author__last_name.toUpperCase()}`,
+	            content=comment_data.content,
+	            likes=comment_data.nbr_vote,
+	            added_since=date_added,
+	            id=html_id,
+	            is_parent=true,
+		    is_comment_owner=comment_data.is_owner
                 );
-                parent_c.dataset.level = '-1';
-                manage_vote_frontend(parent_data.id, parent_c);
-                if (children_data.length > 0) {
-                    children_data.forEach(child_data => {
-                        date_added = new Date(child_data.added);
-                        html_id = `comment_${date_added.getTime().toString()}`;
-                        let parent_to_scroll = parent_c;
-                        if (child_data.parent__id !== child_data.top_parent__id) {
-                            let direct_parent_comment = children_data.filter((c_obj) => c_obj.id === child_data.parent__id)[0];
-                            let direct_parent_html_id = `comment_${new Date(direct_parent_comment.added).getTime().toString()}`;
-                            parent_to_scroll = parent_c.querySelector(`#${direct_parent_html_id}`);
-                        }
-                        let comment_child_content = add_user_tag(
-                            child_data.content,
-                            parent_to_scroll,
-                            comment_data.parent_comment.author__first_name
-                        );
-                        let child_c = new Comment(
-                            owner = `${child_data.author__first_name} ${child_data.author__last_name.toUpperCase()}`,
-                            content = comment_child_content,
-                            likes = child_data.nbr_vote,
-                            added_since = date_added,
-                            id = html_id,
-                            is_parent = false,
-                            is_comment_owner = user_id === child_data.author__id
-                        );
-                        setBorderLeftColor(child_c, parent_to_scroll)
-                        parent_c.querySelector(".comments_children_container").appendChild(child_c);
-                        manage_vote_frontend(child_data.id, child_c);
-                    });
-                }
-                if (is_authenticated)
+		parent_c.dataset.level = '-1';
+	        manage_vote_frontend(comment_data.id, parent_c);
+		if(is_authenticated)
                     parent_container.querySelector('form.add_parent_comment').after(parent_c);
-                else
+		else
                     parent_container.querySelector(".comment_counter_container").after(parent_c);
-                hide_or_add_show_children_btn(parent_c, children_data.length);
+                hide_or_add_show_children_btn(parent_c, comment_data.id, comment_data.nbr_child);
             });
+	    set_comments_number() // update number of comments from comment label
         });
     });
 });
-hide_or_add_show_children_btn();

From 9d116cbeda8eea6e79c7f9ae0835eba14e7f730c Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Fri, 15 Jan 2021 19:04:58 +0100
Subject: [PATCH 067/145] format code

---
 pod/video/static/js/comment-script.js | 866 ++++++++++++--------------
 1 file changed, 405 insertions(+), 461 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 48ec47f590..72f918d3d1 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -4,7 +4,7 @@ let base_delete_url = base_url.replace('comment', 'comment/del');
 let all_comment = null;
 const lang_btn = document.querySelector(".btn-lang.btn-lang-active");
 const comment_label = document.querySelector('.comment_label');
-let  VOTED_USERS = [];
+let VOTED_USERS = [];
 const COLORS = [
     "rgb(15,166,2)",
     "mediumvioletred",
@@ -16,48 +16,44 @@ const COLORS = [
     "steelblue",
     "darkgray",
 ]
-const LANG = lang_btn?lang_btn.textContent.trim() : "fr";
+const LANG = lang_btn ? lang_btn.textContent.trim() : "fr";
 const ACTION_COMMENT = {
     comment_to_delete: null
 }
-if(!is_authenticated)
+if (!is_authenticated)
     document.querySelector(".comment_counter_container").style.margin = "2em 0";
 
-class AlertMessage extends HTMLElement
-{
-    constructor(message, alert_class="alert_success")
-    {
-	super();
-	this.setAttribute('class', "alert "+`alert_${alert_class}`);
-	let html = document.createElement('DIV');
-	html.setAttribute("class", "alert_content");
-	let content = document.createElement('DIV');
-	content.setAttribute('class', 'alert_message');
-	content.textContent = message;
-	html.appendChild(content);
-	this.appendChild(html);
+class AlertMessage extends HTMLElement {
+    constructor(message, alert_class = "alert_success") {
+        super();
+        this.setAttribute('class', "alert " + `alert_${alert_class}`);
+        let html = document.createElement('DIV');
+        html.setAttribute("class", "alert_content");
+        let content = document.createElement('DIV');
+        content.setAttribute('class', 'alert_message');
+        content.textContent = message;
+        html.appendChild(content);
+        this.appendChild(html);
     }
-    connectedCallback(){
-	super.connectedCallback && super.connectedCallback();
-	window.setTimeout(()=>{
-	    this.classList.add('alert_close');
-	    window.setTimeout(()=>{
-		this.parentElement.removeChild(this);
-	    },1000);
-	}, 3000);
+    connectedCallback() {
+        super.connectedCallback && super.connectedCallback();
+        window.setTimeout(() => {
+            this.classList.add('alert_close');
+            window.setTimeout(() => {
+                this.parentElement.removeChild(this);
+            }, 1000);
+        }, 3000);
     }
 }
 customElements.define("alert-message", AlertMessage);
 
-class ConfirmModal extends HTMLElement
-{
-    constructor(title=null, message=null, delete_text=null, cancel_text=null)
-    {
+class ConfirmModal extends HTMLElement {
+    constructor(title = null, message = null, delete_text = null, cancel_text = null) {
         super();
-	title = title?title: this.getAttribute('confirm_title');
-        message = message?message: this.getAttribute("message");
-        delete_text = delete_text? delete_text: this.getAttribute("delete_text");
-        cancel_text = cancel_text? cancel_text: this.getAttribute("cancel_text");
+        title = title ? title : this.getAttribute('confirm_title');
+        message = message ? message : this.getAttribute("message");
+        delete_text = delete_text ? delete_text : this.getAttribute("delete_text");
+        cancel_text = cancel_text ? cancel_text : this.getAttribute("cancel_text");
 
         let modal = `
         <div class="confirm_delete">
@@ -73,21 +69,19 @@ class ConfirmModal extends HTMLElement
         `;
         let delete_btn = document.createElement("BUTTON");
         delete_btn.setAttribute("class", "delete");
-        delete_btn.innerHTML = delete_text?delete_text:gettext("Delete");
+        delete_btn.innerHTML = delete_text ? delete_text : gettext("Delete");
 
-        delete_btn.addEventListener("click", (e)=>
-        {
+        delete_btn.addEventListener("click", (e) => {
             e.preventDefault();
             document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.remove("show");
             // Delete comment
-	    delete_comment(ACTION_COMMENT.comment_to_delete);
+            delete_comment(ACTION_COMMENT.comment_to_delete);
             ACTION_COMMENT.comment_to_delete = null;
         });
         let cancel_btn = document.createElement("BUTTON");
         cancel_btn.setAttribute("class", "cancel");
-        cancel_btn.innerHTML = cancel_text?cancel_text:gettext("Cancel");
-        cancel_btn.addEventListener("click", (e)=>
-        {
+        cancel_btn.innerHTML = cancel_text ? cancel_text : gettext("Cancel");
+        cancel_btn.addEventListener("click", (e) => {
             e.preventDefault();
             document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.remove("show");
             ACTION_COMMENT.comment_to_delete = null;
@@ -99,29 +93,25 @@ class ConfirmModal extends HTMLElement
 }
 customElements.define("confirm-modal", ConfirmModal);
 
-class CommentSince extends HTMLElement
-{
-    constructor(since)
-    {
-	super();
-	since = this.getAttribute("since")? this.getAttribute("since"): since;
-	since = typeof(since) === "string"? new Date(since): since;
-	let date_since = moment(since).locale(LANG).fromNow();
-	let div = document.createElement("DIV");
-	div.setAttribute("class", "comment_since");
-	div.innerText = date_since;
-	this.appendChild(div);
-	window.setInterval(()=>{
-	    date_since = moment(since).locale(LANG).fromNow();
-	    div.innerText = date_since;
-	}, 60000);
+class CommentSince extends HTMLElement {
+    constructor(since) {
+        super();
+        since = this.getAttribute("since") ? this.getAttribute("since") : since;
+        since = typeof (since) === "string" ? new Date(since) : since;
+        let date_since = moment(since).locale(LANG).fromNow();
+        let div = document.createElement("DIV");
+        div.setAttribute("class", "comment_since");
+        div.innerText = date_since;
+        this.appendChild(div);
+        window.setInterval(() => {
+            date_since = moment(since).locale(LANG).fromNow();
+            div.innerText = date_since;
+        }, 60000);
     }
 }
 customElements.define("comment-since", CommentSince);
-class Comment extends HTMLElement
-{
-    constructor( owner, content, likes, added_since, id, is_parent=null, is_comment_owner=false)
-    {
+class Comment extends HTMLElement {
+    constructor(owner, content, likes, added_since, id, is_parent = null, is_comment_owner = false) {
         super();
         this.setAttribute("class", "comment_element");
         this.setAttribute("id", id);
@@ -129,8 +119,8 @@ class Comment extends HTMLElement
         comment.setAttribute("class", "comment");
         let comment_container = document.createElement("DIV");
         comment_container.setAttribute("class", "comment_container");
-	let comment_content = document.createElement('div');
-	comment_content.setAttribute('class', 'comment_content');
+        let comment_content = document.createElement('div');
+        comment_content.setAttribute('class', 'comment_content');
         comment_content.innerHTML = `
             <div class="comment_content_header inline_flex_space">
                 <h1 class="user_name">${owner}</h1>
@@ -143,34 +133,32 @@ class Comment extends HTMLElement
                 <div class="form" data-comment="${id}"></div>
             </div>
         `;
-	comment_container.appendChild(comment_content);
-	if(is_parent)
-	    comment_container.querySelector('.comment_content_body').innerHTML = content;
-	else
-	    comment_container.querySelector('.comment_content_body').appendChild(content);
+        comment_container.appendChild(comment_content);
+        if (is_parent)
+            comment_container.querySelector('.comment_content_body').innerHTML = content;
+        else
+            comment_container.querySelector('.comment_content_body').appendChild(content);
         let svg_icon = [`<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="unvoted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>`, `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="voted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>`];
-       let vote_action = createFooterBtnAction( "comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), is_authenticated?svg_icon:'', "comment_vote_btn", `${likes} votes`, id );
-       if(is_authenticated){
-           vote_action.addEventListener("click", ()=>{
-               let comment_id = get_comment_attribute(document.getElementById(id));
-               vote(comment_id, vote_action);
+        let vote_action = createFooterBtnAction("comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), is_authenticated ? svg_icon : '', "comment_vote_btn", `${likes} votes`, id);
+        if (is_authenticated) {
+            vote_action.addEventListener("click", () => {
+                let comment_id = get_comment_attribute(document.getElementById(id));
+                vote(comment_id, vote_action);
             });
         }
         comment_container.querySelector(".comment_content_footer .actions").appendChild(vote_action);
 
-	if(user_id)
-	{
+        if (user_id) {
             svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment" class="svg-inline--fa fa-comment fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>`;
-            let response_action = createFooterBtnAction( "comment_actions comment_response_action", "icon comment_response_icon", gettext("Reply to comment"), svg_icon, "comment_response_btn", gettext("Reply"));
-            response_action.addEventListener("click", function()
-            {
+            let response_action = createFooterBtnAction("comment_actions comment_response_action", "icon comment_response_icon", gettext("Reply to comment"), svg_icon, "comment_response_btn", gettext("Reply"));
+            response_action.addEventListener("click", function () {
                 let target_node = get_node(this, "form");
                 target_node.classList.toggle("show");
                 this.parentElement.nextElementSibling.querySelector(".new_comment").focus();
             });
             comment_container.querySelector(".comment_content_footer .actions").appendChild(response_action);
-           
-	    if(is_comment_owner || is_video_owner || is_superuser){
+
+            if (is_comment_owner || is_video_owner || is_superuser) {
                 svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"></path></svg>`;
                 let delete_action = createFooterBtnAction(
                     "comment_actions comment_delete_action",
@@ -181,56 +169,50 @@ class Comment extends HTMLElement
                     gettext("Delete"),
                     id
                 );
-                delete_action.addEventListener("click", () =>
-                {
+                delete_action.addEventListener("click", () => {
                     // display confirm modal
                     document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.add("show");
                     let el = document.getElementById(id);
                     ACTION_COMMENT.comment_to_delete = el;
                 });
-            	comment_container.querySelector(".comment_content_footer .actions").appendChild(delete_action);
-       	    } 
+                comment_container.querySelector(".comment_content_footer .actions").appendChild(delete_action);
+            }
             let add_comment = document.createElement("DIV");
             add_comment.setAttribute("class", "add_comment");
-            add_comment.innerHTML ='<textarea class="new_comment" name="new_comment" id="comment" rows="10" placeholder="'+gettext("Add a public comment")+'"></textarea>';
+            add_comment.innerHTML = '<textarea class="new_comment" name="new_comment" id="comment" rows="10" placeholder="' + gettext("Add a public comment") + '"></textarea>';
             let new_comment = add_comment.querySelector(".new_comment");
-            new_comment.addEventListener("keyup", function(e)
-            {
-                if (!((e.ctrlKey  &&  e.keyCode === 13) || (e.shiftKey  &&  e.keyCode === 13)) && e.keyCode === 13)
-                {
+            new_comment.addEventListener("keyup", function (e) {
+                if (!((e.ctrlKey && e.keyCode === 13) || (e.shiftKey && e.keyCode === 13)) && e.keyCode === 13) {
                     this.value = "";
-		    this.blur();
+                    this.blur();
                 }
             });
-            new_comment.addEventListener("keydown", function(e)
-            {
-                if ( 
-		    (e.ctrlKey  &&  e.keyCode === 13) ||
-		    (e.shiftKey  &&  e.keyCode === 13)
-		){
-		    e.preventDefault();
-		    this.value = this.value + '\r\n'; 
-		    this.scrollTop = this.scrollHeight;
-		}
-		else if (e.keyCode === 13) {
+            new_comment.addEventListener("keydown", function (e) {
+                if (
+                    (e.ctrlKey && e.keyCode === 13) ||
+                    (e.shiftKey && e.keyCode === 13)
+                ) {
+                    e.preventDefault();
+                    this.value = this.value + '\r\n';
+                    this.scrollTop = this.scrollHeight;
+                }
+                else if (e.keyCode === 13) {
                     let child_container = get_node(this, "comments_children_container");
-                    if(!child_container.classList.contains("show"))
+                    if (!child_container.classList.contains("show"))
                         child_container.classList.add("show");
-                    if(this.value.trim() !== "")
-                    {
-                        let comment_parent = get_node(this, "comment_element", "comment_child" );
+                    if (this.value.trim() !== "") {
+                        let comment_parent = get_node(this, "comment_element", "comment_child");
                         add_comment.parentElement.classList.toggle("show");
-                        if(!comment_parent.classList.contains("show"))
+                        if (!comment_parent.classList.contains("show"))
                             comment_parent.classList.add("show")
-                        add_child_comment( this, child_container, comment_parent );
+                        add_child_comment(this, child_container, comment_parent);
                         this.value = "";
                     }
                 }
             });
             comment_container.querySelector(".comment_content_footer .form").appendChild(add_comment);
-	}
-        if(is_parent)
-        {
+        }
+        if (is_parent) {
             let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comments" class="svg-inline--fa fa-comments fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"></path></svg>`;
             let comment_icon = document.createElement("DIV");
             comment_icon.innerHTML = comment_icon_svg;
@@ -242,8 +224,7 @@ class Comment extends HTMLElement
             comment.appendChild(comment_container);
             this.appendChild(comment);
         }
-        else
-        {
+        else {
             let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="replyd" class="svg-inline--fa fa-replyd fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 480H128C57.6 480 0 422.4 0 352V160C0 89.6 57.6 32 128 32h192c70.4 0 128 57.6 128 128v192c0 70.4-57.6 128-128 128zM193.4 273.2c-6.1-2-11.6-3.1-16.4-3.1-7.2 0-13.5 1.9-18.9 5.6-5.4 3.7-9.6 9-12.8 15.8h-1.1l-4.2-18.3h-28v138.9h36.1v-89.7c1.5-5.4 4.4-9.8 8.7-13.2 4.3-3.4 9.8-5.1 16.2-5.1 4.6 0 9.8 1 15.6 3.1l4.8-34zm115.2 103.4c-3.2 2.4-7.7 4.8-13.7 7.1-6 2.3-12.8 3.5-20.4 3.5-12.2 0-21.1-3-26.5-8.9-5.5-5.9-8.5-14.7-9-26.4h83.3c.9-4.8 1.6-9.4 2.1-13.9.5-4.4.7-8.6.7-12.5 0-10.7-1.6-19.7-4.7-26.9-3.2-7.2-7.3-13-12.5-17.2-5.2-4.3-11.1-7.3-17.8-9.2-6.7-1.8-13.5-2.8-20.6-2.8-21.1 0-37.5 6.1-49.2 18.3s-17.5 30.5-17.5 55c0 22.8 5.2 40.7 15.6 53.7 10.4 13.1 26.8 19.6 49.2 19.6 10.7 0 20.9-1.5 30.4-4.6 9.5-3.1 17.1-6.8 22.6-11.2l-12-23.6zm-21.8-70.3c3.8 5.4 5.3 13.1 4.6 23.1h-51.7c.9-9.4 3.7-17 8.2-22.6 4.5-5.6 11.5-8.5 21-8.5 8.2-.1 14.1 2.6 17.9 8zm79.9 2.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4s2 11.7 6.1 15.6zm0 100.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4 0 6.6 2 11.7 6.1 15.6z"></path></svg>`;
             let comment_icon = document.createElement("DIV");
             comment_icon.innerHTML = comment_icon_svg;
@@ -258,15 +239,14 @@ class Comment extends HTMLElement
         }
     }
 }
-function createFooterBtnAction( classes, icon_classes, title, svg, span_classes, span_text, comment_id=null )
-{
+function createFooterBtnAction(classes, icon_classes, title, svg, span_classes, span_text, comment_id = null) {
     let el = document.createElement("DIV");
     el.setAttribute("class", classes);
-    if(comment_id) el.setAttribute("data-comment", comment_id);
+    if (comment_id) el.setAttribute("data-comment", comment_id);
     let el_icon = document.createElement("DIV");
     el_icon.setAttribute("class", icon_classes)
     el_icon.setAttribute("title", title)
-    if(Array.isArray(svg))
+    if (Array.isArray(svg))
         el_icon.innerHTML = svg.join(" ")
     else
         el_icon.innerHTML = svg
@@ -279,35 +259,30 @@ function createFooterBtnAction( classes, icon_classes, title, svg, span_classes,
     el.appendChild(el_span);
     return el;
 }
-function hide_or_add_show_children_btn(parent_comment, parent_id, nb_child)
-{
+function hide_or_add_show_children_btn(parent_comment, parent_id, nb_child) {
     let svg_icon_show = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="show svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>`
     let svg_icon_hide = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye-slash" class="hide svg-inline--fa fa-eye-slash fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"></path></svg>`
     let txt = gettext("Answers");
-    txt = nb_child?`${nb_child} ${txt}`: txt;
+    txt = nb_child ? `${nb_child} ${txt}` : txt;
     let children_action = createFooterBtnAction(
         "comment_actions comment_show_children_action",
         "icon comment_show_children_icon",
         gettext("Show answers"),
         [svg_icon_show, svg_icon_hide],
         "comment_show_children_btn",
-	txt
+        txt
     );
-    children_action.addEventListener("click", function()
-    {
+    children_action.addEventListener("click", function () {
         //get_node(this.parentElement, "comment_element", "comment_child").classList.toggle("show");
-	parent_comment.classList.toggle("show");
-	fetch_comment_children(parent_comment, parent_id);
+        parent_comment.classList.toggle("show");
+        fetch_comment_children(parent_comment, parent_id);
     });
-    if(parent_comment)
-    {
+    if (parent_comment) {
         let children_container = parent_comment.querySelector(".comments_children_container");
-        if(!parent_comment.querySelector(".actions .comment_show_children_action") && nb_child >0)
-        {
-            parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after( children_action );
+        if (!parent_comment.querySelector(".actions .comment_show_children_action") && nb_child > 0) {
+            parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after(children_action);
         }
-        else if(parent_comment.querySelector(".actions .comment_show_children_action") && nb_child===0)
-        {
+        else if (parent_comment.querySelector(".actions .comment_show_children_action") && nb_child === 0) {
             // remove action if exist
             parent_comment.querySelector(".comment_content_footer .actions").removeChild(
                 parent_comment.querySelector(".comment_content_footer .actions .comment_show_children_action")
@@ -319,190 +294,179 @@ customElements.define("comment-element", Comment)
 
 /*******************  Voting for a comment  ********************
  ***************************************************************/
-function vote(comment_id, target_html_el)
-{
+function vote(comment_id, target_html_el) {
     // send request to the server to check if the current user already vote
-    let vote_url = base_vote_url + comment_id +"/";
+    let vote_url = base_vote_url + comment_id + "/";
     let btn = target_html_el.querySelector('.comment_vote_btn')
     let data = new FormData();
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
     fetch(vote_url, {
-	method: "POST",
-	body: data
-    }).then(response=>{
-	response.json().then(data=>{
-	    if(data.voted === true)
-	    {
-	    	VOTED_USERS.push({
-		    'user__id': user_id,
-		    'comment__id': comment_id,
-		});
-		btn.innerHTML = parseInt(btn.textContent)+1 + " votes";
-		if(!target_html_el.classList.contains('voted'))
-		    target_html_el.classList.add('voted');
-	    }
-	    else
-	    {
-		VOTED_USERS = VOTED_USERS.filter(obj=>{
-		    obj.comment__id !== comment_id
-		})
-		btn.innerHTML = parseInt(btn.textContent)-1 + " votes";
-		if(target_html_el.classList.contains('voted'))
-		    target_html_el.classList.remove('voted');
-	    }
-	})
-    }).catch(error=>{
-	console.log(error);
+        method: "POST",
+        body: data
+    }).then(response => {
+        response.json().then(data => {
+            if (data.voted === true) {
+                VOTED_USERS.push({
+                    'user__id': user_id,
+                    'comment__id': comment_id,
+                });
+                btn.innerHTML = parseInt(btn.textContent) + 1 + " votes";
+                if (!target_html_el.classList.contains('voted'))
+                    target_html_el.classList.add('voted');
+            }
+            else {
+                VOTED_USERS = VOTED_USERS.filter(obj => {
+                    obj.comment__id !== comment_id
+                })
+                btn.innerHTML = parseInt(btn.textContent) - 1 + " votes";
+                if (target_html_el.classList.contains('voted'))
+                    target_html_el.classList.remove('voted');
+            }
+        })
+    }).catch(error => {
+        console.log(error);
     });
 }
 
 /****************  Save comment into the server  ****************
  ***************************************************************/
-function save_comment(content, date, direct_parent_id=null, top_parent_comment_html=null)
-{
+function save_comment(content, date, direct_parent_id = null, top_parent_comment_html = null) {
     let post_url = base_url.replace("comment", "comment/add");
     let top_parent_id = null;
     let data = new FormData();
-    if(top_parent_comment_html)
-    {
+    if (top_parent_comment_html) {
         top_parent_id = get_comment_attribute(top_parent_comment_html);
-        post_url = post_url+top_parent_id+'/';
-    	data.append('direct_parent', direct_parent_id);
+        post_url = post_url + top_parent_id + '/';
+        data.append('direct_parent', direct_parent_id);
     }
     data.append('content', content);
     data.append('date_added', date);
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
-    fetch(post_url,{
+    fetch(post_url, {
         method: "POST",
         body: data
-    }).then(response=>{
-	if(response.ok)
-	{
-	    response.json().then(data=>{
-	        let c = {
-	            author__first_name: data.author__first_name,
-	            author__last_name: data.author__last_name,
-		    is_owner: true,
-	            content: content,
-	            id: data.id,
-	            added: date,
-		    parent__id: top_parent_id,
-		    direct_parent__id: direct_parent_id,
-	        }
-	        if(!top_parent_id)
-		{
-		    c.children = [];
-		    // update all_comment data
-	            all_comment = [...all_comment, c];
-		}
-	        else
-	        {
-		    // update all_comment data
-	            all_comment = all_comment.map((comment) => {
-	   	        if(comment.id === top_parent_id)
-		            comment.children = [...comment.children, c];
-		        return comment;
-		    });
-	        }
-		hide_or_add_show_children_btn(
-		    top_parent_comment_html,
-		    top_parent_id,
-		    get_comment_attribute(top_parent_comment_html, 'children').length
-		);
-	    	set_comments_number()
-	    });
-	}
-	else{ console.log("Mauvaise réponse du réseau", response); }
+    }).then(response => {
+        if (response.ok) {
+            response.json().then(data => {
+                let c = {
+                    author__first_name: data.author__first_name,
+                    author__last_name: data.author__last_name,
+                    is_owner: true,
+                    content: content,
+                    id: data.id,
+                    added: date,
+                    parent__id: top_parent_id,
+                    direct_parent__id: direct_parent_id,
+                }
+                if (!top_parent_id) {
+                    c.children = [];
+                    // update all_comment data
+                    all_comment = [...all_comment, c];
+                }
+                else {
+                    // update all_comment data
+                    all_comment = all_comment.map((comment) => {
+                        if (comment.id === top_parent_id)
+                            comment.children = [...comment.children, c];
+                        return comment;
+                    });
+                }
+                hide_or_add_show_children_btn(
+                    top_parent_comment_html,
+                    top_parent_id,
+                    get_comment_attribute(top_parent_comment_html, 'children').length
+                );
+                set_comments_number()
+            });
+        }
+        else { console.log("Mauvaise réponse du réseau", response); }
     })
-    .catch(error =>{
-	    console.log(error)
-	    console.log(error.message)
-    });
+        .catch(error => {
+            console.log(error)
+            console.log(error.message)
+        });
 }
 
 /****************  Delete Comment  ****************
  ******************************************************/
-function delete_comment(comment)
-{
+function delete_comment(comment) {
     let comment_id = get_comment_attribute(comment);
     let is_child = !!get_comment_attribute(comment, 'parent__id');
     let url = base_delete_url + comment_id + '/';
     let data = new FormData();
     data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
     fetch(url, {
-	method: "POST",
-	body: data
+        method: "POST",
+        body: data
     }
-    ).then(response=>{
-	response.json().then( data=>{
-	    if(data.deleted){
-	        document.body.appendChild(new AlertMessage(gettext("Comment has been deleted successfully.")));
+    ).then(response => {
+        response.json().then(data => {
+            if (data.deleted) {
+                document.body.appendChild(new AlertMessage(gettext("Comment has been deleted successfully.")));
                 let parent_el = null
-		if(is_child){
-		    let remaining_children = delete_comment_child_DOM(comment, is_child);
-	    	    parent_el = get_node(comment, "comment_element", "comment_child");
-		    let parent_id = get_comment_attribute(parent_el);
-    		    comment.parentElement.removeChild(comment);
+                if (is_child) {
+                    let remaining_children = delete_comment_child_DOM(comment, is_child);
+                    parent_el = get_node(comment, "comment_element", "comment_child");
+                    let parent_id = get_comment_attribute(parent_el);
+                    comment.parentElement.removeChild(comment);
                     hide_or_add_show_children_btn(parent_el, parent_id, remaining_children);
-		    update_answer_text(parent_el);
-	    	    set_comments_number();
-		    return;
-		}
-		all_comment = all_comment.filter(c => c.parent_comment.id != data.comment_deleted );
-    		comment.parentElement.removeChild(comment);
-	    	set_comments_number();
-	    }
-	    else
-	        document.body.appendChild(new AlertMessage(data.message));
-	});
-    }).catch(error=>{
-	console.log(error);
-	console.log(error.message);
+                    update_answer_text(parent_el);
+                    set_comments_number();
+                    return;
+                }
+                all_comment = all_comment.filter(c => c.parent_comment.id != data.comment_deleted);
+                comment.parentElement.removeChild(comment);
+                set_comments_number();
+            }
+            else
+                document.body.appendChild(new AlertMessage(data.message));
+        });
+    }).catch(error => {
+        console.log(error);
+        console.log(error.message);
     })
 }
 
-function delete_comment_child_DOM(comment, is_child)
-{
+function delete_comment_child_DOM(comment, is_child) {
     let remaining_children = 0;
-    if(is_child){
+    if (is_child) {
         let comment_id = get_comment_attribute(comment);
-        let comment_top_parent_id = get_comment_attribute(comment, attr='top_parent__id');
-	let list_parent_id = [comment_id];
-	
+        let comment_top_parent_id = get_comment_attribute(comment, attr = 'top_parent__id');
+        let list_parent_id = [comment_id];
+
         all_comment = all_comment.map(p_comment => {
-	    if(p_comment.parent_comment.id === comment_top_parent_id){
-		p_comment.children = p_comment.children
-		    .filter(c_comment => c_comment.id !== comment_id)
-	            .filter( c_comment => {
-			if( list_parent_id.includes(c_comment.parent__id) ){
-			    list_parent_id = [...list_parent_id, c_comment.id];
-			    // Remove comment html element from DOM
+            if (p_comment.parent_comment.id === comment_top_parent_id) {
+                p_comment.children = p_comment.children
+                    .filter(c_comment => c_comment.id !== comment_id)
+                    .filter(c_comment => {
+                        if (list_parent_id.includes(c_comment.parent__id)) {
+                            list_parent_id = [...list_parent_id, c_comment.id];
+                            // Remove comment html element from DOM
                             let html_id = `#comment_${new Date(c_comment.added).getTime()}`;
-		            let c = document.querySelector(html_id)
-		            c.parentElement.removeChild(c);
-	                }
-			return !list_parent_id.includes(c_comment.parent__id); // Remove comment data from all_comment
-	            });
-		remaining_children = p_comment.children.length;
-		return p_comment;
-	    }
-	    return p_comment;
-	});
+                            let c = document.querySelector(html_id)
+                            c.parentElement.removeChild(c);
+                        }
+                        return !list_parent_id.includes(c_comment.parent__id); // Remove comment data from all_comment
+                    });
+                remaining_children = p_comment.children.length;
+                return p_comment;
+            }
+            return p_comment;
+        });
     }
     return remaining_children;
 }
 
 /*********** Scroll to a specific comment *************
  * ****************************************************/
-function scrollToComment(targetComment)
-{
+function scrollToComment(targetComment) {
     targetComment.scrollIntoView({
-	behavior: "smooth",
-	block: "center",
-	inline: "nearest"
+        behavior: "smooth",
+        block: "center",
+        inline: "nearest"
     });
     let htmlTarget = targetComment.querySelector(".comment_content");
-    if(htmlTarget.classList.contains("scroll_to"))
+    if (htmlTarget.classList.contains("scroll_to"))
         htmlTarget.classList.remove("scroll_to");
 
     window.setTimeout(() => {
@@ -515,22 +479,21 @@ function scrollToComment(targetComment)
 
 /****** Add the owner of parent comment as a tag ******
  ******************************************************/
-function add_user_tag(comment_value, parent_comment)
-{
+function add_user_tag(comment_value, parent_comment) {
     let reply_to = get_comment_attribute(
-	parent_comment,
-	attr="author__first_name"
+        parent_comment,
+        attr = "author__first_name"
     );
-    reply_content = get_comment_attribute( parent_comment, attr="content" );
+    reply_content = get_comment_attribute(parent_comment, attr = "content");
     let htmlTarget = parent_comment.querySelector(".comment_content");
     let tag = document.createElement("a");
     tag.setAttribute("href", "#");
     tag.addEventListener("click", (e) => {
-	e.preventDefault();
-	e.stopPropagation();
-	scrollToComment(parent_comment)
+        e.preventDefault();
+        e.stopPropagation();
+        scrollToComment(parent_comment)
     });
-    tag.innerHTML =`
+    tag.innerHTML = `
 	<span class="reply_to">
 	    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="reply" class="svg-inline--fa fa-reply fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M8.309 189.836L184.313 37.851C199.719 24.546 224 35.347 224 56.015v80.053c160.629 1.839 288 34.032 288 186.258 0 61.441-39.581 122.309-83.333 154.132-13.653 9.931-33.111-2.533-28.077-18.631 45.344-145.012-21.507-183.51-176.59-185.742V360c0 20.7-24.3 31.453-39.687 18.164l-176.004-152c-11.071-9.562-11.086-26.753 0-36.328z"></path></svg>
 	    <span class="reply_author">@${reply_to}</span>
@@ -548,116 +511,110 @@ function add_user_tag(comment_value, parent_comment)
 
 /****************  return color index  ****************
  ******************************************************/
-function setBorderLeftColor(comment, parent_element){
-    try{
+function setBorderLeftColor(comment, parent_element) {
+    try {
         let index = Number.parseInt(parent_element.dataset.level) + 1;
-	if(index >= COLORS.length){
-	    comment.dataset.level = COLORS.length - 1;
-	    comment.querySelector(".comment_content")
-	        .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`; 
-	    comment.querySelector(".comments_icon")
-	        .style.color = `${COLORS[COLORS.length - 1]}`; 
-	}
-	else{
-	    comment.dataset.level = index;
-	    comment.querySelector(".comment_content")
-	        .style.borderLeft = `4px solid ${COLORS[index]}`; 
-	    comment.querySelector(".comments_icon")
-	        .style.color = `${COLORS[index]}`; 
-	}
-    }catch(e){
-	comment.dataset.level = COLORS.length - 1;
-	comment.querySelector(".comment_content")
-	    .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`; 
-	comment.querySelector(".comments_icon")
-	    .style.color = `${COLORS[COLORS.length - 1]}`; 
+        if (index >= COLORS.length) {
+            comment.dataset.level = COLORS.length - 1;
+            comment.querySelector(".comment_content")
+                .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`;
+            comment.querySelector(".comments_icon")
+                .style.color = `${COLORS[COLORS.length - 1]}`;
+        }
+        else {
+            comment.dataset.level = index;
+            comment.querySelector(".comment_content")
+                .style.borderLeft = `4px solid ${COLORS[index]}`;
+            comment.querySelector(".comments_icon")
+                .style.color = `${COLORS[index]}`;
+        }
+    } catch (e) {
+        comment.dataset.level = COLORS.length - 1;
+        comment.querySelector(".comment_content")
+            .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`;
+        comment.querySelector(".comments_icon")
+            .style.color = `${COLORS[COLORS.length - 1]}`;
     }
 }
 /****************  Add parent Comment  ****************
  ******************************************************/
-if(is_authenticated){
+if (is_authenticated) {
     let add_parent_comment = document.querySelector("form.add_parent_comment");
-    add_parent_comment.addEventListener("submit", (e)=>
-    {
+    add_parent_comment.addEventListener("submit", (e) => {
         e.preventDefault();
         let date_added = new Date();
-        let el = add_parent_comment.querySelector(".new_parent_comment") 
-        if(el.value.trim() != "")
-        {
-	    let comment_content = el.value;
+        let el = add_parent_comment.querySelector(".new_parent_comment")
+        if (el.value.trim() != "") {
+            let comment_content = el.value;
             let c = new Comment(
-                owner=user_fullName,
-                content=comment_content,
-                likes=0,
-                added_since=date_added,
-                id=`comment_${date_added.getTime()}`,
-                is_parent=true,
-	        is_comment_owner=true);
-	    c.dataset.level = '-1';
+                owner = user_fullName,
+                content = comment_content,
+                likes = 0,
+                added_since = date_added,
+                id = `comment_${date_added.getTime()}`,
+                is_parent = true,
+                is_comment_owner = true);
+            c.dataset.level = '-1';
             document.querySelector(".comment_container .comment_content form.add_parent_comment").after(c);
             el.value = "";
             // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-	   save_comment(comment_content, date_added.toISOString());
+            save_comment(comment_content, date_added.toISOString());
         }
     });
 }
 /*****  Fetch children and add them into the DOM  *****
  ******************************************************/
-function fetch_comment_children(parent_comment_html, parent_comment_id)
-{
+function fetch_comment_children(parent_comment_html, parent_comment_id) {
     // fetch children only once
-    if(all_comment.find(c => c.id === parent_comment_id).children.length === 0)
-    {
-    	let url = base_url.replace('/comment/', `/comment/${parent_comment_id}/`);
-    	fetch(url).then(response => {
-	    let children_loader = loader.cloneNode(true)
-	    children_loader.classList.remove('hide'); // waiting for charging children
-	    parent_comment_html.querySelector(".comments_children_container").appendChild(children_loader)
-	    response.json().then(data=>{
-	        // Saving children in all_comment
-	        all_comment = all_comment.map(parent_comment => {
-		    if(parent_comment.id === parent_comment_id)
-		    {
-	    		parent_comment_html.querySelector(".comments_children_container").removeChild(children_loader);
-		        parent_comment.children = data.children
-			// Update DOM with children comments
-			parent_comment.children.forEach(comment_child => {
-			    let parent_to_scroll = parent_comment_html;
-			    if(comment_child.direct_parent_id != null)
-			    {
-			        let direct_parent_comment = parent_comment.children.find(
-					(c_obj) => c_obj.id === comment_child.direct_parent_id);
-				let direct_parent_html_id = `comment_${new Date(
-					direct_parent_comment.added).getTime().toString()}`;
-				parent_to_scroll = parent_comment_html.querySelector(`#${direct_parent_html_id}`);
-			    }
-
-			    let date_added = new Date(comment_child.added);
-
-			    let comment_child_content = add_user_tag(
-			        comment_child.content,
-			        parent_to_scroll,
-			        parent_comment.author__first_name
-			    );
-
-			    let comment_child_html = new Comment(
-			        owner=`${comment_child.author__first_name} ${comment_child.author__last_name}`,
-				content=comment_child_content,
-				likes=comment_child.nbr_vote,
-				added_since= date_added,
-                		id=`comment_${date_added.getTime()}`,
-				is_parent=false,
-				is_comment_owner=comment_child.is_owner
-			    );
-			   
-			    parent_comment_html.querySelector(".comments_children_container").appendChild(comment_child_html)
-			    setBorderLeftColor(comment_child_html, parent_to_scroll)
-	    	            manage_vote_frontend(comment_child.id, comment_child_html);
-			});
-		    }
-		    return parent_comment;
-	        });
-	    });
+    if (all_comment.find(c => c.id === parent_comment_id).children.length === 0) {
+        let url = base_url.replace('/comment/', `/comment/${parent_comment_id}/`);
+        fetch(url).then(response => {
+            let children_loader = loader.cloneNode(true)
+            children_loader.classList.remove('hide'); // waiting for charging children
+            parent_comment_html.querySelector(".comments_children_container").appendChild(children_loader)
+            response.json().then(data => {
+                // Saving children in all_comment
+                all_comment = all_comment.map(parent_comment => {
+                    if (parent_comment.id === parent_comment_id) {
+                        parent_comment_html.querySelector(".comments_children_container").removeChild(children_loader);
+                        parent_comment.children = data.children
+                        // Update DOM with children comments
+                        parent_comment.children.forEach(comment_child => {
+                            let parent_to_scroll = parent_comment_html;
+                            if (comment_child.direct_parent_id != null) {
+                                let direct_parent_comment = parent_comment.children.find(
+                                    (c_obj) => c_obj.id === comment_child.direct_parent_id);
+                                let direct_parent_html_id = `comment_${new Date(
+                                    direct_parent_comment.added).getTime().toString()}`;
+                                parent_to_scroll = parent_comment_html.querySelector(`#${direct_parent_html_id}`);
+                            }
+
+                            let date_added = new Date(comment_child.added);
+
+                            let comment_child_content = add_user_tag(
+                                comment_child.content,
+                                parent_to_scroll,
+                                parent_comment.author__first_name
+                            );
+
+                            let comment_child_html = new Comment(
+                                owner = `${comment_child.author__first_name} ${comment_child.author__last_name}`,
+                                content = comment_child_content,
+                                likes = comment_child.nbr_vote,
+                                added_since = date_added,
+                                id = `comment_${date_added.getTime()}`,
+                                is_parent = false,
+                                is_comment_owner = comment_child.is_owner
+                            );
+
+                            parent_comment_html.querySelector(".comments_children_container").appendChild(comment_child_html)
+                            setBorderLeftColor(comment_child_html, parent_to_scroll)
+                            manage_vote_frontend(comment_child.id, comment_child_html);
+                        });
+                    }
+                    return parent_comment;
+                });
+            });
         });
     }
 
@@ -665,134 +622,122 @@ function fetch_comment_children(parent_comment_html, parent_comment_id)
 
 /****************  Add child Comment  *****************
  ******************************************************/
-function add_child_comment(el, container_el, top_parent_comment_html)
-{
+function add_child_comment(el, container_el, top_parent_comment_html) {
     let date_added = new Date();
-    if(el.value.trim() !== "")
-    {
-	let child_direct_parent = document.querySelector(
-		`#${el.parentElement.parentElement.dataset.comment}`)
-	    
-	let comment_child_content = add_user_tag(
-		el.value,
-		child_direct_parent,
-	);
+    if (el.value.trim() !== "") {
+        let child_direct_parent = document.querySelector(
+            `#${el.parentElement.parentElement.dataset.comment}`)
+
+        let comment_child_content = add_user_tag(
+            el.value,
+            child_direct_parent,
+        );
         let c = new Comment(
-            owner=user_fullName,
-            content=comment_child_content,
-            likes=0,
-            added_since=date_added,
+            owner = user_fullName,
+            content = comment_child_content,
+            likes = 0,
+            added_since = date_added,
             id = `comment_${date_added.getTime()}`,
-	    is_parent=false,
-	    is_comment_owner=true);
-	setBorderLeftColor(c, child_direct_parent)
-	container_el.appendChild(c);
-	
+            is_parent = false,
+            is_comment_owner = true);
+        setBorderLeftColor(c, child_direct_parent)
+        container_el.appendChild(c);
+
         hide_or_add_show_children_btn(
-	    top_parent_comment_html,
-	    get_comment_attribute(top_parent_comment_html),
-	    top_parent_comment_html.querySelector('.comments_children_container').childElementCount
-	);
+            top_parent_comment_html,
+            get_comment_attribute(top_parent_comment_html),
+            top_parent_comment_html.querySelector('.comments_children_container').childElementCount
+        );
         update_answer_text(top_parent_comment_html)
 
         // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-	let p_id = get_comment_attribute( child_direct_parent );
+        let p_id = get_comment_attribute(child_direct_parent);
 
-	// Scroll to the comment child
-	scrollToComment( c );
+        // Scroll to the comment child
+        scrollToComment(c);
 
-	save_comment(el.value, date_added.toISOString(), p_id, top_parent_comment_html);
+        save_comment(el.value, date_added.toISOString(), p_id, top_parent_comment_html);
     }
 }
 
 /*********  Return backend comment attribute  *********
  ******************************************************/
-function get_comment_attribute(comment_html, attr="id")
-{
+function get_comment_attribute(comment_html, attr = "id") {
     let curr_html_id = comment_html.getAttribute('id');
     let comment_attr = null
-    for(const comment of all_comment)
-    {
-	let comment_htmlID = `comment_${new Date(comment.added).getTime()}`;
-	if(comment_htmlID == curr_html_id)
-        {
-	    comment_attr = comment[attr];
-	    break;
-	}
-	for(const child_comment of comment.children){
-	    comment_htmlID = `comment_${new Date(child_comment.added).getTime()}`;
-	    if(comment_htmlID == curr_html_id)
-	    {
+    for (const comment of all_comment) {
+        let comment_htmlID = `comment_${new Date(comment.added).getTime()}`;
+        if (comment_htmlID == curr_html_id) {
+            comment_attr = comment[attr];
+            break;
+        }
+        for (const child_comment of comment.children) {
+            comment_htmlID = `comment_${new Date(child_comment.added).getTime()}`;
+            if (comment_htmlID == curr_html_id) {
                 comment_attr = child_comment[attr];
-		break;
-	    }
-	}
-	if(comment_attr) return comment_attr;
+                break;
+            }
+        }
+        if (comment_attr) return comment_attr;
     }
     return comment_attr;
 }
 
-function htmlContainsClass(html_el, classes)
-{
+function htmlContainsClass(html_el, classes) {
     let ctn = true;
-    classes.split('.').forEach(cls =>{
-	if( !html_el.classList.contains(cls))
-	    ctn = false;
+    classes.split('.').forEach(cls => {
+        if (!html_el.classList.contains(cls))
+            ctn = false;
     });
     return ctn;
 }
 
 /**********  Get parentNode or sibling node  **********
  ******************************************************/
-function get_node(el, class_name, not)
-{
+function get_node(el, class_name, not) {
     class_name = class_name || "comment_container";
     not = not || "";
-    let selector = !!not?`.${class_name}:not(.${not})`: `.${class_name}`;
+    let selector = !!not ? `.${class_name}:not(.${not})` : `.${class_name}`;
     let foundedElement = el.querySelector(selector);
-    if(htmlContainsClass(el, class_name) && !htmlContainsClass(el, not)) {
+    if (htmlContainsClass(el, class_name) && !htmlContainsClass(el, not)) {
         return el;
     }
-    if(foundedElement){
+    if (foundedElement) {
         return foundedElement;
     }
-    else{
+    else {
         return get_node(el.parentElement, class_name, not);
     }
 }
 
 /*******  Manage hide/show child comment text  ********
  ******************************************************/
-function update_answer_text(el)
-{
+function update_answer_text(el) {
     let children_container = get_node(el, "comments_children_container");
     let nb_child = children_container.childElementCount;
-    nb_child = nb_child===0?'':nb_child;
+    nb_child = nb_child === 0 ? '' : nb_child;
     let txt = gettext("Answers");
     txt = `${nb_child} ${txt}`;
     let answer_text_element = el.querySelector(".comment_show_children_btn");
-    if(answer_text_element)
-	answer_text_element.innerText = txt;
+    if (answer_text_element)
+        answer_text_element.innerText = txt;
 }
 
 /*****************  Manage vote svg  ******************
  ******************************************************/
-function manage_vote_frontend(id, el)
-{
-    VOTED_USERS.forEach(obj =>{
-	if(obj.comment__id === id && obj.user__id === user_id)
-	{
-	    el.querySelector(".comment_vote_action").classList.add('voted');
-	}
+function manage_vote_frontend(id, el) {
+    VOTED_USERS.forEach(obj => {
+        if (obj.comment__id === id && obj.user__id === user_id) {
+            el.querySelector(".comment_vote_action").classList.add('voted');
+        }
     });
 }
 
 /******* Set number comments in comment label *********
  * ****************************************************/
-function set_comments_number()
-{
+function set_comments_number() {
     let label_text = comment_label.innerText.replace(/\d+\s+/, '');
-    let nb_comments = all_comment.reduce( (acc, curr) => acc += curr.nbr_child, 0) + all_comment.length;
+    let nb_comments = all_comment.reduce((acc, curr) => acc += curr.nbr_child, 0) + all_comment.length;
     comment_label.innerText = `${nb_comments} ${label_text}`;
 }
 
@@ -801,44 +746,43 @@ const loader = document.querySelector(".comment_content > .lds-ring");
 
 /************  Get vote from the server  **************
  ******************************************************/
-fetch(base_vote_url).then(response=>{
+fetch(base_vote_url).then(response => {
     loader.classList.remove('hide'); // show loader
-    response.json().then(data=>{
-	VOTED_USERS = data.votes;
+    response.json().then(data => {
+        VOTED_USERS = data.votes;
     });
-}).finally(function(){
+}).finally(function () {
     /************  Get data from the server  **************
      ******************************************************/
     let url = `${base_url}?only=parents`;
-    fetch(url).then(response=>{
-        response.json().then(data=>{
-    	    loader.classList.add('hide'); // hide loader
-	    all_comment = [];
-            data.forEach(comment_data =>
-            {
-		comment_data.children = []; // init children to empty array
-		all_comment = [...all_comment, comment_data] // updating all_comment
+    fetch(url).then(response => {
+        response.json().then(data => {
+            loader.classList.add('hide'); // hide loader
+            all_comment = [];
+            data.forEach(comment_data => {
+                comment_data.children = []; // init children to empty array
+                all_comment = [...all_comment, comment_data] // updating all_comment
                 let parent_container = document.querySelector('.comment_container .comment_content');
                 let date_added = new Date(comment_data.added);
-	        let html_id =`comment_${date_added.getTime().toString()}`;
+                let html_id = `comment_${date_added.getTime().toString()}`;
                 let parent_c = new Comment(
-	            owner=`${comment_data.author__first_name} ${comment_data.author__last_name.toUpperCase()}`,
-	            content=comment_data.content,
-	            likes=comment_data.nbr_vote,
-	            added_since=date_added,
-	            id=html_id,
-	            is_parent=true,
-		    is_comment_owner=comment_data.is_owner
+                    owner = `${comment_data.author__first_name} ${comment_data.author__last_name.toUpperCase()}`,
+                    content = comment_data.content,
+                    likes = comment_data.nbr_vote,
+                    added_since = date_added,
+                    id = html_id,
+                    is_parent = true,
+                    is_comment_owner = comment_data.is_owner
                 );
-		parent_c.dataset.level = '-1';
-	        manage_vote_frontend(comment_data.id, parent_c);
-		if(is_authenticated)
+                parent_c.dataset.level = '-1';
+                manage_vote_frontend(comment_data.id, parent_c);
+                if (is_authenticated)
                     parent_container.querySelector('form.add_parent_comment').after(parent_c);
-		else
+                else
                     parent_container.querySelector(".comment_counter_container").after(parent_c);
                 hide_or_add_show_children_btn(parent_c, comment_data.id, comment_data.nbr_child);
             });
-	    set_comments_number() // update number of comments from comment label
+            set_comments_number() // update number of comments from comment label
         });
     });
 });

From 9d8df055f09c315c5ecc65d1e8aaf6ff40b7874b Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 16 Jan 2021 13:05:33 +0100
Subject: [PATCH 068/145] fix display loader on comments children

---
 pod/video/static/js/comment-script.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 72f918d3d1..47d45bfce3 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -4,10 +4,12 @@ let base_delete_url = base_url.replace('comment', 'comment/del');
 let all_comment = null;
 const lang_btn = document.querySelector(".btn-lang.btn-lang-active");
 const comment_label = document.querySelector('.comment_label');
+// Loader Element
+const loader = document.querySelector(".comment_content > .lds-ring");
 let VOTED_USERS = [];
 const COLORS = [
     "rgb(15,166,2)",
-    "mediumvioletred",
+    "sienna",
     "#f44040",
     "teal",
     "darkorchid",
@@ -567,11 +569,12 @@ if (is_authenticated) {
 function fetch_comment_children(parent_comment_html, parent_comment_id) {
     // fetch children only once
     if (all_comment.find(c => c.id === parent_comment_id).children.length === 0) {
+        const children_loader = loader.cloneNode(true)
+        children_loader.classList.remove('hide'); // waiting for charging children
+        parent_comment_html.querySelector(".comments_children_container").appendChild(children_loader)
+
         let url = base_url.replace('/comment/', `/comment/${parent_comment_id}/`);
         fetch(url).then(response => {
-            let children_loader = loader.cloneNode(true)
-            children_loader.classList.remove('hide'); // waiting for charging children
-            parent_comment_html.querySelector(".comments_children_container").appendChild(children_loader)
             response.json().then(data => {
                 // Saving children in all_comment
                 all_comment = all_comment.map(parent_comment => {
@@ -581,9 +584,9 @@ function fetch_comment_children(parent_comment_html, parent_comment_id) {
                         // Update DOM with children comments
                         parent_comment.children.forEach(comment_child => {
                             let parent_to_scroll = parent_comment_html;
-                            if (comment_child.direct_parent_id != null) {
+                            if (comment_child.direct_parent__id != null && comment_child.direct_parent__id !== comment_child.parent__id) {
                                 let direct_parent_comment = parent_comment.children.find(
-                                    (c_obj) => c_obj.id === comment_child.direct_parent_id);
+                                    (c_obj) => c_obj.id === comment_child.direct_parent__id);
                                 let direct_parent_html_id = `comment_${new Date(
                                     direct_parent_comment.added).getTime().toString()}`;
                                 parent_to_scroll = parent_comment_html.querySelector(`#${direct_parent_html_id}`);
@@ -655,7 +658,6 @@ function add_child_comment(el, container_el, top_parent_comment_html) {
 
         // Scroll to the comment child
         scrollToComment(c);
-
         save_comment(el.value, date_added.toISOString(), p_id, top_parent_comment_html);
     }
 }
@@ -741,8 +743,6 @@ function set_comments_number() {
     comment_label.innerText = `${nb_comments} ${label_text}`;
 }
 
-// Loader Element
-const loader = document.querySelector(".comment_content > .lds-ring");
 
 /************  Get vote from the server  **************
  ******************************************************/

From 41d505145f414621c49a767f9cae0f027a037a86 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 16 Jan 2021 13:06:25 +0100
Subject: [PATCH 069/145] fix css, add margin on loader

---
 pod/video/static/css/comment-style.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index b11da1940a..a193046dc9 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -57,9 +57,7 @@
 .reply_author{
     font-weight: 600;
 }
-.reply_content{
-    font-weight: 500;
-}
+.reply_content{font-weight: 500;}
 .comment_main .icon.comment_vote_icon svg
 {
     -webkit-transform: translateY(-1px);
@@ -615,7 +613,7 @@
   position: relative;
   width: 50px;
   height: 50px;
-  margin: 0 auto;
+  margin: 1em auto;
   display: flex;
   justify-content: center;
 }

From 9a2827128341684bf032c632cd11bd0997e8ea3e Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 16 Jan 2021 13:10:11 +0100
Subject: [PATCH 070/145] Order comment children response by id

---
 pod/video/models.py                    | 2 +-
 pod/video/static/css/comment-style.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pod/video/models.py b/pod/video/models.py
index d7ce21103d..756b73c5e3 100755
--- a/pod/video/models.py
+++ b/pod/video/models.py
@@ -1478,7 +1478,7 @@ def number_vote(self):
 
     @property
     def get_children(self):
-        return Comment.objects.filter(parent_id=self.id)
+        return Comment.objects.filter(parent_id=self.id).order_by('id')
 
     @property
     def get_json_children(self):
diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index a193046dc9..3f06a3cfc3 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -57,7 +57,7 @@
 .reply_author{
     font-weight: 600;
 }
-.reply_content{font-weight: 500;}
+.reply_content:{font-weight: 500;}
 .comment_main .icon.comment_vote_icon svg
 {
     -webkit-transform: translateY(-1px);

From 6a026278fd4741f37600654f8a6a1fd439fb68d3 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 16 Jan 2021 15:10:19 +0100
Subject: [PATCH 071/145] Fix some bug on deleting comment

---
 pod/video/static/js/comment-script.js | 64 +++++++++++++++------------
 1 file changed, 36 insertions(+), 28 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 47d45bfce3..747c2999cc 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -359,25 +359,29 @@ function save_comment(content, date, direct_parent_id = null, top_parent_comment
                     added: date,
                     parent__id: top_parent_id,
                     direct_parent__id: direct_parent_id,
+                    nbr_vote: 0,
                 }
                 if (!top_parent_id) {
                     c.children = [];
+                    c.nbr_child = 0;
                     // update all_comment data
                     all_comment = [...all_comment, c];
                 }
                 else {
                     // update all_comment data
                     all_comment = all_comment.map((comment) => {
-                        if (comment.id === top_parent_id)
+                        if (comment.id === top_parent_id) {
                             comment.children = [...comment.children, c];
+                            comment.nbr_child = comment.children.length;
+                        }
                         return comment;
                     });
+                    hide_or_add_show_children_btn(
+                        top_parent_comment_html,
+                        top_parent_id,
+                        get_comment_attribute(top_parent_comment_html, 'children').length
+                    );
                 }
-                hide_or_add_show_children_btn(
-                    top_parent_comment_html,
-                    top_parent_id,
-                    get_comment_attribute(top_parent_comment_html, 'children').length
-                );
                 set_comments_number()
             });
         }
@@ -391,6 +395,13 @@ function save_comment(content, date, direct_parent_id = null, top_parent_comment
 
 /****************  Delete Comment  ****************
  ******************************************************/
+function deleteWithAnimation(comment, is_child = false) {
+    let selector = is_child ? ".comment_child_container" : ".comment";
+    comment.querySelector(selector).classList.add('onDelete');
+    window.setTimeout(() => {
+        comment.parentElement.removeChild(comment);
+    }, 999);
+}
 function delete_comment(comment) {
     let comment_id = get_comment_attribute(comment);
     let is_child = !!get_comment_attribute(comment, 'parent__id');
@@ -407,17 +418,18 @@ function delete_comment(comment) {
                 document.body.appendChild(new AlertMessage(gettext("Comment has been deleted successfully.")));
                 let parent_el = null
                 if (is_child) {
-                    let remaining_children = delete_comment_child_DOM(comment, is_child);
                     parent_el = get_node(comment, "comment_element", "comment_child");
                     let parent_id = get_comment_attribute(parent_el);
-                    comment.parentElement.removeChild(comment);
+                    delete_comment_child_DOM(comment, parent_id, is_child);
+                    let remaining_children = get_comment_attribute(parent_el, 'nbr_child');
+                    deleteWithAnimation(comment, is_child = true);
                     hide_or_add_show_children_btn(parent_el, parent_id, remaining_children);
                     update_answer_text(parent_el);
                     set_comments_number();
                     return;
                 }
-                all_comment = all_comment.filter(c => c.parent_comment.id != data.comment_deleted);
-                comment.parentElement.removeChild(comment);
+                all_comment = all_comment.filter(c => c.id != data.comment_deleted);
+                deleteWithAnimation(comment, is_child = false);
                 set_comments_number();
             }
             else
@@ -429,34 +441,30 @@ function delete_comment(comment) {
     })
 }
 
-function delete_comment_child_DOM(comment, is_child) {
-    let remaining_children = 0;
+function delete_comment_child_DOM(comment, comment_top_parent_id, is_child) {
     if (is_child) {
         let comment_id = get_comment_attribute(comment);
-        let comment_top_parent_id = get_comment_attribute(comment, attr = 'top_parent__id');
         let list_parent_id = [comment_id];
 
-        all_comment = all_comment.map(p_comment => {
-            if (p_comment.parent_comment.id === comment_top_parent_id) {
-                p_comment.children = p_comment.children
-                    .filter(c_comment => c_comment.id !== comment_id)
-                    .filter(c_comment => {
-                        if (list_parent_id.includes(c_comment.parent__id)) {
-                            list_parent_id = [...list_parent_id, c_comment.id];
+        all_comment = all_comment.map(parent_comment => {
+            if (parent_comment.id === comment_top_parent_id) {
+                parent_comment.children = parent_comment.children
+                    .filter(child_comment => child_comment.id !== comment_id)
+                    .filter(child_comment => {
+                        if (list_parent_id.includes(child_comment.direct_parent__id)) {
+                            list_parent_id = [...list_parent_id, child_comment.id];
                             // Remove comment html element from DOM
-                            let html_id = `#comment_${new Date(c_comment.added).getTime()}`;
-                            let c = document.querySelector(html_id)
-                            c.parentElement.removeChild(c);
+                            let html_id = `#comment_${new Date(child_comment.added).getTime()}`;
+                            let child_comment_html = document.querySelector(html_id);
+                            deleteWithAnimation(child_comment_html, is_child = true);
                         }
-                        return !list_parent_id.includes(c_comment.parent__id); // Remove comment data from all_comment
+                        return !list_parent_id.includes(child_comment.direct_parent__id); // Remove comment data from all_comment
                     });
-                remaining_children = p_comment.children.length;
-                return p_comment;
+                parent_comment.nbr_child = parent_comment.children.length;
             }
-            return p_comment;
+            return parent_comment;
         });
     }
-    return remaining_children;
 }
 
 /*********** Scroll to a specific comment *************

From b46fb5d056e43a4d99c8fefa47126b8e54724ac4 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 16 Jan 2021 15:11:43 +0100
Subject: [PATCH 072/145] Add animation deletecomment, fix bug css

---
 pod/video/static/css/comment-style.css | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 3f06a3cfc3..24abdfb3fa 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -57,7 +57,7 @@
 .reply_author{
     font-weight: 600;
 }
-.reply_content:{font-weight: 500;}
+.reply_content{font-weight: 500;}
 .comment_main .icon.comment_vote_icon svg
 {
     -webkit-transform: translateY(-1px);
@@ -416,6 +416,7 @@
         -ms-flex-positive: 1;
             flex-grow: 1;
     position: relative;
+    overflow: hidden;
 }
 .comment_main .comment .comment_content
 {
@@ -450,6 +451,12 @@
     display: flex;
     margin-top: calc(var(--margin-between-comment) - .2em);
 }
+.comment_main .comment_element > .comment.onDelete,
+.comment_main .comment_element .comment_container .comment_element > .comment_child_container.onDelete{ 
+    animation-name: deletecomment;
+    animation-duration: 1s;
+    animation-fill-mode: forwards;
+}
 .comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; flex: none; align-self: center}
 .comment_main .comment .comment_content_child
 {
@@ -593,7 +600,7 @@
         padding: 0;
     }
 }
-/* ***** scroll to comment background */
+/* ***** on scroll to comment background */
 .scroll_to{
     animation-name: scrolltocomment;
     animation-duration: 5s;
@@ -607,6 +614,18 @@
 	 background-color: var(--third-background-color);
     }
  }
+/* ******* on delete comment ******* */
+@keyframes deletecomment{
+    0%{
+	position: relative;
+	box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
+	z-index: 9999;
+	transform: translateX(0);
+    }
+    100%{
+	transform: translateX(110%);
+    }
+}
 /* ************ Loader ************* */
 .lds-ring.hide{display: none; opacity: 0; visibility: none;}
 .lds-ring {

From 59999522077a0623ca35e13b783655788a2a39b2 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 16 Jan 2021 15:16:53 +0100
Subject: [PATCH 073/145] Add prefixe css

---
 pod/video/static/css/comment-style.css | 105 +++++++++++++++++++------
 1 file changed, 82 insertions(+), 23 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 24abdfb3fa..61d4cd6c9f 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -45,7 +45,8 @@
     max-width: 100%;
     display: block;
     overflow: hidden;
-    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+       text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--content-third-color) !important;
     margin-bottom: .8em;
@@ -76,7 +77,9 @@
             transform: translateX( calc(-50% - var(--padding-comment-content) ) );*/
     width: var(--padding-comment-content);
     margin:0 6px;
-    flex: none;
+    -webkit-box-flex: 0;
+        -ms-flex: none;
+            flex: none;
 }
 .comment_main .inline_flex_space{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
 .comment_main .comment_disable::before{
@@ -448,16 +451,21 @@
 }
 .comment_main .comment_element.show .comment_container >  .comments_children_container{ height: auto; }
 .comment_main .comment_element .comment_container .comment_element > .comment_child_container{ 
+    display: -webkit-box; 
+    display: -ms-flexbox; 
     display: flex;
     margin-top: calc(var(--margin-between-comment) - .2em);
 }
 .comment_main .comment_element > .comment.onDelete,
 .comment_main .comment_element .comment_container .comment_element > .comment_child_container.onDelete{ 
-    animation-name: deletecomment;
-    animation-duration: 1s;
-    animation-fill-mode: forwards;
-}
-.comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; flex: none; align-self: center}
+    -webkit-animation-name: deletecomment; 
+            animation-name: deletecomment;
+    -webkit-animation-duration: 1s;
+            animation-duration: 1s;
+    -webkit-animation-fill-mode: forwards;
+            animation-fill-mode: forwards;
+}
+.comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center}
 .comment_main .comment .comment_content_child
 {
 
@@ -466,7 +474,9 @@
     border-top: 1px solid var(--primary-background-color);
     border-bottom: 1px solid var(--primary-background-color);
     border-right: 1px solid var(--primary-background-color);
-    flex-grow: 1;
+    -webkit-box-flex: 1;
+        -ms-flex-positive: 1;
+            flex-grow: 1;
 }
 
 .comment_main .comment .comment_content_header .comment_since
@@ -602,10 +612,21 @@
 }
 /* ***** on scroll to comment background */
 .scroll_to{
-    animation-name: scrolltocomment;
-    animation-duration: 5s;
-    animation-fill-mode: forwards;
-}
+    -webkit-animation-name: scrolltocomment;
+            animation-name: scrolltocomment;
+    -webkit-animation-duration: 5s;
+            animation-duration: 5s;
+    -webkit-animation-fill-mode: forwards;
+            animation-fill-mode: forwards;
+}
+@-webkit-keyframes scrolltocomment{
+    0% {
+        background-color: #f9f99b; /* rgba(255, 234, 59)*/
+    }
+    100% {
+	 background-color: var(--third-background-color);
+    }
+ }
 @keyframes scrolltocomment{
     0% {
         background-color: #f9f99b; /* rgba(255, 234, 59)*/
@@ -615,15 +636,32 @@
     }
  }
 /* ******* on delete comment ******* */
+@-webkit-keyframes deletecomment{
+    0%{
+	position: relative;
+	-webkit-box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
+	        box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
+	z-index: 9999;
+	-webkit-transform: translateX(0);
+	        transform: translateX(0);
+    }
+    100%{
+	-webkit-transform: translateX(110%);
+	        transform: translateX(110%);
+    }
+}
 @keyframes deletecomment{
     0%{
 	position: relative;
-	box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
+	-webkit-box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
+	        box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
 	z-index: 9999;
-	transform: translateX(0);
+	-webkit-transform: translateX(0);
+	        transform: translateX(0);
     }
     100%{
-	transform: translateX(110%);
+	-webkit-transform: translateX(110%);
+	        transform: translateX(110%);
     }
 }
 /* ************ Loader ************* */
@@ -633,11 +671,16 @@
   width: 50px;
   height: 50px;
   margin: 1em auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 .lds-ring div {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: block;
   position: absolute;
   width: 34px;
@@ -645,24 +688,40 @@
   margin: 8px;
   border: 4px solid #fff;
   border-radius: 50%;
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: var(--background-color) transparent transparent transparent;
 }
 .lds-ring div:nth-child(1) {
-  animation-delay: -0.45s;
+  -webkit-animation-delay: -0.45s;
+          animation-delay: -0.45s;
 }
 .lds-ring div:nth-child(2) {
-  animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
+          animation-delay: -0.3s;
 }
 .lds-ring div:nth-child(3) {
-  animation-delay: -0.15s;
+  -webkit-animation-delay: -0.15s;
+          animation-delay: -0.15s;
+}
+@-webkit-keyframes lds-ring {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
 }
 @keyframes lds-ring {
   0% {
-    transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
   }
   100% {
-    transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
   }
 }
 

From ca07a416f33c32feaa371888f707e38963db6f17 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 16:06:28 +0100
Subject: [PATCH 074/145] improve get_json_children

---
 pod/video/models.py | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/pod/video/models.py b/pod/video/models.py
index 756b73c5e3..d113a90f0e 100755
--- a/pod/video/models.py
+++ b/pod/video/models.py
@@ -34,7 +34,8 @@
 from sorl.thumbnail import get_thumbnail
 from pod.main.models import get_nextautoincrement
 from pod.main.lang_settings import ALL_LANG_CHOICES, PREF_LANG_CHOICES
-from django.db.models import Count, Q
+from django.db.models import Count, Case, When, Value, BooleanField, Q
+from django.db.models.functions import Concat
 
 if getattr(settings, 'USE_PODFILE', False):
     from pod.podfile.models import CustomImageModel
@@ -1480,15 +1481,27 @@ def number_vote(self):
     def get_children(self):
         return Comment.objects.filter(parent_id=self.id).order_by('id')
 
-    @property
-    def get_json_children(self):
-        return self.get_children.annotate(
-            nbr_vote=Count('vote')).values(
+    def get_json_children(self, user_id):
+        return list(self.get_children.annotate(
+            nbr_vote=Count('vote', distinct=True)
+        ).annotate(
+            author_name=Concat(
+                'author__first_name',
+                Value(' '),
+                'author__last_name'
+            )
+        ).annotate(
+            is_owner=Case(
+                When(author__id=user_id, then=Value(True)),
+                default=Value(False),
+                output_field=BooleanField()
+            )
+        ).values(
             'id', 'parent__id', 'direct_parent__id',
-            'author__id', 'author__first_name',
-            'author__last_name', 'added', 'content',
+            'is_owner', 'author_name',
+            'added', 'content',
             'nbr_vote'
-        )
+        ))
 
     def __str__(self):
         return self.content

From 921888a653206030fb288375116b86da8a9952c9 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 16:07:31 +0100
Subject: [PATCH 075/145] improve queryset

---
 pod/video/views.py | 122 +++++++++++++++++++++++++++++----------------
 1 file changed, 79 insertions(+), 43 deletions(-)

diff --git a/pod/video/views.py b/pod/video/views.py
index a6a5ffd6aa..40fc6b039b 100644
--- a/pod/video/views.py
+++ b/pod/video/views.py
@@ -13,7 +13,8 @@
 from django.utils.translation import ugettext_lazy as _
 from django.contrib.sites.shortcuts import get_current_site
 from django.contrib.auth.decorators import login_required, user_passes_test
-from django.db.models import Count, F, Q
+from django.db.models import Count, F, Q, Case, When, Value, BooleanField
+from django.db.models.functions import Concat
 from django.template.loader import render_to_string
 from django.conf import settings
 from django.shortcuts import redirect
@@ -1743,17 +1744,36 @@ def get_parent_comments(request, video):
     number of votes and children
     """
     parent_comment = Comment.objects.filter(
-        video=video, parent=None).order_by('added').annotate(
-            nbr_vote=Count('vote', distinct=True)).annotate(
-                nbr_child=Count('children', distinct=True)).values(
-                    'id',
-                    'author__id',
-                    'author__first_name',
-                    'author__last_name',
-                    'content',
-                    'added',
-                    'nbr_vote',
-                    'nbr_child')
+        video=video, parent=None
+    ).order_by('added').annotate(
+        nbr_vote=Count('vote', distinct=True)
+    ).annotate(
+        author_name=Concat(
+            'author__first_name',
+            Value(' '),
+            'author__last_name'
+        )
+    ).annotate(
+        nbr_child=Count('children', distinct=True)
+    ).annotate(
+        is_owner=Case(
+            When(
+                author__id=request.user.id,
+                then=Value(True)
+            ),
+            default=Value(False),
+            output_field=BooleanField()
+        )
+    ).values(
+        'id',
+        'author_name',
+        'is_owner',
+        'content',
+        'added',
+        'nbr_vote',
+        'nbr_child'
+    )
+
     return HttpResponse(
         json.dumps(list(parent_comment), cls=DjangoJSONEncoder),
         content_type="application/json")
@@ -1766,26 +1786,34 @@ def get_children_comment(request, comment_id, video_slug):
     try:
         v = get_object_or_404(Video, slug=video_slug)
         parent_comment = Comment.objects.filter(
-                video=v, id=comment_id).annotate(
-                    nbr_vote=Count('vote')).first()
+            video=v, id=comment_id
+        ).annotate(
+            author_name=Concat(
+                'author__first_name',
+                Value(' '),
+                'author__last_name'
+            )
+        ).annotate(
+            nbr_child=Count('children', distinct=True)
+        ).annotate(
+            is_owner=Case(
+                When(
+                    author__id=request.user.id, then=Value(True)
+                ),
+                default=Value(False),
+                output_field=BooleanField()
+            )
+        ).annotate(
+            nbr_vote=Count('vote')
+        ).first()
         if parent_comment is None:
             raise Exception("Error: comment doesn't exist : " + comment_id)
 
-        def is_owner(child):
-            """
-            add is_owner property
-            remove author_id from json data
-            """
-            child['is_owner'] = child['author__id'] == request.user.id
-            del child['author__id']
-            return child
-
-        children = list(map(is_owner, parent_comment.get_json_children))
+        children = parent_comment.get_json_children(request.user.id)
         parent_comment_data = {
             'id': parent_comment.id,
-            'author__first_name': parent_comment.author.first_name,
-            'author__last_name': parent_comment.author.last_name,
-            'is_owner': parent_comment.author.id == request.user.id,
+            'author_name': parent_comment.author_name,
+            'is_owner': parent_comment.is_owner,
             'content': parent_comment.content,
             'added': parent_comment.added,
             'nbr_vote': parent_comment.nbr_vote,
@@ -1812,31 +1840,39 @@ def get_comments(request, video_slug):
     else:  # get all comments with all children
         # extract parent comments
         p_c = Comment.objects.filter(
-            video=v, parent=None).order_by('added').annotate(
-                nbr_vote=Count('vote'))
-
-        def is_owner(child):
-            """
-            add is_owner property
-            remove author_id from json data
-            """
-            child['is_owner'] = child['author__id'] == request.user.id
-            del child['author__id']
-            return child
+            video=v, parent=None
+        ).order_by('added').annotate(
+            nbr_vote=Count('vote', distinct=True)
+        ).annotate(
+            author_name=Concat(
+                'author__first_name',
+                Value(' '),
+                'author__last_name'
+            )
+        ).annotate(
+            nbr_child=Count('children', distinct=True)
+        ).annotate(
+            is_owner=Case(
+                When(
+                    author__id=request.user.id, then=Value(True)
+                ),
+                default=Value(False),
+                output_field=BooleanField()
+            )
+        )
 
         # organize comments => parent with children
         comment_org = []
         for c in p_c:
-            children = list(map(is_owner, c.get_json_children))
+            children = c.get_json_children(request.user.id)
             parent_comment_data = {
                 'id': c.id,
-                'author__first_name': c.author.first_name,
-                'author__last_name': c.author.last_name,
-                'is_owner': c.author.id == request.user.id,
+                'author_name': c.author_name,
+                'is_owner': c.is_owner,
                 'content': c.content,
                 'added': c.added,
                 'nbr_vote': c.nbr_vote,
-                'nbr_child': len(children),
+                'nbr_child': c.nbr_child,
                 'children': children
             }
             comment_org.append(parent_comment_data)

From 10346c626867b7e153ce86a13f966e04f4ac3c89 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 17:21:20 +0100
Subject: [PATCH 076/145] Complete unittest

---
 pod/video/tests/test_comment.py | 112 ++++++++++++++++++++++++++++----
 1 file changed, 99 insertions(+), 13 deletions(-)

diff --git a/pod/video/tests/test_comment.py b/pod/video/tests/test_comment.py
index ab7ca80bed..8c66055a6e 100644
--- a/pod/video/tests/test_comment.py
+++ b/pod/video/tests/test_comment.py
@@ -1,12 +1,14 @@
-from django.http import JsonResponse
+from django.core.serializers.json import DjangoJSONEncoder
+from django.http import JsonResponse, HttpResponse
 from django.test import TestCase, Client
 from django.urls import reverse
 from pod.authentication.models import User
 from pod.video.models import Comment, Video, Type
 from django.contrib.sites.models import Site
-from pod.video.views import get_comments, add_comment, delete_comment
+from pod.video.views import get_comments, get_children_comment
+from pod.video.views import add_comment, delete_comment
 import ast
-
+import json
 import logging
 
 
@@ -52,16 +54,18 @@ def setUp(self):
                 author=self.simple_user,
                 content="Simple user parent comment",
                 video=self.video)
-        self.owner_responds_admin_comment = Comment.objects.create(
+        self.owner_to_admin_comment = Comment.objects.create(
                 author=self.owner_user,
                 content="Video owner responds to admin parent comment",
                 video=self.video,
-                parent=self.admin_comment)
-        self.owner_responds_simple_user_comment = Comment.objects.create(
+                parent=self.admin_comment,
+                direct_parent=self.admin_comment)
+        self.owner_to_simple_user_comment = Comment.objects.create(
                 author=self.owner_user,
                 content="Video owner responds to simple user parent comment",
                 video=self.video,
-                parent=self.simple_user_comment)
+                parent=self.simple_user_comment,
+                direct_parent=self.simple_user_comment)
 
         self.owner_user.owner.sites.add(Site.objects.get_current())
         self.owner_user.owner.save()
@@ -82,12 +86,94 @@ def test_get_all_comment(self):
         # Check response is 200 OK and contents the expected comment
         self.assertContains(
                 response,
-                self.owner_responds_admin_comment.content.encode("utf-8"),
+                self.owner_to_admin_comment.content.encode("utf-8"),
                 status_code=200)
         self.assertContains(
                 response,
                 self.simple_user_comment.content.encode("utf-8"))
 
+    def test_get_only_parent_comment(self):
+        url = reverse(
+            "get_comments",
+            kwargs={"video_slug": self.video.slug})
+        response = self.client.get(
+            url,
+            {"only": "parents"},
+            HTTP_ACCEPT='application/json')
+        self.assertEqual(response.resolver_match.func, get_comments)
+        # Check response is 200 OK and contents the expected comment
+        expected_response = HttpResponse(json.dumps([
+            {
+                "author_name": "Super User",
+                "content": "Admin parent comment",
+                "is_owner": False,
+                "nbr_vote": 0,
+                "id": 1,
+                "added": self.admin_comment.added,
+                "nbr_child": 1
+            },
+            {
+                "author_name": "Visitor Pod",
+                "content": "Simple user parent comment",
+                "is_owner": False,
+                "nbr_vote": 0,
+                "id": 2,
+                "added": self.simple_user_comment.added,
+                "nbr_child": 1
+            }
+        ], cls=DjangoJSONEncoder), content_type="application/json")
+        self.assertEqual(response.status_code, 200)
+        self.assertCountEqual(
+            response.content.decode('UTF-8'),
+            expected_response.content.decode('UTF-8'))
+
+    def test_get_comment_with_children(self):
+        url = reverse(
+            "get_comment",
+            kwargs={
+                "comment_id": self.admin_comment.id,
+                "video_slug": self.video.slug
+            }
+
+        )
+        response = self.client.get(
+            url,
+            HTTP_ACCEPT='application/json')
+        self.assertEqual(response.resolver_match.func, get_children_comment)
+        # Check response is 200 OK and contents the expected comment
+        owner_user_full_name = "{0}{1}{2}".format(
+            self.owner_user.first_name,
+            " ",
+            self.owner_user.last_name
+        )
+        direct_parent_id = self.owner_to_admin_comment.direct_parent.id
+        expected_response = HttpResponse(json.dumps({
+            "author_name": "Super User",
+            "content": "Admin parent comment",
+            "is_owner": False,
+            "nbr_vote": 0,
+            "id": self.admin_comment.id,
+            "added": self.admin_comment.added,
+            "nbr_child": 1,
+            "children": [
+                {
+                    "id": self.owner_to_admin_comment.id,
+                    "parent__id": self.owner_to_admin_comment.parent.id,
+                    "direct_parent__id": direct_parent_id,
+                    "author_name": owner_user_full_name,
+                    "content": self.owner_to_admin_comment.content,
+                    "is_owner": False,
+                    "nbr_vote": 0,
+                    "added": self.owner_to_admin_comment.added,
+                }
+            ]
+        }, cls=DjangoJSONEncoder), content_type="application/json")
+
+        self.assertEqual(response.status_code, 200)
+        self.assertCountEqual(
+                response.content.decode('UTF-8'),
+                expected_response.content.decode('UTF-8'))
+
     def test_add_comment(self):
         # test add parent comment
         pk = Comment.objects.all().count() + 1
@@ -169,7 +255,7 @@ def test_delete_comment(self):
                 "delete_comment",
                 kwargs={
                     "video_slug": self.video.slug,
-                    "comment_id": self.owner_responds_admin_comment.id})
+                    "comment_id": self.owner_to_admin_comment.id})
         self.client.logout()
         self.client.force_login(self.simple_user)
         response = self.client.post(
@@ -197,7 +283,7 @@ def test_delete_comment(self):
         self.assertEqual(response.content, expected_content)
         # should also remove child comment
         comment = Comment.objects.filter(
-                id=self.owner_responds_admin_comment.id).first()
+                id=self.owner_to_admin_comment.id).first()
         self.assertIsNone(comment)
         # Admin user can delete any comment
         url = reverse(
@@ -214,7 +300,7 @@ def test_delete_comment(self):
         response = self.client.post(url)
         self.assertEqual(response.content, expected_content)
         comment = Comment.objects.filter(
-                id=self.owner_responds_simple_user_comment.id).first()
+                id=self.owner_to_simple_user_comment.id).first()
         self.assertIsNone(comment)
 
     """
@@ -262,7 +348,7 @@ def tearDown(self):
         del self.simple_user
         del self.admin_comment
         del self.simple_user_comment
-        del self.owner_responds_admin_comment
-        del self.owner_responds_simple_user_comment
+        del self.owner_to_admin_comment
+        del self.owner_to_simple_user_comment
         del self.client
         del self.t1

From 23c3e01cfd4b341f5eaaba5eb9b19430e0eb2412 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 17:21:33 +0100
Subject: [PATCH 077/145] Fix code

---
 pod/video/views.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/pod/video/views.py b/pod/video/views.py
index 40fc6b039b..9911afb903 100644
--- a/pod/video/views.py
+++ b/pod/video/views.py
@@ -1817,6 +1817,7 @@ def get_children_comment(request, comment_id, video_slug):
             'content': parent_comment.content,
             'added': parent_comment.added,
             'nbr_vote': parent_comment.nbr_vote,
+            'nbr_child': parent_comment.nbr_child,
             'children': children
         }
     except Http404:

From ed4d0a2fb0556ac9d16af7b6be20d62ffd60a401 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 18:22:09 +0100
Subject: [PATCH 078/145] add url get_comment

---
 pod/urls.py | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/pod/urls.py b/pod/urls.py
index 3f6c988839..3f8d540f71 100644
--- a/pod/urls.py
+++ b/pod/urls.py
@@ -31,7 +31,8 @@
 from pod.video.views import video_count, video_version
 from pod.video.views import video_oembed
 from pod.video.views import stats_view
-from pod.video.views import get_comments, add_comment, delete_comment
+from pod.video.views import get_comments, get_children_comment
+from pod.video.views import add_comment, delete_comment
 from pod.video.views import vote_get, vote_post
 from pod.video.views import get_categories, add_category
 from pod.video.views import edit_category, delete_category
@@ -232,6 +233,9 @@
         url(r'^comment/(?P<video_slug>[\-\d\w]+)/$',
             get_comments,
             name='get_comments'),
+        url(r'^comment/(?P<comment_id>[\d]+)/(?P<video_slug>[\-\d\w]+)/$',
+            get_children_comment,
+            name='get_comment'),
         url(r'^comment/add/(?P<video_slug>[\-\d\w]+)/$',
             add_comment, name='add_comment'),
         url(r'^comment/add/(?P<video_slug>[\-\d\w]+)/(?P<comment_id>[\d]+)/$',

From b5e53b982b97455206a8255f06d0705818825455 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 18:22:19 +0100
Subject: [PATCH 079/145] fix css

---
 pod/video/static/css/comment-style.css | 120 +++++++------------------
 1 file changed, 31 insertions(+), 89 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 61d4cd6c9f..9c9d8b64e1 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -39,15 +39,7 @@
     width: 18px;
 }
 .reply_to{
-    color: var(--secondary);
     letter-spacing: 1.1px;
-    width: 230px;
-    max-width: 100%;
-    display: block;
-    overflow: hidden;
-    -o-text-overflow: ellipsis;
-       text-overflow: ellipsis;
-    white-space: nowrap;
     color: var(--content-third-color) !important;
     margin-bottom: .8em;
     margin-left: .8em;
@@ -77,9 +69,7 @@
             transform: translateX( calc(-50% - var(--padding-comment-content) ) );*/
     width: var(--padding-comment-content);
     margin:0 6px;
-    -webkit-box-flex: 0;
-        -ms-flex: none;
-            flex: none;
+    flex: none;
 }
 .comment_main .inline_flex_space{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
 .comment_main .comment_disable::before{
@@ -419,7 +409,7 @@
         -ms-flex-positive: 1;
             flex-grow: 1;
     position: relative;
-    overflow: hidden;
+    width: calc(100% - 37px);
 }
 .comment_main .comment .comment_content
 {
@@ -451,21 +441,16 @@
 }
 .comment_main .comment_element.show .comment_container >  .comments_children_container{ height: auto; }
 .comment_main .comment_element .comment_container .comment_element > .comment_child_container{ 
-    display: -webkit-box; 
-    display: -ms-flexbox; 
     display: flex;
     margin-top: calc(var(--margin-between-comment) - .2em);
 }
 .comment_main .comment_element > .comment.onDelete,
 .comment_main .comment_element .comment_container .comment_element > .comment_child_container.onDelete{ 
-    -webkit-animation-name: deletecomment; 
-            animation-name: deletecomment;
-    -webkit-animation-duration: 1s;
-            animation-duration: 1s;
-    -webkit-animation-fill-mode: forwards;
-            animation-fill-mode: forwards;
-}
-.comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center}
+    animation-name: deletecomment;
+    animation-duration: 1s;
+    animation-fill-mode: forwards;
+}
+.comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; flex: none; align-self: center}
 .comment_main .comment .comment_content_child
 {
 
@@ -474,9 +459,7 @@
     border-top: 1px solid var(--primary-background-color);
     border-bottom: 1px solid var(--primary-background-color);
     border-right: 1px solid var(--primary-background-color);
-    -webkit-box-flex: 1;
-        -ms-flex-positive: 1;
-            flex-grow: 1;
+    width: calc(100% - 42px);
 }
 
 .comment_main .comment .comment_content_header .comment_since
@@ -494,6 +477,14 @@
     word-break: break-all;
     font-size: 14px;
 }
+.comment_main .comment .comment_content_body a{
+    display: block;
+    width: 350px;
+    max-width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
 .comment_main .comment .comment_content_footer
 {
     display: -webkit-box;
@@ -612,21 +603,10 @@
 }
 /* ***** on scroll to comment background */
 .scroll_to{
-    -webkit-animation-name: scrolltocomment;
-            animation-name: scrolltocomment;
-    -webkit-animation-duration: 5s;
-            animation-duration: 5s;
-    -webkit-animation-fill-mode: forwards;
-            animation-fill-mode: forwards;
-}
-@-webkit-keyframes scrolltocomment{
-    0% {
-        background-color: #f9f99b; /* rgba(255, 234, 59)*/
-    }
-    100% {
-	 background-color: var(--third-background-color);
-    }
- }
+    animation-name: scrolltocomment;
+    animation-duration: 5s;
+    animation-fill-mode: forwards;
+}
 @keyframes scrolltocomment{
     0% {
         background-color: #f9f99b; /* rgba(255, 234, 59)*/
@@ -636,32 +616,15 @@
     }
  }
 /* ******* on delete comment ******* */
-@-webkit-keyframes deletecomment{
-    0%{
-	position: relative;
-	-webkit-box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
-	        box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
-	z-index: 9999;
-	-webkit-transform: translateX(0);
-	        transform: translateX(0);
-    }
-    100%{
-	-webkit-transform: translateX(110%);
-	        transform: translateX(110%);
-    }
-}
 @keyframes deletecomment{
     0%{
 	position: relative;
-	-webkit-box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
-	        box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
+	box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
 	z-index: 9999;
-	-webkit-transform: translateX(0);
-	        transform: translateX(0);
+	transform: translateX(0);
     }
     100%{
-	-webkit-transform: translateX(110%);
-	        transform: translateX(110%);
+	transform: translateX(110%);
     }
 }
 /* ************ Loader ************* */
@@ -671,16 +634,11 @@
   width: 50px;
   height: 50px;
   margin: 1em auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
 }
 .lds-ring div {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
   display: block;
   position: absolute;
   width: 34px;
@@ -688,40 +646,24 @@
   margin: 8px;
   border: 4px solid #fff;
   border-radius: 50%;
-  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: var(--background-color) transparent transparent transparent;
 }
 .lds-ring div:nth-child(1) {
-  -webkit-animation-delay: -0.45s;
-          animation-delay: -0.45s;
+  animation-delay: -0.45s;
 }
 .lds-ring div:nth-child(2) {
-  -webkit-animation-delay: -0.3s;
-          animation-delay: -0.3s;
+  animation-delay: -0.3s;
 }
 .lds-ring div:nth-child(3) {
-  -webkit-animation-delay: -0.15s;
-          animation-delay: -0.15s;
-}
-@-webkit-keyframes lds-ring {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
+  animation-delay: -0.15s;
 }
 @keyframes lds-ring {
   0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
+    transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+    transform: rotate(360deg);
   }
 }
 

From 3e6c5db89b19a34eb3717df0fe01974e5228fc3d Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 18:22:51 +0100
Subject: [PATCH 080/145] fix author_name new json field

---
 pod/video/static/js/comment-script.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 747c2999cc..5f1fc418a6 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -351,8 +351,7 @@ function save_comment(content, date, direct_parent_id = null, top_parent_comment
         if (response.ok) {
             response.json().then(data => {
                 let c = {
-                    author__first_name: data.author__first_name,
-                    author__last_name: data.author__last_name,
+                    author_name: data.author_name,
                     is_owner: true,
                     content: content,
                     id: data.id,
@@ -398,6 +397,7 @@ function save_comment(content, date, direct_parent_id = null, top_parent_comment
 function deleteWithAnimation(comment, is_child = false) {
     let selector = is_child ? ".comment_child_container" : ".comment";
     comment.querySelector(selector).classList.add('onDelete');
+    return;
     window.setTimeout(() => {
         comment.parentElement.removeChild(comment);
     }, 999);
@@ -492,7 +492,7 @@ function scrollToComment(targetComment) {
 function add_user_tag(comment_value, parent_comment) {
     let reply_to = get_comment_attribute(
         parent_comment,
-        attr = "author__first_name"
+        attr = "author_name"
     );
     reply_content = get_comment_attribute(parent_comment, attr = "content");
     let htmlTarget = parent_comment.querySelector(".comment_content");
@@ -605,11 +605,11 @@ function fetch_comment_children(parent_comment_html, parent_comment_id) {
                             let comment_child_content = add_user_tag(
                                 comment_child.content,
                                 parent_to_scroll,
-                                parent_comment.author__first_name
+                                parent_comment.author_name
                             );
 
                             let comment_child_html = new Comment(
-                                owner = `${comment_child.author__first_name} ${comment_child.author__last_name}`,
+                                owner = `${comment_child.author_name}`,
                                 content = comment_child_content,
                                 likes = comment_child.nbr_vote,
                                 added_since = date_added,
@@ -774,7 +774,7 @@ fetch(base_vote_url).then(response => {
                 let date_added = new Date(comment_data.added);
                 let html_id = `comment_${date_added.getTime().toString()}`;
                 let parent_c = new Comment(
-                    owner = `${comment_data.author__first_name} ${comment_data.author__last_name.toUpperCase()}`,
+                    owner = `${comment_data.author_name}`,
                     content = comment_data.content,
                     likes = comment_data.nbr_vote,
                     added_since = date_added,

From 50fb01b2db072c4885b7ffd60a8341d97528f182 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 18:31:25 +0100
Subject: [PATCH 081/145] Standby

---
 pod/video/static/js/comment-script.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 5f1fc418a6..ea119f4ec3 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -397,7 +397,6 @@ function save_comment(content, date, direct_parent_id = null, top_parent_comment
 function deleteWithAnimation(comment, is_child = false) {
     let selector = is_child ? ".comment_child_container" : ".comment";
     comment.querySelector(selector).classList.add('onDelete');
-    return;
     window.setTimeout(() => {
         comment.parentElement.removeChild(comment);
     }, 999);

From 0703036486c02ef7257cac119a99cbf31d9ff5e1 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 21:47:25 +0100
Subject: [PATCH 082/145] remove upper filter to last_name

---
 pod/video/templates/videos/video.html | 574 +++++++++++++-------------
 1 file changed, 287 insertions(+), 287 deletions(-)

diff --git a/pod/video/templates/videos/video.html b/pod/video/templates/videos/video.html
index 538325f0ca..a484ea0b10 100644
--- a/pod/video/templates/videos/video.html
+++ b/pod/video/templates/videos/video.html
@@ -1,287 +1,287 @@
-{% extends 'base.html' %}
-{% load i18n %}
-{% load staticfiles %}
-{% load tagging_tags %}
-{% load thumbnail %}
-{% load video_filters %}
-{% load video_tags %}
-
-{% block opengraph %}
-
-{% if OEMBED %}
-<link rel="alternate" type="application/json+oembed" href="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}/oembed/?url={{request.build_absolute_uri|urlencode}}&format=json" />
-<link rel="alternate" type="text/xml+oembed" href="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}/oembed/?url={{request.build_absolute_uri|urlencode}}&format=xml" />
-{% endif %}
-
-<meta property="og:site_name" content="{{ TITLE_SITE }}">
-<meta property="og:url" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}">
-<meta property="og:title" content="{{ video.title }}">
-<meta property="og:image" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}">
-<meta property="og:image:alt" content="{{ video.title }}">
-<meta property="og:image:width" content="{% if video.thumbnail.file_exist %}{{video.thumbnail.file.width}}{% else %}640{%endif%}" />
-<meta property="og:image:height" content="{% if video.thumbnail.file_exist %}{{video.thumbnail.file.height}}{% else %}360{%endif%}" />
-
-<meta property="og:description" content="{% if video.description or tag_list %}{{ video.description|metaformat|safe|striptags|truncatechars:250 }} {% if tag_list %}{% for tag in tag_list %}{{tag}} {%endfor%}%{% endif %}{% endif %} {% trans 'Added by' %}: {{ video.owner.get_full_name }}">
-
-<meta property="og:type" content="video">
-
-<meta property="og:video" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}?is_iframe=true">
-<meta property="og:video:type" content="text/html">
-<meta property="og:video:width" content="640">
-<meta property="og:video:height" content="360">
-
-<meta name="twitter:card" content="player">
-<meta name="twitter:site" content="{{ TITLE_SITE }}">
-<meta name="twitter:url" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}">
-<meta name="twitter:title" content="{{ video.title }}">
-<meta name="twitter:description" content="{% if video.description or tag_list %}{{ video.description|metaformat|safe|striptags|truncatechars:250 }} {% if tag_list %}{% for tag in tag_list %}{{tag}} {%endfor%}%{% endif %}{% endif %} {% trans 'Added by' %}: {{ video.owner.get_full_name }}">
-<meta name="twitter:image" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}">
-
-<meta name="twitter:player" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}?is_iframe=true">
-<meta name="twitter:player:width" content="640">
-<meta name="twitter:player:height" content="360">
-
-{% endblock %}
-
-{% block page_extra_head %}
-
-{% include 'videos/video-header.html' %}
-<link rel="stylesheet" href="{% static 'css/comment-style.css' %}">
-<style>
-{{channel.style}}
-{% if channel.color %}
-body {
-  background-color: {{channel.color}};
-}
-{%endif%}
-</style>
-{% endblock page_extra_head %}
-
-{% block breadcrumbs %}{{ block.super }}
-{%if channel %}
-{% if theme %}
-<li class="breadcrumb-item"><a href="{% url 'channel' slug_c=channel.slug%}">{{channel.title}}</a></li>
-{% for t in theme.get_all_parents reversed %}
-{% if t is not theme %}
-<li class="breadcrumb-item"><a href="{% url 'theme' slug_c=channel.slug slug_t=t.slug%}">{{t.title}}</a></li>
-{% endif %}
-{% endfor %}
-<li class="breadcrumb-item"><a href="{% url 'theme' slug_c=channel.slug slug_t=theme.slug%}">{{theme.title}}</a></li>
-<li class="breadcrumb-item active" aria-current="page">{{video.title|title|truncatechars:45}}</li>
-{% else %}
-<li class="breadcrumb-item"><a href="{% url 'channel' slug_c=channel.slug%}">{{channel.title}}</a></li>
-<li class="breadcrumb-item active" aria-current="page">{{video.title|title|truncatechars:45}}</li>
-{% endif %}
-{% else %}
-<li class="breadcrumb-item"><a href="{% url "videos"%}" title="{% trans 'Videos' %}">{% trans 'Videos' %}</a></li>
-<li class="breadcrumb-item active" aria-current="page">{{video.title|capfirst|truncatechars:45}}</li>
-{% endif %}
-{% endblock %}
-
-{% block page_title %}{%if channel %}{{channel.title}} - {%endif%}{%if theme %}{{theme.title}} - {%endif%}{{video.title|title|truncatechars:45}}{% endblock %}
-
-{% block page_content %}
-
-<div itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
-
-<meta itemprop="duration" content="P{{ video.duration }}S" />
-<meta itemprop="uploadDate" content="{{ video.date_added|date:"SHORT_DATE_FORMAT" }}" />
-<meta itemprop="thumbnailUrl" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}" />
-<meta itemprop="contentURL" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}" />
-<meta itemprop="embedURL" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}?is_iframe=true" />
-<meta itemprop="image" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}" />
-<meta itemprop="name" content="{{ video.title }}" />
-<meta itemprop="description" content="{{ video.description|metaformat|safe|striptags|truncatechars:150 }} - {% trans 'Added by' %}: {{ video.owner.get_full_name }}" />
-
-{%if channel %}
-<h1>{{channel.title}}{% if request.user in channel.owners.all %}<span class="float-right"><a href="{% url 'channel_edit' slug=channel.slug %}" title="{% trans "Edit the themes"%}" class="btn btn btn-outline-primary btn-sm"><svg height="32" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>&nbsp;{% trans "Edit the channel"%}</a></span>{%endif%}</h1>
-{% if channel.headband %}
-<img src="{{ channel.headband.file.url }}" alt="{% trans 'Headband' %} {{ channel.title }}" class="rounded mx-auto d-block img-fluid img-responsive img-thumbnail" />
-{% endif %}
-{% if channel.description %}
-{{ channel.description|safe }}
-{% endif %}
-{% if theme %}
-<h2>{{theme.title}}</h2>
-{% if theme.headband %}
-<div align="center" class="channelheader">
-    <img src="{{ theme.headband.file.url }}" alt="{% trans 'Headband' %} {{ theme.title }}" class="img-responsive" />
-</div>
-{% endif %}
-{% if theme.description %}
-{{ theme.description|safe }}
-{% endif %}
-{%endif%}
-{%endif%}
-{% if video.get_encoding_step == "" %}
-<div class="alert alert-warning" role="alert">
-    {% trans "The video is currently waiting for encoding." %}
-</div>
-{% endif %}
-
-{% if video.encoding_in_progress %}
-<div class="alert alert-warning" role="alert">
-    {% trans "The video is currently being encoded." %}
-</div>
-{% endif %}
-
-{% if video.get_encoding_step == "5 : transcripting audio" %}
-<p class="text-info">
-    {% trans "The video is currently being transcripted." %}
-</p>
-{% endif %}
-
-
-{% block video-element %}
-
-{% if form %}
-
-{% include 'videos/video-form.html' %}
-
-{% else %}
-
-{% if playlist %}
-  {% include 'playlist/playlist_player.html' with playlist=playlist %}
-{% endif %}
-
-{% include 'videos/video-element.html' %}
-
-<h1 class="pt-2">
-{% if video.licence %} {% include "videos/video_licencebox.html" %}{% endif %} {{video.title|capfirst}}
-{% if video.date_evt %}<small>[{{ video.date_evt }}]</small>{% endif %}
-  <a href="{% url 'contact_us' %}?video={{video.id}}&subject=inappropriate_content" title="{% trans 'Report the video'%}" >
-      <i data-feather="alert-octagon"></i>
-  </a>
-</h1>
-
-{% if video.chapter_set.all %}
-<div class="alert alert-info" role="alert">{% blocktrans %}This video is chaptered. Click the chapter button <span class="vjs-icon-chapters"></span> on the video player to view them.{% endblocktrans %}</div>
-{%endif%}
-
-<div class="pl-0 pr-0">
-  <div class="navbar d-flex flex-row-reverse p-0" >
-  <ul class="nav nav-tabs" id="myTab" role="tablist">
-    {% tags_for_object video as tag_list %}
-    {% if video.description or tag_list or video.is_360 %}
-    <li class="nav-item">
-      <a class="nav-link active show" id="summary-tab" data-toggle="tab" href="#summary" role="tab" aria-selected="true" title="{% trans 'Summary' %}">
-        <i data-feather="align-justify"></i>&nbsp;<span class="sr-only">{% trans 'Summary' %}</span>
-      </a>
-    </li>
-    {% endif %}
-    <li class="nav-item">
-      {% if not video.description and not tag_list and not video.is_360 %}
-      <a class="nav-link active show" id="info-tab" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="true" title="{% trans 'Infos' %}">
-        {% else %}
-        <a class="nav-link" id="info-tab" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="false" title="{% trans 'Infos' %}">
-        {% endif %}
-      <i data-feather="info"></i>&nbsp;<span class="sr-only">{% trans 'Infos' %}</span>
-      </a>
-    </li>
-    {% if video.allow_downloading or video.document_set.all %}
-    <li class="nav-item">
-      <a class="nav-link" id="downloads-tab" data-toggle="tab" href="#downloads" role="tab" aria-controls="downloads" aria-selected="false" title="{% trans 'Downloads' %}">
-        <i data-feather="download"></i>&nbsp;<span class="sr-only">{% trans 'Downloads' %}</span>
-      </a>
-    </li>
-    {% endif %}
-    {% if video.is_draft == False or video.owner == request.user or request.user in video.additional_owners.all %}
-    <li class="nav-item">
-      <a class="nav-link" id="share-tab" data-toggle="tab" href="#share" role="tab" aria-controls="share" aria-selected="false" title="{% trans 'Embed/Share' %}">
-        <i data-feather="share-2"></i><span class="sr-only">{% trans 'Embed/Share' %}</span>
-      </a>
-    </li>
-    {%endif%}
-    {% with video.get_other_version as versions %} 
-    {% if versions|length > 0 %}
-    <li class="nav-item dropdown" id="list_third_apps">
-      <a  href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  title="{% trans 'Other versions' %}">
-        <i data-feather="layers"></i>&nbsp;<span class="sr-only">{% trans 'Other versions' %}</span>
-      </a>
-      <div class="dropdown-menu" >
-        {% for version in versions %}
-          {% if video.get_hashkey in request.get_full_path %}
-          <a href="{{version.url}}{{ video.get_hashkey }}/?redirect=false" title="{{version.app}}" class="dropdown-item" >{{version.link}}</a>
-          {% else %}
-          <a href="{{version.url}}?redirect=false" title="{{version.app}}" class="dropdown-item" >{{version.link}}</a>
-          {% endif %}
-        {% endfor %}
-      </div>
-    </li>
-    {% endif %}
-    {% endwith %}
-
-    {% if request.user.playlist_set.all and video.is_draft == False %}
-    <li class="nav-item dropdown dropright">
-      <a  href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  title="{% trans "Add the video to a playlist"%}">
-        <i data-feather="play-circle"></i>&nbsp;<span class="sr-only">{% trans 'My playlists' %}</span>
-      </a>
-      <div class="dropdown-menu">
-      {% csrf_token %}
-      <ul class="list-group">
-      {% for playlist in request.user.playlist_set.all %}
-        {% if video in playlist.videos %}
-          <li class="dropdown-item disabled py-0" data-slug="{{playlist.slug}}">{{playlist.title}}
-            <i data-feather="check"></i>
-          </li>
-        {% else %}
-          <li class="dropdown-item playlist-item py-0" data-slug="{{playlist.slug}}">{{playlist.title}}</li>
-        {% endif %}
-      {% endfor %}
-      </ul>
-      </div>
-    </li>
-    {% endif %}
-  </ul>
-</div>
-  {% include 'videos/video-info.html' %}
-</div>
-{% if active_video_comment %}
-{% include 'videos/video-comment.html' with is_auth=request.user.is_authenticated disable=video.disable_comment %}
-{% endif %}
-{%endif%}
-{% endblock video-element %}
-</div>
-{% endblock page_content %}
-
-{% block page_aside %}
-{% if video.owner == request.user or request.user.is_superuser or request.user in video.additional_owners.all %}
-<div class="card card-body p-2 mt-1" id="card-managevideo">
-<h5 class="card-title pl-2"><i data-feather="settings"></i>&nbsp;{% trans "Manage video"%}</h5>
-      <div class="card-text text-center">
-        {% include "videos/link_video.html" %}
-      </div>
-</div>
-{% endif %}
-
-<div class="card card-body p-2 mt-1" id="card-takenote">
-  {% include 'videos/video_notes.html' %}
-</div>
-{% include 'aside.html' %}
-{% endblock page_aside %}
-
-
-{% block more_script %}
-{% if not form %}
-{% include 'videos/video-script.html'%}
-{% endif %}
-{% if active_video_comment and not video.disable_comment %}
-{% if request.user == video.owner %}
-<script>
-    var is_video_owner = true;
-</script>
-{% else %}
-<script>
-    var is_video_owner = false;
-</script>
-{% endif %}
-<script>
-    var user_fullName = `{{request.user.first_name}} {{request.user.last_name|upper}}`;
-    var user_id = "{{ request.user.id }}" === "None"? false: {{ request.user.id }};
-    var is_authenticated = JSON.parse("{{request.user.is_authenticated|yesno:"true,false"}}");
-    var is_superuser = JSON.parse("{{request.user.is_superuser|yesno:"true,false"}}");
-</script>
-<script src="{% static 'js/moment_with_locales.min.js' %}"></script>
-<script defer src="{% static 'js/comment-script.js' %}"></script>
-{% endif %}
-{% endblock more_script %}
+{% extends 'base.html' %}
+{% load i18n %}
+{% load staticfiles %}
+{% load tagging_tags %}
+{% load thumbnail %}
+{% load video_filters %}
+{% load video_tags %}
+
+{% block opengraph %}
+
+{% if OEMBED %}
+<link rel="alternate" type="application/json+oembed" href="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}/oembed/?url={{request.build_absolute_uri|urlencode}}&format=json" />
+<link rel="alternate" type="text/xml+oembed" href="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}/oembed/?url={{request.build_absolute_uri|urlencode}}&format=xml" />
+{% endif %}
+
+<meta property="og:site_name" content="{{ TITLE_SITE }}">
+<meta property="og:url" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}">
+<meta property="og:title" content="{{ video.title }}">
+<meta property="og:image" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}">
+<meta property="og:image:alt" content="{{ video.title }}">
+<meta property="og:image:width" content="{% if video.thumbnail.file_exist %}{{video.thumbnail.file.width}}{% else %}640{%endif%}" />
+<meta property="og:image:height" content="{% if video.thumbnail.file_exist %}{{video.thumbnail.file.height}}{% else %}360{%endif%}" />
+
+<meta property="og:description" content="{% if video.description or tag_list %}{{ video.description|metaformat|safe|striptags|truncatechars:250 }} {% if tag_list %}{% for tag in tag_list %}{{tag}} {%endfor%}%{% endif %}{% endif %} {% trans 'Added by' %}: {{ video.owner.get_full_name }}">
+
+<meta property="og:type" content="video">
+
+<meta property="og:video" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}?is_iframe=true">
+<meta property="og:video:type" content="text/html">
+<meta property="og:video:width" content="640">
+<meta property="og:video:height" content="360">
+
+<meta name="twitter:card" content="player">
+<meta name="twitter:site" content="{{ TITLE_SITE }}">
+<meta name="twitter:url" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}">
+<meta name="twitter:title" content="{{ video.title }}">
+<meta name="twitter:description" content="{% if video.description or tag_list %}{{ video.description|metaformat|safe|striptags|truncatechars:250 }} {% if tag_list %}{% for tag in tag_list %}{{tag}} {%endfor%}%{% endif %}{% endif %} {% trans 'Added by' %}: {{ video.owner.get_full_name }}">
+<meta name="twitter:image" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}">
+
+<meta name="twitter:player" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}?is_iframe=true">
+<meta name="twitter:player:width" content="640">
+<meta name="twitter:player:height" content="360">
+
+{% endblock %}
+
+{% block page_extra_head %}
+
+{% include 'videos/video-header.html' %}
+<link rel="stylesheet" href="{% static 'css/comment-style.css' %}">
+<style>
+{{channel.style}}
+{% if channel.color %}
+body {
+  background-color: {{channel.color}};
+}
+{%endif%}
+</style>
+{% endblock page_extra_head %}
+
+{% block breadcrumbs %}{{ block.super }}
+{%if channel %}
+{% if theme %}
+<li class="breadcrumb-item"><a href="{% url 'channel' slug_c=channel.slug%}">{{channel.title}}</a></li>
+{% for t in theme.get_all_parents reversed %}
+{% if t is not theme %}
+<li class="breadcrumb-item"><a href="{% url 'theme' slug_c=channel.slug slug_t=t.slug%}">{{t.title}}</a></li>
+{% endif %}
+{% endfor %}
+<li class="breadcrumb-item"><a href="{% url 'theme' slug_c=channel.slug slug_t=theme.slug%}">{{theme.title}}</a></li>
+<li class="breadcrumb-item active" aria-current="page">{{video.title|title|truncatechars:45}}</li>
+{% else %}
+<li class="breadcrumb-item"><a href="{% url 'channel' slug_c=channel.slug%}">{{channel.title}}</a></li>
+<li class="breadcrumb-item active" aria-current="page">{{video.title|title|truncatechars:45}}</li>
+{% endif %}
+{% else %}
+<li class="breadcrumb-item"><a href="{% url "videos"%}" title="{% trans 'Videos' %}">{% trans 'Videos' %}</a></li>
+<li class="breadcrumb-item active" aria-current="page">{{video.title|capfirst|truncatechars:45}}</li>
+{% endif %}
+{% endblock %}
+
+{% block page_title %}{%if channel %}{{channel.title}} - {%endif%}{%if theme %}{{theme.title}} - {%endif%}{{video.title|title|truncatechars:45}}{% endblock %}
+
+{% block page_content %}
+
+<div itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
+
+<meta itemprop="duration" content="P{{ video.duration }}S" />
+<meta itemprop="uploadDate" content="{{ video.date_added|date:"SHORT_DATE_FORMAT" }}" />
+<meta itemprop="thumbnailUrl" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}" />
+<meta itemprop="contentURL" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}" />
+<meta itemprop="embedURL" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}?is_iframe=true" />
+<meta itemprop="image" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}" />
+<meta itemprop="name" content="{{ video.title }}" />
+<meta itemprop="description" content="{{ video.description|metaformat|safe|striptags|truncatechars:150 }} - {% trans 'Added by' %}: {{ video.owner.get_full_name }}" />
+
+{%if channel %}
+<h1>{{channel.title}}{% if request.user in channel.owners.all %}<span class="float-right"><a href="{% url 'channel_edit' slug=channel.slug %}" title="{% trans "Edit the themes"%}" class="btn btn btn-outline-primary btn-sm"><svg height="32" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>&nbsp;{% trans "Edit the channel"%}</a></span>{%endif%}</h1>
+{% if channel.headband %}
+<img src="{{ channel.headband.file.url }}" alt="{% trans 'Headband' %} {{ channel.title }}" class="rounded mx-auto d-block img-fluid img-responsive img-thumbnail" />
+{% endif %}
+{% if channel.description %}
+{{ channel.description|safe }}
+{% endif %}
+{% if theme %}
+<h2>{{theme.title}}</h2>
+{% if theme.headband %}
+<div align="center" class="channelheader">
+    <img src="{{ theme.headband.file.url }}" alt="{% trans 'Headband' %} {{ theme.title }}" class="img-responsive" />
+</div>
+{% endif %}
+{% if theme.description %}
+{{ theme.description|safe }}
+{% endif %}
+{%endif%}
+{%endif%}
+{% if video.get_encoding_step == "" %}
+<div class="alert alert-warning" role="alert">
+    {% trans "The video is currently waiting for encoding." %}
+</div>
+{% endif %}
+
+{% if video.encoding_in_progress %}
+<div class="alert alert-warning" role="alert">
+    {% trans "The video is currently being encoded." %}
+</div>
+{% endif %}
+
+{% if video.get_encoding_step == "5 : transcripting audio" %}
+<p class="text-info">
+    {% trans "The video is currently being transcripted." %}
+</p>
+{% endif %}
+
+
+{% block video-element %}
+
+{% if form %}
+
+{% include 'videos/video-form.html' %}
+
+{% else %}
+
+{% if playlist %}
+  {% include 'playlist/playlist_player.html' with playlist=playlist %}
+{% endif %}
+
+{% include 'videos/video-element.html' %}
+
+<h1 class="pt-2">
+{% if video.licence %} {% include "videos/video_licencebox.html" %}{% endif %} {{video.title|capfirst}}
+{% if video.date_evt %}<small>[{{ video.date_evt }}]</small>{% endif %}
+  <a href="{% url 'contact_us' %}?video={{video.id}}&subject=inappropriate_content" title="{% trans 'Report the video'%}" >
+      <i data-feather="alert-octagon"></i>
+  </a>
+</h1>
+
+{% if video.chapter_set.all %}
+<div class="alert alert-info" role="alert">{% blocktrans %}This video is chaptered. Click the chapter button <span class="vjs-icon-chapters"></span> on the video player to view them.{% endblocktrans %}</div>
+{%endif%}
+
+<div class="pl-0 pr-0">
+  <div class="navbar d-flex flex-row-reverse p-0" >
+  <ul class="nav nav-tabs" id="myTab" role="tablist">
+    {% tags_for_object video as tag_list %}
+    {% if video.description or tag_list or video.is_360 %}
+    <li class="nav-item">
+      <a class="nav-link active show" id="summary-tab" data-toggle="tab" href="#summary" role="tab" aria-selected="true" title="{% trans 'Summary' %}">
+        <i data-feather="align-justify"></i>&nbsp;<span class="sr-only">{% trans 'Summary' %}</span>
+      </a>
+    </li>
+    {% endif %}
+    <li class="nav-item">
+      {% if not video.description and not tag_list and not video.is_360 %}
+      <a class="nav-link active show" id="info-tab" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="true" title="{% trans 'Infos' %}">
+        {% else %}
+        <a class="nav-link" id="info-tab" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="false" title="{% trans 'Infos' %}">
+        {% endif %}
+      <i data-feather="info"></i>&nbsp;<span class="sr-only">{% trans 'Infos' %}</span>
+      </a>
+    </li>
+    {% if video.allow_downloading or video.document_set.all %}
+    <li class="nav-item">
+      <a class="nav-link" id="downloads-tab" data-toggle="tab" href="#downloads" role="tab" aria-controls="downloads" aria-selected="false" title="{% trans 'Downloads' %}">
+        <i data-feather="download"></i>&nbsp;<span class="sr-only">{% trans 'Downloads' %}</span>
+      </a>
+    </li>
+    {% endif %}
+    {% if video.is_draft == False or video.owner == request.user or request.user in video.additional_owners.all %}
+    <li class="nav-item">
+      <a class="nav-link" id="share-tab" data-toggle="tab" href="#share" role="tab" aria-controls="share" aria-selected="false" title="{% trans 'Embed/Share' %}">
+        <i data-feather="share-2"></i><span class="sr-only">{% trans 'Embed/Share' %}</span>
+      </a>
+    </li>
+    {%endif%}
+    {% with video.get_other_version as versions %} 
+    {% if versions|length > 0 %}
+    <li class="nav-item dropdown" id="list_third_apps">
+      <a  href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  title="{% trans 'Other versions' %}">
+        <i data-feather="layers"></i>&nbsp;<span class="sr-only">{% trans 'Other versions' %}</span>
+      </a>
+      <div class="dropdown-menu" >
+        {% for version in versions %}
+          {% if video.get_hashkey in request.get_full_path %}
+          <a href="{{version.url}}{{ video.get_hashkey }}/?redirect=false" title="{{version.app}}" class="dropdown-item" >{{version.link}}</a>
+          {% else %}
+          <a href="{{version.url}}?redirect=false" title="{{version.app}}" class="dropdown-item" >{{version.link}}</a>
+          {% endif %}
+        {% endfor %}
+      </div>
+    </li>
+    {% endif %}
+    {% endwith %}
+
+    {% if request.user.playlist_set.all and video.is_draft == False %}
+    <li class="nav-item dropdown dropright">
+      <a  href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"  title="{% trans "Add the video to a playlist"%}">
+        <i data-feather="play-circle"></i>&nbsp;<span class="sr-only">{% trans 'My playlists' %}</span>
+      </a>
+      <div class="dropdown-menu">
+      {% csrf_token %}
+      <ul class="list-group">
+      {% for playlist in request.user.playlist_set.all %}
+        {% if video in playlist.videos %}
+          <li class="dropdown-item disabled py-0" data-slug="{{playlist.slug}}">{{playlist.title}}
+            <i data-feather="check"></i>
+          </li>
+        {% else %}
+          <li class="dropdown-item playlist-item py-0" data-slug="{{playlist.slug}}">{{playlist.title}}</li>
+        {% endif %}
+      {% endfor %}
+      </ul>
+      </div>
+    </li>
+    {% endif %}
+  </ul>
+</div>
+  {% include 'videos/video-info.html' %}
+</div>
+{% if active_video_comment %}
+{% include 'videos/video-comment.html' with is_auth=request.user.is_authenticated disable=video.disable_comment %}
+{% endif %}
+{%endif%}
+{% endblock video-element %}
+</div>
+{% endblock page_content %}
+
+{% block page_aside %}
+{% if video.owner == request.user or request.user.is_superuser or request.user in video.additional_owners.all %}
+<div class="card card-body p-2 mt-1" id="card-managevideo">
+<h5 class="card-title pl-2"><i data-feather="settings"></i>&nbsp;{% trans "Manage video"%}</h5>
+      <div class="card-text text-center">
+        {% include "videos/link_video.html" %}
+      </div>
+</div>
+{% endif %}
+
+<div class="card card-body p-2 mt-1" id="card-takenote">
+  {% include 'videos/video_notes.html' %}
+</div>
+{% include 'aside.html' %}
+{% endblock page_aside %}
+
+
+{% block more_script %}
+{% if not form %}
+{% include 'videos/video-script.html'%}
+{% endif %}
+{% if active_video_comment and not video.disable_comment %}
+{% if request.user == video.owner %}
+<script>
+    var is_video_owner = true;
+</script>
+{% else %}
+<script>
+    var is_video_owner = false;
+</script>
+{% endif %}
+<script>
+    var user_fullName = `{{request.user.first_name}} {{request.user.last_name}}`;
+    var user_id = "{{ request.user.id }}" === "None"? false: {{ request.user.id }};
+    var is_authenticated = JSON.parse("{{request.user.is_authenticated|yesno:"true,false"}}");
+    var is_superuser = JSON.parse("{{request.user.is_superuser|yesno:"true,false"}}");
+</script>
+<script src="{% static 'js/moment_with_locales.min.js' %}"></script>
+<script defer src="{% static 'js/comment-script.js' %}"></script>
+{% endif %}
+{% endblock more_script %}

From b79ded2f98c7eccddf79529dff50f2d7340742a8 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 21:48:23 +0100
Subject: [PATCH 083/145] concat first_name, last_name on add_comment return

---
 pod/video/views.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pod/video/views.py b/pod/video/views.py
index 9911afb903..9e42d0faf6 100644
--- a/pod/video/views.py
+++ b/pod/video/views.py
@@ -1727,8 +1727,8 @@ def add_comment(request, video_slug, comment_id=None):
             c.save()
             data = {
                 'id': c.id,
-                'author__first_name': c_user.first_name,
-                'author__last_name': c_user.last_name,
+                'author_name': "{0} {1}".format(
+                    c_user.first_name, c_user.last_name)
             }
             return HttpResponse(
                 json.dumps(data),

From df8d42827b14e835cc8b58afd169da36f5f40153 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sun, 17 Jan 2021 22:06:28 +0100
Subject: [PATCH 084/145] Fix unittest

---
 pod/video/tests/test_comment.py | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/pod/video/tests/test_comment.py b/pod/video/tests/test_comment.py
index 8c66055a6e..145816189e 100644
--- a/pod/video/tests/test_comment.py
+++ b/pod/video/tests/test_comment.py
@@ -141,11 +141,9 @@ def test_get_comment_with_children(self):
             HTTP_ACCEPT='application/json')
         self.assertEqual(response.resolver_match.func, get_children_comment)
         # Check response is 200 OK and contents the expected comment
-        owner_user_full_name = "{0}{1}{2}".format(
+        owner_user_full_name = "{0} {1}".format(
             self.owner_user.first_name,
-            " ",
-            self.owner_user.last_name
-        )
+            self.owner_user.last_name)
         direct_parent_id = self.owner_to_admin_comment.direct_parent.id
         expected_response = HttpResponse(json.dumps({
             "author_name": "Super User",
@@ -185,8 +183,9 @@ def test_add_comment(self):
         response = self.client.post(url, {
             "content": "Third parent comment"})
         data = {
-            "author__last_name": self.simple_user.last_name,
-            "author__first_name": self.simple_user.first_name,
+            "author_name": "{0} {1}".format(
+                self.simple_user.first_name,
+                self.simple_user.last_name),
             "id": pk
         }
         expected_content = JsonResponse(data, safe=False).content
@@ -214,8 +213,9 @@ def test_add_comment(self):
         self.client.force_login(self.owner_user)
         response = self.client.post(url, {
             "content": "Response to third comment"})
-        data['author__last_name'] = self.owner_user.last_name
-        data['author__first_name'] = self.owner_user.first_name
+        data['author_name'] = "{0} {1}".format(
+            self.owner_user.first_name,
+            self.owner_user.last_name)
         data['id'] = pk
         expected_content = JsonResponse(data, safe=False).content
 

From f6ad3b17726a11042e21a05ec01c47a6cec1dd89 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 18 Jan 2021 09:23:35 +0100
Subject: [PATCH 085/145] review logic code to not return user's id

---
 pod/video/views.py | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/pod/video/views.py b/pod/video/views.py
index 9e42d0faf6..405461cd21 100644
--- a/pod/video/views.py
+++ b/pod/video/views.py
@@ -1650,23 +1650,34 @@ def video_add(request):
         'TRANSCRIPT': TRANSCRIPT})
 
 
-@csrf_protect
 def vote_get(request, video_slug):
-    # current video
-    c_video = get_object_or_404(Video, slug=video_slug)
     if request.method == "POST":
-        return HttpResponseNotFound('<h1>Method Not Allowed</h1>', status=405)
+        return HttpResponseNotFound(
+            '<h1>Method Not Allowed</h1>',
+            status=405)
     else:
+        c_video = get_object_or_404(Video, slug=video_slug)
+        if request.user.id is None:  # Anonymous user
+            return HttpResponse(
+                json.dumps({"comments_votes": []}),
+                content_type='application/json'
+            )
         votes = Vote.objects.filter(
-            comment__video=c_video).values('user__id', 'comment__id')
-        data = {'votes': list(votes)}
-        return HttpResponse(json.dumps(data), content_type='application/json')
+            comment__video=c_video,
+            user=request.user
+        ).values(
+            'comment__id')
+        return HttpResponse(
+            json.dumps({'comments_votes': list(votes)}),
+            content_type='application/json')
 
 
 @login_required(redirect_field_name='referrer')
 def vote_post(request, video_slug, comment_id):
     if request.method == "GET":
-        return HttpResponseNotFound('<h1>Method Not Allowed</h1>', status=405)
+        return HttpResponseNotFound(
+            '<h1>Method Not Allowed</h1>',
+            status=405)
     # current video
     c_video = get_object_or_404(Video, slug=video_slug)
     # current comment

From affa3021a1c9323b2b42caeb4a658efb58e0d8cd Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 18 Jan 2021 09:23:58 +0100
Subject: [PATCH 086/145] Fix test get votes

---
 pod/video/tests/test_comment.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/video/tests/test_comment.py b/pod/video/tests/test_comment.py
index 145816189e..2979dc45f7 100644
--- a/pod/video/tests/test_comment.py
+++ b/pod/video/tests/test_comment.py
@@ -313,7 +313,7 @@ def test_get_votes(self):
         self.client.logout()
         self.client.force_login(self.owner_user)
         response = self.client.get(url)
-        data = {"votes": []}
+        data = {"comments_votes": []}
         expected_response = JsonResponse(data, safe=False).content
         self.assertEqual(response.content, expected_response)
 

From 016fed96b2300786879f218ed240b17432a7e49d Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 18 Jan 2021 09:24:27 +0100
Subject: [PATCH 087/145] review logic code ajax vote data

---
 pod/video/static/js/comment-script.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index ea119f4ec3..92854601d1 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -6,7 +6,7 @@ const lang_btn = document.querySelector(".btn-lang.btn-lang-active");
 const comment_label = document.querySelector('.comment_label');
 // Loader Element
 const loader = document.querySelector(".comment_content > .lds-ring");
-let VOTED_USERS = [];
+let VOTED_COMMENTS = [];
 const COLORS = [
     "rgb(15,166,2)",
     "sienna",
@@ -308,8 +308,7 @@ function vote(comment_id, target_html_el) {
     }).then(response => {
         response.json().then(data => {
             if (data.voted === true) {
-                VOTED_USERS.push({
-                    'user__id': user_id,
+                VOTED_COMMENTS.push({
                     'comment__id': comment_id,
                 });
                 btn.innerHTML = parseInt(btn.textContent) + 1 + " votes";
@@ -317,7 +316,7 @@ function vote(comment_id, target_html_el) {
                     target_html_el.classList.add('voted');
             }
             else {
-                VOTED_USERS = VOTED_USERS.filter(obj => {
+                VOTED_COMMENTS = VOTED_COMMENTS.filter(obj => {
                     obj.comment__id !== comment_id
                 })
                 btn.innerHTML = parseInt(btn.textContent) - 1 + " votes";
@@ -735,8 +734,8 @@ function update_answer_text(el) {
 /*****************  Manage vote svg  ******************
  ******************************************************/
 function manage_vote_frontend(id, el) {
-    VOTED_USERS.forEach(obj => {
-        if (obj.comment__id === id && obj.user__id === user_id) {
+    VOTED_COMMENTS.forEach(obj => {
+        if (obj.comment__id === id) {
             el.querySelector(".comment_vote_action").classList.add('voted');
         }
     });
@@ -756,7 +755,7 @@ function set_comments_number() {
 fetch(base_vote_url).then(response => {
     loader.classList.remove('hide'); // show loader
     response.json().then(data => {
-        VOTED_USERS = data.votes;
+        VOTED_COMMENTS = data.comments_votes;
     });
 }).finally(function () {
     /************  Get data from the server  **************

From f7d3e621c21b4eec31d51e7116b897c552e02029 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 18 Jan 2021 11:36:59 +0100
Subject: [PATCH 088/145] autoprefixer, add style on comment disable text

---
 pod/video/static/css/comment-style.css | 131 +++++++++++++++++++------
 1 file changed, 100 insertions(+), 31 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 9c9d8b64e1..f01b7ded55 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -13,6 +13,22 @@
     --green-color: rgb(60, 196, 48);
     --voted-color: rgb(249, 165, 6);
 }
+.comment_disable{
+    text-align: center;
+    padding: .4em .8em;
+    color: #386066;
+    background: #afe0e8;
+    margin-top: .8em;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+}
 .comment_main *,
 .comment_main *::after,
 .comment_main *::before{
@@ -59,17 +75,11 @@
 }
 .comment_main .icon.comments_icon
 {
-    /*position: absolute;
-    width: var(--padding-comment-content);
-    top: 25px;
-    z-index: 1;
-    left: 0;
-    -webkit-transform: translateX( calc(-50% - var(--padding-comment-content) ) );
-        -ms-transform: translateX( calc(-50% - var(--padding-comment-content) ) );
-            transform: translateX( calc(-50% - var(--padding-comment-content) ) );*/
     width: var(--padding-comment-content);
     margin:0 6px;
-    flex: none;
+    -webkit-box-flex: 0;
+        -ms-flex: none;
+            flex: none;
 }
 .comment_main .inline_flex_space{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
 .comment_main .comment_disable::before{
@@ -441,16 +451,21 @@
 }
 .comment_main .comment_element.show .comment_container >  .comments_children_container{ height: auto; }
 .comment_main .comment_element .comment_container .comment_element > .comment_child_container{ 
+    display: -webkit-box; 
+    display: -ms-flexbox; 
     display: flex;
     margin-top: calc(var(--margin-between-comment) - .2em);
 }
 .comment_main .comment_element > .comment.onDelete,
 .comment_main .comment_element .comment_container .comment_element > .comment_child_container.onDelete{ 
-    animation-name: deletecomment;
-    animation-duration: 1s;
-    animation-fill-mode: forwards;
-}
-.comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; flex: none; align-self: center}
+    -webkit-animation-name: deletecomment; 
+            animation-name: deletecomment;
+    -webkit-animation-duration: 1s;
+            animation-duration: 1s;
+    -webkit-animation-fill-mode: forwards;
+            animation-fill-mode: forwards;
+}
+.comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center}
 .comment_main .comment .comment_content_child
 {
 
@@ -479,11 +494,16 @@
 }
 .comment_main .comment .comment_content_body a{
     display: block;
-    width: 350px;
+    width: 500px;
     max-width: 100%;
     white-space: nowrap;
     overflow: hidden;
-    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+       text-overflow: ellipsis;
+    margin-bottom: .8em;
+}
+.comment_main .comment .comment_content_body .comment_text{
+    font-weight: 500;
 }
 .comment_main .comment .comment_content_footer
 {
@@ -603,10 +623,21 @@
 }
 /* ***** on scroll to comment background */
 .scroll_to{
-    animation-name: scrolltocomment;
-    animation-duration: 5s;
-    animation-fill-mode: forwards;
-}
+    -webkit-animation-name: scrolltocomment;
+            animation-name: scrolltocomment;
+    -webkit-animation-duration: 5s;
+            animation-duration: 5s;
+    -webkit-animation-fill-mode: forwards;
+            animation-fill-mode: forwards;
+}
+@-webkit-keyframes scrolltocomment{
+    0% {
+        background-color: #f9f99b; /* rgba(255, 234, 59)*/
+    }
+    100% {
+	 background-color: var(--third-background-color);
+    }
+ }
 @keyframes scrolltocomment{
     0% {
         background-color: #f9f99b; /* rgba(255, 234, 59)*/
@@ -616,15 +647,32 @@
     }
  }
 /* ******* on delete comment ******* */
+@-webkit-keyframes deletecomment{
+    0%{
+	position: relative;
+	-webkit-box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
+	        box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
+	z-index: 9999;
+	-webkit-transform: translateX(0);
+	        transform: translateX(0);
+    }
+    100%{
+	-webkit-transform: translateX(110%);
+	        transform: translateX(110%);
+    }
+}
 @keyframes deletecomment{
     0%{
 	position: relative;
-	box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
+	-webkit-box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
+	        box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
 	z-index: 9999;
-	transform: translateX(0);
+	-webkit-transform: translateX(0);
+	        transform: translateX(0);
     }
     100%{
-	transform: translateX(110%);
+	-webkit-transform: translateX(110%);
+	        transform: translateX(110%);
     }
 }
 /* ************ Loader ************* */
@@ -634,11 +682,16 @@
   width: 50px;
   height: 50px;
   margin: 1em auto;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 .lds-ring div {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: block;
   position: absolute;
   width: 34px;
@@ -646,24 +699,40 @@
   margin: 8px;
   border: 4px solid #fff;
   border-radius: 50%;
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: var(--background-color) transparent transparent transparent;
 }
 .lds-ring div:nth-child(1) {
-  animation-delay: -0.45s;
+  -webkit-animation-delay: -0.45s;
+          animation-delay: -0.45s;
 }
 .lds-ring div:nth-child(2) {
-  animation-delay: -0.3s;
+  -webkit-animation-delay: -0.3s;
+          animation-delay: -0.3s;
 }
 .lds-ring div:nth-child(3) {
-  animation-delay: -0.15s;
+  -webkit-animation-delay: -0.15s;
+          animation-delay: -0.15s;
+}
+@-webkit-keyframes lds-ring {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
 }
 @keyframes lds-ring {
   0% {
-    transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
   }
   100% {
-    transform: rotate(360deg);
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
   }
 }
 

From 02a12729eca455eeb2de6fa30557cba1f68f299e Mon Sep 17 00:00:00 2001
From: Joshua Baubry <joshua.baubry@gmail.com>
Date: Mon, 18 Jan 2021 13:36:49 +0100
Subject: [PATCH 089/145] fix more element when searche+page  in podfile

---
 pod/podfile/static/podfile/js/filewidget.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/podfile/static/podfile/js/filewidget.js b/pod/podfile/static/podfile/js/filewidget.js
index d38298080f..ee1f5ca0ca 100644
--- a/pod/podfile/static/podfile/js/filewidget.js
+++ b/pod/podfile/static/podfile/js/filewidget.js
@@ -473,7 +473,7 @@ function initFolders(){
 
 
 var seeMoreElement = function (nextPage, curr_page, tot_page, search=null){
-    search = search? `&page=${search}`: '';
+    search = search? `&search=${search}`: '';
     let seeMore = gettext('See more');
     return `
 	<div class="view-more-container">

From b385d6aa73928f0bc8446f8cc72790a616dd6923 Mon Sep 17 00:00:00 2001
From: Joshua Baubry <joshua.baubry@gmail.com>
Date: Mon, 18 Jan 2021 15:04:08 +0100
Subject: [PATCH 090/145] save caption maker in video folder instead of home
 folder

---
 pod/completion/templates/video_caption_maker.html |  2 +-
 pod/completion/views.py                           | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/pod/completion/templates/video_caption_maker.html b/pod/completion/templates/video_caption_maker.html
index 9c97567838..132ce02336 100644
--- a/pod/completion/templates/video_caption_maker.html
+++ b/pod/completion/templates/video_caption_maker.html
@@ -145,7 +145,7 @@ <h2 class="modal-title">{% trans "Save captions file."%}</h2>
 
 {% block more_script %}
     <script>
-        var current_folder = {{ home_folder.id }};
+        var current_folder = {{ current_folder.id }};
         var captionFileSourceUpdateTimer = null;
         var file_loaded = false;
         var file_loaded_id = undefined;
diff --git a/pod/completion/views.py b/pod/completion/views.py
index 9017aac2e6..259af46a97 100644
--- a/pod/completion/views.py
+++ b/pod/completion/views.py
@@ -34,8 +34,8 @@
 def video_caption_maker(request, slug):
     video = get_object_or_404(Video, slug=slug,
                               sites=get_current_site(request))
-    user_home_folder = get_object_or_404(
-        UserFolder, name="home", owner=request.user)
+    user_folder = get_object_or_404(
+        UserFolder, name=video.slug, owner=request.user)
     action = None
     if request.user != video.owner and not (
         request.user.is_superuser or request.user.has_perm(
@@ -54,7 +54,7 @@ def video_caption_maker(request, slug):
         return render(
             request,
             'video_caption_maker.html',
-            {'home_folder': user_home_folder,
+            {'current_folder': user_folder,
              'form_make_caption': form_caption,
              'video': video})
 
@@ -62,8 +62,8 @@ def video_caption_maker(request, slug):
 @csrf_protect
 @staff_member_required(redirect_field_name='referrer')
 def video_caption_maker_save(request, video):
-    user_home_folder = get_object_or_404(
-        UserFolder, name="home", owner=request.user)
+    user_folder = get_object_or_404(
+        UserFolder, name=video.slug, owner=request.user)
     if (request.method == "POST"):
         cur_folder = get_current_session_folder(request)
         response = file_edit_save(request, cur_folder)
@@ -79,7 +79,7 @@ def video_caption_maker_save(request, video):
     return render(
         request,
         'video_caption_maker.html',
-        {'home_folder': user_home_folder,
+        {'current_folder': user_folder,
          'form_make_caption': form_caption,
          'video': video})
 

From f2ff0044296e75267c43866dc207e1d7faba2329 Mon Sep 17 00:00:00 2001
From: Joshua Baubry <joshua.baubry@gmail.com>
Date: Mon, 18 Jan 2021 15:09:52 +0100
Subject: [PATCH 091/145] change some var name

---
 pod/completion/views.py | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pod/completion/views.py b/pod/completion/views.py
index 259af46a97..26091ceba4 100644
--- a/pod/completion/views.py
+++ b/pod/completion/views.py
@@ -34,7 +34,7 @@
 def video_caption_maker(request, slug):
     video = get_object_or_404(Video, slug=slug,
                               sites=get_current_site(request))
-    user_folder = get_object_or_404(
+    video_folder = get_object_or_404(
         UserFolder, name=video.slug, owner=request.user)
     action = None
     if request.user != video.owner and not (
@@ -54,7 +54,7 @@ def video_caption_maker(request, slug):
         return render(
             request,
             'video_caption_maker.html',
-            {'current_folder': user_folder,
+            {'current_folder': video_folder,
              'form_make_caption': form_caption,
              'video': video})
 
@@ -62,7 +62,7 @@ def video_caption_maker(request, slug):
 @csrf_protect
 @staff_member_required(redirect_field_name='referrer')
 def video_caption_maker_save(request, video):
-    user_folder = get_object_or_404(
+    video_folder = get_object_or_404(
         UserFolder, name=video.slug, owner=request.user)
     if (request.method == "POST"):
         cur_folder = get_current_session_folder(request)
@@ -79,7 +79,7 @@ def video_caption_maker_save(request, video):
     return render(
         request,
         'video_caption_maker.html',
-        {'current_folder': user_folder,
+        {'current_folder': video_folder,
          'form_make_caption': form_caption,
          'video': video})
 

From 220390a9e61065714100fa77bc3796ad1484b9df Mon Sep 17 00:00:00 2001
From: Joshua Baubry <joshua.baubry@gmail.com>
Date: Mon, 18 Jan 2021 16:01:12 +0100
Subject: [PATCH 092/145] create userfolder if not exist + set podfile current
 folder to video folder

---
 pod/completion/views.py | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/pod/completion/views.py b/pod/completion/views.py
index 26091ceba4..ed7edea799 100644
--- a/pod/completion/views.py
+++ b/pod/completion/views.py
@@ -34,8 +34,11 @@
 def video_caption_maker(request, slug):
     video = get_object_or_404(Video, slug=slug,
                               sites=get_current_site(request))
-    video_folder = get_object_or_404(
-        UserFolder, name=video.slug, owner=request.user)
+
+    video_folder, created = UserFolder.objects.get_or_create(
+        name=video.slug, owner=request.user)
+    print(video_folder)
+    request.session['current_session_folder'] = video.slug
     action = None
     if request.user != video.owner and not (
         request.user.is_superuser or request.user.has_perm(
@@ -62,8 +65,8 @@ def video_caption_maker(request, slug):
 @csrf_protect
 @staff_member_required(redirect_field_name='referrer')
 def video_caption_maker_save(request, video):
-    video_folder = get_object_or_404(
-        UserFolder, name=video.slug, owner=request.user)
+    video_folder, created = UserFolder.objects.get_or_create(
+        name=video.slug, owner=request.user)
     if (request.method == "POST"):
         cur_folder = get_current_session_folder(request)
         response = file_edit_save(request, cur_folder)

From e8671436a854794f60afca00e4b12dcd85ccc432 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Mon, 18 Jan 2021 16:19:44 +0100
Subject: [PATCH 093/145] create search template for ES7, use it if
 ES_VERSION=7 when creating index

---
 pod/video_search/search_template7.json | 250 +++++++++++++++++++++++++
 pod/video_search/utils.py              |   7 +-
 2 files changed, 256 insertions(+), 1 deletion(-)
 create mode 100644 pod/video_search/search_template7.json

diff --git a/pod/video_search/search_template7.json b/pod/video_search/search_template7.json
new file mode 100644
index 0000000000..0c08443297
--- /dev/null
+++ b/pod/video_search/search_template7.json
@@ -0,0 +1,250 @@
+{
+  "settings": {
+    "number_of_shards": 2,
+    "number_of_replicas": 0,
+     "analysis": {
+        "filter": {
+          "french_elision": {
+            "type":         "elision",
+            "articles_case": true,
+            "articles": [
+                "l", "m", "t", "qu", "n", "s",
+                "j", "d", "c", "jusqu", "quoiqu",
+                "lorsqu", "puisqu"
+              ]
+          },
+          "french_stemmer": {
+            "type":       "stemmer",
+            "language":   "light_french"
+          }
+        },
+        "analyzer": {
+          "icu_french": {
+            "tokenizer": "icu_tokenizer",
+            "filter": [
+              "french_elision",
+              "icu_folding",
+              "lowercase",
+              "french_stemmer",
+              "asciifolding"
+            ]
+          }
+        }
+      }
+  },
+  "mappings": {
+    "properties": {
+      "id": {
+        "type":"long"
+      },
+      "title": {
+        "type":"text",
+        "analyzer" : "icu_french",
+        "term_vector": "with_positions_offsets",
+        "search_analyzer": "icu_french"
+      },
+      "owner": {
+        "type":"keyword"
+      },
+      "owner_full_name": {
+        "type":"text",
+        "analyzer" : "icu_french",
+        "term_vector": "with_positions_offsets",
+        "search_analyzer": "icu_french"
+      },
+      "date_added": {
+        "type":"date"
+      },
+      "date_evt" : {
+        "type": "date"
+      },
+      "description": {
+        "type":"text",
+        "analyzer" : "icu_french",
+        "term_vector": "with_positions_offsets",
+        "search_analyzer": "icu_french"
+      },
+      "thumbnail": {
+        "type":"keyword",
+        "index" : false
+      },
+      "duration": {
+        "type":"integer"
+      },
+      "tags": {
+        "properties": {
+          "name": {
+            "type":"text",
+            "analyzer" : "icu_french",
+            "term_vector": "with_positions_offsets",
+            "search_analyzer": "icu_french",
+            "fields": {
+              "raw" : {
+                "type": "keyword",
+                "index": false
+              }
+            }
+          },
+          "slug": {
+            "type":"keyword"
+          }
+        }
+      },
+      "type": {
+        "properties": {
+          "title": {
+            "type":"text",
+            "analyzer" : "icu_french",
+            "term_vector": "with_positions_offsets",
+            "search_analyzer": "icu_french",
+            "fields": {
+              "raw" : {
+                "type": "keyword",
+                "index": false
+              }
+            }
+          },
+          "slug": {
+            "type":"keyword"
+          }
+        }
+      },
+      "disciplines": {
+        "properties": {
+          "title": {
+            "type":"text",
+            "analyzer" : "icu_french",
+            "term_vector": "with_positions_offsets",
+            "search_analyzer": "icu_french",
+            "fields": {
+              "raw" : {
+                "type": "keyword",
+                "index": false
+              }
+            }
+          },
+          "slug": {
+            "type":"keyword"
+          }
+        }
+      },
+      "channels": {
+        "properties": {
+          "title": {
+            "type":"text",
+            "analyzer" : "icu_french",
+            "term_vector": "with_positions_offsets",
+            "search_analyzer": "icu_french",
+            "fields": {
+              "raw" : {
+                "type": "keyword",
+                "index": false
+              }
+            }
+          },
+          "slug": {
+            "type":"keyword"
+          }
+        }
+      },
+      "themes": {
+        "properties": {
+          "title": {
+            "type":"text",
+            "analyzer" : "icu_french",
+            "term_vector": "with_positions_offsets",
+            "search_analyzer": "icu_french",
+            "fields": {
+              "raw" : {
+                "type": "keyword",
+                "index": false
+              }
+            }
+          },
+          "slug": {
+            "type":"keyword"
+          }
+        }
+      },
+      "contributors": {
+        "properties": {
+          "name": {
+            "type":"text",
+            "analyzer" : "icu_french",
+            "term_vector": "with_positions_offsets",
+            "search_analyzer": "icu_french",
+            "fields": {
+              "raw" : {
+                "type": "keyword",
+                "index": false
+              }
+            }
+          },
+          "role": {
+            "type":"keyword"
+          }
+        }
+      },
+      "chapters": {
+        "properties": {
+          "title": {
+            "type":"text",
+            "analyzer" : "icu_french",
+            "term_vector": "with_positions_offsets",
+            "search_analyzer": "icu_french",
+            "fields": {
+              "raw" : {
+                "type": "keyword",
+                "index": false
+              }
+            }
+          },
+          "slug": {
+            "type":"keyword"
+          }
+        }
+      },
+      "overlays": {
+        "properties": {
+          "title": {
+            "type":"text",
+            "analyzer" : "icu_french",
+            "term_vector": "with_positions_offsets",
+            "search_analyzer": "icu_french",
+            "fields": {
+              "raw" : {
+                "type": "keyword",
+                "index": false
+              }
+            }
+          },
+          "slug": {
+            "type":"keyword"
+          }
+        }
+      },
+      "full_url": {
+        "type":"keyword",
+        "index" : false
+      },
+      "is_restricted": {
+        "type":"boolean"
+      },
+      "password": {
+        "type":"boolean"
+      },
+      "duration_in_time": {
+        "type":"text"
+      },
+      "mediatype": {
+        "type":"keyword"
+      },
+      "cursus": {
+        "type":"keyword"
+      },
+      "main_lang": {
+        "type":"keyword"
+      }
+    }
+  }
+}
diff --git a/pod/video_search/utils.py b/pod/video_search/utils.py
index 4eec0253f0..f2a40903c2 100644
--- a/pod/video_search/utils.py
+++ b/pod/video_search/utils.py
@@ -15,6 +15,7 @@
 ES_INDEX = getattr(settings, 'ES_INDEX', 'pod')
 ES_TIMEOUT = getattr(settings, 'ES_TIMEOUT', 30)
 ES_MAX_RETRIES = getattr(settings, 'ES_MAX_RETRIES', 10)
+ES_VERSION = getattr(settings, 'ES_VERSION', 6)
 
 
 def index_es(video):
@@ -56,7 +57,11 @@ def delete_es(video):
 def create_index_es():
     es = Elasticsearch(ES_URL, timeout=ES_TIMEOUT, max_retries=ES_MAX_RETRIES,
                        retry_on_timeout=True)
-    json_data = open('pod/video_search/search_template.json')
+    if ES_VERSION == 7 :
+        template_file = "pod/video_search/search_template7.json"
+    else :
+        template_file = "pod/video_search/search_template.json"
+    json_data = open(template_file)
     es_template = json.load(json_data)
     try:
         create = es.indices.create(

From e67d5dba333037ecf0a0e9e32b17562d273dc286 Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Tue, 19 Jan 2021 12:07:37 +0100
Subject: [PATCH 094/145] replace Owner.objects.get() by
 Owner.objects.get_or_create() in import_data.py + add ffprobe and ffmpeg
 command lines in encoding.log + minor code formatting + limit
 encoding_step.desc_step to 255 chars

---
 pod/video/encode.py                           |  10 ++
 pod/video/management/commands/import_data.py  |   5 +-
 pod/video/static/js/video_stats_view.js       | 125 +++++++++---------
 .../templates/videos/video_stats_view.html    |  36 ++---
 pod/video/utils.py                            |   3 +-
 5 files changed, 95 insertions(+), 84 deletions(-)

diff --git a/pod/video/encode.py b/pod/video/encode.py
index 54237ec18d..513f0bb1d5 100755
--- a/pod/video/encode.py
+++ b/pod/video/encode.py
@@ -168,6 +168,8 @@ def start_encode(video_id):
 
 
 def encode_video(video_id):
+    """Encode video."""
+
     start = "Start at: %s" % time.ctime()
 
     video_to_encode = Video.objects.get(id=video_id)
@@ -390,6 +392,7 @@ def get_video_data(video_id, output_dir):
     """
     info = json.loads(ffproberesult.stdout.decode('utf-8'))
     with open(output_dir + "/encoding.log", "a") as f:
+        f.write(msg)
         f.write('\nffprobe command video result:\n\n')
         f.write('%s\n' % json.dumps(
             info, sort_keys=True, indent=4, separators=(',', ': ')))
@@ -520,6 +523,8 @@ def encode_video_mp4(source, cmd, output_dir):
             procs.append(subprocess.Popen(
                 ffmpegMp4Command, shell=True, stdout=f, stderr=f))
     msg += "\n- Encoding Mp4: %s" % time.ctime()
+    with open(logfile, "a") as f:
+        f.write(msg)
     for proc in procs:
         proc.wait()
     return msg
@@ -751,6 +756,8 @@ def encode_video_playlist(source, cmd, output_dir):
             procs.append(subprocess.Popen(
                 ffmpegPlaylistCommand, shell=True, stdout=f, stderr=f))
     msg += "\n- Encoding Playlist: %s" % time.ctime()
+    with open(logfile, "a") as f:
+        f.write(msg)
     for proc in procs:
         proc.wait()
     return msg
@@ -891,6 +898,9 @@ def create_overview_image(
     else:
         msg = "overviewimagefilename Wrong file or path:"\
             + "\n%s" % overviewimagefilename
+        msg += "\nthumbnailer command: \n- %s\n" % cmd_ffmpegthumbnailer
+        msg += "\nmontage command: \n- %s\n" % cmd_montage
+
         add_encoding_log(video_id, msg)
         change_encoding_step(video_id, -1, msg)
         send_email(msg, video_id)
diff --git a/pod/video/management/commands/import_data.py b/pod/video/management/commands/import_data.py
index c5ced53075..d368029c01 100755
--- a/pod/video/management/commands/import_data.py
+++ b/pod/video/management/commands/import_data.py
@@ -42,7 +42,8 @@
 
 
 class Command(BaseCommand):
-    """Main command class. To be called by a 'python manage.py import_data $type'."""
+    """Main command class.
+     To be called by a 'python manage.py import_data $type'."""
 
     args = 'Channel Theme Type User Discipline Pod tags Chapter Contributor...'
     help = 'Import from V1'
@@ -89,7 +90,7 @@ def handle(self, *args, **options):
     def save_object(self, type_to_import, obj):
         """Save object obj of type 'type_to_import'."""
         if AUTHENTICATION and type_to_import == 'UserProfile':
-            owner = Owner.objects.get(
+            owner, owner_created = Owner.objects.get_or_create(
                 user_id=obj.object.user_id)
             owner.auth_type = obj.object.auth_type
             owner.affiliation = obj.object.affiliation
diff --git a/pod/video/static/js/video_stats_view.js b/pod/video/static/js/video_stats_view.js
index 6914960352..927d970d23 100644
--- a/pod/video/static/js/video_stats_view.js
+++ b/pod/video/static/js/video_stats_view.js
@@ -1,71 +1,70 @@
-function linkedCell(cellValue, options, rowObject) 
+function linkedCell(cellValue, options, rowObject)
 {
     return "<a href='" + window.location.origin + "/video/"+
     rowObject.slug
     +"' target='_blank' rel='noopener'>"+cellValue+"</a>";
 }
 $(()=>{
-	let data_url = window.location.href;
-       	$("#grid").jqGrid({
-	    url: data_url,
-	    datatype: "json",
-	    mtype: "POST",
-       	    colNames: [
-               	gettext("Title"),
-                gettext("View during the day"),
-       	        gettext("View during the month"),
-               	gettext("View during the year"),
-                gettext("Total view from creation"),
-		gettext("Slug"),
-       	    ],
-	    colModel: [
-	    	{ 
-			name:"title",
-			align:"center",
-			sortable:true,
-			sorttype:"text",
-			formatter:linkedCell},
-	   	{ name: "day", align:"center", sortable:true, sorttype:"int"},
-    		{ name: "month", align:"center", sortable:true, sorttype:"int" },
-  	 	{ name: "year", align:"center", sortable:true, sorttype:"int" },
-	        { name: "since_created", align:"center", sortable:true, sorttype:"int" },
-	        { name: "slug", align:"center", sortable:true, sorttype:"text", hidden: true},
+    let data_url = window.location.href;
+    $("#grid").jqGrid({
+        url: data_url,
+        datatype: "json",
+        mtype: "POST",
+        colNames: [
+            gettext("Title"),
+            gettext("View during the day"),
+            gettext("View during the month"),
+            gettext("View during the year"),
+            gettext("Total view from creation"),
+            gettext("Slug"),
+        ],
+        colModel: [
+            {
+                name:"title",
+                align:"center",
+                sortable:true,
+                sorttype:"text",
+                formatter:linkedCell},
+            { name: "day", align:"center", sortable:true, sorttype:"int"},
+            { name: "month", align:"center", sortable:true, sorttype:"int" },
+            { name: "year", align:"center", sortable:true, sorttype:"int" },
+            { name: "since_created", align:"center", sortable:true, sorttype:"int" },
+            { name: "slug", align:"center", sortable:true, sorttype:"text", hidden: true},
+        ],
+        loadonce: true,
+        rowNum: 10,
+        rowList: [10, 15, 20, 25, 30, 50, 100],
+        gridview: true,
+        autoencode: true,
+        pager: '#pager',
+        sortorder: 'asc',
+        beforeProcessing: function(data){
+            // Set min date
+            let min_date = data.filter(obj => {
+                return obj.min_date != undefined;
+            })
+            // remove date_min in data
+            data.pop();
+            document.querySelector("#jsperiode").min = min_date[0].min_date;
+        },
+        postData: {
+            csrfmiddlewaretoken: $("[name=csrfmiddlewaretoken]").val()
+        }
+    });
+    let today = new Date().toISOString().split("T")[0];
+    $("#jsperiode").val(today); // set date input value to today
+    document.querySelector("#jsperiode").max = today;
 
-	    ],
-	loadonce: true,
-	rowNum: 10,
-	rowList: [10, 15, 20, 25, 30, 50, 100],
-	gridview: true,
-	autoencode: true,
-    	pager: '#pager',
-	sortorder: 'asc',
-	beforeProcessing: function(data){
-		// Set min date
-		let min_date = data.filter(obj => {
-			return obj.min_date != undefined;
-		})
-		// remove date_min in data
-		data.pop();
-		document.querySelector("#jsperiode").min = min_date[0].min_date;
-	},
-	postData: {
-		csrfmiddlewaretoken: $("[name=csrfmiddlewaretoken]").val()
-	}
-        });
-	let today = new Date().toISOString().split("T")[0];
-	$("#jsperiode").val(today); // set date input value to today
-	document.querySelector("#jsperiode").max = today;
-	
-	$("#jsperiode").on("change paste keyup", function(e)
-	{
-		if($(this).val() != undefined && $(this).val().trim() !== "")
-		{
-			try
-			{
-				let data = {periode: $(this).val()}
-				$("#grid").jqGrid('setGridParam', { datatype:'json', postData: data }).trigger("reloadGrid");
-			}
-			catch(e){console.log(e)}
-		}
-	});
+    $("#jsperiode").on("change paste keyup", function(e)
+    {
+        if($(this).val() != undefined && $(this).val().trim() !== "")
+        {
+            try
+            {
+                let data = {periode: $(this).val()}
+                $("#grid").jqGrid('setGridParam', { datatype:'json', postData: data }).trigger("reloadGrid");
+            }
+            catch(e){console.log(e)}
+        }
+    });
 });
diff --git a/pod/video/templates/videos/video_stats_view.html b/pod/video/templates/videos/video_stats_view.html
index 9c01a58253..e7c7171d76 100644
--- a/pod/video/templates/videos/video_stats_view.html
+++ b/pod/video/templates/videos/video_stats_view.html
@@ -8,27 +8,27 @@
 {% endblock opengraph %}
 {% block page_title %}{% trans "Video - Statistics views" %}{% endblock page_title %}
 {% block page_extra_head %}
-	<link type="text/css" rel="stylesheet" href="{% static 'css/jquery-ui.min.css' %}">
-	<link type="text/css" rel="stylesheet" href="{% static 'css/ui.jqgrid.min.css' %}"> 
-	<script type="text/javascript" src="{% static "js/jquery.jqgrid.min.js" %}" charset="utf-8"></script>
-    	<!-- https://free-jqgrid.github.io/getting-started/index.html -->
-	<script type="text/javascript" src="{% static "js/video_stats_view.js" %}" charset="utf-8"></script>
-	<link rel="stylesheet" href="{% static 'css/video_stats_view.css' %}">
+    <link type="text/css" rel="stylesheet" href="{% static 'css/jquery-ui.min.css' %}">
+    <link type="text/css" rel="stylesheet" href="{% static 'css/ui.jqgrid.min.css' %}">
+    <script src="{% static "js/jquery.jqgrid.min.js" %}" charset="utf-8"></script>
+        <!-- https://free-jqgrid.github.io/getting-started/index.html -->
+    <script src="{% static "js/video_stats_view.js" %}" charset="utf-8"></script>
+    <link rel="stylesheet" href="{% static 'css/video_stats_view.css' %}">
 {% endblock page_extra_head %}
 {% block content %}
 <div class="grid-container">
-	{% if form %}
-	{% include "videos/video-form.html" %}
-	{% else %}
-	<h1 class="title">{{ title }}</h1>
-	<div class="form-group row stat-form-group">
+    {% if form %}
+        {% include "videos/video-form.html" %}
+    {% else %}
+        <h1 class="title">{{ title }}</h1>
+        <div class="form-group row stat-form-group">
             <label for="jsperiode" class="col-2 col-form-label">{% trans "Change the date" %}</label>
-	    <div class="col-10 col-date">
-	        <input class="form-control" type="date" name="periode" id="jsperiode">
-	    </div>
-	</div>
-	<table id="grid"></table>
-	<div id="pager"></div>
-	{% endif %}
+            <div class="col-10 col-date">
+                <input class="form-control" type="date" name="periode" id="jsperiode">
+            </div>
+        </div>
+        <table id="grid"></table>
+        <div id="pager"></div>
+    {% endif %}
 </div>
 {% endblock content %}
diff --git a/pod/video/utils.py b/pod/video/utils.py
index 1c89835f8e..eafb01a530 100644
--- a/pod/video/utils.py
+++ b/pod/video/utils.py
@@ -54,7 +54,7 @@ def change_encoding_step(video_id, num_step, desc):
     encoding_step, created = EncodingStep.objects.get_or_create(
         video=Video.objects.get(id=video_id))
     encoding_step.num_step = num_step
-    encoding_step.desc_step = desc
+    encoding_step.desc_step = desc[:255]
     encoding_step.save()
     if DEBUG:
         print("step: %d - desc: %s" % (
@@ -197,6 +197,7 @@ def send_email_transcript(video_to_encode):
 
 
 def send_email_encoding(video_to_encode):
+    """Send an email on encoding completion."""
     if DEBUG:
         print("SEND EMAIL ON ENCODING COMPLETION")
     url_scheme = "https" if SECURE_SSL_REDIRECT else "http"

From e70d886f778a959988efdefaa88f41d1f317312c Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Tue, 19 Jan 2021 16:24:57 +0100
Subject: [PATCH 095/145] Add some missing pydocstyle comments + minor code
 formatting

---
 pod/custom/settings_local.py.example | 14 ++++++-------
 pod/video/encode.py                  | 30 +++++++++++++++++++++++-----
 pod/video/utils.py                   |  1 +
 3 files changed, 33 insertions(+), 12 deletions(-)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index f6c1892e96..1fd4c966a4 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -241,7 +241,7 @@ USER_CONTACT_EMAIL_CASE = []
 # Egalement les emails de fin d'encodage seront envoyés au(x) manageur(s) de l'établissement du propriétaire de la vidéo encodée,
 # en plus d'un email au propriétaire, en confirmation de la fin d'encodage de sa vidéo.
 """
-USE_ESTABLISHMENT_FIELD	= False
+USE_ESTABLISHMENT_FIELD = False
 
 """
 # Permet d'activer la possibilité de voir en details le nombre de visualisation d'une vidéo durant un jour donné ou mois,
@@ -334,7 +334,7 @@ LOGO_PLAYER = "img/logoPod.svg"
 """
 # Lien de destination du logo affiché sur le player
 """
-LINK_PLAYER	= ""
+LINK_PLAYER = ""
 
 """
 # Texte affiché dans le footer. Une ligne par entrée, accepte du code html.
@@ -557,14 +557,14 @@ VIDEOS_DIR = "videos"
 ENCODE_VIDEO = "start_encode"
 
 """
-# pourl'encodage distant, il faut préciser le login, l'host et la clé pour appeler cet encodage
+# pour l'encodage distant, il faut préciser le login, l'host et la clé pour appeler cet encodage
 # REMOTE ENCODING SETTINGS
 # SSH_REMOTE_USER = ""
 # SSH_REMOTE_HOST = "xxx.univ.fr"
 # SSH_REMOTE_KEY = "/home/pod/.ssh/id_rsa"
-# Remote command to launch, it will be call with this arguments : 
+# Remote command to launch, it will be call with this arguments :
 # -n encoding-<video_id> -i <video_src_file>  -v <video_id> -u <video_user_hash> -d <settings_debug>
-# SSH_REMOTE_CMD = "" 
+# SSH_REMOTE_CMD = ""
 """
 
 """
@@ -579,7 +579,7 @@ TRANSCRIPT_VIDEO = "start_transcript"
 # SSH_TRANSCRIPT_REMOTE_USER = "pod"
 # SSH_TRANSCRIPT_REMOTE_HOST = "xxx.univ.fr"
 # SSH_TRANSCRIPT_REMOTE_KEY = "/home/pod/.ssh/id_rsa"
-# Remote command to launch, it will be call with this arguments : 
+# Remote command to launch, it will be call with this arguments :
 # -n transcoding-<video_id> -i <video_src_file>  -v <video_id> -u <video_user_hash> -d <settings_debug>
 # SSH_TRANSCRIPT_REMOTE_CMD = ""
 """
@@ -816,7 +816,7 @@ AFFILIATION = (
 # Si un seul host : {'url': "ldap.univ.fr'', 'port': 389, 'use_ssl': False}
 # Si plusieurs : {'url': ("ldap.univ.fr'',"ldap2.univ.fr"), 'port': 389, 'use_ssl': False}
 """
-LDAP_SERVER	= {'url': '', 'port': 389, 'use_ssl': False}
+LDAP_SERVER = {'url': '', 'port': 389, 'use_ssl': False}
 
 """
 # Identifiant (DN) du compte pour se connecter au serveur LDAP
diff --git a/pod/video/encode.py b/pod/video/encode.py
index 528abb0260..04867b55f3 100755
--- a/pod/video/encode.py
+++ b/pod/video/encode.py
@@ -147,6 +147,7 @@
 
 
 def start_remote_encode(video_id):
+    """Start Remote encoding."""
     # load module here to prevent circular import
     from .remote_encode import remote_encode_video
     log.info("START ENCODE VIDEO ID %s" % video_id)
@@ -157,6 +158,7 @@ def start_remote_encode(video_id):
 
 
 def start_encode(video_id):
+    """Start local encoding."""
     if CELERY_TO_ENCODE:
         task_start_encode.delay(video_id)
     else:
@@ -374,6 +376,7 @@ def encode_video(video_id):
 
 
 def transcript_video(video_id):
+    """Transcript video audio to text."""
     video = Video.objects.get(id=video_id)
     if (TRANSCRIPT and video.transcript):
         start_transcript_video = getattr(transcript, TRANSCRIPT_VIDEO)
@@ -385,6 +388,7 @@ def transcript_video(video_id):
 
 
 def get_video_data(video_id, output_dir):
+    """Get video data from source file."""
     video_to_encode = Video.objects.get(id=video_id)
     msg = ""
     source = "%s" % video_to_encode.video.path
@@ -471,6 +475,7 @@ def get_video_data(video_id, output_dir):
 
 
 def get_video_command_mp4(video_id, video_data, output_dir):
+    """Get command line to encode to mp4."""
     in_height = video_data["in_height"]
     renditions = VideoRendition.objects.filter(encode_mp4=True)
     # the lower height in first
@@ -519,6 +524,7 @@ def get_video_command_mp4(video_id, video_data, output_dir):
 
 
 def encode_video_mp4(source, cmd, output_dir):
+    """Encode video to mp4."""
     msg = ""
     procs = []
     logfile = output_dir + "/encoding.log"
@@ -540,6 +546,7 @@ def encode_video_mp4(source, cmd, output_dir):
 
 
 def save_mp4_file(video_id, list_file, output_dir):
+    """Save mp4 file."""
     msg = ""
     video_to_encode = Video.objects.get(id=video_id)
     for file in list_file:
@@ -569,6 +576,7 @@ def save_mp4_file(video_id, list_file, output_dir):
 
 
 def encode_m4a(video_id, contain_audio, source, output_dir):
+    """Encode audio to m4a."""
     msg = ""
     if contain_audio:
         change_encoding_step(
@@ -588,7 +596,7 @@ def encode_m4a(video_id, contain_audio, source, output_dir):
 
 
 def encode_mp3(video_id, contain_audio, source, output_dir):
-    # encodage_audio_mp3 for all file !
+    """encode audio mp3 for all file !"""
     msg = ""
     if contain_audio:
         change_encoding_step(
@@ -607,6 +615,7 @@ def encode_mp3(video_id, contain_audio, source, output_dir):
 
 
 def encode_video_m4a(video_id, source, output_dir):
+    """Encode to m4a."""
     command = ENCODING_M4A % {
         'ffmpeg': FFMPEG,
         'source': source,
@@ -622,7 +631,7 @@ def encode_video_m4a(video_id, source, output_dir):
         command, shell=True, stdout=subprocess.PIPE,
         stderr=subprocess.STDOUT)
 
-    msg += "\n- End Encoding Mp4: %s" % time.ctime()
+    msg += "\n- End Encoding M4a: %s" % time.ctime()
 
     audiofilename = output_dir + "/audio_%s.m4a" % AUDIO_BITRATE
     video_to_encode = Video.objects.get(id=video_id)
@@ -649,6 +658,7 @@ def encode_video_m4a(video_id, source, output_dir):
 
 
 def encode_video_mp3(video_id, source, output_dir):
+    """Encode to mp3."""
     msg = "\nEncoding MP3: %s" % time.ctime()
     command = ENCODE_MP3_CMD % {
         'ffmpeg': FFMPEG,
@@ -697,6 +707,7 @@ def encode_video_mp3(video_id, source, output_dir):
 
 
 def get_video_command_playlist(video_id, video_data, output_dir):
+    """Get command line to encode video playlist."""
     in_height = video_data["in_height"]
     master_playlist = "#EXTM3U\n#EXT-X-VERSION:3\n"
     static_params = FFMPEG_STATIC_PARAMS % {
@@ -753,6 +764,7 @@ def get_video_command_playlist(video_id, video_data, output_dir):
 
 
 def encode_video_playlist(source, cmd, output_dir):
+    """Encode video playlist."""
     procs = []
     logfile = output_dir + "/encoding.log"
     open(logfile, "ab").write(b'\n\nffmpegvideoPlaylist:\n\n')
@@ -773,6 +785,7 @@ def encode_video_playlist(source, cmd, output_dir):
 
 
 def save_playlist_file(video_id, list_file, output_dir):
+    """Save playlist file."""
     msg = ""
     video_to_encode = Video.objects.get(id=video_id)
     for file in list_file:
@@ -809,6 +822,7 @@ def save_playlist_file(video_id, list_file, output_dir):
 
 
 def save_playlist_master(video_id, output_dir, master_playlist):
+    """Save playlist master (playlist.m3u8)."""
     msg = ""
     playlist_master_file = output_dir + "/playlist.m3u8"
     video_to_encode = Video.objects.get(id=video_id)
@@ -839,6 +853,7 @@ def save_playlist_master(video_id, output_dir, master_playlist):
 
 
 def remove_previous_overview(overviewfilename, overviewimagefilename):
+    """Remove previous overview."""
     if os.path.isfile(overviewimagefilename):
         os.remove(overviewimagefilename)
     if os.path.isfile(overviewfilename):
@@ -849,6 +864,7 @@ def create_overview_image(
     video_id, source, duration, nb_img, image_width, overviewimagefilename,
     overviewfilename
 ):
+    """Create image overview for video navigation."""
     msg = "\ncreate overview image file"
 
     for i in range(0, nb_img):
@@ -917,6 +933,7 @@ def create_overview_image(
 
 
 def create_overview_vtt(video_id, nb_img, image, duration, overviewfilename):
+    """Create overview webvtt file."""
     msg = "\ncreate overview vtt file"
     image_width = image["image_width"]
     image_height = image["image_height"]
@@ -958,6 +975,7 @@ def create_overview_vtt(video_id, nb_img, image, duration, overviewfilename):
 
 
 def save_overview_vtt(video_id, overviewfilename):
+    """Store vtt file in db with video model overview field."""
     msg = "\nstore vtt file in bdd with video model overview field"
     if check_file(overviewfilename):
         # save file in bdd
@@ -980,6 +998,7 @@ def save_overview_vtt(video_id, overviewfilename):
 
 
 def create_and_save_thumbnails(source, image_width, video_id):
+    """Create and save thumbnails."""
     msg = "\nCREATE AND SAVE THUMBNAILS: %s" % time.ctime()
     tempimgfile = tempfile.NamedTemporaryFile(
         dir=FILE_UPLOAD_TEMP_DIR, suffix='')
@@ -1052,6 +1071,7 @@ def create_and_save_thumbnails(source, image_width, video_id):
 
 
 def remove_old_data(video_id):
+    """Remove old data."""
     video_to_encode = Video.objects.get(id=video_id)
     video_to_encode.thumbnail = None
     if video_to_encode.overview:
@@ -1074,8 +1094,8 @@ def remove_old_data(video_id):
 
 
 def remove_previous_encoding_video(video_to_encode):
+    """Remove previously encoded video."""
     msg = "\n"
-    # Remove previous encoding Video
     previous_encoding_video = EncodingVideo.objects.filter(
         video=video_to_encode)
     if len(previous_encoding_video) > 0:
@@ -1089,8 +1109,8 @@ def remove_previous_encoding_video(video_to_encode):
 
 
 def remove_previous_encoding_audio(video_to_encode):
+    """Remove previously encoded audio."""
     msg = "\n"
-    # Remove previous encoding Audio
     previous_encoding_audio = EncodingAudio.objects.filter(
         video=video_to_encode)
     if len(previous_encoding_audio) > 0:
@@ -1104,8 +1124,8 @@ def remove_previous_encoding_audio(video_to_encode):
 
 
 def remove_previous_encoding_playlist(video_to_encode):
+    """Remove previously encoded playlist."""
     msg = "\n"
-    # Remove previous encoding Playlist
     previous_playlist = PlaylistVideo.objects.filter(video=video_to_encode)
     if len(previous_playlist) > 0:
         msg += "DELETE PREVIOUS PLAYLIST M3U8"
diff --git a/pod/video/utils.py b/pod/video/utils.py
index eafb01a530..b013e824e7 100644
--- a/pod/video/utils.py
+++ b/pod/video/utils.py
@@ -51,6 +51,7 @@
 
 
 def change_encoding_step(video_id, num_step, desc):
+    """Change encoding step."""
     encoding_step, created = EncodingStep.objects.get_or_create(
         video=Video.objects.get(id=video_id))
     encoding_step.num_step = num_step

From 05300199f94c13de9e512e77c44ff7c19caabc78 Mon Sep 17 00:00:00 2001
From: Joshua Baubry <joshua.baubry@gmail.com>
Date: Wed, 20 Jan 2021 13:27:46 +0100
Subject: [PATCH 096/145] remove debug print

---
 pod/completion/views.py | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pod/completion/views.py b/pod/completion/views.py
index ed7edea799..8d6f688f05 100644
--- a/pod/completion/views.py
+++ b/pod/completion/views.py
@@ -37,7 +37,6 @@ def video_caption_maker(request, slug):
 
     video_folder, created = UserFolder.objects.get_or_create(
         name=video.slug, owner=request.user)
-    print(video_folder)
     request.session['current_session_folder'] = video.slug
     action = None
     if request.user != video.owner and not (

From 49a304c017c60cb306276fb59b91b30775b21cb1 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 21 Jan 2021 10:41:00 +0100
Subject: [PATCH 097/145] change call def of index and delete if ES version
 equal to 7

---
 pod/video_search/utils.py | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/pod/video_search/utils.py b/pod/video_search/utils.py
index f2a40903c2..1891096b86 100644
--- a/pod/video_search/utils.py
+++ b/pod/video_search/utils.py
@@ -26,10 +26,16 @@ def index_es(video):
         try:
             data = video.get_json_to_index()
             if data != '{}':
-                res = es.index(index=ES_INDEX,
-                               doc_type='pod', id=video.id,
-                               body=data, refresh=True)
+                if ES_VERSION == 7:
+                    res = es.index(index=ES_INDEX,
+                                   id=video.id,
+                                   body=data, refresh=True)
+                else:
+                    res = es.index(index=ES_INDEX,
+                                   id=video.id, doc_type='pod',
+                                   body=data, refresh=True)
                 if DEBUG:
+                    print(res)
                     logger.info(res)
                 return res
         except TransportError as e:
@@ -43,9 +49,14 @@ def delete_es(video):
                        retry_on_timeout=True)
     if es.ping():
         try:
-            delete = es.delete(
-                index=ES_INDEX, doc_type='pod',
-                id=video.id, refresh=True, ignore=[400, 404])
+            if ES_VERSION == 7:
+                delete = es.delete(
+                    index=ES_INDEX, id=video.id,
+                    refresh=True, ignore=[400, 404])
+            else:
+                delete = es.delete(
+                    index=ES_INDEX, doc_type='pod',
+                    id=video.id, refresh=True, ignore=[400, 404])
             if DEBUG:
                 logger.info(delete)
             return delete
@@ -57,9 +68,9 @@ def delete_es(video):
 def create_index_es():
     es = Elasticsearch(ES_URL, timeout=ES_TIMEOUT, max_retries=ES_MAX_RETRIES,
                        retry_on_timeout=True)
-    if ES_VERSION == 7 :
+    if ES_VERSION == 7:
         template_file = "pod/video_search/search_template7.json"
-    else :
+    else:
         template_file = "pod/video_search/search_template.json"
     json_data = open(template_file)
     es_template = json.load(json_data)

From 5f00c541136bf7999cea8a6842c7f534bb091eef Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Thu, 21 Jan 2021 11:07:47 +0100
Subject: [PATCH 098/145] [minor] pydocstyle on import_data

---
 pod/video/management/commands/import_data.py | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pod/video/management/commands/import_data.py b/pod/video/management/commands/import_data.py
index d368029c01..ec057bd4fc 100755
--- a/pod/video/management/commands/import_data.py
+++ b/pod/video/management/commands/import_data.py
@@ -43,7 +43,9 @@
 
 class Command(BaseCommand):
     """Main command class.
-     To be called by a 'python manage.py import_data $type'."""
+
+    To be called by a 'python manage.py import_data $type'.
+    """
 
     args = 'Channel Theme Type User Discipline Pod tags Chapter Contributor...'
     help = 'Import from V1'
@@ -59,6 +61,7 @@ def handle(self, *args, **options):
         """Handle the command call."""
         # Activate a fixed locale fr
         translation.activate('fr')
+
         if options['import'] and options['import'] in self.valid_args:
             type_to_import = options['import']
             filepath = os.path.join(BASE_DIR, '../../import/',

From 86050a79fe2e38bcb0665cc3521ae0f7e42e3370 Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Thu, 21 Jan 2021 12:14:23 +0100
Subject: [PATCH 099/145] Update i18n .po files

---
 pod/completion/static/js/caption_maker.js   |  22 +-
 pod/completion/static/js/completion.js      |   8 +-
 pod/locale/fr/LC_MESSAGES/django.mo         | Bin 94952 -> 96942 bytes
 pod/locale/fr/LC_MESSAGES/django.po         | 560 ++++++++++++--------
 pod/locale/fr/LC_MESSAGES/djangojs.mo       | Bin 9545 -> 9768 bytes
 pod/locale/fr/LC_MESSAGES/djangojs.po       |  97 ++--
 pod/locale/nl/LC_MESSAGES/django.po         | 482 +++++++++++------
 pod/main/static/js/main.js                  |   2 +-
 pod/podfile/static/podfile/js/filewidget.js |  18 +-
 9 files changed, 730 insertions(+), 459 deletions(-)

diff --git a/pod/completion/static/js/caption_maker.js b/pod/completion/static/js/caption_maker.js
index 0cd9ab573d..255df5ff38 100644
--- a/pod/completion/static/js/caption_maker.js
+++ b/pod/completion/static/js/caption_maker.js
@@ -4,14 +4,14 @@ const caption_memories = {
 const file_prefix = window.location.pathname.match(/[\d\w\-]+\/$/)[0].replace("/", "");
 
 $(document).on('click', 'a.file-name, a.file-image', function() {
-    let url = '/podfile/get_file/file/'; 
+    let url = '/podfile/get_file/file/';
     let data_form = $("#captionmaker_form" ).serializeArray();
     send_form_data(url, data_form, "ProcessProxyVttResponse");
 })
 
 // Charge caption/subtitle file if exists
 $(document).ready(function(){
-    
+
     let url_search = new URLSearchParams(window.location.search);
     if(url_search.has('src') && !isNaN(url_search.get('src')))
     {
@@ -64,17 +64,17 @@ var send_form_save_captions = function(name) {
         alert("Not a valid time track file.");
         return;
     }
-    let n = name 
+    let n = name
     let f = new File([vttContent], n + '.vtt', {type: 'text/vtt'});
     let data_form = new FormData($('#form_save_captions')[0]);
     data_form.append('folder', current_folder);
     data_form.append('file', f);
     $.ajax({
-        url: $("#form_save_captions").attr("action"), 
+        url: $("#form_save_captions").attr("action"),
         type: 'POST',
         data: data_form,
         processData: false,
-        contentType: false                    
+        contentType: false
     }).done(function(data){
         $(data).find('#base-message-alert').appendTo(document.body);
     }).fail(function($xhr){
@@ -110,7 +110,7 @@ $('#podvideoplayer').on('error', function(event) {
 
 $('#clearAllCaptions').on('click', function (e) {
     e.preventDefault();
-    var deleteConfirm = confirm(gettext("Are you sure you want to delete all caption ?"));
+    var deleteConfirm = confirm(gettext("Are you sure you want to delete all caption?"));
     if (deleteConfirm){
         captionsArray.length = 0;
         autoPauseAtTime = -1;
@@ -252,7 +252,7 @@ function SaveCurrentCaption() {
         var ci = FindCaptionIndex(playTime - 1);
         if (ci != -1) {
             UpdateCaption(ci, new_entry);
-        } 
+        }
     } else {
         AddCaption(captionsEndTime, playTime, new_entry);
     }
@@ -318,7 +318,7 @@ function hmsToSecondsOnly(str){
 	m *= 60;
     }
     return s;
-}	
+}
 
 // parses webvtt time string format into floating point seconds
 function ParseTime(sTime) {
@@ -354,7 +354,7 @@ function FindCaptionIndex(seconds) {
     while (below < i && i < above) {
         if (captionsArray[i].start <= seconds && seconds < captionsArray[i].end)
             return i;
-        
+
         if (seconds < captionsArray[i].start) {
             above = i;
         } else {
@@ -383,8 +383,8 @@ function playSelectedCaption(timeline) {
 /**
  * Escape Html entities
  */
-function XMLEncode(s) {     
-    return s.replace(/\&/g, '&amp;').replace(/“/g, '&quot;').replace(/”/g,'&quot;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;'); 
+function XMLEncode(s) {
+    return s.replace(/\&/g, '&amp;').replace(/“/g, '&quot;').replace(/”/g,'&quot;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
 }
 
 function XMLDecode(s) {
diff --git a/pod/completion/static/js/completion.js b/pod/completion/static/js/completion.js
index 343fcd4172..2606c8fd30 100644
--- a/pod/completion/static/js/completion.js
+++ b/pod/completion/static/js/completion.js
@@ -142,13 +142,13 @@ var sendandgetform = function(elt, action, name, form, list) {
 	if (action == 'delete') {
 		var deleteConfirm = '';
 		if (name == 'track') {
-			deleteConfirm = confirm(gettext('Are you sure you want to delete this file ?'));
+			deleteConfirm = confirm(gettext('Are you sure you want to delete this file?'));
 		} else if (name == 'contributor') {
-			deleteConfirm = confirm(gettext('Are you sure you want to delete this contributor ?'));
+			deleteConfirm = confirm(gettext('Are you sure you want to delete this contributor?'));
 		} else if (name == 'document') {
-			deleteConfirm = confirm(gettext('Are you sure you want to delete this document ?'));
+			deleteConfirm = confirm(gettext('Are you sure you want to delete this document?'));
 		} else if (name == 'overlay') {
-			deleteConfirm = confirm(gettext('Are you sure you want to delete this overlay ?'));
+			deleteConfirm = confirm(gettext('Are you sure you want to delete this overlay?'));
 		}
 		if (deleteConfirm) {
 			var id = $(elt).find('input[name=id]').val();
diff --git a/pod/locale/fr/LC_MESSAGES/django.mo b/pod/locale/fr/LC_MESSAGES/django.mo
index 08046dfe199d14d0029ed47fb973f10b95847c74..79e5227c503f140fc187ecdd54f479055c8fdabc 100755
GIT binary patch
delta 25706
zcma*v2Yim#|Nrsp&LDyidjvPJN2G}vdv9WI5)p(*$gtYFDOID@YN%RORkKyvSXHZ3
z)u<|J7u6aqwQ5vRzt{UdC*Pmn@BeuG9{=mn%k!MiIoG+)b;fny3E%JaEB>E7@b_HE
z=Qq#c80zOZA=oX{ajyA0&YLY2b)1R=9A_$4!aVpHR>YlH7O!C~%r($)BCr`MJ_f^a
zk<A~*BINJl0t}3CoPv(yaXu!IN?;q-z_3`yiNiQ7h5J!AxQ02f<RHiCj}<W=PQwzo
z0E2N0(y(&?3*bc?zmKY)jmFDhQOv{ro%-H{<FrRz&<}IsXv~GLVqTnyLAVHu<60a4
z76ZtiLUr&G=Epx!9r_n_<Gh0%rx1ps+Ka+K?(eiCksEuUZZOzZNJT&LQ&A1iK$T~p
zZuk*u$Ui~d=mP2i?w~s0AMZHXu_%UOX>5iqFdNQ5j~af5gc@9kO>w!+U&RLGZ`*ve
zA*=)PwJ-`}tc$Q6`IFch%M5j#+BgE${&G~u*P%vsyUl+$l<`-=DFW)iRlJ9{F&kbU
zW-j<0HRKOa9SBY^PgoEA$ag|Lc{ePK38<l-j79N%)Chfnnu>2wQ*bJQ@y|};I)TP`
z2X*6@hC2@bId%9$6_=yxZA2}e?WlSeZTu?IH|G`xV$Tt#d=To16Hsd@9Ru(+%z?8!
zHZc!%gQch*ud?y4Q8zk-YTy{E-bK`nuAv&dhZ@NzSP}yh&5bLeuB(aKzD-eUqYJ7X
z&kz!7Ajt;CqK3+YT9k8a`BJP&el?cG3s?_*M>>uh8({^E!A3Y8o8WiY5CfCU4cnmV
zb;j4V|HqREBJdnF)IrH+XiA|fR>Jza0R3?`=ES+EC-@MH;cC?Ndr=Q`0;}N9s5#Fu
z%9MwoMy?uW*Z!|VLJc-Xb)-G!!oHXrhoPQy4C)Q`1?mQeP>bvYYRYb)>ids2Ya~DF
zMzv7&o1h+`Eow@m(NFuoCka*Thk0-)2IE*%gEOr2QBSf0waT}mI(!tpi_zw<VjbcS
zP-`J9#mspJ)b+8bj;EnVugX~@D&aEBhlem2FJNB0V|DSKRy-e;#<Hlz)DpEl``G*#
zR68?KBfA9MxCZrr2T>1vHkI*Lg)0O!<aaR=|3%GxM4IDN#y+SQ%Il~O??83rI7Z_Y
zoQt*6&DuGH8uFj8GhVRq@G+)53RT{G4CAk!cCZC8s5u&LD~z)7@ismM^}?Bf8kyOs
zPtB#M4sEybBi4)7J6M2n*H|-Rg;4p*9uk`4MyLimpk6QoP;)yOHDvGD{D)YL{CW(>
zpD{lMjWZo7gKD@DszcqZLr@Pk4mHvfZQe7Bgr;B)7QrQ`1~#J_IArrbqdsQup*oaz
zyctS2s>7909qxcC?}ut95p~1Ks0W>GU5tDfd7QN*bm1-QGgJe)Ch&5>5Y$|`QH!(^
zmcy<#J|6W#dJXkHSY_kuQHyLV7Q($)7|){ach8$={#`GdHBb~a5>-(hsDnkYwJndu
z7Ua`V@9u4=C;A4}!DFcF&tXrzX7i0+G3D)0Q_u}Hg?-Sw|EDWK;4M^--$mVE396^7
zQ2To`YAAQ0p7fyg7&az<78_ylSJ~s(7d0|FP#wFBYUh^q0eaNXQxdwN-$e73D+u*u
zVW>4wAN7PCtvyi<#n|$p*74R^s3%>5y76*U{q?B(ZAP`Xb0YJvC)`g!9~LJu3X3o;
zYM?8sVsBIj2cbqN5!K*Wtbh|y^;e>%?o;$`M^wEdco%=dd@k-c$t=#ZlL-{1;PzzG
zK#tdVDUi>Dnv!m)8}~-_JPv(u1Qy36RQXI){kf>cwg9zwH(+hth@J2zw#52V9OpDn
z@sMC4I{l{d-p5ne85_NB-r;jl<p)vaEv7k6FI<Ou;%sl2C(MO<^8Bc67m7`>4zi(~
zmvI$7z%ICCx*18&9THkpPf!g8%rHY5geAz=Ld{_})b@!%?TT^MIj9%VTGWv5MAbiP
zJ&&cxUq{som}y2V1hZ@ZmnWechoR=W25JZ!U~}w-RCE^D@@3YwHlAtoU!msu8`RJr
zLUr^9)YM!@jm)2@_Ize(#F+m;61uP$s-QHgBbBTXs6|>2b7EUmLp@L(AAx%E(WrK&
zU>Tf=YHuB?y-lbQ+-c({(YyaIkO-mRSJY>K^QO5$Fe+aj%VBLSjr~y#c~BjjZ(WIj
z<Tqhi+>O=o3Th+^zGZ$6=!5F`MD(cPsU+0XwWx-_z}$Ec^+cyptNkLX-V@Z2`pz~t
z3_#`cV{R;hL0BI3=~@#t0<BRu?u<FG=WNDb4aO1(!UW8T<4_Gv#a#F<Zo{Rh5$W@`
z9eULDqft{Z9#wx9mc;jM`4-g3?6TztQ5`z<wq6J%E)md;|3W?Sb5swry<^OaT1>@I
z^&+i}Pz|+1-Jlz)0|QalC!$7X4C?xqQ6n%Hb)SVE5?ZaxP>X5>>cVa4gWsT@Y(J`j
zGd6z@^N{zOV;-OY29d9Tx?wF;hw7o)YiZ-rs44D_>ZoTV2@UlGR0GpdJ)DnP#Y=2_
zH|mBzU@%@p4gFoLf{(E}mV4LO9W@27+x*9<ZG8gs;tk|J9_J|uy%>Bl%#917Du$ps
z6lraW8lldp8xO&en1p)L^Qft~X1!y5jCvrSx#sr^0jQyGfZeqJo0HIu7NDMNwasrs
zJ@Ell!)H+2^fId6b5z5@^UO#UMs3e1RCzyCN0ZRI22kz1j2eNd7|i{hc_cJPtFRh=
zj!AeCXJN<pc$wf?Yy5okE%**<q_VwlUa=+6O}+s};s8{K-^CiZ9&6%nsO?;A0pnkU
zL@g2puoEgj7^~u|Hon%n3&V(?z=G(z&|Fs()o>W9ql2*{-bPJP!$oF|e2V%^IgPr{
z!$pk0dYEUid6KHwj(jsz{B6{t`V=)X=dn8mF5!a+W3Uo_jf3z8=EII3m~9%1Mahpu
z&G{SF*{C%$?*qnPbMhep^=J*2#Xaa<OsEU*U~YVbnkxUL#yqIiUldiZ1!`p4V|g5e
zwQ&ZjBVVJ|#5vT|{pzuSe^86i=R<SjU~4hVPdpS=UK>kbOVsupjOx%E);Xwpi%{3C
zwfUW>2mBt@k*lc1?QxcwC(DZ(l9H$fDxrE>2Q?CnZN3faNjqas?1id781+I)MXl~h
zsHvEPy3xm|k==;8{tVJVk8_EHZgd~Z;ZxMym-)yv)Ckq{Xw;A;ptjc})D7N6bzlXm
zqZ?7%Z3h;^JvRO`>ONOd9k}Jy!&f3(;VJ4u|K(=r0#S2b5_Q9>sG)0!>QFD#6OYC+
zI1x4E%TU*CvgLbi{wQjMFQ7W`I|gxo=MD*Nzvrk63w&%=dl{@uJ{mQIFJnWTh0XCG
zw!%Cs*uvNoo8fG%kH>Je%2%59wpy<u8_6lKit+a&@i_^t+RfMt4`X&L$JH9zYFHfW
zqlUZ}s(b``=NtpbPr^<(1O4%gjbB8K;C0mX|Df8<y@vT$#gH{-2+Lp$`4*@rUTNKo
zrO1DaYTznrkv+yx3|wmr!$|U7@Fkpvfw&bl<a<#!K8QK+%v#1@Px7m+aKjedLygQ+
zR7YH&m<EDT+ph>}E!0AdTr_G;3_&eYkBz^FT7;jXI=UZqzZ<9r|4S8>c#MJg94lbp
zrwk`XU>s(m$_uYEFP1XaHkgz6DAb6&f_l=oQ1$1cZnzY4<0@2#HepTl93@eYM7GaN
zLrqZ^bVLnN5A2RHsMWpMmLEi|`eQc#05xLIP!Hs@-WY&tC&=cDSW6-u^*Cio=)x*E
z1H-WzZbS9-I`%-{4d%Vj2dj`Di<*k%sKxm;CgIQ68{2<wUN|dJQ*{WR;1#TdzkH$J
zpfLYAGtJ!9N4<EuqqbQJYAQaro<ViUwb9fMLFH@WOBikQuc6vmg6iNln?H@^$Ui_m
zQ1MOVwf|E{#NhiFfse5jR^4p2RT@T-e-)eKR_ub$un|UYG4F|YP$Tgbs$-{6H@s)d
zi)=L?>&>tR@log*PGSWK%~{?r&3-O~T126!MN}EvVolU4o`mY)$JiQgVzkP)nZKHu
zhJDEYhI*hzUzzWMDfl}1IjAWtyq)ncMxxnvGe-kZHyDRuxERagA=DG!K|UUwW;^&r
z6JEil7`fBDAI6}Y{Cij(x8Tco4Vz)yE;Ev=P>b^NF2+AMiJJuUr2n8+zyEGC^tmyT
zd?C~YZBZlD4Ylq1U|}4BwQ(ZW!p*3u`V+swh_B7|e1y6_V2?4#LqbDc0M&uwm><id
z7GIPtA7o8Hb#Rn*9Qu-<gynH6`r#+28*Q*|#ysS=qv{_<?K00%66*QCSQKmRH64mZ
zJ#kMA##q!7r(!PjU|xI^Rc{IE#;Y(CKSf=46n$L`HC85nmEq9T2JiEJTlP4ONu&}O
zglga<s^N1Ogf~$aK0)26{I_O^!?6_kp%{Q~U_N{Y>*I3t$4giVuiAXx{U%-ri)sId
z*g$P8Ld6ECDd>TEg5ju+yn-6SSvJ223zA=pg>bixpF*vvtEl?-t$yE`2P=T8Uk-C~
zf2TeP-JmV%iF#ud9FOYx3e1K-pho5-YOP$e-a}2zGh3eHfN8H7>bgqU0K>5%CSi75
zhu+`+Z6XmsU<YanzC{h)AuNDDq8hr2S}T8|>X$oc8VW<zuZ1J9zRj<;eulopH==I5
z71iGEgN*+~68i~M#g>Q6s!T=QXc@kOXHfgN$6<b#hsW?Om49zWs5-&2<a?u@a3bc!
z9oPX6U?>*;!Mup-p+>sT4~%~m5)*8}N-Rx&pUq#x5c1iMns<39>PAg$ehBIXHWgKG
zDVD_TSRBuxJ_8<M9W3~xxp7BSd6I{O8k~u0Xg#W-gBXt2Fbs<vGb7UqHB#wV0YAb@
zco6kYzmEg3(sA=uZaS*HUvM@4i`8+}38Uu}i3kGOe=@5w3i&v2I^%E*JZU~e(or2;
zglcdzYG{vRTP%Ibter#*BtIIpCSJiD_!<V|o2WJR0kQ@>&T<lJcr9v3_MwLC7t{sM
zF*gREHkLvyo@%H$u3>GAxyZLiAMA~)*AKN=<1h#lQH$_p4AlOgLP9s1?F~52hp2`>
zL9PBRsD=*P_;FN&7p>Q=cTx5JK|Q(ajH#F1nithxQPc>9DbD?!x+K)2rl_H5s{-s~
z?S*PE7S*w#sD@He^`~PVe9PvSpz42Q^Q%$quS0cklZ|gj@BaVV796kzN3jSMe?kq}
zEmQ-~P!0Q^H66@}3FHf)MsOl(uHQjD;X>;Q>jqRiU!fjw?^(uQ4IU<-Cpl(4Wj&9Y
z`(IE`eA~wT&Y1>sphhGgs^OBT_R8CQRcj3_PQ1Rg7pkLa=NNxoIFW#QJPq}xnuF@l
zJXC`VQQPrDTmB>J34TH~bOBZGy3OB0jmY1qArCxn^1-P4gre>n<{_a9wQwFbz=C)j
z%kr`LJI*B^bivH=a;!)`6U*ayY=OQP%~!HEsQ4VLi(9c0-otVja>?AMDV8GdIZa|Z
ziNCQuPX2{0f=5tq!g`lYyg%wm*J3B!h=tJaSMzEuj>XA0LN(kM-S{$=!NsT!?7}*D
z1&eC`m;B9KSO>N5yJ0>|vA%B0-^XIaH)3V{0agDW)EX#q#Vppc=q4YDs^1M&FWKhb
zvaUw&{@+VNi|hz$8=XhZ-A(kve^GPod)3s-g~}Jh1{jLkC9zl-M`3=PjvBGWSPxfX
z54?>2Soa#`9ukd6sKGYa7`vzdGf-2q#Fqbon#;eiDVDfye$5tx@#NRz7%ccZuWx)4
z)y@S}2d`sZd}Q+he=z<E6egh_SH$ctwh3k<-~5Idk#?xhh`y*No{ib@Fsj}O)SREg
zD)<ET{-|)%d>S@JwLcKGrczNOHSZ?#uZGqUP{W&04gQ6r@E=qMNBn6<=oPF){&iHn
z^{DGNqjt|u)RT6*Wy<3)2l?R`h-o(OvH2Od7=JY|mw*~vj5%?+t*{<dz75sT9-BXm
zs&@j_@Fi47Z(uomidw{FZkx4K6BTcTT8tx6?auO$(A;NO7o&!11?IsoQ8zw-VR#(1
zuYK+?O;{hpalCacb|Zfdhhz9%^YOe0b;GMz6K~-h^pw44dbAls2%NxNco%Enzt|ol
z|1u*q3H8Kpphn<btbiY2Fn)`={xnA671XQSec!B!nixdBBhn#{)1QPch{xQRVx5F}
z$<M|XxD>U>uAo2qKQN0cCzd5&8MWv-p+;&LYUJjlrgj->q*vSg=jg}%ovkF)fgPw-
zc@WjmWh{VCups7rXnsN}kIFa3{MZA%iwt#L8urJxP;-6*)o$=3b6q9m&F3`2V%*>9
zO(GoA6u=dzso0IW!Ozyas1Eu6ZMI`E)MDy@C2<7mx|yi!R-vZoE7ZvCx8>JRQ|R}Y
z@mGaBBs3?*u?AMgiZ~E8x6?5KH=v&USL<UOOg_&){JT(0Lk)506Ju43Azu@9pZ8EB
z^$}{SKYhaZ7bdZdfELd&Tj4j<oZYhd2dExDN3G((r)GQQ!%*_&P#tSy;{#D6kb;G9
z8tOhvun2Cl`6Evme{Hj?w%{Q~lF#$Zbf_8TBj4TThha_f6R<gMu;mX>pK<~Jnh&!o
zs0V6g?Ts3l5vcp6p+;h=hlFl08}%g1uqf_B_532L;fJU-QuMi5BW+O)#G|Gt88wCT
zQBS@S)q!oOkvWWN?=or)J;qMx336QCzyMUwQf+<;`jUSiHFt}#4z9-f_=_zs>2i5j
zc^TByw6;d0I@AkG;ZStr8>k0fjm5S9zapW1ehSrr>!>IA8?}9M`MA8hA_Dau=zx0i
z4Adf8f*RUSP}_JTrs3D9C$GhCA5_0R>b=ne^<wJh&3hO!66*O9>k8D+twVKW7iuvc
zM-AOsRQ=o5N7$bHbL@ca{aoIEvat{~r3L-Xb#+ngbVPNiyYk%M8Aw7yJOs;Q3Ti|a
zpq^kY>IrwFE<9lK$5CtLJci&y)cYfUHkbE{OBiZIB2gV~Y;BEdFB-j{|Gi0cAut^E
z1Upbem6I<6x?wP?=fzPCm9bVvt%(SmAAuUVR4j?Fqi*yuhV#8*9me5>0GD@BHw|=o
zyk8pQ1I-O5V@ED{19hX5s0J>eI&uwt@Gh3X`!=30r@1}^b>lLq#oGkyVhdEe9&Ck2
zkpG-QxjZgs8G$mn&7%1R2a>NFWLEhCoKOBFj>e=sF7J=mmrx_rD6bir7O3sj9`&M$
zL*4LYT#5(r1P%{&IsLE^{|d>wt2`t$N2{%yumbr#s3-gbRWTsHd9ngnihLxpeVneS
zMVgEn`YEXT^Q_BIYib>q#uKQKe25xhk5j+|0#N%kA8OT>Mm<3bRK>ZdsaR}XVdI~n
z8r+OpBfC-Gn)jpk#e*8D%c$LR9o615WV`e8UqKTnh^klu)lewvhLuqri$uLRnxgi7
zcU1j2)NV;YT{i*C;bhc}R-ryS)}waEHXHv5y`TR-lh7B4%c!BuUdYU0any%JB))|0
ztrJn(ZUbt_4_eQoM&cG~4gHNnu~%W2GY)rSH>_L4bZj=(_7HfFgnD=cHAiPqi|7fe
z!Td#C-mldqP-~?P>PdT`=DI&>q!LgaN<j_vRMZqKu;uGf*KI|$y9>QP{~sWsia(-;
z`WmXChp3?qDCTlbVo}rx-9Zh#Uvcv!fvAS_p>{!0tc>Bdyf13R;!y3rit6y&#o7OQ
z()S7INjBJm?WnoihidqH)ZCpwjlgZ|Q)`Y86EB2%kWf^6by4qu7O0N3L3KO^H3CCI
z*#ElGC<1zMj6*H1`KSw5pgOn)wH?1kH(o@&a-9;U;S$yws2j9Hb+j{TY6qZpMFMJf
zC80X>u7`wryvDi<)xb{}hUZXI5?Im<T~Sp1DyWV(L4BIF!Nxcho8msKgaM^oP7{p4
z3YdnPg2kx&cs?VcIo)Uj-=VhI5!4g>f*O%qHvZJ+^SE8!A0SGgI=J4t6E(Eo+x#ii
z^;fYc-na4grCm;n_J3az>d_I@cDsa{>&K{$6ewdlQUUcuHBcQMfO>)ytcv5X8m>Tf
z=(sJvj2fxysKtB-HI=SVO*#9o6bW^pA=bobOv7oo9G_U1^81(%$Turz8n}#FGfsK)
ziY<leU`uR>qfpy<J$A+)QBxCI!MwtUU<vL2X(Y5gKDGrrF@pRB)Zz=SXv!<08g6Fu
zuc1b4G1kUS_&NTG8tSE$T;5;DKf*}zag|L+=c5+yPV`hEan1&^SMkn?Qx?_p`KX4!
zMD6FhsD?wT@;Q!aSRPMfDn3Uo&eUpV)z3gp$z0Sn-h<lr2T*I|ST**)0_O>6POe~e
z^bIqMCKA1?95qF4P#x}z+CFb!9sB@wgHxy{yMXH06Rd}2s+&*C0jTySU}1c%y2k_-
z5-3C9Bh;$jXFZ0Rnv19l9;5beaJcD6P1Nd+MJ>8y)Cf#OT{joCm_NgccmTCV?x8-u
zLp(2;hU=id{YImnEC$t)v8WqNMfLn$>q6A-_z1NdHlar70ICD$Q0?4BwHpv&7IzU;
zI~`FY?&(27bCG5%Ohh;Nji?*^gc{Q8SPuOo%{Honiq}VVv^VONI|RMk65Zs-p>DXq
z#+RX{YL(IBd`3cRU=yl=ov5Kch#I2Hs8#+iYKjWiFgK1uJ$X;mkd8pj`8?E<Z%4Iv
z9KBPBdZ5RsS8}eJni}?BVG_Dw1nNd@QQIsI^*;E>mY>E><nLe$Y+TE1uW8td{5@1W
zs<zAfZ@eerG4lJd2`;ST^8VfMdE7}pe_cjK`~MgTEt0dSZS?>(guSE8&<;e+RU+zh
zeI{y1m!jr&6>0>x-~ilh^QG#U>noy0swV0|+n`1w7CpLA8VT+137CW{P(xp!zM1QA
ztVO;FmcwzV4t-$r+p#hE%h(!28<>$uL=E*9s5#$(dVp_GYwk<~_P?IwR|0y18`k@%
zxqF6sXXj{W%8Q|1D50nqRA(%Ssi+5d7qtd<pc{X)<^GLK$IGJb(-zf%u8r9L>REpR
z+P{Ob5vJlQ%tU<_^lfbF9Yr_!Q&<uIMh$K0Cg#a%qS|YV8sg5V5gv?Ml*3VLY%*$X
zE%cD+Na84}1ErdpCl5pQFbXGPbJUIYqMqOsY9ub9Mlh(E8R|l)_eE(`N2;UV3$;)k
zX>ILj%RSvl=$lDjT#PZOp?roK+KSCx-oFoMg^F*)NW6%eg8VJa8?h#)knfEH@i6LR
zxoS)EY1do2_(dhwAikiL_toujj*uutAbV@`4W$CMC*KJ*#EVg{+<mA;`8#Uy`L{70
z3`KndYHIVZViod>QSXKCP>c2+zJx{Ey1c(FZ;PSY{~Jimrr-o>@x-+=`*$X4D1XGd
zco8G8XnV68+N1JQP;<E%)v=qXClBmkURbqJ57GxUa#K+4ZNVh&@7yJ!xr*s%Za5S*
zr|GC&@GADi8CU^-!5)~Sllg%n24l!?!l76w+C1SzY)Jk$)QE(3c6t95Oed^OJ_9{^
zH69|Nxx9i}RN1?jxvq)2VGL?cr{h+<j<L9`tIPZQKi_Vq{xGaVJi~ezXOZ{sZaOvx
z+mU~aTEs1Su>ZA9I`%NDJ=Qt`RUsYK;6&7mWD9B)??LUB?@$kL3Y*|vYh+I|Lh1NB
z@x!PG+}z7tf7*JXm&XkKZv=FM8>mJ05W_HEZ!;B5P*c<fwOgW5+p|0R;y?_?I9om!
zHH8aM9bSfdk*z}2--@cg-9w@Si9b<`r(Pd(qu!_+#Gqc8!%_R#gL>jQs3-aawMf55
zb?hA0$4jWsh7x^U4%6>c!)D|s_A|R>4{A+#o{`v1qEdge*#1Dhp&p_>Eb<I+dH;UD
z0_qKxg8CLa1GQTYqdN8%>f_mepvxJ86;a;{-p1Cr7&U@dtT&MlJ&*I34FtuQ1`DFL
zPkq#rCZL9H3hG94QBSrK-MASw5~oma$j7L9xns>Yp;D-LP4s^Hp+-8^8)yG{NN9*N
zP^*76>V<L=^{E#;$joJHRJ~}_T8T$3!cnLv^`JWTrj0K~)%yhX#@meAb~jLqJ~WPY
zwf}38&}wgpn!{G8MbjSjU9Jmi=!Rh<Oh(mTZ{3PoY+vJ8Jb=2s$zWqE)S~Nvs@ECS
zUT^ex-}xl8&!1skEEjLK(?CokzYG^*p&{nCSf67C`DsJV2o)P<zP5M9R>UWxM(O}|
z#S0jT5eep1J_Pk@o|(Y@*EZNlpgdkdt;$@(O@no?BKcuh8Rwv;WIL9_zfji|9bs&Y
z+O|Vc*S&|j(Js{L{~fhEswJ9^3{Ui!clT@p8i8+64c|n)c=C-jYoQ$~Kh3%e^=kba
z^%+n*$&?Sr+2ohws~C}NI<^6~kUxd$(A%R-N51rs&~|!=YzL?AXqR&fyWvc1mST3p
z5!4esL47QjO*OwrY=+&*e~4N;4^i)fC#X5jk!H4aUeu}&LG7j}RJo@e2@P!*)D2#>
zu0$=qA5h!y3hK@H9JQE=r<;aLp>9~kS{GH`3bokUp<ZNNQ8(^y^GV3=@Hpd0sNpH7
z?X(oNojyY?qOVX59L1b?7P-*5imG=P1MpvK_A#b@UR1o8H5BzARZ;h8i8=K7-<^aS
z9*FAk2-JnC-U|E+Ce(JChN|}_>WSY+4dF`E8*?3M3cj`RL#TF+p>BB2#{WRoyQ{eN
z|3eb0=s(sBT@Y%n@}b^X;i!(aMs*|__2fNJ`#lczhC64=Z=*W)05x(?Q60}V&gAo<
z@*(I^#fl`<aCKDAYT61>sD@jjp0JONr=p(7W1Vf|OHemlgL<G$o8OLlkZ)1#TtIc;
z(Kz<M=F)e(nbRQjAzu{Lp%7~stWCZms)I484#Zp2P!BQ%)!t0h;+=;Yxld3Jl8Nfr
ze(TZk?0@y-41o=J1=Z8{Cb%3vHTl~weq+UQ{*|*RcMj9i=D18R|HSd+JE_MUZMa|}
zc|Bn`bx$ELPUjr4_M}^K-Xz^l4Rfs5ADVw1Ww>CVZ79vExIR!~^~fAO4bI=T{4*Nj
z{p0kfQN3P+aUc0yID#`b_1Y5umvjNrF3!(5AKG@bh&|2u;~o`CV;?+81DRC%4$q*D
z$Hez>t|iukvn3t+g#1^O6(-%CdK&(CRp!WMJKV`+ox#-AQ48Op?i|vY-U!d%!&X*)
z0u?^BH~p0SH{^fghB}55uRz^h<kt}IL%xNrYijUOO#B>~aN={QSBo=@Yre)B_*`v}
z*3q7HbN%mcwIH&NUuZzb5zdP?{l2})I2=IiOWQy`^2yX|z*)!EY06CkDbHo|*R5BH
zrBhFbKEO(G{=@lwB7f-khzjr1_;%8K3jgQuv7Jz$A&u+UP5DbUt^60<<V~E3Gb!Wy
zg)=#;1EiyABQNzEXT)~Q@5vydV?EL8Sn!2Atb8H;oU)#_6}~(=zNEY1kJRDQ(Rq)v
zIq4?$ni<qTZ0kQE)`4>=b^anA##xRYoaTk&BvUY*0_`&$*U2v<zmYS<gq$X}A)9q}
zQb)&BoM@6x5$b0hor&{vq*DV|68x9+&$MxZe09zRw&KgYaGdM}vX1v`x&wj9Hdu)Z
z4-<cY%U|foY8qAbzxd-azD!we(*5mq?MV0HDbM3j&P&w)-$!2$7wvf=%DdV7Pn*lz
z2|Yx4WzuJeKjF+vL;jqDiEXmi>0?pH1Inx0>$-7WGUpEJ_P4Pbl)pzkzM4CJl;!30
z93sQ_G3R5>%T&%fwvzYf{F%U5;^j$~;VeSBE3syz%i8+KX{aLU$;9e$vn0}Qk#36b
zaF(V1HO`XM%TN3e>Epy(=`Y-VAXA%62p4X}p|-b|sH~$4v0_}L?^S#s^uEBGc}rMu
z<iDc43;DHpko+Ukb?_)>HqOPI-6$((uNh#SP5Tdgng4v;a5NRF;%)qjf}&iMLdCPT
zvM6mk_9=Dxk-k7IlDa#oTY*@6P94XH{c4g<P0A({zmGa1N#|1AoaL#f|K|$l7fyaw
z|Ig8#bX}YOnG3dYKIGI<nfQ5=bRN=xj=ffs<8?^B9cLW^^Y9$kEV9?9kv?N9eu$nA
z2z0eiHo&U#Ci;WpDh=>!H)k~s3^gI=H``cm>Yt)KgEQ;+iS#?vzhPsuNb86ppNH#;
z+W2Oy@5B5j5d7R$I!MJN3SPl0c!BsZT#uEBt+DlfBvymGj*Xl<$^S!H3Htzi-S!@-
z#NXi5!8d5<Ptx--ntJ8EQH?)G6v1)0oO6%8K=C-6o{z!QiMKasK&P)zo|F6};)}`a
zI8D8F#P$=bK{^NVx+<{OMG)6<*UIzrlvL#Vx%dB9?*!==j}hd5vVoUK*QBA2G+LbW
z7x)L)#gqQP*11W#53xklQH45vxW*436KjptY-heBt)1gEqu`0Xpq|x5BW*bgajv0G
zc`ED3Z_96!{@5EafBXo()JgHpXwtHfXDQXn*h~Dm-z|IDT^q}~@{WyX<=>$ER~viR
zx|CQ|Dpbm<gqP{oSDd#fYmfg>H_DcOuVs~u0{txcI%gVZS1Pn3)|kp!M{7FPfir`6
zZq)G-=^4}sKsV=2VyUR37IpZM(Hyk*1M%<4cjatB*?BCixIR{9*o)TTD$Y$5_;YC(
zmGldVtfK_+(v)|!fu+`G)N5$lP>7%6oo$?1M^&zyU^9cVg4Wmg9_u~crhx!@7K9%W
zDaS?M;eF21)Tx56Q>LGUE|PDAT9O|V>yA&Ue*&A4A52=u65IA(V!n3N9@<!6%Ig#J
z%p>tW!QZ&39~BQ^MNWMkKTW;_r<;5?D(9x&IL=<2V~CC9)bTrYLP^)QdBq}#1(ILK
z`L6;TExGPh;ySXE{@&O741E84;liV&w{s4m!a;nK^B2-O&XX=ndY*0M4btxs)8RvU
z0O?rD-XcGSd>%TzfY?~h26hBOD1X^rzeDri+h*o^o8bkDAJ|3}IzU4Sc#hZ{&SMI4
zd`P+rXJt+u%c-ZM75N};7Dsv*ZT~=i1?fhVSHRCXb+n}H&8+#?*Nc(_vtbTA!1;&^
zw%}7L{)Rd#P+peC_Y*5Y`3cU~iM@D?p-e{|Y)W}g^y8Z2r2BK0qJDl;#qoSW;udEU
zD%7H2zb$A>+W&=yr;xtOS(V1N*!V}JuX4V^>EhHel^bMowxzw#srMG~3{&L9U}5sb
zICpb)*Vl><NwlZ3j=`M$yeW17@s~(vrz{`oRVuSLUXNdJlealv<<wD;a~kIY@<E)%
zxkg7J>JBIUnaO(pY(jYs;%$7G|1c7ZUMN)Z4}0;)lr`ks#05QUox3>KmMheW4t_(q
zj=H3KQ8w4+vvch?#3S$qu~)sd`1j-1oZ7=WYEq#P7k9=g_yLVn#549ruXAxn$|~80
zr{SkcQ@)vVn70)c8Q0vfY4Imz@7ilF*|vVQ`QGSp_+t?b_oDJ*d*MsO8c}&MaUDOC
zug9rlBk`Oz-i(`FAwHaVQ(~P-UnD(V6*)$5t{|4qH3O*|j_YhYD&Md7|BJ^l3hUWG
zNn5ce7p|u9(ZrK%StPM8oH`0nZzAQtll}z<ag#0f+F81>O{;DW(tB+FE$U9x{@1aM
zjE<9BFdM6J=A&XE97$|1?z44{k#A|!(@D4B)bSVfOA{}`*_qD0f*Uy>+44+mOuf3q
zic{X3^fP^Fs%U$(j6i+P7UUODIhZmX5me4;>vSSsmUvH_UrYK5vF5l1e<a?JYc6pv
zB7K(Fx17K0XUL4`mVTbUsOd+^4r*i_^T^MnmX6js$%m59&pCzj5N8!))37gR6g?Wk
zxrDm<<={ff-XyN0BXJ$GxX*R$%z1#aO`LB19Jz$VQO<H)R1|AtBI*bw9m|C~NmnJU
zBd@iwZTP9pzhjE|cfclb1pnsTK>2P$EjSl)cH`6$NqlJ5gewruxt$AoaKr7k(JG{0
zJfdI7Pqzg@7)4w~8#udgZ38l2+VVEEdDW(ci;nlAJcaX!Uidwzke}dmwZPFD(>Xse
zS?}M&bf->j^7U~K=Q7TL<co9tXQTtU{xSL4<O`6_!RbRAYX4oz-=-{t{6$V3|Kce0
z+@!(~8@xlsngs8YFT**O^tY5>ARdc40*JqhU!xB<$vSqCzeAl>n055G>Cd@-5OrUp
zV5=?6W6C^^FBhHSEJ>x?_z!+b;Xv$TD^DZ;lyp9u7q#up>rt;1=X1`QoLR?X+HzB8
zlDQH8u$<3rn_iX`)BG2q(%1IF%6OU<3R2+|=}MISgt_pUt&>i}g>0Iz_xOhTQ*EPN
zDVxMupL!E)%vSUM^UJfuzb4R%bGYUwhF08UmUGb^jOFY|{4l<F4554>4SvV@8fRhZ
z6tg!dMS3M?b@I_Ti3_ixj*n~|r8m%qj^8Oe%;}jzrVbsLLqT<WK^*BnNw4I>qm+-w
zRpk3p?<DCl#12yD4Sew^My49|*1iyIOT7uUU4>`9P)0JNQ%ir(3hLzK)bR>+OK~3^
zc}VZzet+XV&Jx6)aE{~*AisgKN?aGi8D+0uLTnf1uVN$4K;pe|3iTV4K1=#r%5?;D
zpFe!~iLx#Qe-kLqxsLM|mEWe~IO1_sI!^3c@2}me5z(=Y(?j|mwMJ1p)Enh11hr?|
zIzg2EMA>b8jaaI!bB(-?NBAZ2Hlz#MNA5suANdYk_Y8{>UqS2|^$O~BIhRa33O=O5
zE`p=U&)|GcUPla;F-a$cbSMoBr96$gS;u(d56G0H>;~}ywrnBZ%c^9JCw7GE{~*6v
zpGV1DJfBQ8g8fMAD9E{)bS`YlxtH`H${XTt+{zj5%52zghkv&C!R|rhqcR@FMr2PO
zn-rgt8kJdM&<x*@D5pvK;Dls%Tyj!cd{SDN%??ROjE~CP9ltyvXHr^9!l3lDWG=~w
zNvh|H%3PGx%r{3|!l=ZAq<GpnJG!2aD=H&bTGQ+)v1tj(Nl}^Y()##&QqxDdqmxt8
zViTPf|DBF<H%lHlGCe6FZM-{qh`VJ<d{W#n_ppSa!{Sri@q^RjyiK^{Q`2GxB_^Z}
z8%eKH-9wU7+=CN_CeWBWAt@<&jJKB4Vq98EtUEPrd}6%QGB!RXIX+d1l+*;LW#;bj
z{qkgsqj{dB=!_9Qxe}7xiLpsT(_@DcnLKNaFV9l^?R5VP|GBd==ghtA=ixRZW7D{U
zo6C|1CnODZ#|=wPh~qJx=*0Ng)OdF~XWFoMcXCqVcy-Ixx2gZ1+9Sf;31RVJQSSQj
zBO6ABhmWXVorIew^e9s6#fSngg=a;={;y7qd$HMCHNwY5)(Zbm%ieY(>V%K09r3?{
zbtA&Zy%b)@8}(@zmN{TS9cDB0y+t|m_zq=uKUmBE`XMT#<<9Sj2JOmpWnA8!FJs^C
z5@he}F6~n!Ix%)U6P4!lNEjTS?9R%jW(4kS%Z1(cCT3^3u`E(Ex9&}H1@=fzi+A)#
zYG%28g<P49zWp(G0WCkf%-mz+2f0~VBQo-wcq?=Li9Nm<3s2wntq~TH`R17t*>mh&
z;~o{8vggC7jOCXaxT5E;4{#OA7N3|(B=h2>UVgqRs(qz|*WK|&G83<i4$S!Bc1~~L
z?CoYUv&5a+enHI>QnQw^F8cg_k<1bI`}=q+?t0iQNAvWQy=&rCJ>R3v**q<}c8{*+
zUC{|F=@&B8u&X*YJ&pbizC3Bc-Zf?cr^eeAoD!R~cU5dcs<$*gDK$P}Xp*<g&F0v<
zCM6+0J;gmLnLiS_{J$5uJ1KpnibwmT$7k+;_Da40@0#YGTN>we9r7*EUTZquJt`$3
ziKmH8REM_&7I4k-%RVMOUgNT5W)auMY+DwVbUnzHwZ_#)?;>Y6xW~jMGI`W=I>e{M
zCAbI2yHoeBNsN!vcIIv2PEX2O>;GM~M|^rhVq*LRcY0a^3xHaQ@maNc^%~($O-@Mr
ze-?SV$GhxbSmf#6z>ACg|7y7XxYl7WwEREUxozryu5%mATIbokdm?O0S~=G)?@Vur
ztmvAaKX->@UNdotd)IgeY+F57av`mQ`DMGf{#0U1a939!pZRmUyNb?F>Fz4yjjinN
z>g(%jKYw-!SDE>)-mW<BC4+mr-U#Sn7yXtCy<MNaxazme=<AAd&EMb8)ytJK-`(F;
k&}YwwTWa-p?amvJm=K@j9-Qu;|NBVSms>U`xgz}j3j;5u1poj5

delta 24193
zcmZA91#}fh-^cO25gdXCPjF2LBoI8oDK5b^xCRRp?JZiILZC>I;uMFJ2G^p6BE<^D
z-5rXwyx-rQ;W?al&olYV{AYG{c6Mg(P1-)|Ui;p=?d!gh)@P=}QQyaLvf;d3j&sD9
zd{spqC$g2}jK+%ShX=6$p2Ix&2}@$0){avgTcYAqFa+am`4(oPoV1PO%)wlk!ExNq
z4l?}-oW?M$*4A-4;7|;}tEdZn!lYQTo#W7#6NzbY0cOXIm<CTE9Xr=CJ-$W7Q$(Bg
zIgopFilHCZccMHQ$LWYVAr_P4cuavaF*Pp6R2Yw0ai5J}!6cNQVmkZ>Jr`{6I2kGD
zK%HL#lVLSXi48Cn*LT|51~JG}aNMXn9jyj91$BY>s3~5Ky1-wk0Y5}tSksmm(qnGS
zhLtfA6X9r7zY|gY%|v%4G7D_rI+myWz?KVibew{ei(wgTY5f6fQ9gw=FncG*3CGT;
zju)T?z5;c}zuNL%>q%6*tDTtt7i8`c&<HPeHdB8CHN{U*14!1z++i5{P_BWx^E&8{
z?NL)b1T*6_)C{dgt&yFmM{p7o<8_S0`(2oSUARzJ$LWs6Pz~py8m`4$xEa;%f{kBA
z{^#7~hwiX`H&fpdwRYO0)=ms2!J(KGM_Z?$`k(D4qY?jPE4HC7^c$*!-%$-Ope}R`
z)!{?b6u-h8=*{SL;asTmf>GPGENX4kLiN)Yb$%CHcK0EpsTzb@l@n}(*;s<|BFuy5
zu`GVXKrGe6aq?qxjKC3C5%*#R^zLacSP9jxCXT^=sDb~3%(UA{+{;W&CRD>*SWYLP
zFMfx~aWd)-=3o|FgnCpvP<M133*$M|Gxv%y^%*c3<$S2~i=p}}jj6Q%tCC4UAPTk0
zqfu|Fd8m#zqZZdL)T26!De)<4ZTyS6KwxjvzA$RwVW>x02DNA_qS{qMKWu<$wEv^Y
zsKfr&5vV(uidx-^F%@n@b$G;<Phu&`S5a#qQy=rJ!%^qgLJhnP>Ww%63*tmuzZu<n
z_J_%&#*5a6sQ5?BiK+UUjzdt}vWhLYLtQ8qHKpHSAjY8|{(`#W-)#K}45fSt^{D;&
zG5>|gg!eNqkoKsN&c!si0qf&FoPp{3o3*kM^=LL>1Ke)oDPv9CAJY;K#H1LCdL-p-
zePvs&9n1Xd*)$}O8k=G^?1~z|7#p8uU1{Bl>8U@8>F}y8zeGLCBm+!;8BuE_Kk5<I
zM9oZdTkhs26GUJThTw8khv!iPd5F4Dl7VJG*{wxUcT^Fzc&poT6zWm5KrQ0VsPo;Z
z8=7Iu%Tb@2?(JkWqQ6j6bssh2m#7hE{Myv#MRimHb-|jbJ8f$1gq11xN1c~oJ&5Z6
zEPCT@)T6tPEJoh{WbzWoHpo;|LcMTmq4sMZ8y|#POd~KOPC|cNg1X>#TRw_<_BT*7
z@ftM%*I+XvX;Afru&VZdc`~~5QK&nbj2hvOs1BCe@&?qDZ$&+_-Ke$m*!luBz_+OW
zyoQ*8r9f@ltf-mGg}Sk#Qu{xgOe98N1b&OrxCb>8xrUm7R7Z8x$l3zcQ8em;-7o<A
zqi!S)^~@KcZYbWm1J%y~^z8p*WYqAA^%?3;y@r_!CqbQ%9(BR2s19?ZroIU3-Cq{V
z;BeIWTTtzGp$2#eHAAOR{rx?R`Oi=0CIOw0e7Jd5X;1^oiE0>%&#?@qb#cLO%wmjS
z`Z5!bLY*IjRq*q+-bz^)-h~?YVf4b2m=*tY+Xhcj&+;8=as7u{tr@;GFQ&{`k8%U7
zhKuk5-b0>}vv&j^saS5Lc_A&uQk37I>Whvt^{cQM<+P*CfP1*f=nng$R_P$rHXDbP
za6Yo0oNKrOTa4jlg<fOLR5nH}s&=Ru=!Kfm{+JzqL@na2sNHe^GvQ^c`wbbraQwbA
zQ=S`jLJ4a{44_;G)vgz6N=IN~oQS$`9O_xmLCxS|tb$uHG5&|DPc+Wxhs51ZCL0LE
zL^LRfn)(pbNW;(v>!4<)A*#bJs2S^xI?rw6V=)QkDb`u2Mfwx!#@3_y*^a*2|0l_4
zv7JM8bPsdkQ`CjhjyF@61ywGN8c-R`h7qXGj#j9Sd)e|x%u6{AbK+LiBe;Yb&`Zhn
z9j^)IS*F1}l(S(`tcaSzzL*<-MNRcZRL9p)14=Z}besyc@AIK<Bn-96%c9yfMGd?y
zCc}>CR-iW-ofwOHHIBq2I1_cj1(+0<qB>fKx`SUaIUYcre+so2ui`d*gqoQZlT1Hb
zQ0MPL&G^Ad%)d^!KtSJMZrcVvlg$WIpz8fm1ImLMU=Sw9NYtIyMh&o$wKZz(bV0TI
z);bB*&ur8TESk*x>jG;CsDrJj8QG8O;4o?iuA?q=7qvK_pq}*$)Om@gm={YL)SabA
zouAK^BT$RA0qO>#F%`zT$>@TkP$L?L>M+j6=c5+QV$?vlVM;uNsqidnfVWVK_JNJ3
zoN5M=4K?M#SQtxUQEYE@PbZ_P-)95YQTsQ|_vYCZKwY3TYX3*rawAl`=BR=6vAR(+
zGX-_wCD;pBqi!(sH2WxxZYRhFN}?_lfnit`HRVGv3P+$WbPm(tZCieeev}hUHyvk0
zZOZ^uyK<<0>!M~T3bh@-_SEzI=aA7zSEC+9JZh0_!PK}H)zN9xqq&7a_yl7xTO4me
zoM`o*VZOvJLCw%s48W5Zh|e$-)6C>t?f<G|!mvG-z*(q$dmOch?qhoN`oWa_u?Xc5
zRJ^sd9|lwY4m04dHhv6CP`-{6(0>-Qfs4_tXY-tl7DwCJ=0js5>cT&xrg9%<#H&~f
z-`IGiIp!CNw%DHdcub3rFgbq0%$R(xd6aprMNn%YbT0c}Q(b{TCajKmupKHs2DJvJ
zpjQ1%)FW78U5grc0;=6j)SW-TeCYgWKECs#2GSPws0X9kjrfuIS6~(aEv|*A3$L>#
zpjQ1JTYm=iv3e7=m|XMBfbv*_QT>!combtKTcU2TJ8B@KP>XiHn~d&kEow@(qdGW<
z8rWIXfG*qe9n_sZK~3>%RD0Ka^L|K;TC~|wk0Ka#p^B)PZGbv|AZmc_;be57X_y!1
zU^d*1>gaFO$RDHDK%xa^H)Ka$peSkpl~4n1fZ9bZFblS|@gb<|j6w}yqS5V4w+-f?
zPF#!{*$ULmY)5UsBdDpngc{Im)EhC?Lh~rHqRy*;I<FzBzMU=iLe20{)Bwh!=lB1~
zWVDUup-$Y0LAV<W;bYVkX8OteWupLAq1*+l;~Ff9udp%}US$4&(HmD%UW4kd@nYjB
z<f%Cu(Z@}u?h>;a8(}lb-B44t4>h$%F)RLsn)27SKFL!1%u!RH9qVB})EjT0jSoZ3
z;26~Tvrzr6Lbn=jC6fzxV>`Toy5q{rjEyjWatBlgqfl$(2h5EttiNL@<)>H-b1yej
z-WWCI?NAr)g4)Idm$UzMr{CHJ<7~xL^dUY6HIN0iejR3~ycx9?{zUEL$EY>oy}~Tg
zY^ZoBY7u^g8fZsMjN{N3zhA-pEAs;ZEslAZA6MYFcmg|MeIBIhf5CjX+j<AJ4O9MX
zW+XEvqFe~oz8EIPa;UXc1vQ|CSOR;w$&@9t1l7@1)CmtUDZa$U_%CX8H(F)tyPzIf
zZ(E*@nz6a48(N4uf0-?>w{Auaa678KdmowcWDcQLX@k{fgl=p?c`oXG@Ei+csx{^j
zltC@ZW*CF9*c@+S9xT7sJfimaf$}gch=bOdKXfcc9+}(ulZ-C#2rFRH_2v=Ou=YVs
z*=*D^j<@Aws6}?ymNRcK{e+>`NCR8$jd>|gLfz0NTTZ%Bi=F3RluU6dzQ^jgACqA6
zP3E`R^jL**J#2_GFaqylA<Q3dW}+c#pfRWmjz`t6$0B$U^)a9L7xTB~a_GzTofTwK
z;9AtP*@nq*FV@6ksMYJg*$l8O)}TBJ>#H7HWA<Np?cz`@j^{83CQUGZdM$u@gzHcP
zy@+mYqt|3~0lzKg3q&aD8Ma5=@ps5e%(;klaM)J!%jr=Jpqz4>`DPP@MJd<Cq4*6}
z#`jnTD{ME5axkW(JZd}huREPaK&yTpYU-C_D6U1V;_IkY{ScGmbM(i5F&s1OFt6Y`
zs7Ey#f5Rh~8mH{EyTZB*HPfqiGXEODCIabjC+5dfw!u5Av&#%HvDFW~Y3GmmFf00C
zCDcHxqaW5mwQG$*7>ye6RMgBLa+A?WuA}bs9;U$;sDb(HHfzHVbtl<S?SfDj3`ae>
za;Wp#p|^`avtuF31NWFmvj~GJ@5BE19Cg0C(_YhYcT7cKDC)!ss0(ezlDHcK@D1t_
zW!z^z3j(kl<>IJ2?~Mg<fGsbyF2gLuSKIPI%%uH)jEtuKHtG)Ep$3wCzj=pe!Hkqc
zP>ZIzwJ~anJ6QXpW@r?u{R~w5)u@4QMXmn7Py_V+O*8Li#gfs9B~epe-P#bf*jn5A
zZm59`K|QkZSRTK}3it<V5vM$0%z&Dy?3f<&q0TFdS_73-&-I-lWOU*v^u>wT1E<;Y
zzgF*qW-%p2&xKGOX26k{4fUc~h+1sNP#1cS!?5@vvn|)-ACwCpX8tFu0U1rnxFcrY
zZ$jPCdDIMKJZkoRF3e5259YubsHu%dP3@mH{t0tZ&hfix7m3*@x5ex@4D;aJ-<f{}
zb`#LzxNIB#gStS5W9HQwhH6(IOJNM^!Yge3AykJqQT-%2ZZ4P`LnudLF!seD{0WQT
zAIF*h{A4~5&<x~eUc#^rw!x9u46mc^pv(#LovtYsrR<zEhM-=#?NEy^4tZHRtFSwE
zIAuN){y+`z6{<f!_h~b=MX)A;A?Sk#Fc}_2t%<Xk6fdE6$!%1-x0nb&qB{2e)67^7
z)QpuuwQq(gvAcB;>OA*YGRetIw$8y6l$W6wZbCKOj9Se*Fcls^Ey6RXf&PuU&|O=8
zhw9hoj5$9ws_c*IC%4h<6tRI4s0&p<-EmbLuVszG^u$}EF4)h;hoc5E7BwSNY&;Ir
zQl4ka>rwq~K@DUVrq}*IN=7GMMZHjN+43vY3GZzA6Y4@fXU#xUpw3H&if6L%KpW4G
zyy2W8s2Qt@Y8Qp-w-tK!e|s|B2=qWr;aSwPzKgok=hlzb#OF*$X;D*|1=V40)PM?F
zgRP;cXI~1_V>KIZiEee!j*O<H8)}3DP#q4p<x$p&n3Z^(bv<gJzuWq=r~zL_Z@h;Z
z&?8iT&oKnw+WG?LnSTwS$a&LI2~@)fTds<lk$R}L5pBy|Q5PD58t@ofKN)9Io`D&#
z&;@pvi~Wx?C{OvzJmTCJ&A-GFdXeX!kBU|Vs^TcDjz>`OG?)0x7nZ_;*bnpKJk*8u
zp<YDI{^sq8gRnNbE;~+7tc!XRZb!v0qh_qo74xfFn43&S0;5r{)*mq|?nZTd2?Oy1
z=E7`O%>W{>6y;8+FA@t-=WW64cm}olUs!#wnfgqag?JbiLU%nfI$;QE4a~+sT#9OV
zz<SO40X6j*ubV}c6SZrKq8?QQ>X|n{J=!Ly#n;xBdtrIX1Cd?fc77q_PhdZ$!%L_s
zdWvQ79X7!dH_Y0YgsPv8y1+b)#AP;q2Q}5tQ1#_+nnza+D^c!)buk|G@1Hncw-^n9
zuGj#tq83}R+h*UELft`iTW*Z0DR)E-cmO7L@qGYw-n2VrMrLDi$}3TKd<nH!Gv77s
za$*42cM6axj5Sa%j9AQplTjB~gE?^zYNl>rVtkM4*z2C@FcSMvu8tbu7EFRiP>c68
zCc=-X^S$pg|60Y#$><HW2-RQ%CdCBQv)*gV$87l=s)OsO_V-b1=b5elXzLR{F#Y(U
z+Gj?!%ZbS_=mGPuk(MHm7r#QS+TN(eG}6XrV0OyeP#s-B-Ptwkebh|7KrO~Z56y)$
zVld@E)Hbe%<#0TP;K7H?zcOzLL}7tP=JR?u)}(w7b-~cb=J)loIE`{&)PTI7n9uQ?
zn1XTz48vMj8^1-(&~Z$LXD~Tl#r*itO-6T`?y2b@FP5QP9QCg5g<2CMF%|xZ8qg}#
z1vjA<=Wgq9)GEJ(0hr^N*)<hVYpM$7!49Z?-Q&mvlUamG@g!=*7g1Au-IgDq59Q~m
z3%@}vM(^jQqpYX_hoN4*U!h)1ZEbll>Jd#vU1te00JpQ2OltxMQEMR23)68;R7dSm
z9SuUgkfvh@uC?VWn2qu~)CDrWG!{Y)r~($pMyN+N7Bv$~F`M@PelqC@TthvZSE#9T
zUYU*qQO~YCs=fw>VH6g?@u+9H33Z{1sDY<^ZOn}wDVN4|xBxY?b>1M?cbbrChiy?)
zvj_D|kD{jd0;a)dw%+Tlc|<8t151Zm6FD#~=EK}r8Z%&P8}E<0(Xp5j=c3!6%tkU=
z3`bDq8|a7cZ9LgO=GXDusDU&^U8tKa55p3ar(hNQ&DJM<XFs%1A5Iad^IKYby<`40
z6>b8$;5gI_%tl>cG3rh>V`lsdHS(933zNM!Yas}=Hrk-hAB=h=qfonMHR{f{p$6~=
zYG$szXa3dU8v^Mu<p=Y*oC{U%hZ@*-wmb{HDX&4Tg$-B=cc5M@uWfztk7hBKL_L~T
z){dwF^+c_)p>8sPWPU{5@ea(2ConZWL=E60>JC!;YdQ|ZER?HZRg6a6`3lt9*@&9i
z-KaY~Z0oO}FXek!2Hj6=px}RIq(!aasHuuTUAO`2z0e6YGd)pvHo`g{^~Rfqb?^!f
z!6Ki`BV2(x?{`!`*N_3box3*h95to?U_SJ5T%H*yjJktzs5@$iy3>}n+zGWdVlW$y
zL(R-G)C+45>V<UxHQ>|Mi<m_F{{|V)RAWOLd_>(rJ(tTfRr667T!I?;T2x2BSa+b-
zz;CwvFKXs|y<DCbjX!GOB{78W2@%)<`|x*~TwLEd<Kyx?^S7vHlg`)W`G%4ib)l}P
z4*H-5G8nyZ6lTY<Hog>f{yNNozn~WDpI92tV_i&>$mRKx+Ya5y8OcgAi*y2CV`8yM
z5|`5!f5&oIIH}8-g<Y{PI>}s~-;VpCE_ezxGv`se=?dyS@)~u)lw4#Xw!$;`5nJJ@
z6fU>tnFpsd&!~*GI_9TA6zUF#q1MJ+)SWHI06c)&Ew@pN)RoFieFjwf{MJy^nu@@j
z*cmmG<5IcJ6i>H-xv2fQ6!qeXN8Q1B)T7AfXC6hcH5?U>M0HpLH4_a{i?2Cq@wP$D
zR4i&23_+bY)lEkGdzKBXKs8*C>S#0S+3!FN>;URLaR#-|@1okjMlIqGsPj^!c6mNc
z)1fX@8nr7b+Hxz@0NowQ<RQ}yHHA}9&u%eh!fjX#|Frt1G21O1waOb<JD_G@0BY^H
zu?t?sL0FxCZz~G-pazs7olAe5;_p9X^eNUD^=#Uq1~3xU;an_?OHupyB<c<?qn`0C
z)C@gC4d@+e%9E!z@tmmkg;4z!Lk*xTX3+kxOh!}N9MwTr)Km_^b2t$-Gwm~&sUC>x
zU>K_7(Wq5F5ewmBTYnt&VmgcJ_bF<iu8igelVNhM@8lw*ieOa7;i!%yP|vIy>dvFB
zG1j5hai}|<iJFnssC}P+8rXK!8aa)cfeWbX+(5Us(*rVEOiBICiT<cZkQKH4LNO2<
zpkA^4P#sUTE=OHpCu*SkQIGT_YLQ(+?WSv}^L#Ry0cXv`{@2Kh5l{!!F&OKh9?3A<
za3X5Ni?9s-jFET?^=&tAW|!wToUT}r@^s9PXHZlB5!HXHEap+BN0kd?VgGA81ryN7
zE23tiE-K#2mV4tg%EM6u^UG??ftu1FTMkE^Uk#gLl#Q>!ew4SP1{9pl?5;>R89n3X
zs0+rT2J#&i#2Ki?w+l7m(^v#AU=aFdHv<Vp)mK8zR1MT3u8(?z(Wpo5Mh##AmQZ;E
z8NKuG;1X<^!{sc%PpA_Y1eg<dU_Q#1Py_P{bb0<pTm-dkdtd{cjCv$jQLpG+IZZ#6
zP`jZWDn0~@YyZzBqs4aIHn@!yD1Wl$3c1WwHN$Y?eQ_iHjGE$>xm}*Wmd9f#<$ye9
zpp8(AbqMPHG0T?sqaMXI%&Gm~D6ctT0QRS19%@mh&SzF}KGakfLv72psO{Pr_3V4w
z@?g}Ajl`n(6KXA-L_Lx#sHwk$8qhzOQTsnne)9#QEb0QWsF4pvP5Epri@Q;ub{|k3
z`WG-CCIP5&80Nxqs5R8q+7mVPgHbabhuV&-(XEl3Afu6fK&|ei1<ed(LY)|lTBJ3w
z0CqsFfk~(V{fg@NH0s0b0cxMWM-3!RA=7^j)If_^!wRwgwd%_e&?>KonxYP<M=$`@
z(L_|oi&3j~6RM+os40JjdK9S&oBB)`NVzVm|K6w>9f^5yA!>IVD9rv>#W?~R=}Xir
z)G1=NQwj{Em=<-xP#Z6cdQ=syHBf7!9_svNs2S;qnxSE+Pt)0`N3;=j-7{`7y7T9#
zDfJC9&%7w=&YPe*?1i3Zh`OUV)GKy5>d|aOUGNy{Lbp)6=wH-~l?yiY{jeV830M`~
z7s>P>6Ij%IDV&6=ID^$NONfiF%)CHQuhy_)F3&#?9EiIpuSLyF&*EkvvDks~RMZRU
zC2D5hp&nJDP_t<BAm_QA(q!~(E25^b0k**ww!9V9!9LVXoj~2`P1H<$KwT(RnECik
zk1>=ZP*cAS^{kI#NxX!4F>MJAi2YZJi~>zC5{F?8+=*2&QAsn^wNcN!De6018`Prf
zkD7tus2dn#oq~FFvrq$AV&lJ{-X}XTr}qCtGC441xVeKOsD0lQ1MwSF{X*10ccCtH
z3pIepsDZsjZQuVe0#lZ9dH$X8I;dCtYgD`LrA@zm(OrPRbTXRS?Wj9DfogaQHN_9n
z7ym;oN}n=jk!3|Kt}v{N-BAPBin{Z|r~#hAZ}1B0I<3o^8|Yh>{jaGQLO@fv61A!~
zpa!rV^*-2#8o(LrMO%Lj^#$WD&cjEjuVCZLnHl>9ds6-r6^|@$J|lWyPRa|*v;Xxf
z+)JPz-p01rtb+NN-GTv%OBdTS!sYqfPu@uL%5H(GkHh>JkG1g<YGw;mH2pU~Eye+;
zT`&#xNY}f`=o`%+HjuQE`EV$JdLKlgp7}Re43}ajJck;1xymkQ3bw<1_!O&Q#wzBO
z+Zsz#?t#T|8EO|?uw}PjRr3rhp++_ci{KBaH`RXBo!r4t^s8n%tc)>~hoc_VBh+We
zOVp!uRX1xODK@2?0X0LtunEq@DDD48WZDs^Si}6nuo!iR$-Xjgus&Fr@_MX{moOXy
zYMM7<Q`EEUi&{%@sAs(wb-_odN1DEt%kz(9V=<a?P;D1~mUHu_BBK*tVJQr#V{C>K
zDNn;Ln7yvc^KZY7L2bWNsNHc9J=@Uw*4De~nSPRCGTK!}E#kVUT@r<vxxUkZOhp`S
z-Hn<eSACarADf}>uu=olK}TzM)YSJuUEpifA{&XpxB&Gij-%S0MeUZqQ3Jk?Zf`OV
z$%Noj+aR!^xlmrzo2xLYT{%>{NUVc>QEO&5>H?Qh9p6H|N1mYW)Vq;+RB2H+QUtYD
z>NaBkYecOGl*4G$XTbvGrk!=DXZ|V5EW*l-&2H(5dx)<<y=b~NF)yT8)MvwFtclA|
zFRW)+2@^LpyQC)Sz0$WS`(LYk6oJmT9Q9$7vYGh|$b!1F4%Y6dkK4YsJPGqrjzjI5
zZK#jwyQmv+HFr6Im<Dy{#ZfaFg&II7HyM4?`5N_VoQ%4IMX0IWYUAfotNS79eUZ6^
z*~d|+XFL%#<#DLBuo5-(@u(ZxhZ@ic8^4Nb=YB#ajLbXKwhC@(R&{4o$AeL;eFSQt
z6Hqhq6Gq?)TYuO340YZ+{2E=Y%vu_3b)(kO7^I!s8BazXPQ!&b8}nnS*5*ai4l7cg
zi?R4O&cz08%pa2;VI1YXZOx1{ZfCxJPr~ZNcc5m*C)(vS!px`_Suf13{lADzK>`QR
zvkOqqG_bvS@l?m6l>4LJgiEjx9z(rK-=bd8!5z$bQP!cTZMYb9-YL{|-lG<Eo{lVf
z?f<T1a^o`8$LSH&417X$oWGNKk<>vw`?0pX*ZLkS5D)Ea-tqlVFS2Dg1+U<6?A65#
z@F6BpPTQ6JuMr(3qwV(!wM~k3v)|?L3FWCc0l(>PR(aAM=8j6DKE>K%E7fCTyoB1;
z#d?~3UJ~_)tDv@PE!5&}+LQgS?J&SL7>k<P$*3vYV!e)9e93y5?G=c6)0IIjrY5M4
zTcBPnovpF9ek8KkoUy1E)D+ZpXZK?NEATS`ZHIVN$GcG5=OSwR+()&0gSwCtW7?-c
z)%&A%Ngitus(ndYj<kM-dOtKo_21J?Mh%CeIv#@>=`>V_b5QSv#i(|_qCQ0SpxPfq
z-SKJE6kkJq|G$fR1Ws=g_eJ%W0(IdGHtx<tMhy$wiV#%82-MWpKs~G4s25Xr)Bs1K
z1~LIP1K*?e`+U@ZGxRa_1yKVlik=xk4Ls76-A-*AXo70k9@TL-)WCY%`dC!Q-=gkt
zhK;X9-O*O-VH-b>y5LRJ4L!EyH>ewN`l=uHUnVjdQ8CmSC~vKSUX&Z52Gqpb3d1S4
zM-6Z;Y5)tZ>rgkc6V=~usKt8%HFLL7H}V)g|NPI@&x|k`Y9Q%w0|uZ*dJ_3Cbbi%n
zINBOKKQj<}M(z~e#!8H6jT&=wBh4V*NY9buvBAksERuAGvfe+Qqqc1{9%m9MKu4=+
zq@y&ZCH}oBI`1eyw-;$md?oQIly8v_A{FM`p*V-+McaGS?;;hV>`QqF>e!<HoakFJ
z?+N6m!bK+sRKqdQHo8D8k<AyS<NtqXyXvUv6PL49y10;5p8uwzD`#x5LmY++=sgtK
zzn){Y?eQZvRa+DG{LEqN{5a<VktOz=B{u$sxDGGMN2z;8`2p!4^7Dzg^O<_bWgB`k
z?D6FLkn)pXNc|I1JKJGKPUIOoU8yffiXf#R<+k-P<fqa82yJwPQ7&$$VjblG@@0s1
zr2SGa`%H^dC_?ZS4W`?UbaFi!>uc-h<B;t%DQ!#9ZXM++q(YRJkdD(Z0TU6+%eg_6
zgHYcl#@bGP<Ge6p?P#}O*Z+z@4gxx668wnSP)Bj(S8Jy(enK5n$#=!>oOc<2BI!s?
z{U&TnJO%y5U^CigB0h(BZ&E4pJ&E@suOo?@2Kt8ZC&8(t2vU1uXEB7NO{rr7CqAUC
zqb_L{=_%ztc$4-QY#l}YJ;>Q&%SkbW!Td}-uZ?w}{R+}wv~%Ym(@1A=EFe&rq+i~a
z(|9*|eH|%iPpn1T2Wmqs4)+oFCpMJ)4D!Q>e~bSRONB+auwHAG$@`Gn65mGKhU9hd
z+3t2~5G+eDDXA2}x!8cDLpwgZeKacnO<R8D@*I<JJt-&kJ&5bIbr%!xoXXTy#TKL=
z?KwKJFc<%d*gDT3xWZ~hIi4FlU&fEn;LGC`9h@YPm6LLkR*`CR;dI1%5HCr71U{pj
z#tt|)d41!^OJ5Z+oU)E-c-eDt{y~!NumkBM!KJo=8s($G4blnn`kh$EVuLdoUywpc
zt?9fZX&-4WsS@WrAbx|s0vX6@{6I_xA0|#Dv4)D#HaWVJk@@mCMX)}BP<t0yZ2d!G
zrRgY*E&onl-^F!IFgQ1fZKA#mj-a1#`iQZ011Jx-=kBGx28qM%to(cdtD+}qJdSdN
z9YlZA*qKjUA4|`vdrw~9Fnf`oMjA}g(ZRO8M*f}6M`0bx`taXGejKi*{cyh1Ic4lc
zh<SdMm2vvPF`0`j=7cFEzJ59Hi52C<8JN~yFa$4B{~fVp7)!aMt&1jBoBSQl)$tX6
zZR=dL^;f4Q7(hQN*HFRtZReAxDgVI*4boE{N18zXFB@NmVU$OcQgUui8yEFx+a5>a
zPo$(@+}uRU|B^CuUSi_4$-Ar3I13paiK$3J1;4d8I~k15or8}lr=_q0qlo#_?m0=v
z8S5%j^!(gOY#C_^r9`B+oX0OJ&R$Y7`q^&J`ODk0!<jlNu5h8xM|sL)Y@ssonUsf+
z(vr4ua(-L)1{+X5YC8<IeWa#5owkRlUqpWG7k%F#|IVI&)l2)2V?2$kP*I-IT_j(W
zlRlsy<v!$ZebGTX;$ukqrunUnU&o2G(=nF1&&MU=O>CRnxPjEqwyTGEK7Y_G=A={h
ztQq99kpDSuQPXtpBs42Sq!>f_e9R{kOuUQj>Kp0@+RN-Bzm`;p_CFDOYvVfChd94r
zdH#%`a(VsWc%@;HYSCW>&f9@iOy72bXvE()oUM3=hCh(_^6dF**-F%rn&ihxe~|Q@
zF_<=!Nckz}#z7<<-_yRMJ*OxxBfi<z^*2pCfA)Xn835P+oyy`g{02LdrjxGQ4#v>v
zcTUQL#YkC5ok*W(qocZ=wYtRClL}J)2LnmPY##&2|3}+$)K%iV$D{(p4ibB$KROju
zPaJPaQ%SL$n1Q&C4OoK{r*P78;=@h&e?LzW53p?&T=2gdzOvZ-FzS19?g83XC$^om
zo7A3|JC@988nmULV*&Z`n8DteC&-V7w!S-^=omnnP3)DYWPa4O=NzO>W|BYUOSBnH
zek&fN?_DGv0hH5wdHz6a0y}7wj`W(OqX?-0`9Ey=I468QKGDfe%Dr(R_1XUSeYYr0
zsuP`#`|TOsDCc4*tuTamYf=PtUlChQz6kLb^s=73jvkbC6f!tB@gVKzkvfx~M_NIf
zX0~43r!HRKH?yl_0{_y$i~Mdn-iS{quOazz(cIMcw6~>`f1th>b>~q>A^aN)+OlH&
z+0Jt$&~7xjMV#LPhvG5nauL_(ol}+z6tkVjQ!&EkOVHqk+I(@`_ngFcO=5>hw<!<B
zIL`Tw{5Q7kHk@Mz@C$W`xJE8pE<w3D_4R2#P0RTSfu{t1p}|7Z8B$r>(QfLOQLax4
zrjsDrz9j!6Zo<{1PPFZhi%6f3N8~?HxN2i9zo`3~K6U&?O#cm$=Xgya$rp|C*tl3^
z^Lx1H=VKh5gxf*^{FRi#cC7HP<nNMv$wy-{`i@rx$5ZkrNSpO}Gmwmq!IC@Fkp;iT
ze8kS%i{4Y7SSITJwXwoj%AQk``lVbbNd0g`S$`lOKs)`Pl<K%f{w#Hy$#2p3jsGZo
zPjCb$e?D50e@1FX-8SleqhbeX0{L2Ww1+xB>SFCV=P{gAhk6~&sr!7awHa?>-_Yim
zEnlO&$IXwQNw-K@>G&`mWFudJhE*tE!i%4K!uR$9UepbtoQZN2sWSQhX!|YazQ&xy
z(va7Y$>4-hPR)74sn?MX-FFGbk@2BonC<+SZIB1ON#7B#NWG4kl<$yQl5b?&A0^+M
zn2u^#&c;>#i~Jz2aT<40uBoyrII8;a{Of(uSixhqT+N!1SZRAFs@IW<!K~y$mF=J|
z)Ap*VGXIV(`E%5#B)O?;kAKrg9oiqIJdpbG#60_dq$)iH{Yin}0cd!cRDpDX#)nZy
zZIZ8T7mp<<XSH>E$ZIQiq5XW)=VQNZuktnW3ATL-%%ME%&vUf1mb8wflb7W4G2%g-
zSkZP`9di@gYRmU&(}s?^*z?NaI_g@I^3d)N>IQTEMpB?{)0CJ_Pe;A}8zN^vr89Vv
zMy<%d#4nHSobdU0KwT4Ce~-5QRJ8eAiIr{JE40~8{Uc(t)t>y9$1K{t(C?f40ooa*
z8eDH1HN@G3_F`A!rLYHnKC)6SOQ(r(2<h{2LKpht=uA2Ii*iTuYe+STFXy}%?f<4^
zc9BNg3!J6FBg)B1%}FUKPo*v!)0LULj+>Ob+x87;Q;`lg;wVyIJBUQ&SJ1W`<w=;B
z_P^S58WYP$eT5|a$V;%k=ey+-TfL9wzmp$8?P1&9RlG#}3i12IGcp`s@*9b@vgf^^
z%{@{J$`gs}$V|JfwvQ^5Z&OzZBZ*}ue;sqtU!WdFP6DHB<2Klsia$v@Cfj%b`NcMN
z#8bn^5p~H)eL4TQZKta5$yXxwk@nSaE#=q5SCPMtV<{gYrKbL8@6Vfoigz@qLy9C{
z9cR%<M{!a{8lND&A$E>B9dF5}CnYD}hB_B_-Hh^Y<g1bIjTD`|q}k-Vab8(WPhE1-
zaq_3Mga4sHD$-rje*|^xqwyB<JM6`NqFpWWn{C;&GCxD9t6&3>)c;HV0I@%Dsf~+N
zwr}M#QhyHJ-d_ak5bQ*G5+<QCLM^{Iek4DZ`p48~CygPW=8O7ylv9$vW)M}0zro3r
z{~+I&)WEh4C-wv9bMSwtL8AgB9U<1fG|(~F;GCsgk-8R~RF%|_c%W^Qiuf$@{YfuL
zPf2<0d8L`=s?_HvO(dQYb(F-p^fOP-{}2_?BprFESZGG(DVHZ+m)I}FS`jIUX-L6}
zQ9giY?77*9k0j<pxg7C}I10OAPvSL5POgd_I|fDv#&r5RutV4AKC$to+pO}9d)y&7
zKDgs>@3=Kxvcw<ivLs2|pgyJIH}<LQ9q)<__lm1Duyp*GflYnmBZqzM7r$p>SFiZ+
zDa*a%A5ZJ->k5p&GV6v<{Mq@rz2e_3Ozsz-Z2hWqaohIokN;+WyelsCfzbF)2eNy`
zEjm;=?)IUc@$C+GcEz7MlELK@6Wyy*{GFqxQpO#-Fez=9-hr{b1G{$XANX~r_JKXS
z#q@}8`qzH%d{IG_`*n(r?bbUcs7iEfr!s-XLyCt46)PSTQamsuyiAF(!Xd>%LgM@{
zzwizXE*78SO7_HYrEZ7EReYBve#PzbK5=*NXOB<(V0^N;MXw^`Z@miliQDkbKfdC-
z)?RU|KGcf;^kH+Ngp%H_p=lF#WN;n!PMDL~HNhvLL=M-_i4sQUbu~zo@S=!osaL|B
zqONi25{g!K#blhdthwu6!uKs)Excy!ZRM(zP_(rx%6r!GcCHSyQbfDHOIR80TIfn>
z*uhoW+~%x_9bL`*hXh6s?9?G}KulotfY^SW0z35X)hD)7V8Vxvu05$|ogCm=ldk`O
XZUd?5-#dmW=oF*5NEkZM73%YU|7YF0

diff --git a/pod/locale/fr/LC_MESSAGES/django.po b/pod/locale/fr/LC_MESSAGES/django.po
index 305b1cf82e..a339cda4db 100755
--- a/pod/locale/fr/LC_MESSAGES/django.po
+++ b/pod/locale/fr/LC_MESSAGES/django.po
@@ -5,7 +5,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2020-12-02 07:54+0100\n"
+"POT-Creation-Date: 2021-01-21 10:49+0000\n"
 "PO-Revision-Date: \n"
 "Last-Translator: obado <bado@unice.fr>\n"
 "Language-Team: \n"
@@ -14,21 +14,21 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n > 1);\n"
-"X-Generator: Poedit 2.3.1\n"
+"X-Generator: Poedit 2.4.2\n"
 
 #: pod/authentication/admin.py:93 pod/main/forms.py:51
 msgid "Email"
 msgstr "Courriel"
 
 #: pod/authentication/admin.py:130 pod/authentication/models.py:75
-#: pod/video/admin.py:148
+#: pod/video/admin.py:154
 msgid "Establishment"
 msgstr "Etablissement"
 
 #: pod/authentication/forms.py:60 pod/authentication/forms.py:61
 #: pod/bbb/models.py:141 pod/main/templates/navbar.html:22
 #: pod/main/templates/navbar_collapse.html:76 pod/podfile/models.py:37
-#: pod/video/forms.py:234 pod/video/forms.py:577 pod/video/forms.py:581
+#: pod/video/forms.py:234 pod/video/forms.py:578 pod/video/forms.py:582
 #: pod/video/models.py:247 pod/video/templates/videos/filter_aside.html:13
 msgid "Users"
 msgstr "Utilisateurs"
@@ -90,7 +90,7 @@ msgid "registered-reader"
 msgstr "lecteur enregistré"
 
 #: pod/authentication/models.py:68 pod/recorder/models.py:266
-#: pod/video/models.py:1405 pod/video/views.py:1308
+#: pod/video/models.py:1420 pod/video/models.py:1469 pod/video/views.py:1305
 msgid "Comment"
 msgstr "Commentaire"
 
@@ -113,7 +113,7 @@ msgstr "Authentification locale"
 
 #: pod/authentication/templates/registration/login.html:9
 #: pod/authentication/templates/registration/login.html:12
-#: pod/authentication/templates/registration/login.html:64
+#: pod/authentication/templates/registration/login.html:63
 #: pod/main/templates/navbar.html:117
 msgid "Log in"
 msgstr "Connexion"
@@ -129,14 +129,13 @@ msgstr "Veuillez corriger les erreurs ci-dessous."
 #: pod/authentication/templates/registration/login.html:33
 #, python-format
 msgid ""
-"You are authenticated as %(username)s, but are not authorized to access this "
+"You are authenticated as %(user)s, but are not authorized to access this "
 "page. Would you like to login to a different account?"
 msgstr ""
-"Vous êtes authentifiés en tant que %(username)s, mais vous n'êtes pas "
-"autorisé à accéder à cette page. Voulez-vous vous connectez avec un autre "
-"compte ?"
+"Vous êtes authentifiés en tant que %(user)s, mais vous n'êtes pas autorisé à "
+"accéder à cette page. Voulez-vous vous connecter avec un autre compte ?"
 
-#: pod/authentication/templates/registration/login.html:60
+#: pod/authentication/templates/registration/login.html:59
 msgid "Forgotten your password or username?"
 msgstr "Mot de passe ou identifiant perdu ?"
 
@@ -164,8 +163,8 @@ msgstr "Changer votre image de profil"
 #: pod/video/templates/videos/video_note_comments_display.html:148
 #: pod/video/templates/videos/video_note_display.html:27
 #: pod/video/templates/videos/video_notes.html:80
-#: pod/video/templates/videos/video_notes.html:116 pod/video/views.py:261
-#: pod/video/views.py:744 pod/video/views.py:798 pod/video/views.py:1228
+#: pod/video/templates/videos/video_notes.html:116 pod/video/views.py:258
+#: pod/video/views.py:741 pod/video/views.py:795 pod/video/views.py:1225
 #: pod/video_search/templates/search/search.html:42
 msgid "One or more errors have been found in the form."
 msgstr "Une ou plusieurs erreurs ont été trouvées dans le formulaire."
@@ -235,7 +234,7 @@ msgstr "Nom de la session BBB."
 msgid "Session date"
 msgstr "Date de session"
 
-#: pod/bbb/models.py:40 pod/video/models.py:645 pod/video/models.py:1311
+#: pod/bbb/models.py:40 pod/video/models.py:645 pod/video/models.py:1326
 msgid "Encoding step"
 msgstr "Étape de l'encodage"
 
@@ -478,7 +477,7 @@ msgstr "titre court"
 #: pod/chapter/models.py:20 pod/completion/models.py:262
 #: pod/enrichment/models.py:120 pod/live/models.py:71 pod/playlist/models.py:17
 #: pod/video/models.py:223 pod/video/models.py:307 pod/video/models.py:400
-#: pod/video/models.py:426 pod/video/models.py:467 pod/video/models.py:1486
+#: pod/video/models.py:426 pod/video/models.py:467 pod/video/models.py:1509
 msgid ""
 "Used to access this instance, the \"slug\" is a short label containing only "
 "letters, numbers, underscore or dash top."
@@ -776,7 +775,7 @@ msgstr "Lien web"
 msgid "Contributor"
 msgstr "Contributeur"
 
-#: pod/completion/models.py:64 pod/video/templates/videos/video-info.html:59
+#: pod/completion/models.py:64
 msgid "Contributors"
 msgstr "Contributeurs"
 
@@ -808,9 +807,9 @@ msgstr ""
 #: pod/enrichment/models.py:291 pod/enrichment/models.py:322
 #: pod/interactive/models.py:16 pod/interactive/models.py:37
 #: pod/playlist/models.py:79 pod/recorder/models.py:78 pod/video/models.py:455
-#: pod/video/models.py:954 pod/video/models.py:1097 pod/video/models.py:1165
-#: pod/video/models.py:1219 pod/video/models.py:1264 pod/video/models.py:1282
-#: pod/video/models.py:1299
+#: pod/video/models.py:956 pod/video/models.py:1104 pod/video/models.py:1172
+#: pod/video/models.py:1226 pod/video/models.py:1275 pod/video/models.py:1293
+#: pod/video/models.py:1314
 msgid "Video"
 msgstr "Vidéo"
 
@@ -818,7 +817,7 @@ msgstr "Vidéo"
 #: pod/completion/templates/document/list_document.html:10
 #: pod/enrichment/models.py:147
 #: pod/enrichment/templates/enrichment/video_enrichment.html:126
-#: pod/podfile/models.py:164 pod/video/templates/videos/video-info.html:138
+#: pod/podfile/models.py:164
 msgid "Document"
 msgstr "Document"
 
@@ -917,7 +916,7 @@ msgstr "gauche"
 
 #: pod/completion/models.py:259 pod/live/models.py:69 pod/playlist/models.py:14
 #: pod/video/models.py:221 pod/video/models.py:305 pod/video/models.py:398
-#: pod/video/models.py:465 pod/video/models.py:1484
+#: pod/video/models.py:465 pod/video/models.py:1507
 msgid "Slug"
 msgstr "Titre court"
 
@@ -933,7 +932,7 @@ msgstr "Fin"
 msgid "End time of the overlay, in seconds."
 msgstr "Fin de la superposition, en secondes."
 
-#: pod/completion/models.py:279 pod/video/views.py:1337
+#: pod/completion/models.py:279 pod/video/views.py:1334
 msgid "Content"
 msgstr "Contenu"
 
@@ -1361,61 +1360,10 @@ msgstr "Le fichier n’a pas été enregistré."
 
 #: pod/completion/views.py:235 pod/completion/views.py:411
 #: pod/completion/views.py:812 pod/podfile/views.py:468
-#: pod/podfile/views.py:518 pod/video/views.py:351 pod/video/views.py:1386
+#: pod/podfile/views.py:518 pod/video/views.py:348 pod/video/views.py:1383
 msgid "Please correct errors"
 msgstr "Veuillez corriger les erreurs"
 
-#: pod/video/management/commands/check_obsolete_videos.py:80
-msgid "An Error occurred while processing "
-msgstr "Une erreur est survenue durant l’exécution du processus "
-
-#: pod/main/templates/mail/mail.html:7 pod/main/templates/mail/mail.txt:7
-#: pod/main/templates/mail/mail_sender.html:6
-#: pod/main/templates/mail/mail_sender.txt:6
-#: pod/video/management/commands/check_obsolete_videos.py:206
-#: pod/video/management/commands/check_obsolete_videos.py:225
-#: pod/video/management/commands/check_obsolete_videos.py:251
-#: pod/video/management/commands/check_obsolete_videos.py:286
-#: pod/video/management/commands/check_obsolete_videos.py:321
-msgid "Regards"
-msgstr "Cordialement"
-
-#: pod/main/templates/mail/mail.html:2 pod/main/templates/mail/mail.txt:2
-#: pod/main/templates/mail/mail_sender.html:2
-#: pod/main/templates/mail/mail_sender.txt:2
-msgid "Hello"
-msgstr "Bonjour"
-
-#: pod/video/management/commands/check_obsolete_videos.py:254
-msgid "The obsolete videos on Pod"
-msgstr "Les vidéos obsolètes sur Pod"
-
-#: pod/main/templates/base.html:71
-msgid "Home"
-msgstr "Accueil"
-
-#: pod/main/templates/navbar.html:17 pod/recorder/models.py:194
-#: pod/video/forms.py:170 pod/video/models.py:260 pod/video/models.py:528
-msgid "Channels"
-msgstr "Chaînes"
-
-#: pod/main/templates/contact_us.html:8 pod/main/templates/contact_us.html:12
-#: pod/main/templates/contact_us.html:17 pod/main/templates/maintenance.html:15
-msgid "Contact us"
-msgstr "Contactez nous"
-
-#: pod/main/templates/footer.html:27
-msgid "Pod Project"
-msgstr "Projet Pod"
-
-#: pod/main/templates/footer.html:30 pod/video/feeds.py:107
-msgid "video platform of"
-msgstr "plateforme vidéos de"
-
-#: pod/main/templates/footer.html:30
-msgid "videos availables"
-msgstr "vidéos disponibles"
-
 #: pod/enrichment/apps.py:7
 msgid "Enrichment version"
 msgstr "Version enrichie"
@@ -1479,8 +1427,7 @@ msgstr "Temps de fin de l'affichage de l'enrichissement en secondes."
 #: pod/enrichment/models.py:137
 #: pod/enrichment/templates/enrichment/list_enrichment.html:11
 #: pod/video/forms.py:101 pod/video/models.py:417 pod/video/models.py:472
-#: pod/video/templates/videos/video-info.html:84 pod/video/views.py:1334
-#: pod/video_search/templates/search/search.html:77
+#: pod/video/views.py:1331 pod/video_search/templates/search/search.html:77
 msgid "Type"
 msgstr "Type"
 
@@ -1919,7 +1866,7 @@ msgstr "Vous regardez cette vidéo en tant qu'utilisateur anonyme"
 msgid "You cannot add interactivity to this video."
 msgstr "Vous ne pouvez éditer cette vidéo interactive."
 
-#: pod/live/forms.py:51 pod/video/forms.py:188 pod/video/forms.py:705
+#: pod/live/forms.py:51 pod/video/forms.py:188 pod/video/forms.py:706
 msgid "Password"
 msgstr "Mot de passe"
 
@@ -2137,7 +2084,7 @@ msgstr "Désolé, aucun bâtiment trouvé"
 msgid "You cannot view this page."
 msgstr "Vous ne pouvez pas éditer cette image."
 
-#: pod/live/views.py:91 pod/video/views.py:654
+#: pod/live/views.py:91 pod/video/views.py:651
 msgid "The password is incorrect."
 msgstr "Le mot de passe est incorrect."
 
@@ -2182,8 +2129,8 @@ msgid "Other (please specify)"
 msgstr "Autre (spécifiez)"
 
 #: pod/main/forms.py:50 pod/podfile/models.py:27 pod/podfile/models.py:105
-#: pod/podfile/templates/podfile/home_content.html:32 pod/video/models.py:1090
-#: pod/video/models.py:1162 pod/video/models.py:1216
+#: pod/podfile/templates/podfile/home_content.html:32 pod/video/models.py:1097
+#: pod/video/models.py:1169 pod/video/models.py:1223
 msgid "Name"
 msgstr "Nom"
 
@@ -2901,14 +2848,12 @@ msgstr "Partager sur"
 #: pod/main/templates/aside.html:21 pod/main/templates/aside.html:27
 #: pod/recorder/models.py:188 pod/video/forms.py:134 pod/video/models.py:444
 #: pod/video/models.py:522 pod/video/templates/videos/filter_aside.html:56
-#: pod/video/templates/videos/video-info.html:90
 msgid "Disciplines"
 msgstr "Disciplines"
 
 #: pod/main/templates/aside.html:40 pod/recorder/models.py:184
 #: pod/video/forms.py:130 pod/video/models.py:518
 #: pod/video/templates/videos/filter_aside.html:78
-#: pod/video/templates/videos/video-info.html:15
 #: pod/video_search/templates/search/search.html:89
 msgid "Tags"
 msgstr "Mots clés"
@@ -2917,10 +2862,19 @@ msgstr "Mots clés"
 msgid "Breadcrumb"
 msgstr "Fil d’Ariane"
 
+#: pod/main/templates/base.html:71
+msgid "Home"
+msgstr "Accueil"
+
 #: pod/main/templates/base.html:76
 msgid "Toggle side Menu"
 msgstr "Afficher/masquer le menu latéral"
 
+#: pod/main/templates/contact_us.html:8 pod/main/templates/contact_us.html:12
+#: pod/main/templates/contact_us.html:17 pod/main/templates/maintenance.html:15
+msgid "Contact us"
+msgstr "Contactez nous"
+
 #: pod/main/templates/contact_us.html:56
 msgid "Back to the previous page"
 msgstr "Retour à la page précédente"
@@ -2939,10 +2893,40 @@ msgstr "Champs obligatoires"
 msgid "Fields marked with an asterisk are mandatory."
 msgstr "Les champs marqués avec un astérisque sont obligatoires."
 
+#: pod/main/templates/footer.html:29
+msgid ""
+"Esup Portal: Community of French higher education establishments for digital "
+"innovation"
+msgstr ""
+"ESUP-Portail : Communauté d’établissements français d’enseignement supérieur "
+"pour l’innovation numérique"
+
+#: pod/main/templates/footer.html:29
+msgid "Esup Portal"
+msgstr "ESUP-Portail"
+
 #: pod/main/templates/footer.html:30
+msgid "Pod Project"
+msgstr "Projet Pod"
+
+#: pod/main/templates/footer.html:34 pod/video/feeds.py:107
+msgid "video platform of"
+msgstr "plateforme vidéos de"
+
+#: pod/main/templates/footer.html:34
 msgid "Release"
 msgstr "Version"
 
+#: pod/main/templates/footer.html:34
+msgid "videos availables"
+msgstr "vidéos disponibles"
+
+#: pod/main/templates/mail/mail.html:2 pod/main/templates/mail/mail.txt:2
+#: pod/main/templates/mail/mail_sender.html:2
+#: pod/main/templates/mail/mail_sender.txt:2
+msgid "Hello"
+msgstr "Bonjour"
+
 #: pod/main/templates/mail/mail.html:3 pod/main/templates/mail/mail.txt:3
 msgid "The user"
 msgstr "L'utilisateur"
@@ -2961,6 +2945,17 @@ msgstr "Voici le message envoyé :"
 msgid "Referrer page:"
 msgstr "Page de référence :"
 
+#: pod/main/templates/mail/mail.html:7 pod/main/templates/mail/mail.txt:7
+#: pod/main/templates/mail/mail_sender.html:6
+#: pod/main/templates/mail/mail_sender.txt:6
+#: pod/video/management/commands/check_obsolete_videos.py:206
+#: pod/video/management/commands/check_obsolete_videos.py:225
+#: pod/video/management/commands/check_obsolete_videos.py:251
+#: pod/video/management/commands/check_obsolete_videos.py:286
+#: pod/video/management/commands/check_obsolete_videos.py:321
+msgid "Regards"
+msgstr "Cordialement"
+
 #: pod/main/templates/mail/mail_sender.html:3
 #: pod/main/templates/mail/mail_sender.txt:3
 msgid "You just sent a message from"
@@ -2970,6 +2965,11 @@ msgstr "Vous venez d'envoyer un message depuis"
 msgid "Return to homepage"
 msgstr "Revenir à la page d'accueil"
 
+#: pod/main/templates/navbar.html:17 pod/recorder/models.py:194
+#: pod/video/forms.py:170 pod/video/models.py:260 pod/video/models.py:528
+msgid "Channels"
+msgstr "Chaînes"
+
 #: pod/main/templates/navbar.html:27 pod/video/models.py:418
 #: pod/video/templates/videos/filter_aside.html:34
 msgid "Types"
@@ -3071,7 +3071,7 @@ msgstr "Votre message a été envoyé."
 
 #: pod/playlist/models.py:20
 #: pod/playlist/templates/playlist/playlist_element_list.html:12
-#: pod/podfile/models.py:30 pod/video/admin.py:162 pod/video/models.py:476
+#: pod/podfile/models.py:30 pod/video/admin.py:168 pod/video/models.py:476
 #: pod/video_search/templates/search/search.html:65
 msgid "Owner"
 msgstr "Propriétaire"
@@ -3191,7 +3191,6 @@ msgstr "Vignette"
 
 #: pod/playlist/templates/playlist/playlist_element_list.html:13
 #: pod/video/feeds.py:188 pod/video/models.py:568 pod/video/models.py:705
-#: pod/video/templates/videos/video-info.html:79
 msgid "Duration"
 msgstr "Durée"
 
@@ -3453,7 +3452,7 @@ msgstr "Supprimer cet enregistrement"
 msgid "If checked, record will be deleted instead of saving it"
 msgstr "Si coché, l'enregistrement sera supprimé et non ajouté"
 
-#: pod/recorder/forms.py:74 pod/video/forms.py:715
+#: pod/recorder/forms.py:74 pod/video/forms.py:716
 msgid "I agree"
 msgstr "J'accepte"
 
@@ -3477,7 +3476,7 @@ msgstr "Master"
 msgid "Doctorate"
 msgstr "Doctorat"
 
-#: pod/recorder/models.py:34 pod/video/models.py:66 pod/video/views.py:167
+#: pod/recorder/models.py:34 pod/video/models.py:66 pod/video/views.py:163
 msgid "Other"
 msgstr "Autre"
 
@@ -3605,7 +3604,6 @@ msgstr ""
 "Sélectionner un cursus universitaire qui convient à l'audience de ce contenu."
 
 #: pod/recorder/models.py:174 pod/video/forms.py:127 pod/video/models.py:508
-#: pod/video/templates/videos/video-info.html:85
 #: pod/video_search/templates/search/search.html:127
 msgid "Main language"
 msgstr "Langue principale"
@@ -3636,7 +3634,6 @@ msgstr ""
 "mots entre guillemets."
 
 #: pod/recorder/models.py:190 pod/video/forms.py:141 pod/video/models.py:524
-#: pod/video/templates/videos/video-info.html:99
 msgid "Licence"
 msgstr "Licence"
 
@@ -3646,7 +3643,7 @@ msgid "Themes"
 msgstr "Thèmes"
 
 #: pod/recorder/models.py:200 pod/video/forms.py:138 pod/video/forms.py:174
-#: pod/video/models.py:534 pod/video/models.py:1481
+#: pod/video/models.py:534 pod/video/models.py:1504
 msgid ""
 "Hold down \"Control\", or \"Command\" on a Mac, to select more than one."
 msgstr ""
@@ -3738,8 +3735,8 @@ msgstr "Fichier source de la vidéo publiée."
 msgid "File size"
 msgstr "Taille du fichier"
 
-#: pod/recorder/models.py:320 pod/video/models.py:499 pod/video/models.py:1348
-#: pod/video/models.py:1407
+#: pod/recorder/models.py:320 pod/video/models.py:499 pod/video/models.py:1363
+#: pod/video/models.py:1422
 msgid "Date added"
 msgstr "Date d'ajout"
 
@@ -3902,28 +3899,28 @@ msgstr "L’enregistrement a été supprimé."
 msgid "Pod Administration"
 msgstr "Administration de Pod"
 
-#: pod/video/admin.py:65
+#: pod/video/admin.py:71
 msgid "Encoded ?"
 msgstr "Encodé ?"
 
-#: pod/video/admin.py:70
+#: pod/video/admin.py:76
 msgid "Yes"
 msgstr "Oui"
 
-#: pod/video/admin.py:71
+#: pod/video/admin.py:77
 msgid "No"
 msgstr "Non"
 
-#: pod/video/admin.py:194
+#: pod/video/admin.py:200
 msgid "Encode selected"
 msgstr "(Ré)encoder la sélection"
 
-#: pod/video/admin.py:203
+#: pod/video/admin.py:207
 msgid "Transcript selected"
 msgstr "Transcription selectionnée"
 
-#: pod/video/admin.py:264 pod/video/forms.py:234 pod/video/forms.py:584
-#: pod/video/forms.py:586 pod/video/models.py:244
+#: pod/video/admin.py:268 pod/video/forms.py:234 pod/video/forms.py:585
+#: pod/video/forms.py:587 pod/video/models.py:244
 msgid "Owners"
 msgstr "Propriétaires"
 
@@ -3936,7 +3933,7 @@ msgstr "Fichier"
 msgid "You can send an audio or video file."
 msgstr "Vous pouvez envoyer un fichier audio ou vidéo."
 
-#: pod/video/forms.py:89 pod/video/views.py:1640
+#: pod/video/forms.py:89 pod/video/views.py:1641
 #, python-format
 msgid "The following formats are supported: %s"
 msgstr "Les formats suivants sont supportés: %s"
@@ -3980,7 +3977,6 @@ msgstr ""
 "contactez-nous pour expliquer vos besoins."
 
 #: pod/video/forms.py:106 pod/video/models.py:486
-#: pod/video/templates/videos/video-info.html:46
 msgid "Additional owners"
 msgstr "Propriétaires additionels"
 
@@ -4133,32 +4129,36 @@ msgstr ""
 msgid "Users can only add videos to this channel"
 msgstr "Les utilisateurs peuvent uniquement ajouter des vidéos à cette chaîne"
 
-#: pod/video/forms.py:392
+#: pod/video/forms.py:393
 msgid "The date must be before or equal to "
 msgstr "La date doit être antérieure ou égale à "
 
-#: pod/video/forms.py:411
+#: pod/video/forms.py:412
 msgid "Owner of the video cannot be an additional owner too"
 msgstr ""
 "Le propriétaire de la video ne peut pas être propriétaire additionnel en "
 "même temps"
 
-#: pod/video/forms.py:465 pod/video/templates/videos/add_video.html:85
+#: pod/video/forms.py:466 pod/video/templates/videos/add_video.html:85
 msgid "File"
 msgstr "Fichier"
 
-#: pod/video/forms.py:716
+#: pod/video/forms.py:717
 msgid "Delete video cannot be undo"
 msgstr "La suppression est définitive"
 
-#: pod/video/forms.py:783
+#: pod/video/forms.py:784
 msgid "A note can't be empty"
 msgstr "Une note ne peut pas être vide"
 
-#: pod/video/forms.py:805
+#: pod/video/forms.py:806
 msgid "A comment can't be empty"
 msgstr "Un commentaire ne peut pas être vide"
 
+#: pod/video/management/commands/check_obsolete_videos.py:80
+msgid "An Error occurred while processing "
+msgstr "Une erreur est survenue durant l’exécution du processus "
+
 #: pod/video/management/commands/check_obsolete_videos.py:84
 msgid "USE_OBSOLESCENCE is FALSE"
 msgstr "USE_OBSOLESCENCE est à FALSE"
@@ -4232,6 +4232,10 @@ msgstr ""
 "Pour information, vous trouverez ci-dessous la liste des vidéos qui "
 "arriveront bientôt à la date limite de suppression."
 
+#: pod/video/management/commands/check_obsolete_videos.py:254
+msgid "The obsolete videos on Pod"
+msgstr "Les vidéos obsolètes sur Pod"
+
 #: pod/video/management/commands/check_obsolete_videos.py:278
 msgid "For information, you will find below the list of deleted video."
 msgstr ""
@@ -4272,10 +4276,10 @@ msgstr "Public"
 msgid "%(app)s version"
 msgstr "Version %(app)s"
 
-#: pod/video/models.py:217 pod/video/models.py:301 pod/video/models.py:1473
+#: pod/video/models.py:217 pod/video/models.py:301
 msgid ""
 "Please choose a title as short and accurate as possible, reflecting the main "
-"subject / context of the content.(max length : 100 characters)"
+"subject / context of the content.(max length: 100 characters)"
 msgstr ""
 "Veuillez choisir un titre aussi court et précis que possible, qui reflète le "
 "sujet principal / le contexte de votre contenu. (taille maximale : 100 "
@@ -4324,7 +4328,7 @@ msgstr "Discipline"
 #: pod/video/models.py:461
 msgid ""
 "Please choose a title as short and accurate as possible, reflecting the main "
-"subject / context of the content.(max length : 250 characters)"
+"subject / context of the content.(max length: 250 characters)"
 msgstr ""
 "Veuillez choisir un titre aussi court et précis que possible, reflétant le "
 "sujet principal / le contexte de ce contenu (taille maximale : 250 "
@@ -4366,179 +4370,237 @@ msgstr "vidéos"
 msgid "Sum of view"
 msgstr "Somme des vues"
 
-#: pod/video/models.py:712
+#: pod/video/models.py:714
 msgid "Is the video encoded ?"
 msgstr "Est-ce que la vidéo est encodée ?"
 
-#: pod/video/models.py:957
+#: pod/video/models.py:959
 msgid "Date"
 msgstr "Date"
 
-#: pod/video/models.py:959 pod/video/templates/videos/video-info.html:80
+#: pod/video/models.py:961
 msgid "Number of view"
 msgstr "Nombre de vues"
 
-#: pod/video/models.py:967
+#: pod/video/models.py:969
 msgid "View count"
 msgstr "Nombre de vues"
 
-#: pod/video/models.py:968
+#: pod/video/models.py:970
 msgid "View counts"
 msgstr "Statistiques"
 
-#: pod/video/models.py:973
+#: pod/video/models.py:975
 msgid "resolution"
 msgstr "résolution"
 
-#: pod/video/models.py:979 pod/video/models.py:1044 pod/video/models.py:1051
+#: pod/video/models.py:978
+msgid ""
+"Please use the only format x. i.e.: <em>640x360</em> or <em>1280x720</em> or "
+"<em>1920x1080</em>."
+msgstr ""
+"Veuillez utiliser le format LxH. soit: <em>640x360</em> ou <em>1280x720</em> "
+"ou <em>1920x1080</em>."
+
+#: pod/video/models.py:982 pod/video/models.py:1051 pod/video/models.py:1058
 msgid "minrate"
 msgstr "débit minimum"
 
-#: pod/video/models.py:984 pod/video/models.py:1020 pod/video/models.py:1027
+#: pod/video/models.py:984 pod/video/models.py:990 pod/video/models.py:996
+#: pod/video/models.py:1002
+msgid ""
+"Please use the only format k. i.e.: <em>300k</em> or <em>600k</em> or "
+"<em>1000k</em>."
+msgstr ""
+"Veuillez utiliser le format XXk soit: <em>300k</em> ou <em>600k</em> ou "
+"<em>1000k</em>."
+
+#: pod/video/models.py:988 pod/video/models.py:1027 pod/video/models.py:1034
 msgid "bitrate video"
 msgstr "débit binaire de la vidéo"
 
-#: pod/video/models.py:989 pod/video/models.py:1032 pod/video/models.py:1039
+#: pod/video/models.py:994 pod/video/models.py:1039 pod/video/models.py:1046
 msgid "maxrate"
 msgstr "débit maximum"
 
-#: pod/video/models.py:994 pod/video/models.py:1069 pod/video/models.py:1076
+#: pod/video/models.py:1000 pod/video/models.py:1076 pod/video/models.py:1083
 msgid "bitrate audio"
 msgstr "débit binaire de l'audio"
 
-#: pod/video/models.py:998
+#: pod/video/models.py:1005
 msgid "Make a MP4 version"
 msgstr "Faire une version MP4"
 
-#: pod/video/models.py:1011 pod/video/models.py:1099
+#: pod/video/models.py:1018 pod/video/models.py:1106
 msgid "rendition"
 msgstr "rendu"
 
-#: pod/video/models.py:1012
+#: pod/video/models.py:1019
 msgid "renditions"
 msgstr "rendus"
 
-#: pod/video/models.py:1101 pod/video/models.py:1167 pod/video/models.py:1221
+#: pod/video/models.py:1101 pod/video/models.py:1170 pod/video/models.py:1224
+msgid "Please use the only format in encoding choices:"
+msgstr "Merci de sélectionner un format d’encodage valide :"
+
+#: pod/video/models.py:1108 pod/video/models.py:1174 pod/video/models.py:1228
 msgid "Format"
 msgstr "Format"
 
-#: pod/video/models.py:1108 pod/video/models.py:1172 pod/video/models.py:1226
+#: pod/video/models.py:1112 pod/video/models.py:1176 pod/video/models.py:1230
+msgid "Please use the only format in format choices:"
+msgstr "Merci de sélectionner un format valide :"
+
+#: pod/video/models.py:1115 pod/video/models.py:1179 pod/video/models.py:1233
 msgid "encoding source file"
 msgstr "fichier source d'encodage"
 
-#: pod/video/models.py:1130
+#: pod/video/models.py:1137
 msgid "Encoding video"
 msgstr "Encodage vidéo"
 
-#: pod/video/models.py:1131
+#: pod/video/models.py:1138
 msgid "Encoding videos"
 msgstr "Encodage des vidéos"
 
-#: pod/video/models.py:1182
+#: pod/video/models.py:1189
 msgid "Encoding audio"
 msgstr "Encodage audio"
 
-#: pod/video/models.py:1183
+#: pod/video/models.py:1190
 msgid "Encoding audios"
 msgstr "Encodage des audios"
 
-#: pod/video/models.py:1274
+#: pod/video/models.py:1238
+msgid "Video Playlist"
+msgstr "Liste de lecture"
+
+#: pod/video/models.py:1239
+msgid "Video Playlists"
+msgstr "Listes de lecture"
+
+#: pod/video/models.py:1285
 msgid "Encoding log"
 msgstr "Journal de l'encodage"
 
-#: pod/video/models.py:1275
+#: pod/video/models.py:1286
 msgid "Encoding logs"
 msgstr "Journaux des encodages"
 
-#: pod/video/models.py:1285
+#: pod/video/models.py:1296 pod/video/models.py:1301
 msgid "Video version"
 msgstr "Version de la video"
 
-#: pod/video/models.py:1287
+#: pod/video/models.py:1298
 msgid "Video default version."
 msgstr "Version par défaut de la vidéo."
 
-#: pod/video/models.py:1312
+#: pod/video/models.py:1302
+msgid "Video versions"
+msgstr "Versions de la video"
+
+#: pod/video/models.py:1327
 msgid "Encoding steps"
 msgstr "Etapes de l'encodage"
 
-#: pod/video/models.py:1321 pod/video/models.py:1328 pod/video/models.py:1344
-#: pod/video/views.py:1319
+#: pod/video/models.py:1336 pod/video/models.py:1343 pod/video/models.py:1359
+#: pod/video/views.py:1316
 msgid "Note"
 msgstr "Note"
 
-#: pod/video/models.py:1329
+#: pod/video/models.py:1344
 msgid "Notes"
 msgstr "Notes"
 
-#: pod/video/models.py:1340
+#: pod/video/models.py:1355
 msgid "Note availibility level"
 msgstr "Niveau de disponibilité de la note"
 
-#: pod/video/models.py:1342
+#: pod/video/models.py:1357
 msgid "Select an availability level for the note."
 msgstr "Sélectionner le niveau de disponibilité de la note."
 
-#: pod/video/models.py:1346
+#: pod/video/models.py:1361
 msgid "Timestamp"
 msgstr "Horodatage"
 
-#: pod/video/models.py:1350 pod/video/models.py:1409
+#: pod/video/models.py:1365 pod/video/models.py:1424
 msgid "Date modified"
 msgstr "Date de modification"
 
-#: pod/video/models.py:1353
+#: pod/video/models.py:1368
 msgid "Advanced Note"
 msgstr "Note avancée"
 
-#: pod/video/models.py:1354
+#: pod/video/models.py:1369
 msgid "Advanced Notes"
 msgstr "Notes avancées"
 
-#: pod/video/models.py:1400
+#: pod/video/models.py:1415
 msgid "Comment availibility level"
 msgstr "Niveau de disponibilité du commentaire"
 
-#: pod/video/models.py:1402
+#: pod/video/models.py:1417
 msgid "Select an availability level for the comment."
 msgstr "Sélectionnez un niveau de disponibilité pour le commentaire."
 
-#: pod/video/models.py:1412
+#: pod/video/models.py:1427
 msgid "Note comment"
 msgstr "Commentaire de la note"
 
-#: pod/video/models.py:1413
+#: pod/video/models.py:1428
 msgid "Note comments"
 msgstr "Commentaires de notes"
 
-#: pod/video/models.py:1431
+#: pod/video/models.py:1446
 msgid "Date for deletion"
 msgstr "Date pour la suppression"
 
-#: pod/video/models.py:1434 pod/video/models.py:1479
+#: pod/video/models.py:1449 pod/video/models.py:1502
 #: pod/video/templates/videos/video.html:76
 #: pod/video/templates/videos/videos.html:8
 #: pod/video/templates/videos/videos.html:17
 msgid "Videos"
 msgstr "Vidéos"
 
-#: pod/video/models.py:1437
+#: pod/video/models.py:1452
 msgid "Video to delete"
 msgstr "Vidéo à supprimer"
 
-#: pod/video/models.py:1438
+#: pod/video/models.py:1453
 msgid "Videos to delete"
 msgstr "Vidéos à supprimer"
 
-#: pod/video/models.py:1471 pod/video/templates/videos/category_modal.html:13
+#: pod/video/models.py:1470 pod/video/templates/videos/video-comment.html:12
+msgid "Comments"
+msgstr "Commentaires"
+
+#: pod/video/models.py:1485
+msgid "Vote"
+msgstr "Vote"
+
+#: pod/video/models.py:1486
+msgid "Votes"
+msgstr "Votes"
+
+#: pod/video/models.py:1494 pod/video/templates/videos/category_modal.html:13
 msgid "Category title"
 msgstr "Titre catégorie"
 
-#: pod/video/models.py:1499 pod/video/templates/videos/category_modal.html:7
+#: pod/video/models.py:1496
+msgid ""
+"Please choose a title as short and accurate as possible, reflecting the main "
+"subject / context of the content.(max length : 100 characters)"
+msgstr ""
+"Veuillez choisir un titre aussi court et précis que possible, qui reflète le "
+"sujet principal / le contexte de votre contenu. (taille maximale : 100 "
+"caractères)"
+
+#: pod/video/models.py:1522 pod/video/templates/videos/category_modal.html:7
 msgid "Category"
 msgstr "Catégorie"
 
-#: pod/video/models.py:1500
+#: pod/video/models.py:1523
 #: pod/video/templates/videos/filter_aside_category.html:14
 msgid "Categories"
 msgstr "Catégories"
@@ -4890,10 +4952,6 @@ msgstr ""
 msgid "Comments have been disabled for this video."
 msgstr "Les commentaires ont été désactivés pour cette vidéo."
 
-#: pod/video/templates/videos/video-comment.html:12
-msgid "Comments"
-msgstr "Commentaires"
-
 #: pod/video/templates/videos/video-comment.html:15
 msgid "Add a public comment"
 msgstr "Ajouter un commentaire public"
@@ -4932,28 +4990,45 @@ msgstr ""
 "C'est une vidéo 360. Pour déplacer la vue, cliquer et faites glisser la "
 "souris sur la vidéo."
 
+#: pod/video/templates/videos/video-info.html:15
+msgid "Tags:"
+msgstr "Mots clés :"
+
 #: pod/video/templates/videos/video-info.html:24
 msgid "No information available"
 msgstr "Aucune information disponible"
 
 #: pod/video/templates/videos/video-info.html:36
-#: pod/video/templates/videos/video.html:24
-#: pod/video/templates/videos/video.html:37
-#: pod/video/templates/videos/video.html:94
-msgid "Added by"
-msgstr "Ajouté par"
+msgid "Added by:"
+msgstr "Ajouté par :"
+
+#: pod/video/templates/videos/video-info.html:46
+msgid "Additional owners:"
+msgstr "Propriétaires additionels :"
+
+#: pod/video/templates/videos/video-info.html:59
+msgid "Contributors:"
+msgstr "Contributeurs :"
 
 #: pod/video/templates/videos/video-info.html:63
 msgid "send an email"
 msgstr "envoyer un courriel"
 
 #: pod/video/templates/videos/video-info.html:68
-msgid "go to his web link"
-msgstr "suivre son lien web"
+msgid "contributor web link"
+msgstr "lien du contributeur"
 
 #: pod/video/templates/videos/video-info.html:78
-msgid "Updated on"
-msgstr "Mis à jour le"
+msgid "Updated on:"
+msgstr "Mis à jour le :"
+
+#: pod/video/templates/videos/video-info.html:79
+msgid "Duration:"
+msgstr "Durée :"
+
+#: pod/video/templates/videos/video-info.html:80
+msgid "Number of view:"
+msgstr "Nombre de vues :"
 
 #: pod/video/templates/videos/video-info.html:80
 msgid "Show details of view statistics"
@@ -4963,17 +5038,37 @@ msgstr "Afficher les details des statistiques de visualisation"
 msgid "Show details views"
 msgstr "Afficher les details de visualisation"
 
+#: pod/video/templates/videos/video-info.html:84
+msgid "Type:"
+msgstr "Type :"
+
+#: pod/video/templates/videos/video-info.html:85
+msgid "Main language:"
+msgstr "Langue principale :"
+
 #: pod/video/templates/videos/video-info.html:87
-msgid "Audience"
-msgstr "Public"
+msgid "Audience:"
+msgstr "Public :"
+
+#: pod/video/templates/videos/video-info.html:90
+msgid "Disciplines:"
+msgstr "Disciplines :"
+
+#: pod/video/templates/videos/video-info.html:99
+msgid "Licence:"
+msgstr "Licence :"
 
 #: pod/video/templates/videos/video-info.html:112
-msgid "Video file(s)"
-msgstr "Fichiers vidéos"
+msgid "Video file(s):"
+msgstr "Fichiers vidéos :"
 
 #: pod/video/templates/videos/video-info.html:126
-msgid "Audio file"
-msgstr "Fichier audio"
+msgid "Audio file:"
+msgstr "Fichier audio :"
+
+#: pod/video/templates/videos/video-info.html:138
+msgid "Document:"
+msgstr "Document :"
 
 #: pod/video/templates/videos/video-info.html:154
 #: pod/video/templates/videos/video_edit.html:161
@@ -5018,16 +5113,22 @@ msgid "Check the box to indicate the beginning of playing desired."
 msgstr "Cocher la case pour indiquer le début de lecture souhaité."
 
 #: pod/video/templates/videos/video-info.html:193
-msgid "Copy the content of this text box and paste it in the page"
-msgstr "Copier le contenu de cette boite de texte et coller le sur la page"
+msgid "Copy the content of this text box and paste it in the page:"
+msgstr "Copier le contenu de cette boite de texte et coller le sur la page :"
 
 #: pod/video/templates/videos/video-info.html:197
-msgid "Use this link to share the video"
-msgstr "Utiliser ce lien pour partager la vidéo"
+msgid "Use this link to share the video:"
+msgstr "Utiliser ce lien pour partager la vidéo :"
 
 #: pod/video/templates/videos/video-info.html:201
-msgid "QR code for this link"
-msgstr "QR code pour le lien"
+msgid "QR code for this link:"
+msgstr "QR code pour le lien :"
+
+#: pod/video/templates/videos/video.html:24
+#: pod/video/templates/videos/video.html:37
+#: pod/video/templates/videos/video.html:94
+msgid "Added by"
+msgstr "Ajouté par"
 
 #: pod/video/templates/videos/video.html:118
 #: pod/video/templates/videos/video_edit.html:71
@@ -5204,7 +5305,7 @@ msgstr "Connectez-vous pour en créer une nouvelle."
 msgid "Video - Statistics views"
 msgstr "Vidéo - Statistiques de visualisation"
 
-#: pod/video/templates/videos/video_stats_view.html:24
+#: pod/video/templates/videos/video_stats_view.html:25
 msgid "Change the date"
 msgstr "Modifier la période de visualisation"
 
@@ -5217,17 +5318,17 @@ msgstr "Afficher les statistiques de visualisation de toutes les vidéos"
 msgid "-- sorry, no translation provided --"
 msgstr "-- désolé, aucune traduction fournie --"
 
-#: pod/video/utils.py:118
+#: pod/video/utils.py:119
 #, python-format
 msgid "Transcripting #%(content_id)s completed"
 msgstr "La transcription #%(content_id)s est terminée"
 
-#: pod/video/utils.py:123 pod/video/utils.py:146 pod/video/utils.py:211
-#: pod/video/utils.py:234
+#: pod/video/utils.py:124 pod/video/utils.py:147 pod/video/utils.py:213
+#: pod/video/utils.py:236
 msgid "Hello,"
 msgstr "Bonjour,"
 
-#: pod/video/utils.py:124 pod/video/utils.py:147
+#: pod/video/utils.py:125 pod/video/utils.py:148
 #, python-format
 msgid ""
 "The content “%(content_title)s” has been automatically transcript, and is "
@@ -5236,32 +5337,32 @@ msgstr ""
 "Le contenu \"%(content_title)s\" a été automatiquement transcrit, et est "
 "maintenant disponible sur %(site_title)s."
 
-#: pod/video/utils.py:129 pod/video/utils.py:152 pod/video/utils.py:217
-#: pod/video/utils.py:240
+#: pod/video/utils.py:130 pod/video/utils.py:153 pod/video/utils.py:219
+#: pod/video/utils.py:242
 msgid "You will find it here:"
 msgstr "Vous la retrouverez ici :"
 
-#: pod/video/utils.py:131 pod/video/utils.py:155 pod/video/utils.py:219
-#: pod/video/utils.py:243
+#: pod/video/utils.py:132 pod/video/utils.py:156 pod/video/utils.py:221
+#: pod/video/utils.py:245
 msgid "Regards."
 msgstr "Cordialement."
 
-#: pod/video/utils.py:134 pod/video/utils.py:158 pod/video/utils.py:222
-#: pod/video/utils.py:246
+#: pod/video/utils.py:135 pod/video/utils.py:159 pod/video/utils.py:224
+#: pod/video/utils.py:248
 msgid "Post by:"
 msgstr "Posté par :"
 
-#: pod/video/utils.py:136 pod/video/utils.py:160 pod/video/utils.py:224
-#: pod/video/utils.py:248
+#: pod/video/utils.py:137 pod/video/utils.py:161 pod/video/utils.py:226
+#: pod/video/utils.py:250
 msgid "the:"
 msgstr "le :"
 
-#: pod/video/utils.py:206
+#: pod/video/utils.py:208
 #, python-format
 msgid "Encoding #%(content_id)s completed"
 msgstr "L'encodage #%(content_id)s est terminé"
 
-#: pod/video/utils.py:212 pod/video/utils.py:235
+#: pod/video/utils.py:214 pod/video/utils.py:237
 #, python-format
 msgid ""
 "The video “%(content_title)s” has been encoded to Web formats, and is now "
@@ -5270,149 +5371,149 @@ msgstr ""
 "La vidéo \"%(content_title)s\" a été encodée au format web, et est "
 "maintenant disponible sur %(site_title)s."
 
-#: pod/video/views.py:239 pod/video/views.py:279
+#: pod/video/views.py:236 pod/video/views.py:276
 msgid "You cannot edit this channel."
 msgstr "Vous ne pouvez éditer cette chaîne."
 
-#: pod/video/views.py:256 pod/video/views.py:731
+#: pod/video/views.py:253 pod/video/views.py:728
 msgid "The changes have been saved."
 msgstr "Les modifications ont été sauvegardées."
 
-#: pod/video/views.py:608
+#: pod/video/views.py:605
 msgid "You don't have access to this playlist."
 msgstr "Vous n'avez pas les droits d'accès à cette liste de lecture."
 
-#: pod/video/views.py:669
+#: pod/video/views.py:666
 msgid "You cannot watch this video."
 msgstr "Vous ne pouvez pas voir cette vidéo."
 
-#: pod/video/views.py:703
+#: pod/video/views.py:700
 msgid "You cannot edit this video."
 msgstr "Vous ne pouvez pas éditer cette vidéo."
 
-#: pod/video/views.py:781
+#: pod/video/views.py:778
 msgid "You cannot delete this video."
 msgstr "Vous ne pouvez pas supprimer cette vidéo."
 
-#: pod/video/views.py:791
+#: pod/video/views.py:788
 msgid "The video has been deleted."
 msgstr "La vidéo a été supprimée."
 
-#: pod/video/views.py:907
+#: pod/video/views.py:904
 #, python-format
 msgid "You cannot %s this note or comment."
 msgstr "Vous ne pouvez pas %s cette note ou ce commentaire."
 
-#: pod/video/views.py:930
+#: pod/video/views.py:927
 msgid "You cannot see this note or comment."
 msgstr "Vous ne pouvez pas voir cette note ou ce commentaire."
 
-#: pod/video/views.py:1166 pod/video/views.py:1180 pod/video/views.py:1203
+#: pod/video/views.py:1163 pod/video/views.py:1177 pod/video/views.py:1200
 msgid "The comment has been saved."
 msgstr "Le commentaire a été enregistré."
 
-#: pod/video/views.py:1193 pod/video/views.py:1218
+#: pod/video/views.py:1190 pod/video/views.py:1215
 msgid "The note has been saved."
 msgstr "La note a été sauvegardée."
 
-#: pod/video/views.py:1258
+#: pod/video/views.py:1255
 msgid "The note has been deleted."
 msgstr "La note a été supprimée."
 
-#: pod/video/views.py:1266
+#: pod/video/views.py:1263
 msgid "The comment has been deleted."
 msgstr "Le commentaire a été supprimé."
 
-#: pod/video/views.py:1312 pod/video/views.py:1315 pod/video/views.py:1321
+#: pod/video/views.py:1309 pod/video/views.py:1312 pod/video/views.py:1318
 msgid "None"
 msgstr "Aucun"
 
-#: pod/video/views.py:1334
+#: pod/video/views.py:1331
 msgid "ID"
 msgstr "ID"
 
-#: pod/video/views.py:1334
+#: pod/video/views.py:1331
 msgid "Status"
 msgstr "Status"
 
-#: pod/video/views.py:1335
+#: pod/video/views.py:1332
 msgid "Parent note id"
 msgstr "Identifiant de note parent"
 
-#: pod/video/views.py:1335
+#: pod/video/views.py:1332
 msgid "Parent comment id"
 msgstr "ID du commentaire parent"
 
-#: pod/video/views.py:1336
+#: pod/video/views.py:1333
 msgid "Created on"
 msgstr "Créé le"
 
-#: pod/video/views.py:1336
+#: pod/video/views.py:1333
 msgid "Modified on"
 msgstr "Modifié le"
 
-#: pod/video/views.py:1337
+#: pod/video/views.py:1334
 msgid "Note timestamp"
 msgstr "Horodatage de la note"
 
-#: pod/video/views.py:1364 pod/video/views.py:1392
+#: pod/video/views.py:1361 pod/video/views.py:1389
 msgid "You cannot access to this view."
 msgstr "Vous ne pouvez pas accéder à cette vue."
 
-#: pod/video/views.py:1512
+#: pod/video/views.py:1508
 msgid "Pod video view statistics"
 msgstr "Statistiques de visualisation des vidéos Pod"
 
-#: pod/video/views.py:1518
+#: pod/video/views.py:1515
 #, python-format
 msgid "Video viewing statistics for %s"
 msgstr "Statistiques de visualisation de la vidéo %s"
 
-#: pod/video/views.py:1521
+#: pod/video/views.py:1519
 #, python-format
 msgid "Video viewing statistics for the channel %s"
 msgstr "Statistiques de visualisation des vidéos de la chaîne %s"
 
-#: pod/video/views.py:1524
+#: pod/video/views.py:1523
 #, python-format
 msgid "Video viewing statistics for the theme %s"
 msgstr "Statistiques de visualisation des vidéos du thème %s"
 
-#: pod/video/views.py:1564
+#: pod/video/views.py:1565
 #, python-format
 msgid "You do not have access rights to this video: %s "
 msgstr "Vous n'avez pas les droits d'accès à cette vidéo: %s "
 
-#: pod/video/views.py:1580
+#: pod/video/views.py:1585
 #, python-format
 msgid "The following video does not exist : %s"
 msgstr "La video suivante n'existe pas : %s"
 
-#: pod/video/views.py:1771
+#: pod/video/views.py:1772
 msgid "You do not have rights to delete this comment"
 msgstr "Vous n'avez pas les droits pour supprimer ce commentaire"
 
-#: pod/video/views.py:1862 pod/video/views.py:1928
+#: pod/video/views.py:1863 pod/video/views.py:1929
 msgid "One or many videos already have a category."
 msgstr "Une ou plusieurs vidéos possèdent déjà une catégorie."
 
-#: pod/video/views.py:1898 pod/video/views.py:1968
+#: pod/video/views.py:1899 pod/video/views.py:1969
 msgid "Title field is required"
 msgstr "Champ de titre est requis"
 
-#: pod/video/views.py:1903 pod/video/views.py:1973 pod/video/views.py:2015
+#: pod/video/views.py:1904 pod/video/views.py:1974 pod/video/views.py:2016
 msgid "Method Not Allowed"
 msgstr "Méthode non autorisée"
 
-#: pod/video/views.py:1945
+#: pod/video/views.py:1946
 msgid "Category updated successfully."
 msgstr "Catégorie mise à jour avec succès."
 
-#: pod/video/views.py:1963
+#: pod/video/views.py:1964
 msgid "You do not have rights to edit this category"
 msgstr "Vous n'avez pas les droits pour éditer cette catégorie"
 
-#: pod/video/views.py:2009
+#: pod/video/views.py:2010
 msgid "You do not have rights to delete this category"
 msgstr "Vous n'avez pas les droits pour supprimer cette catégorie"
 
@@ -5440,3 +5541,6 @@ msgstr "facettage"
 #: pod/video_search/views.py:55
 msgid "Remove selection"
 msgstr "Retirer la sélection"
+
+#~ msgid "go to his web link"
+#~ msgstr "suivre son lien web"
diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.mo b/pod/locale/fr/LC_MESSAGES/djangojs.mo
index 0f157e8c557346094c4ab2bedd402747e38c0b29..8845e455b3a061973d323e05fc4cec7a1da5c6fa 100644
GIT binary patch
delta 3025
zcmZA3d2AGA7{~Fq2Nbslv=wM;m1()9yWLg_Sfv!|fq)!EMJS@%?noEf-E|M}N;W~G
z0W@mHBcddfgoG*{v4p5GflwnNM)|`g7zO+TqA{Wd6OAW+f3s5r-}IT!%saC)@B2LO
z3>;mwcS+_{S^f)#79*;O=kttFM^OPA+I?3TLzfBRm1yG_d>H58b{vTxVmTheIy{XH
zSmZM%fGz09Uc44xL9WY~kGvDVU<oH`3bQv1;zW*T<JH*V`4HA{{1WQH?;(HY5St?W
z6g7}9u>#LwDURgiD6Bx8ufZui-!!pPMaNpyg`2Sqx8i7g74@Kfs2>iXGH?Wyq!Xy$
zeS@07dDKjEinBAVM-5~Rj>RPEK3lPX=bN4EC`Efv7k+`d(K(!oe|i0r=&a{>E~-?$
zI1aa=GSr8Y@t}8n7Ij@7v#`*@AkIhKH-VW6?CfC2kME;u{2d1HZ&V5Dm~JI5_uPQG
z@#Cn>^dVz3dr>JqfF!{jM8;q~#eDn<m4R=N<zapuL;fj`n?F6Mh&;~5AO^7;8}Mbc
z@EB^*{eTN`GIhEcqc{!sqXu>oRnk9D10PGib^m(Q1Xtn+>@Fw&N_mtHjr2+6&%DS+
zBYh3^gG0Cghj2Pp(Ak6wun`}`>+yBe@6Mvu#-FJB=g~O@t5N-JsQ$$nc9emzXB?Hf
zN3kV`MS}Xl#}ryMK8}pR{D@02cYHRLD^N4-Kn)~~&G;71!tYU;tKq3lxW+T{EITc9
ze1yut2=1Z>UWrO=HENA?Vl8e#rE(9FU31j)Yh<~YpHKt5fO^l%se_JNP&IEym1r%_
z(EI-oJ9?k@Ad@vmkgS=LNSV!f)DQEoGKNW*64VW+pcY#*>UV9Z>sMndZp1mb4>j<!
zXyGWHUXRmpl-~c<>}aN)$Tem!Y5*UiQuQUOcB9FEE6zf#fz3D-`@G|$cmv13pu5<v
z$xdt~>bf+}#huuKU*RO4Z>q?z7STK;YbJrZ;3=dk<`{BMa|Zb{xmNZQTZ<~yGGsZJ
zRj5owQJHuU)xQn3#`=&y^9CDT_Zen%;siUY)fv1VM^ld#cpF}auV5X1jvDA+co)`_
z*H!og2JjT>KE+I56Pe@Lj{3gzph~v`N8p<i$-h#*pAId)<ETY-8a1%<s73V;F2RyX
z*#UK6Gsn+hD}I7)SU5R5!)3@nCnk<6-6N=h??z>82=&~PlQY@Z?RPr#ppjgy)Q!U&
zRBIqO?Jg!AcM-P}DiISlYYBaP?jdpsHOt**H}iotY*u=Gi?P?+pU(5$PpFPnTfO`F
zgwmuI&Ejrnv+X2QBEFz*#^7SpjPLc1l%1J`>ReCUMkoVXPs2?U&dl?UZozeg>OI^j
zvzw-+xQ4iiXeab`sNQN?2X_#+>VUSIPzlwR6CFe=v5ZjD`sg9FZdfB3w?6E<3q)=t
zRQo&~c<p}FyFT3X8g+XIi%_-Kf*s-Y4Ks@!o0v%GRo2_EkXS%$AnNq~uV*JhsOdwZ
zf5~nn^e*#?y59yZJ~gckeT4WVm=H08(1Myu=pQUK)}s5rsW9G6+)3O=sOdE}^TT0<
z6|&-Kr}&DU&LQ7aUso)eN<=!-shD%nH*Hin)|KwHqbZ$pntY9p<LhvK^8M(uQr)(-
zDH670&QM{pG}asMu~YUXy|)zkN8A7Fd!VSgI2=j+ch$i5qQ1P5?RIZ$lkLnH^YcJ;
z>CT+1H3pt(MUqxLluT}pCBjxb5lh)!DLd@EQ#PlF$6DT1fq`$!uFYNOZ?`u^l95={
ze^V%BH(QOt#s+_|!Qa?mH8eH{n`Q(Xf<fPsP%`DeBN2)wdqSyLqS=adhQcxHMr~Wu
z(MXr=JU8}(yqSSUXZg6ZxrcW-@$vqWi#f5=3Ad{$d#0{9WexWC4E8HS*=wEFih}IP
z`hsLKVrQ?fbNVYv%MS0FXWHDUrL9mp9Ek;-Pb!u=m6ev$TshHMSGl_|VfBQR)xrLl
z^IPT9<x1;df6BhJe@j(U`O0)Wo{02b)_<VNDjnQPdN1o8sydew7&v^@Z+Qjnb}Evv
z69ex~n4hCD{$Vx3fWPLkoScC3c5P*Sz_i(3UelJHOu1Pf>|a0FPazUkI%@UCQdZb@
Y%VGzdqqVb3hG*oig}}gt+C{nl0)6(Tf&c&j

delta 2766
zcmZA2eQZ-z7{~F`4VWtf#>UH5klit0z}Btpz>V@Y8RKQ(7zpwrFw0t?Fxt^}1c*sv
zAW@S=(aRJJ#FzL7h(>Wlf{}zkVgx}=Oh^<1n20fvXb2Jc1JLiUy+p&wp8GlX^xS*T
zdCs|aM;4!NNnb7M*J~(IVl)xXHAW2|4&b1YZwyVwg~PBv7NQ3munN^RjK#PWy_m)T
zeuTAn-Dxj$a}DRSa5CM@7An;=^kNO3#ld(BGh-NNOa<q8_&8QMF2r)qH=+8yjQp8>
z918FdYCuP^1W)5*c-d*ch7)+cxlP5x4<4=>ic@h2&PUyNCF(}&F%J`{e!EdK?ZL_T
zIqE?-a5z3dT{mn{_PU9v3Hng|+Ho+?H#@0R;)~7?AEQ$C6>3TD;s_j0T9kom9FHx|
zc^9hRD`?>{^x;L+eeYu#j%QY0Y(_0*64NzQUZSEDpTttU;`kTp#zR<e#$c*ZDGVZ$
zGfl|7O&j*ZcGS$n$a0(ANOH|y)cyBiJ)S^6-Yg{ls*E9@7Pg@_)plHfA7C@y#)&ws
zC_A7Hs3l9I2K*LkMkla8o=2tlThtQ#h8oyCRKFq`=U`<q`JY5(3k_3oKL+puPQ&}C
z3+uT`YyTAL#w&0F#+>$Er~NQ$#-BN!MP=$6+~Fd#sQWBqJ++i;(o}ec*@>;#gG${M
z)XZ+6GV%{<Kn)|a15Kb(c?756b;se1PUkH+6Vs@rJB@nq*EkQqM+?&)o}#sx?%0lG
z$?S1_1K9@VC~BamP`mvSYM^&fdnAYTsKPQV$3>{jZ9`Vi>_PSKMaF90M)p$LoTQ?T
zXRr}3V*`#HWz1M?Lkp9r&AK183D2SS#zo}M6fp|2YidwS*@Rl6UD$~4pqBb))LSu-
z{7=&RUq@v+4eL;uIEb3TX;jB+I1}^6@YTX*9EW>Rd*vvS1oIQl!aGQI%~akwE;X&l
zpXuaKjXlU}np2pcrt%#XrRYcJhnuKPlxt;YJ_MCIAF4fwT7r2v4Yy+(9zzZ29_m50
z%tGgD@fmy-SK_azOwJ;`Y29cW6^;0S<8jnlUqHQ1S5Ybc1+_PnCJm$*wKvLeG1g)o
zK952C1RL>pY{F{NW?>h)@wIW}Uu$%T295L_YM0(YJ@5hQ_3@0)KBy9vsd{vwie|$7
zGi$E%b;LqKOUgtuGp4&)MdT1F;Vc}<zt&7;Nft97H#zlY9N^ShmCUQu54F)$HfPBk
zHPAW46NCo&XsM)OwbNLSeqsX8&#cuNtR=LORFn<Al4gcZDBAHVzATxe#Zg&m$($MU
zB(@TIo3tz{%LwfarC((Qp{0FT()w6vcQ1O_f>p%R1aD$yr$c7L$q1pf&m}exD$iw(
zd>tLN_Sz3B`q(rQ+Q9vZ{}=X3+O*R$me7XKhhZ);n^4jF8X`J$LeXn8n9#1*H-a}U
zQx-UCb7~{=ikoMNiG=o(ivIKIEl^oYtS6RhDod$EiH-K^{NpamzU8hg=!nNsiRgyz
zR6LPs$PdRmy0=AQsmz)Ex;v2VXrFPnQ!5+zhh0{%)jnKMRT52hb%u7C=5RD+r8Y;b
zj!-JHDW2H%>7aLW?IVSMx~#r8haPs>tBU=72Z}3m(#yR~iAX3FjmNxm=^L~HzJSl`
z4|sik%ij?6H&prjKA*d7iFa9KM>P3JKi?E@ozL<Ig8o1i*ZJIwL&=nPc_I``c7_;!
z&}xl##5+StYep<vsp$yC8oOiB9p27pXJ^FaxAR7PksGL)Vt+Z}h9*-|ZT~QGP`2i_
z{+oGONqx34-`W`M*c^?J8#+IF7LF&A&Tn2T6|s`tU6DjrJQ>v#t=XoD+(u&ER;W81
zjoZbgt*#n7RBCa2p|pbI`=#&MYdm}H+nzc*II7IvI_hTMs?mSv_N}xUT@2u0Imz$4
VRKCY$FRduG4_4IoU8`7_^Dn|cNmT#<

diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.po b/pod/locale/fr/LC_MESSAGES/djangojs.po
index 4c620f1b18..6ddc5c7eac 100644
--- a/pod/locale/fr/LC_MESSAGES/djangojs.po
+++ b/pod/locale/fr/LC_MESSAGES/djangojs.po
@@ -5,16 +5,16 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Esup-Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2020-12-01 18:18+0100\n"
-"PO-Revision-Date: 2020-04-30 12:12+0200\n"
-"Last-Translator: Nicolas <nicolas.can@univ-lille1.fr>\n"
+"POT-Creation-Date: 2021-01-21 12:12+0100\n"
+"PO-Revision-Date: 2021-01-21 12:05+0100\n"
+"Last-Translator: obado <bado@unice.fr>\n"
 "Language-Team: \n"
 "Language: fr\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n > 1);\n"
-"X-Generator: Poedit 2.2.4\n"
+"X-Generator: Poedit 2.4.2\n"
 
 #: pod/chapter/static/js/chapters.js:5 pod/chapter/static/js/chapters.js:7
 #: pod/enrichment/static/js/enrichment.js:5
@@ -28,7 +28,7 @@ msgstr "Obtenir le temps du lecteur"
 #: pod/completion/static/js/completion.js:50
 #: pod/enrichment/static/js/enrichment.js:17
 msgid "Error getting form."
-msgstr "Erreur lors de la récupération du formulaire"
+msgstr "Erreur lors de la récupération du formulaire."
 
 #: pod/chapter/static/js/chapters.js:16
 #: pod/completion/static/js/completion.js:50
@@ -109,24 +109,25 @@ msgid "no data could be stored."
 msgstr "aucune donnée ne peut être stockée."
 
 #: pod/completion/static/js/caption_maker.js:113
-msgid "Are you sure you want to delete all caption ?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer les sous-titre ?"
+msgid "Are you sure you want to delete all caption?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer les sous-titre ?"
 
 #: pod/completion/static/js/completion.js:145
-msgid "Are you sure you want to delete this file ?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer ce fichier ?"
+#: pod/podfile/static/podfile/js/filewidget.js:277
+msgid "Are you sure you want to delete this file?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer ce fichier ?"
 
 #: pod/completion/static/js/completion.js:147
-msgid "Are you sure you want to delete this contributor ?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer ce contributeur ?"
+msgid "Are you sure you want to delete this contributor?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer ce contributeur ?"
 
 #: pod/completion/static/js/completion.js:149
-msgid "Are you sure you want to delete this document ?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer ce document ?"
+msgid "Are you sure you want to delete this document?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer ce document ?"
 
 #: pod/completion/static/js/completion.js:151
-msgid "Are you sure you want to delete this overlay ?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer cette superposition ?"
+msgid "Are you sure you want to delete this overlay?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer cette superposition ?"
 
 #: pod/completion/static/js/completion.js:195 pod/main/static/js/main.js:265
 msgid "Changes have been saved."
@@ -364,14 +365,16 @@ msgstr ""
 
 #: pod/main/static/js/main.js:244
 msgid "Are you sure you want to delete this element?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer cet élément ?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer cet élément ?"
 
 #: pod/main/static/js/main.js:286
+#: pod/podfile/static/podfile/js/filewidget.js:114
 #: pod/podfile/static/podfile/js/filewidget.js:391
 msgid "Error during exchange"
 msgstr "Erreur durant le téléversement"
 
 #: pod/main/static/js/main.js:286
+#: pod/podfile/static/podfile/js/filewidget.js:114
 msgid "No data could be stored."
 msgstr "Aucune donnée ne peut être stockée."
 
@@ -393,13 +396,13 @@ msgstr "Des erreurs sont présentes dans le formulaire, veuillez les corriger"
 
 #: pod/main/static/js/main.js:513
 msgid "The file size exceeds the maximum allowed value :"
-msgstr "La fichier dépasse la taille maximum autorisée :"
+msgstr "La fichier dépasse la taille maximum autorisée :"
 
 #: pod/main/static/js/main.js:528
-msgid "The file extension not in the allowed extension :"
+msgid "The file extension not in the allowed extension:"
 msgstr ""
 "Cette extension de fichier n'est pas présente dans les extensions "
-"autorisées :"
+"autorisées :"
 
 #: pod/podfile/static/podfile/js/filewidget.js:11
 msgid "Change image"
@@ -426,6 +429,10 @@ msgstr "Changer de fichier"
 msgid "Enter new name of folder"
 msgstr "Indiquer un nouveau nom au dossier"
 
+#: pod/podfile/static/podfile/js/filewidget.js:167
+msgid "Remove"
+msgstr "Retirer"
+
 #: pod/podfile/static/podfile/js/filewidget.js:180
 #: pod/podfile/static/podfile/js/filewidget.js:202
 #: pod/podfile/static/podfile/js/filewidget.js:235
@@ -439,11 +446,7 @@ msgstr "Ajouter"
 
 #: pod/podfile/static/podfile/js/filewidget.js:268
 msgid "Are you sure you want to delete this folder?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer ce dossier ?"
-
-#: pod/podfile/static/podfile/js/filewidget.js:277
-msgid "Are you sure you want to delete this file?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer ce fichier ?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer ce dossier ?"
 
 #: pod/podfile/static/podfile/js/filewidget.js:477
 msgid "See more"
@@ -483,7 +486,7 @@ msgid "Comment show children icon"
 msgstr "Icon affichage commentaire enfant"
 
 #: pod/video/static/js/comment-script.js:264
-#: pod/video/static/js/comment-script.js:571
+#: pod/video/static/js/comment-script.js:542
 msgid "Show responses"
 msgstr "Afficher les réponses"
 
@@ -491,7 +494,7 @@ msgstr "Afficher les réponses"
 msgid "Comment has been deleted successfully."
 msgstr "Commentaire a été supprimé avec succès."
 
-#: pod/video/static/js/comment-script.js:569
+#: pod/video/static/js/comment-script.js:540
 msgid "Hide responses"
 msgstr "Cacher les réponses"
 
@@ -501,7 +504,7 @@ msgstr "La date doit être anterieure ou égale à"
 
 #: pod/video/static/js/video_category.js:25
 msgid "Category changes saved successfully"
-msgstr "Les changements sur la catégorie ont été sauvegardés avec succès."
+msgstr "Les changements sur la catégorie ont été sauvegardés avec succès"
 
 #: pod/video/static/js/video_category.js:26
 msgid "You cannot add two categories with the same title."
@@ -509,7 +512,7 @@ msgstr "Vous ne pouvez pas ajouter deux catégories avec le même titre."
 
 #: pod/video/static/js/video_category.js:27
 msgid "Category deleted successfully"
-msgstr "Catégorie supprimée avec succès."
+msgstr "Catégorie supprimée avec succès"
 
 #: pod/video/static/js/video_category.js:28
 msgid "An error occured, please refresh the page and try again."
@@ -536,6 +539,16 @@ msgstr "vidéo trouvée"
 msgid "Sorry, no video found"
 msgstr "Désolé, aucune vidéo trouvée"
 
+#: pod/video/static/js/video_category.js:380
+#: pod/video/static/js/video_category.js:484
+msgid "Video content."
+msgstr "Contenu video."
+
+#: pod/video/static/js/video_category.js:381
+#: pod/video/static/js/video_category.js:492
+msgid "Audio content."
+msgstr "Contenu audio."
+
 #: pod/video/static/js/video_category.js:391
 msgid "Edit the category"
 msgstr "Éditer la catégorie"
@@ -544,17 +557,33 @@ msgstr "Éditer la catégorie"
 msgid "Delete the category"
 msgstr "Supprimer la catégorie"
 
+#: pod/video/static/js/video_category.js:456
+msgid "This content is password protected."
+msgstr "Ce contenu est protégé par un mot de passe."
+
 #: pod/video/static/js/video_category.js:465
 msgid "This content is chaptered."
-msgstr "Ce contenu est chapitré"
+msgstr "Ce contenu est chapitré."
 
 #: pod/video/static/js/video_category.js:474
 msgid "This content is in draft."
-msgstr "Ce contenu est en privé"
+msgstr "Ce contenu est en privé."
 
-#: pod/video/static/js/video_category.js:492
-msgid "Audio content."
-msgstr "Contenu audio"
+#: pod/video/static/js/video_category.js:497
+msgid "Edit the video"
+msgstr "Éditer la vidéo"
+
+#: pod/video/static/js/video_category.js:498
+msgid "Complete the video"
+msgstr "Compléter la vidéo"
+
+#: pod/video/static/js/video_category.js:499
+msgid "Chapter the video"
+msgstr "Chapitrer la vidéo"
+
+#: pod/video/static/js/video_category.js:500
+msgid "Delete the video"
+msgstr "Supprimer la vidéo"
 
 #: pod/video/static/js/video_category.js:549
 msgid "Success.."
@@ -566,7 +595,7 @@ msgstr "Erreur.."
 
 #: pod/video/static/js/video_category.js:768
 msgid "Category created successfully"
-msgstr "Catégorie créée avec succès."
+msgstr "Catégorie créée avec succès"
 
 #: pod/video/static/js/video_category.js:788
 msgid "Create category"
diff --git a/pod/locale/nl/LC_MESSAGES/django.po b/pod/locale/nl/LC_MESSAGES/django.po
index af1ee586e6..c19a8c8fb3 100644
--- a/pod/locale/nl/LC_MESSAGES/django.po
+++ b/pod/locale/nl/LC_MESSAGES/django.po
@@ -5,7 +5,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: \n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2020-11-26 10:01+0000\n"
+"POT-Creation-Date: 2021-01-21 10:49+0000\n"
 "PO-Revision-Date: 2018-07-03 13:41+0100\n"
 "Last-Translator: Nicolas <nicolas.can@univ-lille1.fr>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -21,14 +21,14 @@ msgid "Email"
 msgstr "E-mail"
 
 #: pod/authentication/admin.py:130 pod/authentication/models.py:75
-#: pod/video/admin.py:148
+#: pod/video/admin.py:154
 msgid "Establishment"
 msgstr ""
 
 #: pod/authentication/forms.py:60 pod/authentication/forms.py:61
 #: pod/bbb/models.py:141 pod/main/templates/navbar.html:22
 #: pod/main/templates/navbar_collapse.html:76 pod/podfile/models.py:37
-#: pod/video/forms.py:234 pod/video/forms.py:577 pod/video/forms.py:581
+#: pod/video/forms.py:234 pod/video/forms.py:578 pod/video/forms.py:582
 #: pod/video/models.py:247 pod/video/templates/videos/filter_aside.html:13
 msgid "Users"
 msgstr ""
@@ -90,7 +90,7 @@ msgid "registered-reader"
 msgstr ""
 
 #: pod/authentication/models.py:68 pod/recorder/models.py:266
-#: pod/video/models.py:1418 pod/video/models.py:1467 pod/video/views.py:1281
+#: pod/video/models.py:1420 pod/video/models.py:1469 pod/video/views.py:1305
 msgid "Comment"
 msgstr ""
 
@@ -113,7 +113,7 @@ msgstr ""
 
 #: pod/authentication/templates/registration/login.html:9
 #: pod/authentication/templates/registration/login.html:12
-#: pod/authentication/templates/registration/login.html:64
+#: pod/authentication/templates/registration/login.html:63
 #: pod/main/templates/navbar.html:117
 msgid "Log in"
 msgstr "Log in"
@@ -129,11 +129,11 @@ msgstr ""
 #: pod/authentication/templates/registration/login.html:33
 #, python-format
 msgid ""
-"You are authenticated as %(username)s, but are not authorized to access this "
+"You are authenticated as %(user)s, but are not authorized to access this "
 "page. Would you like to login to a different account?"
 msgstr ""
 
-#: pod/authentication/templates/registration/login.html:60
+#: pod/authentication/templates/registration/login.html:59
 msgid "Forgotten your password or username?"
 msgstr ""
 
@@ -161,8 +161,8 @@ msgstr ""
 #: pod/video/templates/videos/video_note_comments_display.html:148
 #: pod/video/templates/videos/video_note_display.html:27
 #: pod/video/templates/videos/video_notes.html:80
-#: pod/video/templates/videos/video_notes.html:116 pod/video/views.py:257
-#: pod/video/views.py:717 pod/video/views.py:771 pod/video/views.py:1201
+#: pod/video/templates/videos/video_notes.html:116 pod/video/views.py:258
+#: pod/video/views.py:741 pod/video/views.py:795 pod/video/views.py:1225
 #: pod/video_search/templates/search/search.html:42
 msgid "One or more errors have been found in the form."
 msgstr ""
@@ -232,7 +232,7 @@ msgstr ""
 msgid "Session date"
 msgstr ""
 
-#: pod/bbb/models.py:40 pod/video/models.py:645 pod/video/models.py:1324
+#: pod/bbb/models.py:40 pod/video/models.py:645 pod/video/models.py:1326
 msgid "Encoding step"
 msgstr ""
 
@@ -455,7 +455,7 @@ msgstr ""
 #: pod/chapter/models.py:20 pod/completion/models.py:262
 #: pod/enrichment/models.py:120 pod/live/models.py:71 pod/playlist/models.py:17
 #: pod/video/models.py:223 pod/video/models.py:307 pod/video/models.py:400
-#: pod/video/models.py:426 pod/video/models.py:467
+#: pod/video/models.py:426 pod/video/models.py:467 pod/video/models.py:1509
 msgid ""
 "Used to access this instance, the \"slug\" is a short label containing only "
 "letters, numbers, underscore or dash top."
@@ -526,6 +526,8 @@ msgstr ""
 #: pod/chapter/templates/chapter/form_chapter.html:31
 #: pod/enrichment/templates/enrichment/form_enrichment.html:31
 #: pod/video/templates/channel/form_theme.html:47
+#: pod/video/templates/videos/category_modal.html:45
+#: pod/video/templates/videos/category_modal.html:65
 #: pod/video/templates/videos/video_note_display.html:43
 #: pod/video/templates/videos/video_notes.html:95
 #: pod/video/templates/videos/video_notes.html:130
@@ -576,6 +578,7 @@ msgstr ""
 #: pod/podfile/templates/podfile/list_folder_files.html:127
 #: pod/recorder/templates/recorder/record_delete.html:9
 #: pod/video/templates/channel/list_theme.html:35
+#: pod/video/templates/videos/category_modal.html:66
 #: pod/video/templates/videos/video_delete.html:10
 msgid "Delete"
 msgstr ""
@@ -592,7 +595,7 @@ msgstr ""
 #: pod/interactive/templates/interactive/group_interactive.html:10
 #: pod/main/templates/navbar.html:94
 #: pod/video/templates/videos/add_video.html:12
-#: pod/video/templates/videos/my_videos.html:6
+#: pod/video/templates/videos/my_videos.html:11
 #: pod/video/templates/videos/video_collaborate.html:12
 #: pod/video/templates/videos/video_delete.html:8
 #: pod/video/templates/videos/video_edit.html:13
@@ -737,7 +740,7 @@ msgstr ""
 msgid "Contributor"
 msgstr ""
 
-#: pod/completion/models.py:64 pod/video/templates/videos/video-info.html:59
+#: pod/completion/models.py:64
 msgid "Contributors"
 msgstr ""
 
@@ -767,9 +770,9 @@ msgstr ""
 #: pod/enrichment/models.py:291 pod/enrichment/models.py:322
 #: pod/interactive/models.py:16 pod/interactive/models.py:37
 #: pod/playlist/models.py:79 pod/recorder/models.py:78 pod/video/models.py:455
-#: pod/video/models.py:954 pod/video/models.py:1102 pod/video/models.py:1170
-#: pod/video/models.py:1224 pod/video/models.py:1273 pod/video/models.py:1291
-#: pod/video/models.py:1312
+#: pod/video/models.py:956 pod/video/models.py:1104 pod/video/models.py:1172
+#: pod/video/models.py:1226 pod/video/models.py:1275 pod/video/models.py:1293
+#: pod/video/models.py:1314
 msgid "Video"
 msgstr ""
 
@@ -777,7 +780,7 @@ msgstr ""
 #: pod/completion/templates/document/list_document.html:10
 #: pod/enrichment/models.py:147
 #: pod/enrichment/templates/enrichment/video_enrichment.html:126
-#: pod/podfile/models.py:164 pod/video/templates/videos/video-info.html:138
+#: pod/podfile/models.py:164
 msgid "Document"
 msgstr ""
 
@@ -874,7 +877,7 @@ msgstr ""
 
 #: pod/completion/models.py:259 pod/live/models.py:69 pod/playlist/models.py:14
 #: pod/video/models.py:221 pod/video/models.py:305 pod/video/models.py:398
-#: pod/video/models.py:465
+#: pod/video/models.py:465 pod/video/models.py:1507
 msgid "Slug"
 msgstr ""
 
@@ -890,7 +893,7 @@ msgstr ""
 msgid "End time of the overlay, in seconds."
 msgstr ""
 
-#: pod/completion/models.py:279 pod/video/views.py:1310
+#: pod/completion/models.py:279 pod/video/views.py:1334
 msgid "Content"
 msgstr ""
 
@@ -1291,7 +1294,7 @@ msgstr ""
 
 #: pod/completion/views.py:235 pod/completion/views.py:411
 #: pod/completion/views.py:812 pod/podfile/views.py:468
-#: pod/podfile/views.py:518 pod/video/views.py:347 pod/video/views.py:1359
+#: pod/podfile/views.py:518 pod/video/views.py:348 pod/video/views.py:1383
 msgid "Please correct errors"
 msgstr ""
 
@@ -1358,8 +1361,7 @@ msgstr ""
 #: pod/enrichment/models.py:137
 #: pod/enrichment/templates/enrichment/list_enrichment.html:11
 #: pod/video/forms.py:101 pod/video/models.py:417 pod/video/models.py:472
-#: pod/video/templates/videos/video-info.html:84 pod/video/views.py:1307
-#: pod/video_search/templates/search/search.html:77
+#: pod/video/views.py:1331 pod/video_search/templates/search/search.html:77
 msgid "Type"
 msgstr ""
 
@@ -1780,7 +1782,7 @@ msgstr ""
 msgid "You cannot add interactivity to this video."
 msgstr ""
 
-#: pod/live/forms.py:51 pod/video/forms.py:188 pod/video/forms.py:705
+#: pod/live/forms.py:51 pod/video/forms.py:188 pod/video/forms.py:706
 msgid "Password"
 msgstr ""
 
@@ -1985,7 +1987,7 @@ msgstr ""
 msgid "You cannot view this page."
 msgstr ""
 
-#: pod/live/views.py:91 pod/video/views.py:627
+#: pod/live/views.py:91 pod/video/views.py:651
 msgid "The password is incorrect."
 msgstr ""
 
@@ -2030,8 +2032,8 @@ msgid "Other (please specify)"
 msgstr ""
 
 #: pod/main/forms.py:50 pod/podfile/models.py:27 pod/podfile/models.py:105
-#: pod/podfile/templates/podfile/home_content.html:32 pod/video/models.py:1095
-#: pod/video/models.py:1167 pod/video/models.py:1221
+#: pod/podfile/templates/podfile/home_content.html:32 pod/video/models.py:1097
+#: pod/video/models.py:1169 pod/video/models.py:1223
 msgid "Name"
 msgstr ""
 
@@ -2749,14 +2751,12 @@ msgstr ""
 #: pod/main/templates/aside.html:21 pod/main/templates/aside.html:27
 #: pod/recorder/models.py:188 pod/video/forms.py:134 pod/video/models.py:444
 #: pod/video/models.py:522 pod/video/templates/videos/filter_aside.html:56
-#: pod/video/templates/videos/video-info.html:90
 msgid "Disciplines"
 msgstr ""
 
 #: pod/main/templates/aside.html:40 pod/recorder/models.py:184
 #: pod/video/forms.py:130 pod/video/models.py:518
 #: pod/video/templates/videos/filter_aside.html:78
-#: pod/video/templates/videos/video-info.html:15
 #: pod/video_search/templates/search/search.html:89
 msgid "Tags"
 msgstr ""
@@ -2796,19 +2796,29 @@ msgstr ""
 msgid "Fields marked with an asterisk are mandatory."
 msgstr ""
 
-#: pod/main/templates/footer.html:27
+#: pod/main/templates/footer.html:29
+msgid ""
+"Esup Portal: Community of French higher education establishments for digital "
+"innovation"
+msgstr ""
+
+#: pod/main/templates/footer.html:29
+msgid "Esup Portal"
+msgstr ""
+
+#: pod/main/templates/footer.html:30
 msgid "Pod Project"
 msgstr ""
 
-#: pod/main/templates/footer.html:30 pod/video/feeds.py:107
+#: pod/main/templates/footer.html:34 pod/video/feeds.py:107
 msgid "video platform of"
 msgstr ""
 
-#: pod/main/templates/footer.html:30
+#: pod/main/templates/footer.html:34
 msgid "Release"
 msgstr ""
 
-#: pod/main/templates/footer.html:30
+#: pod/main/templates/footer.html:34
 msgid "videos availables"
 msgstr ""
 
@@ -2869,8 +2879,9 @@ msgstr ""
 #: pod/main/templates/navbar.html:53 pod/main/templates/navbar.html:55
 #: pod/main/templates/navbar_collapse.html:85
 #: pod/main/templates/navbar_collapse.html:86
-#: pod/video/templates/videos/filter_aside.html:15 pod/video_search/forms.py:8
-#: pod/video_search/templates/search/search.html:8
+#: pod/video/templates/videos/filter_aside.html:15
+#: pod/video/templates/videos/filter_aside_category.html:24
+#: pod/video_search/forms.py:8 pod/video_search/templates/search/search.html:8
 #: pod/video_search/templates/search/search.html:17
 #: pod/video_search/templates/search/search.html:38
 msgid "Search"
@@ -2961,7 +2972,7 @@ msgstr ""
 
 #: pod/playlist/models.py:20
 #: pod/playlist/templates/playlist/playlist_element_list.html:12
-#: pod/podfile/models.py:30 pod/video/admin.py:162 pod/video/models.py:476
+#: pod/podfile/models.py:30 pod/video/admin.py:168 pod/video/models.py:476
 #: pod/video_search/templates/search/search.html:65
 msgid "Owner"
 msgstr ""
@@ -3073,7 +3084,6 @@ msgstr ""
 
 #: pod/playlist/templates/playlist/playlist_element_list.html:13
 #: pod/video/feeds.py:188 pod/video/models.py:568 pod/video/models.py:705
-#: pod/video/templates/videos/video-info.html:79
 msgid "Duration"
 msgstr ""
 
@@ -3329,7 +3339,7 @@ msgstr ""
 msgid "If checked, record will be deleted instead of saving it"
 msgstr ""
 
-#: pod/recorder/forms.py:74 pod/video/forms.py:715
+#: pod/recorder/forms.py:74 pod/video/forms.py:716
 msgid "I agree"
 msgstr ""
 
@@ -3463,7 +3473,6 @@ msgid "Select an university course as audience target of the content."
 msgstr ""
 
 #: pod/recorder/models.py:174 pod/video/forms.py:127 pod/video/models.py:508
-#: pod/video/templates/videos/video-info.html:85
 #: pod/video_search/templates/search/search.html:127
 msgid "Main language"
 msgstr ""
@@ -3490,7 +3499,6 @@ msgid ""
 msgstr ""
 
 #: pod/recorder/models.py:190 pod/video/forms.py:141 pod/video/models.py:524
-#: pod/video/templates/videos/video-info.html:99
 msgid "Licence"
 msgstr ""
 
@@ -3500,7 +3508,7 @@ msgid "Themes"
 msgstr ""
 
 #: pod/recorder/models.py:200 pod/video/forms.py:138 pod/video/forms.py:174
-#: pod/video/models.py:534
+#: pod/video/models.py:534 pod/video/models.py:1504
 msgid ""
 "Hold down \"Control\", or \"Command\" on a Mac, to select more than one."
 msgstr ""
@@ -3587,8 +3595,8 @@ msgstr ""
 msgid "File size"
 msgstr ""
 
-#: pod/recorder/models.py:320 pod/video/models.py:499 pod/video/models.py:1361
-#: pod/video/models.py:1420
+#: pod/recorder/models.py:320 pod/video/models.py:499 pod/video/models.py:1363
+#: pod/video/models.py:1422
 msgid "Date added"
 msgstr ""
 
@@ -3727,32 +3735,32 @@ msgstr ""
 msgid "The record has been deleted."
 msgstr ""
 
-#: pod/urls.py:261 pod/urls.py:262
+#: pod/urls.py:285 pod/urls.py:286
 msgid "Pod Administration"
 msgstr ""
 
-#: pod/video/admin.py:65
+#: pod/video/admin.py:71
 msgid "Encoded ?"
 msgstr ""
 
-#: pod/video/admin.py:70
+#: pod/video/admin.py:76
 msgid "Yes"
 msgstr ""
 
-#: pod/video/admin.py:71
+#: pod/video/admin.py:77
 msgid "No"
 msgstr ""
 
-#: pod/video/admin.py:194
+#: pod/video/admin.py:200
 msgid "Encode selected"
 msgstr ""
 
-#: pod/video/admin.py:203
+#: pod/video/admin.py:207
 msgid "Transcript selected"
 msgstr ""
 
-#: pod/video/admin.py:264 pod/video/forms.py:234 pod/video/forms.py:584
-#: pod/video/forms.py:586 pod/video/models.py:244
+#: pod/video/admin.py:268 pod/video/forms.py:234 pod/video/forms.py:585
+#: pod/video/forms.py:587 pod/video/models.py:244
 msgid "Owners"
 msgstr ""
 
@@ -3765,7 +3773,7 @@ msgstr ""
 msgid "You can send an audio or video file."
 msgstr ""
 
-#: pod/video/forms.py:89 pod/video/views.py:1613
+#: pod/video/forms.py:89 pod/video/views.py:1641
 #, python-format
 msgid "The following formats are supported: %s"
 msgstr ""
@@ -3799,7 +3807,6 @@ msgid ""
 msgstr ""
 
 #: pod/video/forms.py:106 pod/video/models.py:486
-#: pod/video/templates/videos/video-info.html:46
 msgid "Additional owners"
 msgstr ""
 
@@ -3917,27 +3924,27 @@ msgstr ""
 msgid "Users can only add videos to this channel"
 msgstr ""
 
-#: pod/video/forms.py:392
+#: pod/video/forms.py:393
 msgid "The date must be before or equal to "
 msgstr ""
 
-#: pod/video/forms.py:411
+#: pod/video/forms.py:412
 msgid "Owner of the video cannot be an additional owner too"
 msgstr ""
 
-#: pod/video/forms.py:465 pod/video/templates/videos/add_video.html:85
+#: pod/video/forms.py:466 pod/video/templates/videos/add_video.html:85
 msgid "File"
 msgstr ""
 
-#: pod/video/forms.py:716
+#: pod/video/forms.py:717
 msgid "Delete video cannot be undo"
 msgstr ""
 
-#: pod/video/forms.py:783
+#: pod/video/forms.py:784
 msgid "A note can't be empty"
 msgstr ""
 
-#: pod/video/forms.py:805
+#: pod/video/forms.py:806
 msgid "A comment can't be empty"
 msgstr ""
 
@@ -4131,214 +4138,234 @@ msgstr ""
 msgid "Sum of view"
 msgstr ""
 
-#: pod/video/models.py:712
+#: pod/video/models.py:714
 msgid "Is the video encoded ?"
 msgstr ""
 
-#: pod/video/models.py:957
+#: pod/video/models.py:959
 msgid "Date"
 msgstr ""
 
-#: pod/video/models.py:959 pod/video/templates/videos/video-info.html:80
+#: pod/video/models.py:961
 msgid "Number of view"
 msgstr ""
 
-#: pod/video/models.py:967
+#: pod/video/models.py:969
 msgid "View count"
 msgstr ""
 
-#: pod/video/models.py:968
+#: pod/video/models.py:970
 msgid "View counts"
 msgstr ""
 
-#: pod/video/models.py:973
+#: pod/video/models.py:975
 msgid "resolution"
 msgstr ""
 
-#: pod/video/models.py:976
+#: pod/video/models.py:978
 msgid ""
 "Please use the only format x. i.e.: <em>640x360</em> or <em>1280x720</em> or "
 "<em>1920x1080</em>."
 msgstr ""
 
-#: pod/video/models.py:980 pod/video/models.py:1049 pod/video/models.py:1056
+#: pod/video/models.py:982 pod/video/models.py:1051 pod/video/models.py:1058
 msgid "minrate"
 msgstr ""
 
-#: pod/video/models.py:982 pod/video/models.py:988 pod/video/models.py:994
-#: pod/video/models.py:1000
+#: pod/video/models.py:984 pod/video/models.py:990 pod/video/models.py:996
+#: pod/video/models.py:1002
 msgid ""
 "Please use the only format k. i.e.: <em>300k</em> or <em>600k</em> or "
 "<em>1000k</em>."
 msgstr ""
 
-#: pod/video/models.py:986 pod/video/models.py:1025 pod/video/models.py:1032
+#: pod/video/models.py:988 pod/video/models.py:1027 pod/video/models.py:1034
 msgid "bitrate video"
 msgstr ""
 
-#: pod/video/models.py:992 pod/video/models.py:1037 pod/video/models.py:1044
+#: pod/video/models.py:994 pod/video/models.py:1039 pod/video/models.py:1046
 msgid "maxrate"
 msgstr ""
 
-#: pod/video/models.py:998 pod/video/models.py:1074 pod/video/models.py:1081
+#: pod/video/models.py:1000 pod/video/models.py:1076 pod/video/models.py:1083
 msgid "bitrate audio"
 msgstr ""
 
-#: pod/video/models.py:1003
+#: pod/video/models.py:1005
 msgid "Make a MP4 version"
 msgstr ""
 
-#: pod/video/models.py:1016 pod/video/models.py:1104
+#: pod/video/models.py:1018 pod/video/models.py:1106
 msgid "rendition"
 msgstr ""
 
-#: pod/video/models.py:1017
+#: pod/video/models.py:1019
 msgid "renditions"
 msgstr ""
 
-#: pod/video/models.py:1099 pod/video/models.py:1168 pod/video/models.py:1222
+#: pod/video/models.py:1101 pod/video/models.py:1170 pod/video/models.py:1224
 msgid "Please use the only format in encoding choices:"
 msgstr ""
 
-#: pod/video/models.py:1106 pod/video/models.py:1172 pod/video/models.py:1226
+#: pod/video/models.py:1108 pod/video/models.py:1174 pod/video/models.py:1228
 msgid "Format"
 msgstr ""
 
-#: pod/video/models.py:1110 pod/video/models.py:1174 pod/video/models.py:1228
+#: pod/video/models.py:1112 pod/video/models.py:1176 pod/video/models.py:1230
 msgid "Please use the only format in format choices:"
 msgstr ""
 
-#: pod/video/models.py:1113 pod/video/models.py:1177 pod/video/models.py:1231
+#: pod/video/models.py:1115 pod/video/models.py:1179 pod/video/models.py:1233
 msgid "encoding source file"
 msgstr ""
 
-#: pod/video/models.py:1135
+#: pod/video/models.py:1137
 msgid "Encoding video"
 msgstr ""
 
-#: pod/video/models.py:1136
+#: pod/video/models.py:1138
 msgid "Encoding videos"
 msgstr ""
 
-#: pod/video/models.py:1187
+#: pod/video/models.py:1189
 msgid "Encoding audio"
 msgstr ""
 
-#: pod/video/models.py:1188
+#: pod/video/models.py:1190
 msgid "Encoding audios"
 msgstr ""
 
-#: pod/video/models.py:1236
+#: pod/video/models.py:1238
 msgid "Video Playlist"
 msgstr ""
 
-#: pod/video/models.py:1237
+#: pod/video/models.py:1239
 msgid "Video Playlists"
 msgstr ""
 
-#: pod/video/models.py:1283
+#: pod/video/models.py:1285
 msgid "Encoding log"
 msgstr ""
 
-#: pod/video/models.py:1284
+#: pod/video/models.py:1286
 msgid "Encoding logs"
 msgstr ""
 
-#: pod/video/models.py:1294 pod/video/models.py:1299
+#: pod/video/models.py:1296 pod/video/models.py:1301
 msgid "Video version"
 msgstr ""
 
-#: pod/video/models.py:1296
+#: pod/video/models.py:1298
 msgid "Video default version."
 msgstr ""
 
-#: pod/video/models.py:1300
+#: pod/video/models.py:1302
 msgid "Video versions"
 msgstr ""
 
-#: pod/video/models.py:1325
+#: pod/video/models.py:1327
 msgid "Encoding steps"
 msgstr ""
 
-#: pod/video/models.py:1334 pod/video/models.py:1341 pod/video/models.py:1357
-#: pod/video/views.py:1292
+#: pod/video/models.py:1336 pod/video/models.py:1343 pod/video/models.py:1359
+#: pod/video/views.py:1316
 msgid "Note"
 msgstr ""
 
-#: pod/video/models.py:1342
+#: pod/video/models.py:1344
 msgid "Notes"
 msgstr ""
 
-#: pod/video/models.py:1353
+#: pod/video/models.py:1355
 msgid "Note availibility level"
 msgstr ""
 
-#: pod/video/models.py:1355
+#: pod/video/models.py:1357
 msgid "Select an availability level for the note."
 msgstr ""
 
-#: pod/video/models.py:1359
+#: pod/video/models.py:1361
 msgid "Timestamp"
 msgstr ""
 
-#: pod/video/models.py:1363 pod/video/models.py:1422
+#: pod/video/models.py:1365 pod/video/models.py:1424
 msgid "Date modified"
 msgstr ""
 
-#: pod/video/models.py:1366
+#: pod/video/models.py:1368
 msgid "Advanced Note"
 msgstr ""
 
-#: pod/video/models.py:1367
+#: pod/video/models.py:1369
 msgid "Advanced Notes"
 msgstr ""
 
-#: pod/video/models.py:1413
+#: pod/video/models.py:1415
 msgid "Comment availibility level"
 msgstr ""
 
-#: pod/video/models.py:1415
+#: pod/video/models.py:1417
 msgid "Select an availability level for the comment."
 msgstr ""
 
-#: pod/video/models.py:1425
+#: pod/video/models.py:1427
 msgid "Note comment"
 msgstr ""
 
-#: pod/video/models.py:1426
+#: pod/video/models.py:1428
 msgid "Note comments"
 msgstr ""
 
-#: pod/video/models.py:1444
+#: pod/video/models.py:1446
 msgid "Date for deletion"
 msgstr ""
 
-#: pod/video/models.py:1447 pod/video/templates/videos/video.html:76
+#: pod/video/models.py:1449 pod/video/models.py:1502
+#: pod/video/templates/videos/video.html:76
 #: pod/video/templates/videos/videos.html:8
 #: pod/video/templates/videos/videos.html:17
 msgid "Videos"
 msgstr ""
 
-#: pod/video/models.py:1450
+#: pod/video/models.py:1452
 msgid "Video to delete"
 msgstr ""
 
-#: pod/video/models.py:1451
+#: pod/video/models.py:1453
 msgid "Videos to delete"
 msgstr ""
 
-#: pod/video/models.py:1468 pod/video/templates/videos/video-comment.html:12
+#: pod/video/models.py:1470 pod/video/templates/videos/video-comment.html:12
 msgid "Comments"
 msgstr ""
 
-#: pod/video/models.py:1483
+#: pod/video/models.py:1485
 msgid "Vote"
 msgstr ""
 
-#: pod/video/models.py:1484
+#: pod/video/models.py:1486
 msgid "Votes"
 msgstr ""
 
+#: pod/video/models.py:1494 pod/video/templates/videos/category_modal.html:13
+msgid "Category title"
+msgstr ""
+
+#: pod/video/models.py:1496
+msgid ""
+"Please choose a title as short and accurate as possible, reflecting the main "
+"subject / context of the content.(max length : 100 characters)"
+msgstr ""
+
+#: pod/video/models.py:1522 pod/video/templates/videos/category_modal.html:7
+msgid "Category"
+msgstr ""
+
+#: pod/video/models.py:1523
+#: pod/video/templates/videos/filter_aside_category.html:14
+msgid "Categories"
+msgstr ""
+
 #: pod/video/templates/channel/channel.html:62
 msgid "Show view statistics for all videos in this theme"
 msgstr ""
@@ -4381,8 +4408,8 @@ msgid "Edit the channel"
 msgstr ""
 
 #: pod/video/templates/channel/channel.html:98
-#: pod/video/templates/videos/my_videos.html:9
-#: pod/video/templates/videos/my_videos.html:18
+#: pod/video/templates/videos/my_videos.html:14
+#: pod/video/templates/videos/my_videos.html:33
 #: pod/video/templates/videos/videos.html:6
 #: pod/video/templates/videos/videos.html:12
 #: pod/video/templates/videos/videos.html:19
@@ -4552,14 +4579,46 @@ msgid "This content is chaptered."
 msgstr ""
 
 #: pod/video/templates/videos/card.html:25
+#: pod/video/templates/videos/category_modal_card.html:9
 msgid "Video content."
 msgstr ""
 
 #: pod/video/templates/videos/card.html:29
+#: pod/video/templates/videos/category_modal_card.html:13
 msgid "Audio content."
 msgstr ""
 
+#: pod/video/templates/videos/category_modal.html:14
+msgid "category title"
+msgstr ""
+
+#: pod/video/templates/videos/category_modal.html:15
+msgid "Check the videos to add in the category"
+msgstr ""
+
+#: pod/video/templates/videos/category_modal.html:30
+msgid "Previous page"
+msgstr ""
+
+#: pod/video/templates/videos/category_modal.html:35
+msgid "Next page"
+msgstr ""
+
+#: pod/video/templates/videos/category_modal.html:44
+msgid "Save category"
+msgstr ""
+
+#: pod/video/templates/videos/category_modal.html:55
+#: pod/video/templates/videos/filter_aside_category.html:36
+msgid "Delete the category"
+msgstr ""
+
+#: pod/video/templates/videos/category_modal.html:62
+msgid "Permanently delete your category ?"
+msgstr ""
+
 #: pod/video/templates/videos/filter_aside.html:8
+#: pod/video/templates/videos/filter_aside_category.html:6
 msgid "Filters"
 msgstr ""
 
@@ -4569,6 +4628,18 @@ msgstr ""
 msgid "Filter"
 msgstr ""
 
+#: pod/video/templates/videos/filter_aside_category.html:16
+msgid "Add new category"
+msgstr ""
+
+#: pod/video/templates/videos/filter_aside_category.html:20
+msgid "Add category"
+msgstr ""
+
+#: pod/video/templates/videos/filter_aside_category.html:33
+msgid "Edit the category"
+msgstr ""
+
 #: pod/video/templates/videos/footer_link.html:5
 msgid "link"
 msgstr ""
@@ -4607,17 +4678,17 @@ msgstr ""
 msgid "Video default version"
 msgstr ""
 
-#: pod/video/templates/videos/my_videos.html:15
+#: pod/video/templates/videos/my_videos.html:30
 msgid "No video found"
 msgstr ""
 
-#: pod/video/templates/videos/my_videos.html:16
+#: pod/video/templates/videos/my_videos.html:31
 msgid ""
 "You have not uploaded any videos yet, please use the \"Add a new video\" "
 "button to add one"
 msgstr ""
 
-#: pod/video/templates/videos/my_videos.html:19
+#: pod/video/templates/videos/my_videos.html:34
 msgid ""
 "Please use the thumbnails toolbar which is located under the video on which "
 "you want to work with."
@@ -4661,15 +4732,24 @@ msgid ""
 "video."
 msgstr ""
 
+#: pod/video/templates/videos/video-info.html:15
+msgid "Tags:"
+msgstr ""
+
 #: pod/video/templates/videos/video-info.html:24
 msgid "No information available"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:36
-#: pod/video/templates/videos/video.html:24
-#: pod/video/templates/videos/video.html:37
-#: pod/video/templates/videos/video.html:94
-msgid "Added by"
+msgid "Added by:"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:46
+msgid "Additional owners:"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:59
+msgid "Contributors:"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:63
@@ -4677,11 +4757,19 @@ msgid "send an email"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:68
-msgid "go to his web link"
+msgid "contributor web link"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:78
-msgid "Updated on"
+msgid "Updated on:"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:79
+msgid "Duration:"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:80
+msgid "Number of view:"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:80
@@ -4692,16 +4780,36 @@ msgstr ""
 msgid "Show details views"
 msgstr ""
 
+#: pod/video/templates/videos/video-info.html:84
+msgid "Type:"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:85
+msgid "Main language:"
+msgstr ""
+
 #: pod/video/templates/videos/video-info.html:87
-msgid "Audience"
+msgid "Audience:"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:90
+msgid "Disciplines:"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:99
+msgid "Licence:"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:112
-msgid "Video file(s)"
+msgid "Video file(s):"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:126
-msgid "Audio file"
+msgid "Audio file:"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:138
+msgid "Document:"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:154
@@ -4744,15 +4852,21 @@ msgid "Check the box to indicate the beginning of playing desired."
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:193
-msgid "Copy the content of this text box and paste it in the page"
+msgid "Copy the content of this text box and paste it in the page:"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:197
-msgid "Use this link to share the video"
+msgid "Use this link to share the video:"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:201
-msgid "QR code for this link"
+msgid "QR code for this link:"
+msgstr ""
+
+#: pod/video/templates/videos/video.html:24
+#: pod/video/templates/videos/video.html:37
+#: pod/video/templates/videos/video.html:94
+msgid "Added by"
 msgstr ""
 
 #: pod/video/templates/videos/video.html:118
@@ -4924,7 +5038,7 @@ msgstr ""
 msgid "Video - Statistics views"
 msgstr ""
 
-#: pod/video/templates/videos/video_stats_view.html:24
+#: pod/video/templates/videos/video_stats_view.html:25
 msgid "Change the date"
 msgstr ""
 
@@ -4937,175 +5051,199 @@ msgstr ""
 msgid "-- sorry, no translation provided --"
 msgstr ""
 
-#: pod/video/utils.py:118
+#: pod/video/utils.py:119
 #, python-format
 msgid "Transcripting #%(content_id)s completed"
 msgstr ""
 
-#: pod/video/utils.py:123 pod/video/utils.py:146 pod/video/utils.py:211
-#: pod/video/utils.py:234
+#: pod/video/utils.py:124 pod/video/utils.py:147 pod/video/utils.py:213
+#: pod/video/utils.py:236
 msgid "Hello,"
 msgstr ""
 
-#: pod/video/utils.py:124 pod/video/utils.py:147
+#: pod/video/utils.py:125 pod/video/utils.py:148
 #, python-format
 msgid ""
 "The content “%(content_title)s” has been automatically transcript, and is "
 "now available on %(site_title)s."
 msgstr ""
 
-#: pod/video/utils.py:129 pod/video/utils.py:152 pod/video/utils.py:217
-#: pod/video/utils.py:240
+#: pod/video/utils.py:130 pod/video/utils.py:153 pod/video/utils.py:219
+#: pod/video/utils.py:242
 msgid "You will find it here:"
 msgstr ""
 
-#: pod/video/utils.py:131 pod/video/utils.py:155 pod/video/utils.py:219
-#: pod/video/utils.py:243
+#: pod/video/utils.py:132 pod/video/utils.py:156 pod/video/utils.py:221
+#: pod/video/utils.py:245
 msgid "Regards."
 msgstr ""
 
-#: pod/video/utils.py:134 pod/video/utils.py:158 pod/video/utils.py:222
-#: pod/video/utils.py:246
+#: pod/video/utils.py:135 pod/video/utils.py:159 pod/video/utils.py:224
+#: pod/video/utils.py:248
 msgid "Post by:"
 msgstr ""
 
-#: pod/video/utils.py:136 pod/video/utils.py:160 pod/video/utils.py:224
-#: pod/video/utils.py:248
+#: pod/video/utils.py:137 pod/video/utils.py:161 pod/video/utils.py:226
+#: pod/video/utils.py:250
 msgid "the:"
 msgstr ""
 
-#: pod/video/utils.py:206
+#: pod/video/utils.py:208
 #, python-format
 msgid "Encoding #%(content_id)s completed"
 msgstr ""
 
-#: pod/video/utils.py:212 pod/video/utils.py:235
+#: pod/video/utils.py:214 pod/video/utils.py:237
 #, python-format
 msgid ""
 "The video “%(content_title)s” has been encoded to Web formats, and is now "
 "available on %(site_title)s."
 msgstr ""
 
-#: pod/video/views.py:235 pod/video/views.py:275
+#: pod/video/views.py:236 pod/video/views.py:276
 msgid "You cannot edit this channel."
 msgstr ""
 
-#: pod/video/views.py:252 pod/video/views.py:704
+#: pod/video/views.py:253 pod/video/views.py:728
 msgid "The changes have been saved."
 msgstr ""
 
-#: pod/video/views.py:581
+#: pod/video/views.py:605
 msgid "You don't have access to this playlist."
 msgstr ""
 
-#: pod/video/views.py:642
+#: pod/video/views.py:666
 msgid "You cannot watch this video."
 msgstr ""
 
-#: pod/video/views.py:676
+#: pod/video/views.py:700
 msgid "You cannot edit this video."
 msgstr ""
 
-#: pod/video/views.py:754
+#: pod/video/views.py:778
 msgid "You cannot delete this video."
 msgstr ""
 
-#: pod/video/views.py:764
+#: pod/video/views.py:788
 msgid "The video has been deleted."
 msgstr ""
 
-#: pod/video/views.py:880
+#: pod/video/views.py:904
 #, python-format
 msgid "You cannot %s this note or comment."
 msgstr ""
 
-#: pod/video/views.py:903
+#: pod/video/views.py:927
 msgid "You cannot see this note or comment."
 msgstr ""
 
-#: pod/video/views.py:1139 pod/video/views.py:1153 pod/video/views.py:1176
+#: pod/video/views.py:1163 pod/video/views.py:1177 pod/video/views.py:1200
 msgid "The comment has been saved."
 msgstr ""
 
-#: pod/video/views.py:1166 pod/video/views.py:1191
+#: pod/video/views.py:1190 pod/video/views.py:1215
 msgid "The note has been saved."
 msgstr ""
 
-#: pod/video/views.py:1231
+#: pod/video/views.py:1255
 msgid "The note has been deleted."
 msgstr ""
 
-#: pod/video/views.py:1239
+#: pod/video/views.py:1263
 msgid "The comment has been deleted."
 msgstr ""
 
-#: pod/video/views.py:1285 pod/video/views.py:1288 pod/video/views.py:1294
+#: pod/video/views.py:1309 pod/video/views.py:1312 pod/video/views.py:1318
 msgid "None"
 msgstr ""
 
-#: pod/video/views.py:1307
+#: pod/video/views.py:1331
 msgid "ID"
 msgstr ""
 
-#: pod/video/views.py:1307
+#: pod/video/views.py:1331
 msgid "Status"
 msgstr ""
 
-#: pod/video/views.py:1308
+#: pod/video/views.py:1332
 msgid "Parent note id"
 msgstr ""
 
-#: pod/video/views.py:1308
+#: pod/video/views.py:1332
 msgid "Parent comment id"
 msgstr ""
 
-#: pod/video/views.py:1309
+#: pod/video/views.py:1333
 msgid "Created on"
 msgstr ""
 
-#: pod/video/views.py:1309
+#: pod/video/views.py:1333
 msgid "Modified on"
 msgstr ""
 
-#: pod/video/views.py:1310
+#: pod/video/views.py:1334
 msgid "Note timestamp"
 msgstr ""
 
-#: pod/video/views.py:1337 pod/video/views.py:1365
+#: pod/video/views.py:1361 pod/video/views.py:1389
 msgid "You cannot access to this view."
 msgstr ""
 
-#: pod/video/views.py:1485
+#: pod/video/views.py:1508
 msgid "Pod video view statistics"
 msgstr ""
 
-#: pod/video/views.py:1491
+#: pod/video/views.py:1515
 #, python-format
 msgid "Video viewing statistics for %s"
 msgstr ""
 
-#: pod/video/views.py:1494
+#: pod/video/views.py:1519
 #, python-format
 msgid "Video viewing statistics for the channel %s"
 msgstr ""
 
-#: pod/video/views.py:1497
+#: pod/video/views.py:1523
 #, python-format
 msgid "Video viewing statistics for the theme %s"
 msgstr ""
 
-#: pod/video/views.py:1537
+#: pod/video/views.py:1565
 #, python-format
 msgid "You do not have access rights to this video: %s "
 msgstr ""
 
-#: pod/video/views.py:1553
+#: pod/video/views.py:1585
 #, python-format
 msgid "The following video does not exist : %s"
 msgstr ""
 
-#: pod/video/views.py:1739
-msgid "You do not have right to delete this comment"
+#: pod/video/views.py:1772
+msgid "You do not have rights to delete this comment"
+msgstr ""
+
+#: pod/video/views.py:1863 pod/video/views.py:1929
+msgid "One or many videos already have a category."
+msgstr ""
+
+#: pod/video/views.py:1899 pod/video/views.py:1969
+msgid "Title field is required"
+msgstr ""
+
+#: pod/video/views.py:1904 pod/video/views.py:1974 pod/video/views.py:2016
+msgid "Method Not Allowed"
+msgstr ""
+
+#: pod/video/views.py:1946
+msgid "Category updated successfully."
+msgstr ""
+
+#: pod/video/views.py:1964
+msgid "You do not have rights to edit this category"
+msgstr ""
+
+#: pod/video/views.py:2010
+msgid "You do not have rights to delete this category"
 msgstr ""
 
 #: pod/video_search/forms.py:11
diff --git a/pod/main/static/js/main.js b/pod/main/static/js/main.js
index 11f766ef20..bac15244ef 100644
--- a/pod/main/static/js/main.js
+++ b/pod/main/static/js/main.js
@@ -525,7 +525,7 @@ var videocheck = function(form,event) {
             }
         } else {
             window.scrollTo($("#video_form").scrollTop(), 0);
-            showalert(gettext("The file extension not in the allowed extension :")+" "+listext+".","alert-danger");
+            showalert(gettext("The file extension not in the allowed extension:")+" "+listext+".","alert-danger");
             event.preventDefault();
             event.stopPropagation();
         }
diff --git a/pod/podfile/static/podfile/js/filewidget.js b/pod/podfile/static/podfile/js/filewidget.js
index ee1f5ca0ca..cae8d3c57a 100644
--- a/pod/podfile/static/podfile/js/filewidget.js
+++ b/pod/podfile/static/podfile/js/filewidget.js
@@ -1,5 +1,5 @@
 // podfile:filewidjet.js
-// select file 
+// select file
 if(typeof loaded == 'undefined') {
     loaded = true;
     $(document).on("click", "a.file-name, a.file-image", function(e) {
@@ -235,7 +235,7 @@ $(document).on("click", ".btn-remove", function(e) {
             showalert(gettext("Server error") + "<br/>"+error, "alert-danger");
           }
       },
-      
+
   );
   });
 
@@ -334,8 +334,8 @@ $(document).on("click", ".btn-remove", function(e) {
       });
     }
   });
-  
-  
+
+
 
   function reloadFolder(data){
     if(data.list_element) {
@@ -344,7 +344,7 @@ $(document).on("click", ".btn-remove", function(e) {
         if(data.folder_name){
           $("#folder-name-"+ folder_id).text("  "+data.folder_name)
         }
-   
+
 
         if(data.new_folder == true){
           let type = $("#list_folders_sub").data("type")
@@ -355,7 +355,7 @@ $(document).on("click", ".btn-remove", function(e) {
          $("#folder_" + data.deleted_id).remove()
         }
         send_form_data("/podfile/get_folder_files/"+ folder_id, {}, "show_folder_files", "get");
-    
+
         //dismiss modal
         $('#folderModalCenter').modal('hide');
         $('#folderModalCenter').find('.modal-body input#folderInputName').val("");
@@ -436,7 +436,7 @@ function createFolder(foldid, foldname, isCurrent,type,owner=undefined){
     let isType = (type != "None" && type != undefined)
     construct+= ('/podfile/get_folder_files/' + foldid + (isType ? ('?type=' +type) : "") + '">')
     if(owner != undefined){
-      foldname = '<i><span id="folder-name-'+ foldid + '">  ' + foldname + '</span></i> <b>(' + owner+')</b>' 
+      foldname = '<i><span id="folder-name-'+ foldid + '">  ' + foldname + '</span></i> <b>(' + owner+')</b>'
     }
     else{
       foldname = '<span id="folder-name-' +foldid +  '">  ' +foldname+ '</span>'
@@ -507,7 +507,7 @@ var seeMoreElement = function (nextPage, curr_page, tot_page, search=null){
               if(nextPage != -1){
 		$("#list_folders_sub").append(seeMoreElement(nextPage, response.current_page+1, response.total_pages, search));
               }
-              
+
           }
       }
   );
@@ -517,7 +517,7 @@ var seeMoreElement = function (nextPage, curr_page, tot_page, search=null){
   $(document).on('show.bs.modal', '.podfilemodal', function (event) {
     event.stopPropagation();
     setTimeout(function(){initFolders()}, 500);
-    
+
   });
 
 

From 17127cd994ec5d2b223f8eab3fc140e7a53b25a2 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Fri, 22 Jan 2021 10:39:36 +0100
Subject: [PATCH 100/145] update js locale fr files

---
 pod/locale/fr/LC_MESSAGES/djangojs.mo | Bin 9509 -> 9542 bytes
 pod/locale/fr/LC_MESSAGES/djangojs.po |   2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.mo b/pod/locale/fr/LC_MESSAGES/djangojs.mo
index a2686fca6e0c2158e9f043698b95e40ed5591f50..d5a2516f0138e90a18a6940bb76f90783fff51b0 100644
GIT binary patch
delta 2207
zcmXZce@vBC9LMqR4K7#U3gpf3H<$R8auGxHB81`(LXf~RCAw*V5-Owo(OPb9&mXl$
zn&!OvM>*ZfTy70FhtBXX=bSlLEZ1gjnTy$)_D37pYLU9$pZlD%`+Z*LocrA8Ip=%M
zxu;sLws^Ovq#rd(KQW7VE6q$D-(+y1L^I9kvO;_UOE3>>@kv~RHQ0k8Jcbo`607hA
zR$_XV-(QX8w0m%#nP&&7#ON5o`S=^=;M8n0jiDHeupDP&yK?{wY41nfH-vob9G5U&
z!U%qg({KzY;RKdq8aL(gew#-{52!``U^!|g>+x~ih?>!x$cXJY>VemADvqIk_YdlK
z*^~W=L{Rswz;sMt8Fsn;L9FEc_9+#m{st<gf1qX>Bn>54gladV?(4%SzK09&6zah@
zu>c=o1<uL!m#h`%)9yxP@(@nPbLgouN<|O8i^@ch1=fth7{n;@u~IIK&Elw3HX@U@
zHcZXXwYyw<0F|L#$TqM+B>Q$4HINf|<Uda3G9Az0gfm9oqqH}nHkXI1@hfb^z!bBm
zu?aQs9XJCIpeA%0wOKEtCh!AlDSk#x>~GY-vLfVPH%94Qfs1f1zJrVKGpxcNaS3K~
zvwql!TI&Sr!JAQ=YOm`*>H5D!&G?G*J5<JQ;oAYTdma@%sEdWy8gE73W$&YA_6fG(
z1yl+%^8JkDp$6298tA(i#}TZ?ac3!`Q#*n6cnGzGqp0_Kx2QZv<yVYiIr-Dtv^sYn
z*|H<fFOY3w7f}Pfjye^$Q3K3m9m+9+td=c9^}m3O$r7l&vm42zXM3qM&~X@R@Oyj;
z!!!K>Ribw9TGS6c)E*c_J~qlloA!59CdN@qQAYY2uno1OAE8dkh-;5woz8zYdDo1a
zun_xEHy*%xJdaE9J{Duu9Dh%AAd|LzsP8{Vl4y63TkQerIL_b_!&+1(`cU`nRNJGn
z&vhI@mf42%1ztg=a1=H3U)=ZiP@78Y#mB;2bbke^KaN_GmAC}oz_oZ9wVD4#4JgKJ
zJ#}<a*?=En2i`%YypDCygSMkaeAIacwf0}5j@M79r5Ho)m4~Q-<dIhGm08$|F<gjy
zuoj1kcx?lfyL7C?x#TyB1DJ&eQET}zYM_@;yY@cnh5um~^Go~}6{9j%ogB%S>Agm6
z4N*g|7O8E{$m|v3F+x*&olsd$)TL@{Rc8Zkb9K?=>iTch8A>NOzNyme)F?F~W|LeO
znjJ_acZTu<uO>eTl?65=&xRruN`%T%LaU;`6D3LICE`V5l^T?e<aj8*^Lf9Ky6RtV
zJ;5PKZB}(^v#RtFN_!fyg;447v36%1^?%YytWI`MD)73gv7u7=)&bSodX`X8?l%*?
zYEZO0bBM)+&YH?HqJ;<&T6}F3l}!Z8k@{OzTjgaR+m2ntM!j|&m40IDaAxM88N+|&
M_T~<^7u*c~4}2}fX8-^I

delta 2191
zcmXxlOH5Q(9LMqhbbtY&&dBgks4@yxL_wq~pjM|AA0V`V7Nx#w6^oCiAsT`u?QPQq
z3n0-<UAVBV&%_uL6BgRWw$enbMi*+*7-DqMG$xwVM8U+^MZdqf#}oeZIp@rsJLmk*
z{|+M!ryINn*(pbiwug9&*cUX@#N{+zXpsyvrfd@CU@k_m4D)aa)?h1!upi4YfmJw+
z^Ki_~mrO95!?+d8%sl&=&RizWVg>$%6EQW@Ol!!&Vl2d|xZJq~r!($FU3U!mvs1ie
z;RTH1uQ(ZRV>&*@xA8fK`F<<lYTcj=^?~`Qovg%3*o4~AHe|&%h`Qk=%*ETN&pkqY
z?iFey!8iTusxXD|TAYQ=ZoUWS@%?s~j#592O6ddCPRDU3MoEXpwW#YhU<?mnB_2WD
zcm#{^Uo6LoVgJaMVg=(CR3^W{DR>G!b$+9x8{b3iWE@j5gM-#thk0Qw7DJ`50@<Wh
zqjpy3#`SL8hRVz)<k+nX$+q>P7SM;)crHTz=hOL{37Jd2W4IbsRGqj6kK;;wjHOta
z?Ju|;3mA8!HgXtMq~}l@xPm&W5!A*Wq89cXbzMf3{I8%hjdy3`c3g=4ScSt_i({w{
zR`4mEaUJT$ji_SkaPtFh{(IDp&pUrcW$Y?;2h8rE?o;n^;5yqD<U8yO)KPqgAK*`@
z6h1{|<RxlBRr&rx_n}gG0vF(@GtBBVuETfnAnFJ&qQ3Ylu0rn?ofw@Q@~5*|=xj%_
zWM4TCA!T7FQ41YHJq_1T3w(xi@IT~~tdw)n{9<HHR)?yc&8SRvU|i3CFP$1DF5?Uw
z#~4m7^sBZO^}$Y54Rj%Yc99o7ws%oSHi|lm2<eMsHR?!vP*2ARH@<;O7>{AGp8rbn
zKb?v7s0+JMDf<DJ;e9N@!fAd@#F0(fe$@MeND}QPa;g1;dJKcS%*A5V`^~6~>~`b*
znCCGu;NCciO5J(Xj(<mv+x|oq(?g8m6V#2e7-&8ZbrdtO7Mrjc`%p!E54Dg?cByd<
zw&7m%HqiNlj(#8t$iHq>k6Q5o=OF6L&!8TwUyy9u6;zGfM=j(jszzR6BW6-i@8CvU
zi~|_QYxq8<mr#Q-I*sIa0)CD<!yeR1e?(R59n=?&VivwYeNk|xpRs7-dRn2km6--Y
z)x;SjtA&+VJMjjgt#uG;aY9v~rd+8lCpwco|7Dfy>$g<TP71+un`~>GTBTOBg8z6s
zLQ?}DC%z5k2R0>+hGqpmN(_gh<!jxQ%kV=&#jmxits`0pB}1((5lGK(SL$B3QabAi
z9*Sg<YF<UEwu?~OgTxL(ZM#qMw?o}(qKVi@tWI>L7kQu1qkxk6PCl6QmlA5q{inoE
z4QQ%9{+ZY!LeJRiR!>KTpu<<8sBIxQ4tq}n*Hm0;yNPYYW_@idojt^7LsK%Ir440A
MwuXnkEV`NcKhI0Tz5oCK

diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.po b/pod/locale/fr/LC_MESSAGES/djangojs.po
index cd59e685db..8dccb71dfe 100644
--- a/pod/locale/fr/LC_MESSAGES/djangojs.po
+++ b/pod/locale/fr/LC_MESSAGES/djangojs.po
@@ -560,7 +560,7 @@ msgstr ""
 #: pod/static/admin/js/SelectFilter2.js:86 pod/static/js/comment-script.js:182
 #: pod/video/static/js/comment-script.js:182
 msgid "Remove"
-msgstr ""
+msgstr "Supprimer"
 
 #: pod/static/admin/js/SelectFilter2.js:92
 #, javascript-format

From 937f75f77057759fcfd1946d4cab37d7b5bb9de5 Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Fri, 22 Jan 2021 12:35:10 +0100
Subject: [PATCH 101/145] Update translations files with recent commits. + code
 formatting on settings_example (max line of 80 chars)

---
 pod/custom/settings_local.py.example  | 617 +++++++++++++++-----------
 pod/locale/fr/LC_MESSAGES/django.po   | 414 ++++++++---------
 pod/locale/fr/LC_MESSAGES/djangojs.mo | Bin 9542 -> 9662 bytes
 pod/locale/fr/LC_MESSAGES/djangojs.po | 576 ++++++------------------
 pod/locale/nl/LC_MESSAGES/django.mo   | Bin 728 -> 743 bytes
 pod/locale/nl/LC_MESSAGES/django.po   | 430 +++++++++---------
 pod/locale/nl/LC_MESSAGES/djangojs.mo | Bin 380 -> 369 bytes
 pod/locale/nl/LC_MESSAGES/djangojs.po | 246 ++++++----
 pod/main/static/js/main.js            |   2 +-
 9 files changed, 1089 insertions(+), 1196 deletions(-)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index 1fd4c966a4..c71b02a45d 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -1,15 +1,24 @@
 """
-# ********************************************************** ATTENTION **********************************************************
+# *************************** ATTENTION ***************************************
 #
-# Attention ! Veuillez ne pas renommer ce fichier en settings_local.py mais vous en inspirer pour configurer votre instance Pod.
+# Attention ! Veuillez ne pas renommer ce fichier en settings_local.py
+# mais vous en inspirer pour configurer votre instance Pod.
 #
-# ********************************************************** WARNING ************************************************************
+# **************************** WARNING ****************************************
 #
-# Warning ! Please do not rename this file to settings_local.py but be inspired by it to configure your Pod instance.
+# Warning ! Please do not rename this file to settings_local.py
+#  but be inspired by it to configure your Pod instance.
 #
-#********************************************************************************************************************************
+#******************************************************************************
 """
 
+from django.utils.translation import ugettext_lazy as _
+from pod.main.lang_settings import ALL_LANG_CHOICES, PREF_LANG_CHOICES
+import os
+##
+# Base folder
+#
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
 
 # configuration principale
 """
@@ -35,9 +44,11 @@ SESSION_COOKIE_SECURE = True
 CSRF_COOKIE_SECURE = True
 
 """
-# Une liste de chaînes représentant des noms de domaine/d’hôte que ce site Django peut servir.
+# Une liste de chaînes représentant des noms de domaine/d’hôte
+#  que ce site Django peut servir.
 # C’est une mesure de sécurité pour empêcher les attaques d’en-tête Host HTTP,
-# qui sont possibles même avec bien des configurations de serveur Web apparemment sécurisées.
+#  qui sont possibles même avec bien des configurations
+#  de serveur Web apparemment sécurisées.
 #  https://docs.djangoproject.com/fr/1.11/ref/settings/#allowed-hosts
 """
 ALLOWED_HOSTS = ['localhost']
@@ -49,32 +60,42 @@ ALLOWED_HOSTS = ['localhost']
 SESSION_COOKIE_AGE = 14400
 
 """
-# Indique s’il faut que la session expire lorsque l’utilisateur ferme son navigateur.
+# Indique s’il faut que la session expire
+#  lorsque l’utilisateur ferme son navigateur.
 # https://docs.djangoproject.com/fr/1.11/ref/settings/#session-cookie-age
 """
 SESSION_EXPIRE_AT_BROWSER_CLOSE = True
 
 """
-# Une liste de toutes les personnes qui reçoivent les notifications d’erreurs dans le code.
+# Une liste de toutes les personnes qui reçoivent les notifications
+# d’erreurs dans le code.
 # Lorsque DEBUG=False et qu’une vue lève une exception,
-# Django envoie un courriel à ces personnes contenant les informations complètes de l’exception.
-# Chaque élément de la liste doit être un tuple au format « (nom complet, adresse électronique) ».
-# Exemple : [('John', 'john@example.com'), ('Mary', 'mary@example.com')] Dans Pod,
-# les "admins" sont également destinataires des courriels de contact,
-# d'encodage ou de flux rss si la variable CONTACT_US_EMAIL n'est pas renseignée.
+# Django envoie un courriel à ces personnes contenant
+#  les informations complètes de l’exception.
+# Chaque élément de la liste doit être un tuple au format
+#  « (nom complet, adresse électronique) ».
+# Exemple : [('John', 'john@example.com'), ('Mary', 'mary@example.com')]
+# Dans Pod, les "admins" sont également destinataires
+#  des courriels de contact, d'encodage ou de flux rss
+#  si la variable CONTACT_US_EMAIL n'est pas renseignée.
 """
-ADMINS = ( ('Name', 'adminmail@univ.fr'),)
+ADMINS = (('Name', 'adminmail@univ.fr'),)
 
 """
-# Dans Pod, les "managers" sont destinataires des courriels de fin d'encodage (et ainsi des vidéos déposées sur la plateforme).
+# Dans Pod, les "managers" sont destinataires des courriels de fin d'encodage
+#  (et ainsi des vidéos déposées sur la plateforme).
 # Le premier managers renseigné est également contact des flus rss.
-# Ils sont aussi destinataires des courriels de contact si la variable CONTACT_US_EMAIL n'est pas renseignée.
+# Ils sont aussi destinataires des courriels de contact
+#  si la variable CONTACT_US_EMAIL n'est pas renseignée.
 """
 MANAGERS = ADMINS
 
 """
-# Un dictionnaire contenant les réglages de toutes les bases de données à utiliser avec Django.
-# C’est un dictionnaire imbriqué dont les contenus font correspondre l’alias de base de données avec un dictionnaire contenant les options de chacune des bases de données.
+# Un dictionnaire contenant les réglages de toutes les bases de données
+#  à utiliser avec Django.
+# C’est un dictionnaire imbriqué dont les contenus font correspondre
+#  l’alias de base de données avec un dictionnaire contenant
+#  les options de chacune des bases de données.
 # https://docs.djangoproject.com/fr/1.11/ref/settings/#databases
 """
 DATABASES = {
@@ -103,19 +124,23 @@ LANGUAGES = (
 TIME_ZONE = "UTC"
 
 """
-# Le répertoire dans lequel stocker temporairement les données (typiquement pour les fichiers plus grands que FILE_UPLOAD_MAX_MEMORY_SIZE) lors des téléversements de fichiers.
+# Le répertoire dans lequel stocker temporairement les données
+#  (typiquement pour les fichiers plus grands que FILE_UPLOAD_MAX_MEMORY_SIZE)
+#  lors des téléversements de fichiers.
 # https://docs.djangoproject.com/fr/1.11/ref/settings/#file-upload-temp-dir
 """
 FILE_UPLOAD_TEMP_DIR = "/var/tmp"
 
 """
-# Le chemin absolu vers le répertoire dans lequel collectstatic rassemble les fichiers statiques en vue du déploiement.
-#  https://docs.djangoproject.com/fr/1.11/ref/settings/#std:setting-STATIC_ROOT
+# Le chemin absolu vers le répertoire dans lequel collectstatic rassemble
+#  les fichiers statiques en vue du déploiement.
+# https://docs.djangoproject.com/fr/1.11/ref/settings/#std:setting-STATIC_ROOT
 """
 STATIC_ROOT = "/pod/static"
 
 """
-# Chemin absolu de système de fichiers pointant vers le répertoire qui contiendra les fichiers téléversés par les utilisateurs.
+# Chemin absolu du système de fichiers pointant vers le répertoire
+#  qui contiendra les fichiers téléversés par les utilisateurs.
 # https://docs.djangoproject.com/fr/1.11/ref/settings/#std:setting-MEDIA_ROOT
 """
 MEDIA_ROOT = "/pod/media"
@@ -131,47 +156,54 @@ EMAIL_HOST = "smtp.univ.fr"
 EMAIL_PORT = 25
 
 """
-# courriel utilisé par défaut pour les envois automatique (erreur de code etc.)
+# Expediteur par défaut pour les envois automatique (erreur de code etc.)
 """
 SERVER_EMAIL = "noreply@univ.fr"
 
 """
-# courriel utilisé par défaut pour les envois de courriel (contact, encodage etc.)
+# Expediteur par défaut pour les envois de courriel (contact, encodage etc.)
 """
-DEFAULT_FROM_EMAIL= "noreply@univ.fr"
+DEFAULT_FROM_EMAIL = "noreply@univ.fr"
 
 """
-# Les utilisateurs inactif ne sont plus affichés dans la barre de menu utilisateur
+# Les utilisateurs inactifs ne sont plus affichés
+#  dans la barre de menu utilisateur
 """
 MENUBAR_HIDE_INACTIVE_OWNERS = True
 
 """
-# Les utilisateurs non staff ne sont plus affichés dans la barre de menu utilisateur
+# Les utilisateurs non staff ne sont plus affichés
+#  dans la barre de menu utilisateur
 """
 MENUBAR_SHOW_STAFF_OWNERS_ONLY = False
 
 """
-# Afficher les vidéos dont l'accès est protégé par mot de passe sur la page d'accueil
+# Afficher les vidéos dont l'accès est protégé par mot de passe
+#  sur la page d'accueil
 """
 HOMEPAGE_SHOWS_PASSWORDED = False
 
 """
-# Afficher les vidéos dont l'accès est protégé par authentification sur la page d'accueil
+# Afficher les vidéos dont l'accès est protégé par authentification
+#  sur la page d'accueil
 """
 HOMEPAGE_SHOWS_RESTRICTED = False
 
 """
-# Les mots clés saisis lors de l'ajout de vidéo sont convertis automatiquement en minuscule
+# Les mots clés saisis lors de l'ajout de vidéo sont convertis
+#  automatiquement en minuscule
 """
 FORCE_LOWERCASE_TAGS = True
 
 """
-# Les mots clés saisis lors de l'ajout de vidéo ne peuvent dépassé la longueur saisie
+# Les mots clés saisis lors de l'ajout de vidéo
+#  ne peuvent dépasser la longueur saisie
 """
 MAX_TAG_LENGTH = 50
 
 """
-# Utiliser l'application de gestion de fichier fourni avec le projet. Si False, chaque fichier envoyé ne pourra être utilisé qu'une seule fois.
+# Utiliser l'application de gestion de fichier fourni avec le projet.
+#  Si False, chaque fichier envoyé ne pourra être utilisé qu'une seule fois.
 """
 USE_PODFILE = False
 
@@ -181,7 +213,8 @@ USE_PODFILE = False
 THIRD_PARTY_APPS = []
 
 """
-# Nom du répertoire racine ou les fichiers "complémentaires" (hors vidéos etc.) sont téléversés.
+# Nom du répertoire racine où les fichiers "complémentaires"
+#  (hors vidéos etc.) sont téléversés.
 """
 FILES_DIR = "files"
 
@@ -199,54 +232,71 @@ SUBJECT_CHOICES = (
 )
 
 """
-# Si valeur vaut 'True', le username de l'utilisateur ne sera pas visible sur la plate-forme Pod et
-# si la valeur vaut 'False' le username sera affichés aux utilisateurs authentifiés. (par soucis du respect du RGPD)
+# Si valeur vaut 'True', le username de l'utilisateur ne sera pas visible
+   sur la plate-forme Pod et
+# si la valeur vaut 'False' le username sera affichés
+   aux utilisateurs authentifiés. (par soucis du respect du RGPD)
 """
 HIDE_USERNAME = False
 
 """
-# Si valeur vaut 'True', l'onglet Utilisateur ne sera pas visible et si la valeur vaut 'False' l'onglet Utilisateur ne sera visible qu'aux personnes authentifiées.
+# Si valeur vaut 'True', l'onglet Utilisateur ne sera pas visible
+# et si la valeur vaut 'False' l'onglet Utilisateur ne sera visible
+#  qu'aux personnes authentifiées.
 # (par soucis du respect du RGPD)
 """
 HIDE_USER_TAB = False
 
 """
-# Si la valeur vaut 'True', le filtre des vidéos par utilisateur ne sera plus visible sur la plate-forme Pod et
-# si la valeur vaut 'False' le filtre sera visible qu'aux personnes authentifiées. (par soucis du respect du RGPD)
+# Si 'True', le filtre des vidéos par utilisateur ne sera plus visible
+# si 'False' le filtre sera visible qu'aux personnes authentifiées.
+# (par soucis du respect du RGPD)
 """
 HIDE_USER_FILTER = False
 
 """
-# Si valeur vaut 'True', les URLs contenues dans le texte de superposition seront transformées, à la lecture de la vidéo, en lien cliquable.
+# Si valeur vaut 'True', les URLs contenues dans le texte de superposition
+#  seront transformées, à la lecture de la vidéo, en lien cliquable.
 """
 LINK_SUPERPOSITION = False
 
 """
-# Si valeur vaut 'True', les e-mails de contacts seront adressés, selon le sujet, soit au propriétaire de la vidéo soit au(x) manageur(s) des vidéos Pod.
-# (voir USER_CONTACT_EMAIL_CASE et USE_ESTABLISHMENT_FIELD )
+# Si 'True', les e-mails de contacts seront adressés, selon le sujet,
+#  soit au propriétaire de la vidéo soit au(x) manageur(s) des vidéos Pod.
+# (voir USER_CONTACT_EMAIL_CASE et USE_ESTABLISHMENT_FIELD)
 """
 CUSTOM_CONTACT_US = False
 
 """
-# Une liste contenant les sujets de contact dont l'utilisateur sera seul destinataire plutôt que le(s) manageur(s).
-# Si la liste est vide, les mails de contact seront envoyés au(x) manageur(s). Valeurs possibles :
-#   'info', 'contribute', 'request_password', 'inapropriate_content', 'bug', 'other'
+# Une liste contenant les sujets de contact dont l'utilisateur
+#  sera seul destinataire plutôt que le(s) manageur(s).
+# Si la liste est vide, les mails de contact seront envoyés au(x) manageur(s).
+# Valeurs possibles :
+#  'info', 'contribute', 'request_password',
+#  'inapropriate_content', 'bug', 'other'
 """
 USER_CONTACT_EMAIL_CASE = []
 
 """
-# Si valeur vaut 'True', rajoute un attribut 'establishment' à l'utilisateur Pod ce qui permet de gérer plus d'un établissement pouvant utiliser Pod.
-# Dans ce cas les emails de contact par exemple seront envoyés soit à l'utilisateur soit au(x) manageur(s) de l'établissement de l'utilisateur.
-# (voir USER_CONTACT_EMAIL_CASE )
-# Egalement les emails de fin d'encodage seront envoyés au(x) manageur(s) de l'établissement du propriétaire de la vidéo encodée,
-# en plus d'un email au propriétaire, en confirmation de la fin d'encodage de sa vidéo.
+# Si valeur vaut 'True', rajoute un attribut 'establishment'
+#  à l'utilisateur Pod, ce qui permet de gérer plus d'un établissement.
+# Dans ce cas, les emails de contact par exemple seront envoyés
+#  soit à l'utilisateur soit au(x) manageur(s)
+#  de l'établissement de l'utilisateur.
+# (voir USER_CONTACT_EMAIL_CASE)
+# Egalement, les emails de fin d'encodage seront envoyés au(x) manageur(s)
+#  de l'établissement du propriétaire de la vidéo encodée,
+#  en plus d'un email au propriétaire confirmant la fin d'encodage d'une vidéo.
 """
 USE_ESTABLISHMENT_FIELD = False
 
 """
-# Permet d'activer la possibilité de voir en details le nombre de visualisation d'une vidéo durant un jour donné ou mois,
-# année ou encore le nombre de vue total depuis la création de la vidéo. un lien est rajouté dans la partie info lors de la lecture d'une vidéo,
-# un lien est rajouté dans la page de visualisation d'une chaîne ou un theme ou encore toutes les vidéos présentes sur la plateforme.
+# Permet d'activer la possibilité de voir en details
+#  le nombre de visualisation d'une vidéo durant un jour donné ou mois,
+#  année ou encore le nombre de vue total depuis la création de la vidéo.
+# Un lien est rajouté dans la partie info lors de la lecture d'une vidéo,
+# un lien est rajouté dans la page de visualisation d'une chaîne ou un theme
+#  ou encore toutes les vidéos présentes sur la plateforme.
 """
 USE_STATS_VIEW = False
 
@@ -256,17 +306,14 @@ USE_STATS_VIEW = False
 VIEW_STATS_AUTH = False
 
 """
-# Fixe une année maximale que la date de suppression d'une vidéo ne peut dépasser. Par défaut MAX_DURATION_DATE_DELETE = 10. (Année courante + 10 ans).
-"""
-MAX_DURATION_DATE_DELETE = 10
-
-"""
-# Permet d'utiliser la mise en ligne fragmentée (qui permet de reprendre la mise en ligne lors de problèmes de connexion)
+# Permet d'utiliser la mise en ligne fragmentée
+#  (qui permet de reprendre la mise en ligne lors de problèmes de connexion)
 """
 USE_CHUNKED_UPLOAD = False
 
 """
-# Taille d'un fragment (le fichier sera mis en ligne par fragment de cette taille)
+# Taille d'un fragment
+# (le fichier sera mis en ligne par fragment de cette taille)
 """
 CHUNK_SIZE = 1000000
 
@@ -287,95 +334,74 @@ ORGANIZE_BY_THEME = False
 
 """
 # Configuration des templates / de l'affichage
-# L'ensemble des variables ci-après doivent être contnu dans un dictionnnaire TEMPLATE_VISIBLE_SETTINGS.
-# Voici sa valeur par défaut :
 """
 TEMPLATE_VISIBLE_SETTINGS = {
+    # Titre du site.
     'TITLE_SITE': 'Pod',
-    'TITLE_ETB': 'University name',
-    'LOGO_SITE': 'img/logoPod.svg',
-    'LOGO_ETB': 'img/logo_etb.svg',
-    'LOGO_PLAYER': 'img/logoPod.svg',
-    'LINK_PLAYER': '',
-    'FOOTER_TEXT': ('',),
-    'FAVICON': 'img/logoPod.svg',
-    'CSS_OVERRIDE' : '',
-    'PRE_HEADER_TEMPLATE' : '',
-    'POST_FOOTER_TEMPLATE' : '',
-    'TRACKING_TEMPLATE' : '',
-}
-
 
-"""
-# Titre du site.
-TITLE_SITE = "Pod"
-"""
-
-"""
-# Titre de l’établissement.
-"""
-TITLE_ETB = "University name"
-
-"""
-# Logo affiché en haut à gauche sur toutes les pages. Doit se situer dans le répertoire static
-"""
-LOGO_SITE = "img/logoPod.svg"
-
-"""
-# Logo affiché dans le footer sur toutes les pages. Doit se situer dans le répertoire static
-"""
-LOGO_ETB = "img/logo_etb.svg"
+    # Titre de l’établissement.
+    'TITLE_ETB': 'University name',
 
-"""
-# Logo affiché sur le player video. Doit se situer dans le répertoire static
-"""
-LOGO_PLAYER = "img/logoPod.svg"
+    # Logo affiché en haut à gauche sur toutes les pages.
+    # Doit se situer dans le répertoire static
+    'LOGO_SITE': 'img/logoPod.svg',
 
-"""
-# Lien de destination du logo affiché sur le player
-"""
-LINK_PLAYER = ""
+    # Logo affiché dans le footer sur toutes les pages.
+    # Doit se situer dans le répertoire static
+    'LOGO_ETB': 'img/logo_etb.svg',
 
-"""
-# Texte affiché dans le footer. Une ligne par entrée, accepte du code html.
-# Par exmple : ( '42, rue Paul Duez', '59000 Lille - France', ('<a href="https://goo.gl/maps/AZnyBK4hHaM2"' ' target="_blank">Google maps</a>') )
-"""
-FOOTER_TEXT = ('',)
+    # Logo affiché sur le player video.
+    # Doit se situer dans le répertoire static
+    'LOGO_PLAYER': 'img/logoPod.svg',
 
-"""
-# Icon affiché dans la barre d'adresse du navigateur
-"""
-FAVICON = "img/logoPod.svg"
+    # Lien de destination du logo affiché sur le player
+    'LINK_PLAYER': '',
 
-"""
-# Si souhaitée, à créer et sauvegarder dans le répertoire static de l'application custom et préciser le chemin d'accès. Par exemple : "custom/etab.css"
-"""
-CSS_OVERRIDE = ""
+    # Texte affiché dans le footer. Une ligne par entrée, accepte du code html.
+    # Par exemple :
+    # ( '42, rue Paul Duez',
+    #   '59000 Lille - France',
+    #   ('<a href="https://goo.gl/maps/AZnyBK4hHaM2"'
+    #    ' target="_blank">Google maps</a>') )
+    'FOOTER_TEXT': ('',),
 
-"""
-# vous pouvez créer un template dans votre application custom et indiquer son chemin dans cette variable pour que ce code html,
-# ce template soit affiché en haut de votre page, le code est ajouté juste après la balise body.(Or iframe)
-# Si le fichié créé est '/usr/local/django_projects/podv2/pod/custom/templates/custom/preheader.html' alors la varaible doit prendre la valeur 'custom/preheader.html'
-"""
-PRE_HEADER_TEMPLATE = ""
+    # Icone affichée dans la barre d'adresse du navigateur
+    'FAVICON': 'img/logoPod.svg',
 
-"""
-# Idem que pre-header, le code contenu dans le template sera affiché juste avant la fermeture du body. (Or iframe)
-"""
-POST_FOOTER_TEMPLATE = ""
+    # Si souhaitée, à créer et sauvegarder
+    #  dans le répertoire static de l'application custom et
+    #  préciser le chemin d'accès. Par exemple : "custom/etab.css"
+    'CSS_OVERRIDE': '',
+
+    # Vous pouvez créer un template dans votre application custom et
+    #  indiquer son chemin dans cette variable pour que ce code html,
+    # ce template soit affiché en haut de votre page, le code est ajouté
+    #  juste après la balise body.(Or iframe)
+    # Si le fichier créé est
+    # '/opt/django_projects/podv2/pod/custom/templates/custom/preheader.html'
+    # alors la variable doit prendre la valeur 'custom/preheader.html'
+    'PRE_HEADER_TEMPLATE': '',
+
+    # Idem que pre-header, le code contenu dans le template
+    #  sera affiché juste avant la fermeture du body. (Or iframe)
+    'POST_FOOTER_TEMPLATE': '',
+
+    # vous pouvez créer un template dans votre application custom
+    #  pour y intégrer votre code Piwik ou Google analytics.
+    # Ce template est inséré dans toutes les pages de la plateforme,
+    #  y compris en mode iframe
+    'TRACKING_TEMPLATE': '',
+}
 
-"""
-# vous pouvez créer un template dans votre application custom pour y intégrer votre code Piwik ou Google analytics.
-# Ce template est inséré dans toutes les pages de la plateforme, y compris en mode iframe
-"""
-TRACKING_TEMPLATE = ""
 
 # Configuration application recherche
-# Pour mettre à jour le moteur de recherche, je lance toutes les nuits la tache cron suivante :
-#    0 5 * * * cd /home/pod/django_projects/podv2 && /home/pod/.virtualenvs/django_pod/bin/python manage.py index_videos --all
+# Pour mettre à jour le moteur de recherche, je lance toutes les nuits
+#  la tache cron suivante :
+# 0 5 * * * cd $path_pod/podv2 && $v_env/python manage.py index_videos --all
 
 """
-# adresse du ou des instances d'Elasticsearch utilisées pour l'indexation et la recherche de vidéo.
+# adresse du ou des instances d'Elasticsearch utilisées pour l'indexation
+#  et la recherche de vidéo.
 """
 ES_URL = ['http://127.0.0.1:9200/']
 
@@ -384,9 +410,7 @@ ES_URL = ['http://127.0.0.1:9200/']
 """
 ES_INDEX = "pod"
 
-
-
-# Configuration encodage
+# ## Configuration encodage ## #
 
 """
 # commande ffmpeg
@@ -404,7 +428,8 @@ FFPROBE = "ffprobe"
 SEGMENT_TARGET_DURATION = 2
 
 """
-# la taille du buffer est égale au bitrate vidéo du rendu multiplié par cette valeur
+# La taille du buffer est égale au bitrate vidéo du rendu
+#  multiplié par cette valeur
 """
 RATE_MONITOR_BUFFER_RATIO = 2
 
@@ -414,17 +439,20 @@ RATE_MONITOR_BUFFER_RATIO = 2
 FFMPEG_NB_THREADS = 0
 
 """
-# Commande utilisée pour récupérer les informations de la première piste video du fichier envoyé
+# Commande utilisée pour récupérer les informations
+#  de la première piste video du fichier envoyé
 """
 GET_INFO_VIDEO = "%(ffprobe)s -v quiet -show_format -show_streams -select_streams v:0 -print_format json -i %(source)s"
 
 """
-# Commande utilisée pour récupérer les informations de la première piste audio du fichier envoyé
+# Commande utilisée pour récupérer les informations
+#  de la première piste audio du fichier envoyé
 """
 GET_INFO_AUDIO = "%(ffprobe)s -v quiet -show_format -show_streams -select_streams a:0 -print_format json -i %(source)s"
 
 """
-# paramètres de la commande ffmpeg utilisés pour encoder toutes les vidéos, peu importe le rendu
+# paramètres de la commande ffmpeg utilisés
+#  pour encoder toutes les vidéos, peu importe le rendu
 """
 FFMPEG_STATIC_PARAMS = " -c:a aac -ar 48000 -c:v h264 -profile:v high -pix_fmt yuv420p -crf 20 -sc_threshold 0 -force_key_frames \"expr:gte(t,n_forced*1)\" -deinterlace -threads %(nb_threads)s "
 
@@ -434,29 +462,32 @@ FFMPEG_STATIC_PARAMS = " -c:a aac -ar 48000 -c:v h264 -profile:v high -pix_fmt y
 FFMPEG_MISC_PARAMS = " -hide_banner -y "
 
 """
-# bitrate audio pour l'encodage M4A (encodage des fichiers audio envoyés sur la plateforme)
+# bitrate audio pour l'encodage M4A
+#  (encodage des fichiers audio envoyés sur la plateforme)
 """
 AUDIO_BITRATE = "192k"
 
 """
-# commande utilisée pour l'encodage des fichiers audio envoyés sur la plateforme
+# commande utilisée pour l'encodage des fichiers audio envoyés
 """
 ENCODING_M4A = "%(ffmpeg)s -i %(source)s %(misc_params)s -c:a aac -b:a %(audio_bitrate)s -vn -threads %(nb_threads)s \"%(output_dir)s/audio_%(audio_bitrate)s.m4a\""
 
 """
-# commande utilisée pour l'encodage audio pour tous les fichiers envoyés sur la plateforme
+# commande utilisée pour l'encodage audio pour tous les fichiers envoyés
 """
 ENCODE_MP3_CMD = "%(ffmpeg)s -i %(source)s %(misc_params)s -vn -b:a %(audio_bitrate)s -vn -f mp3 -threads %(nb_threads)s \"%(output_dir)s/audio_%(audio_bitrate)s.mp3\""
 
 """
-# Si True, un courriel est envoyé aux managers et à l'auteur (si DEBUG est à False) à la fin de l'encodage
+# Si True, un courriel est envoyé aux managers
+#  et à l'auteur (si DEBUG est à False) à la fin de l'encodage/transcription
 """
 EMAIL_ON_ENCODING_COMPLETION = True
 
 """
-# Répertoire temporaire pour la création des thumbnails
+# Si True, un courriel est également envoyé à l'admin (si DEBUG est à False)
+#  à la fin de l'encodage/transcription
 """
-FILE_UPLOAD_TEMP_DIR = "/tmp" # déjà défini au dessus
+EMAIL_ADMIN_ON_ENCODING_COMPLETION = True
 
 """
 # Utilisation de Celery pour la gestion des taches d'encodage
@@ -464,7 +495,7 @@ FILE_UPLOAD_TEMP_DIR = "/tmp" # déjà défini au dessus
 CELERY_TO_ENCODE = False
 CELERY_BROKER_URL = "amqp://pod:xxx@localhost/rabbitpod"
 
-# Configuration flux RSS
+# ## Configuration flux RSS ## #
 
 """
 # couverture du droit pour chaque vidéo
@@ -479,20 +510,23 @@ DEFAULT_DC_RIGHTS = "BY-NC-SA"
 # Configuration application vidéo
 
 """
-# Si True, seule les personnes "Staff" peuvent déposer des vidéos sur la plateforme
+# Si True, seule les personnes "Staff" peuvent déposer des vidéos
 """
 RESTRICT_EDIT_VIDEO_ACCESS_TO_STAFF_ONLY = False
 
 """
-# image par défaut affichée comme poster ou vignette, utilisée pour présenter la vidéo. Cette image doit se situer dans le répertoire static.
+# Image par défaut affichée comme poster ou vignette,
+#  utilisée pour présenter la vidéo.
+# Cette image doit se situer dans le répertoire static.
 """
 DEFAULT_THUMBNAIL = "img/default.png"
 
 """
-# Encodage possible sur la plateforme. Associé à un rendu dans le cas d'une vidéo.
+# Encodage possible sur la plateforme.
+# Associé à un rendu dans le cas d'une vidéo.
 """
 ENCODING_CHOICES = (
-    ("audio", "audio"),*
+    ("audio", "audio"),
     ("360p", "360p"),
     ("480p", "480p"),
     ("720p", "720p"),
@@ -517,33 +551,43 @@ FORMAT_CHOICES = (
 """
 LICENCE_CHOICES = (
     ('by', ("Attribution 4.0 International (CC BY 4.0)")),
-    ('by-nd', ("Attribution-NoDerivatives 4.0 " "International (CC BY-ND 4.0)" )),
-    ('by-nc-nd', ( "Attribution-NonCommercial-NoDerivatives 4.0 " "International (CC BY-NC-ND 4.0)" )),
-    ('by-nc', ("Attribution-NonCommercial 4.0 " "International (CC BY-NC 4.0)")),
-    ('by-nc-sa', ( "Attribution-NonCommercial-ShareAlike 4.0 " "International (CC BY-NC-SA 4.0)" )),
-    ('by-sa', ( "Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)"))
+    ('by-nd', ("Attribution-NoDerivatives 4.0 "
+               "International (CC BY-ND 4.0)")),
+    ('by-nc-nd', ("Attribution-NonCommercial-NoDerivatives 4.0 "
+                  "International (CC BY-NC-ND 4.0)")),
+    ('by-nc', ("Attribution-NonCommercial 4.0 "
+               "International (CC BY-NC 4.0)")),
+    ('by-nc-sa', ("Attribution-NonCommercial-ShareAlike 4.0 "
+                  "International (CC BY-NC-SA 4.0)")),
+    ('by-sa', ("Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)"))
 )
 
 """
-# Les vidéos créées sans type (par importation par exemple) seront affectées au type par défaut (en général, le type ayant pour identifiant '1' est 'Other')
+# Les vidéos créées sans type (par importation par exemple)
+#  seront affectées au type par défaut
+#  (en général, le type ayant pour identifiant '1' est 'Other')
 """
 DEFAULT_TYPE_ID = 1
 
 """
-# Liste des cursus proposés lors de l'ajout des vidéos. Affichés en dessous d'une vidéos, ils sont aussi utilisés pour affiner la recherche.
+# Liste des cursus proposés lors de l'ajout des vidéos.
+# Affichés en dessous d'une vidéos,
+#  ils sont aussi utilisés pour affiner la recherche.
 """
 CURSUS_CODES = (
-    ('0', ("None / All")),
-    ('L', ("Bachelor’s Degree")),
-    ('M', ("Master’s Degree")),
-    ('D', ("Doctorate")),
+    ('0', _("None / All")),
+    ('L', _("Bachelor’s Degree")),
+    ('M', _("Master’s Degree")),
+    ('D', _("Doctorate")),
     ('1', _("Other"))
 )
 
 """
-# Liste des langues proposées lors de l'ajout des vidéos. Affichés en dessous d'une vidéos, ils sont aussi utilisés pour affiner la recherche.
+# Liste des langues proposées lors de l'ajout des vidéos.
+# Affichés en dessous d'une vidéos,
+#  ils sont aussi utilisés pour affiner la recherche.
 """
-LANG_CHOICES = ( settings.PREF_LANG_CHOICES + (('', '----------'),) + settings.ALL_LANG_CHOICES )
+LANG_CHOICES = (PREF_LANG_CHOICES + (('', '----------'),) + ALL_LANG_CHOICES)
 
 """
 # Répertoire par défaut pour le téléversement des vidéos.
@@ -557,7 +601,8 @@ VIDEOS_DIR = "videos"
 ENCODE_VIDEO = "start_encode"
 
 """
-# pour l'encodage distant, il faut préciser le login, l'host et la clé pour appeler cet encodage
+# pour l'encodage distant, il faut préciser le login,
+# l'host et la clé pour appeler cet encodage
 # REMOTE ENCODING SETTINGS
 # SSH_REMOTE_USER = ""
 # SSH_REMOTE_HOST = "xxx.univ.fr"
@@ -574,7 +619,8 @@ ENCODE_VIDEO = "start_encode"
 TRANSCRIPT_VIDEO = "start_transcript"
 
 """
-# pour la transcription distant, il faut préciser le login, l'host et la clé pour appeler la fonction
+# pour la transcription distante, il faut préciser le login,
+#  l'host et la clé pour appeler la fonction
 # REMOTE ENCODING SETTINGS
 # SSH_TRANSCRIPT_REMOTE_USER = "pod"
 # SSH_TRANSCRIPT_REMOTE_HOST = "xxx.univ.fr"
@@ -588,7 +634,9 @@ TRANSCRIPT_VIDEO = "start_transcript"
 """
 # Extension autorisée pour le téléversement sur la plateforme
 """
-VIDEO_ALLOWED_EXTENSIONS = ( '3gp', 'avi', 'divx', 'flv', 'm2p', 'm4v', 'mkv', 'mov', 'mp4', 'mpeg', 'mpg', 'mts', 'wmv', 'mp3', 'ogg', 'wav', 'wma' )
+VIDEO_ALLOWED_EXTENSIONS = ('3gp', 'avi', 'divx', 'flv', 'm2p', 'm4v', 'mkv',
+                            'mov', 'mp4', 'mpeg', 'mpg', 'mts', 'wmv', 'mp3',
+                            'ogg', 'wav', 'wma')
 
 """
 # Taille maximum en Go des fichiers téléversés sur la plateforme
@@ -604,7 +652,7 @@ VIDEO_FORM_FIELDS_HELP_TEXT = ""
 """
 # Liste des champs du formulaire d'édition de vidéos affichés
 """
-VIDEO_FORM_FIELDS = __all__
+VIDEO_FORM_FIELDS = '__all__'
 
 """
 # Ensemble des textes d'aide affichés avec le formulaire d'édition de chaine.
@@ -622,124 +670,147 @@ THEME_FORM_FIELDS_HELP_TEXT = ""
 
 """
 # Type d'enregistrement géré par la plateforme.
-# Un enregistreur ne peut déposer que des fichiers de type proposé par la plateforme.
+# Un enregistreur ne peut déposer que des fichiers
+#  de type proposé par la plateforme.
 # Le traitement se fait en fonction du type de fichier déposé.
 """
-RECORDER_TYPE = ( ('video', _('Video')), ('audiovideocast', _('Audiovideocast')), )
+RECORDER_TYPE = (('video', _('Video')),
+                 ('audiovideocast', _('Audiovideocast')))
 
 """
-# Chemin racine du répertoire où sont déposés les enregistrements (chemin du serveur FTP).
+# Chemin racine du répertoire où sont déposés les enregistrements
+#  (chemin du serveur FTP).
 """
 DEFAULT_RECORDER_PATH = "/data/ftp-pod/ftp/"
 
 """
-# Identifiant du propriétaire par défaut (si non spécifié) des enregistrements déposés.
+# Identifiant du propriétaire par défaut (si non spécifié)
+#  des enregistrements déposés.
 """
 DEFAULT_RECORDER_USER_ID = 1
 
 """
-# Ajoute un enregistreur par défaut à un enregistrement non identifiable (mauvais chemin dans le dépôt FTP).
+# Ajoute un enregistreur par défaut à un enregistrement non identifiable
+#  (mauvais chemin dans le dépôt FTP).
 """
 DEFAULT_RECORDER_ID = 1
 
 """
-# Identifiant du type de vidéo par défaut (si non spécifié). (Exemple : 3 pour Colloque/conférence, 4 pour Cours...)
+# Identifiant du type de vidéo par défaut (si non spécifié).
+# (Exemple : 3 pour Colloque/conférence, 4 pour Cours...)
 """
 DEFAULT_RECORDER_TYPE_ID = 1
 
 """
-# Si True, le manager de l'enregistreur pourra choisir un propriétaire de l'enregistrement.
+# Si True, le manager de l'enregistreur pourra choisir
+#  un propriétaire de l'enregistrement.
 """
 ALLOW_RECORDER_MANAGER_CHOICE_VID_OWNER = True
 
 """
-# Si True, une page apparaîtra dans le menu du profil de l'utilisateur autorisé permettant de s'attribuer un enregistrement.
+# Si True, une page apparaîtra dans le menu du profil
+#  de l'utilisateur autorisé permettant de s'attribuer un enregistrement.
 """
 ALLOW_MANUAL_RECORDING_CLAIMING = False
 
 """
 # Liste des champs supplémentaires pour le formulaire des enregistreurs
-# Cette liste reprend le nom des champs correspondants aux paramètres d'édition d'une vidéo (Discipline, Chaine, Theme, mots clés...)
-# L'exemple suivant comporte l'ensemble des champs possibles mais peut être allégée en fonction des besoins.
-# Les vidéos seront alors générées avec les valeurs des champs supplémentaires telles que définies dans leur enregistreur.
+# Cette liste reprend le nom des champs correspondants aux paramètres
+#  d'édition d'une vidéo (Discipline, Chaine, Theme, mots clés...)
+# L'exemple suivant comporte l'ensemble des champs possibles,
+#  mais peut être allégée en fonction des besoins.
+# Les vidéos seront alors générées avec les valeurs
+#  des champs supplémentaires telles que définies dans leur enregistreur.
 """
 RECORDER_ADDITIONAL_FIELDS = ('additional_users', 'is_draft', 'password',
-                'is_restricted', 'restrict_access_to_groups',
-                'cursus','main_lang', 'tags','discipline',
-                'licence', 'channel', 'theme', 'transcript'
-                'allow_downloading', 'is_360', 'disable_comment',)
+                              'is_restricted', 'restrict_access_to_groups',
+                              'cursus', 'main_lang', 'tags', 'discipline',
+                              'licence', 'channel', 'theme', 'transcript'
+                              'allow_downloading', 'is_360', 'disable_comment')
 
 """
-# Si True, permet de ne pas prendre en compte la 1° image lors du traitement d'une fichier d'enregistrement de type AudioVideoCast.
+# Si True, permet de ne pas prendre en compte la 1° image
+# lors du traitement d'un fichier d'enregistrement de type AudioVideoCast.
 """
 RECORDER_SKIP_FIRST_IMAGE = False
 
 """
-# Précise les proxy à utiliser pour une requête vers l'application elle même, par défaut force la non utilisation de proxy
+# Précise les proxy à utiliser pour une requête vers l'application elle même,
+#  par défaut force la non utilisation de proxy
 """
-SELF_REQUESTS_PROXIES = { "http": None, "https": None}
+SELF_REQUESTS_PROXIES = {"http": None, "https": None}
 
 """
-# Autorise la requête sur l'application en elle même sans vérifier le certificat SSL
+# Autorise la requête sur l'application en elle-même
+#  sans vérifier le certificat SSL
 """
 ALLOW_INSECURE_REQUESTS = False
 
 """
-# Chemin d'accès web (public) au répertoire de dépot des enregistrements (DEFAULT_RECORDER_PATH). Attention à penser à modifier la conf de NGINX
+# Chemin d'accès web (public) au répertoire de dépot
+#  des enregistrements (DEFAULT_RECORDER_PATH).
+# Attention : penser à modifier la conf de NGINX
 """
 PUBLIC_RECORD_DIR = "records"
 
 """
-# Si True, affiche l'icone de prévisualisation des vidéos dans la page "Revendiquer un enregistrement"
+# Si True, affiche l'icone de prévisualisation des vidéos
+#  dans la page "Revendiquer un enregistrement"
 """
 USE_RECORD_PREVIEW = False
 
 # Configuration application podfile (gestion de fichier)
 
 """
-# Extensions autorisées pour les documents téléversés dans le gestionnaire de fichier
+# Extensions autorisées pour les documents téléversés
+#  dans le gestionnaire de fichier
 """
-FILE_ALLOWED_EXTENSIONS = ( 'doc', 'docx', 'odt', 'pdf', 'xls', 'xlsx', 'ods', 'ppt', 'pptx', 'txt', 'html', 'htm', 'vtt', 'srt', 'webm', 'ts', )
+FILE_ALLOWED_EXTENSIONS = ('doc', 'docx', 'odt', 'pdf', 'xls', 'xlsx', 'ods',
+                           'ppt', 'pptx', 'txt', 'html', 'htm', 'vtt', 'srt',
+                           'webm', 'ts')
 
 """
-# Extensions autorisées pour les images téléversés dans le gestionnaire de fichier
+# Extensions autorisées pour les images téléversés
+#  dans le gestionnaire de fichier
 """
-IMAGE_ALLOWED_EXTENSIONS = ( 'jpg', 'jpeg', 'bmp', 'png', 'gif', 'tiff', )
+IMAGE_ALLOWED_EXTENSIONS = ('jpg', 'jpeg', 'bmp', 'png', 'gif', 'tiff')
 
 """
 # Poids maximum en Mo par fichier téléversé dans le gestionnaire de fichier
 """
 FILE_MAX_UPLOAD_SIZE = 10
 
-# Configuration application completion (contributeur, sous-titre, document à télécharger, superposition)
+# Configuration application completion
+#  (contributeur, sous-titre, document à télécharger, superposition)
 
 """
 # Liste de rôle possible pour un contributeur
 """
 ROLE_CHOICES = (
-    ('actor', ('actor')),
-    ('author', ('author')),
-    ('designer', ('designer')),
-    ('consultant', ('consultant')),
-    ('contributor', ('contributor')),
-    ('editor', ('editor')),
-    ('speaker', ('speaker')),
-    ('soundman', ('soundman')),
-    ('director', ('director')),
-    ('writer', ('writer')),
-    ('technician', ('technician')),
-    ('voice-over', ('voice-over')),
+    ('actor', _('actor')),
+    ('author', _('author')),
+    ('designer', _('designer')),
+    ('consultant', _('consultant')),
+    ('contributor', _('contributor')),
+    ('editor', _('editor')),
+    ('speaker', _('speaker')),
+    ('soundman', _('soundman')),
+    ('director', _('director')),
+    ('writer', _('writer')),
+    ('technician', _('technician')),
+    ('voice-over', _('voice-over')),
 )
 
 """
 # Liste de type de piste possible pour une vidéo (sous-titre, légende etc.)
 """
-KIND_CHOICES = ( ('subtitles', ('subtitles')), ('captions', ('captions')), )
+KIND_CHOICES = (('subtitles', _('subtitles')), ('captions', _('captions')))
 
 # Configuration application authentification (Local, CAS et LDAP)
 
 """
-# Type d'authentification possible sur votre instance. Pour l'instant local ou cas
+# Type d'authentification possible sur votre instance.
+#  Pour l'instant local ou cas
 """
 AUTH_TYPE = (('local', _('local')), ('CAS', 'CAS'))
 
@@ -754,24 +825,30 @@ USE_CAS = False
 CAS_SERVER_URL = "sso_cas"
 
 """
-# Si True, authentifie automatiquement l'individu si déjà authentifié sur le serveur CAS
+# Si True, authentifie automatiquement l'individu
+#  si déjà authentifié sur le serveur CAS
 """
 CAS_GATEWAY = False
 
 """
-# Si utilisation de la connection CAS, renseigne les champs du compte de la personne depuis une source externe.
-# Valeur possible : None (pas de renseignement), CAS (renseigne les champs de la personne depuis les informations renvoyées par le CAS),
-# LDAP (Interroge le serveur LDAP pour renseigner les champs du compte de la personne)
+# Si utilisation de la connection CAS, renseigne les champs du compte
+#  de la personne depuis une source externe.
+# Valeurs possibles :
+#  - None (pas de renseignement),
+#  - CAS (renseigne les champs depuis les informations renvoyées par le CAS),
+#  - LDAP (Interroge le serveur LDAP pour renseigner les champs)
 """
 POPULATE_USER = None
 
 """
-# variable utilisée pour trouver les informations de l'individu connecté dans le fichier renvoyé par le CAS lors de l'authentification
+# Variable utilisée pour trouver les informations de l'individu
+#  connecté dans le fichier renvoyé par le CAS lors de l'authentification
 """
 AUTH_CAS_USER_SEARCH = "user"
 
 """
-# liste de correspondance entre les champs d'un compte de Pod et les champs renvoyés par le CAS
+# Liste de correspondance entre les champs d'un compte de Pod
+#  et les champs renvoyés par le CAS
 """
 USER_CAS_MAPPING_ATTRIBUTES = {
     "uid": "uid",
@@ -782,13 +859,16 @@ USER_CAS_MAPPING_ATTRIBUTES = {
 }
 
 """
-# Si True, des groupes sont créés automatiquement à partir des affiliations des individus qui se connectent sur la plateforme et
-# l'individu qui se connecte est ajouté automatiquement à ses groupes
+# Si True, des groupes sont créés automatiquement
+#  à partir des affiliations des individus qui se connectent sur la plateforme
+#  et l'individu qui se connecte est ajouté automatiquement à ses groupes
 """
 CREATE_GROUP_FROM_AFFILIATION = False
 
 """
-# Les personnes ayant pour affiliation les valeurs renseignées dans cette variable sont automatiquement la valeur staff de leur compte à True
+# Les personnes ayant pour affiliation les valeurs
+#  renseignées dans cette variable ont automatiquement
+#  la valeur staff de leur compte à True
 """
 AFFILIATION_STAFF = ('faculty', 'employee', 'staff')
 
@@ -796,25 +876,29 @@ AFFILIATION_STAFF = ('faculty', 'employee', 'staff')
 # Valeurs possibles pour l'Affiliation du compte
 """
 AFFILIATION = (
-    ('student', ('student')),
-    ('faculty', ('faculty')),
-    ('staff', ('staff')),
-    ('employee', ('employee')),
-    ('member', ('member')),
-    ('affiliate', ('affiliate')),
-    ('alum', ('alum')),
-    ('library-walk-in', ('library-walk-in')),
-    ('researcher', ('researcher')),
-    ('retired', ('retired')),
-    ('emeritus', ('emeritus')),
-    ('teacher', ('teacher')),
-    ('registered-reader', ('registered-reader'))
+    ('student', _('student')),
+    ('faculty', _('faculty')),
+    ('staff', _('staff')),
+    ('employee', _('employee')),
+    ('member', _('member')),
+    ('affiliate', _('affiliate')),
+    ('alum', _('alum')),
+    ('library-walk-in', _('library-walk-in')),
+    ('researcher', _('researcher')),
+    ('retired', _('retired')),
+    ('emeritus', _('emeritus')),
+    ('teacher', _('teacher')),
+    ('registered-reader', _('registered-reader'))
 )
 
 """
-# Information de connection au serveur LDAP. Le champ url peut contenir un ou plusieurs url pour ajouter des hôtes de référence, exemple :
-# Si un seul host : {'url': "ldap.univ.fr'', 'port': 389, 'use_ssl': False}
-# Si plusieurs : {'url': ("ldap.univ.fr'',"ldap2.univ.fr"), 'port': 389, 'use_ssl': False}
+# Information de connection au serveur LDAP.
+# Le champ url peut contenir une ou plusieurs url
+#  pour ajouter des hôtes de référence, exemple :
+# Si un seul host :
+# {'url': "ldap.univ.fr'', 'port': 389, 'use_ssl': False}
+# Si plusieurs :
+# {'url': ("ldap.univ.fr'',"ldap2.univ.fr"), 'port': 389, 'use_ssl': False}
 """
 LDAP_SERVER = {'url': '', 'port': 389, 'use_ssl': False}
 
@@ -834,7 +918,8 @@ AUTH_LDAP_BIND_PASSWORD = ""
 AUTH_LDAP_USER_SEARCH = ('ou=people,dc=univ,dc=fr', "(uid=%(uid)s)")
 
 """
-# liste de correspondance entre les champs d'un compte de Pod et les champs renvoyés par le LDAP
+# Liste de correspondance entre les champs d'un compte de Pod
+#  et les champs renvoyés par le LDAP
 """
 USER_LDAP_MAPPING_ATTRIBUTES = {
     "uid": "uid",
@@ -866,14 +951,14 @@ SHIBBOLETH_ATTRIBUTE_MAP = {
 }
 
 """
-# Nom de l'attribut dans les headers qui sert à identifier l'utilisateur connecté avec Shibboleth
+# Nom de l'attribut dans les headers qui sert à identifier
+#  l'utilisateur connecté avec Shibboleth
 """
-REMOTE_USER_HEADER = REMOTE_USER
+REMOTE_USER_HEADER = "REMOTE_USER"
 
 """
 # URL de connexion à votre instance Shibboleth
 """
-
 SHIB_URL = ""
 
 """
@@ -882,12 +967,13 @@ SHIB_URL = ""
 SHIB_LOGOUT_URL = ""
 
 """
-# Forcer le passage en minuscule du nom d'utilisateur CAS (permet de prévenir des doubles créations de comptes dans certain cas).
+# Forcer le passage en minuscule du nom d'utilisateur CAS
+#  (permet de prévenir des doubles créations de comptes dans certain cas).
 """
 CAS_FORCE_LOWERCASE_USERNAME = False
 
 """
-# Permettre l'usage du oembed, partage dans moodle, facebook, twitter etc.
+# Permettre l'usage du oembed, partage dans Moodle, Facebook, Twitter etc.
 """
 OEMBED = True
 
@@ -910,12 +996,11 @@ AUDIO_SPLIT_TIME = 300
 # paramétrage de deepspeech pour le modele
 """
 DS_PARAM = {
-    'fr': {
-        # le modèle deepspeech
-        'model': "/usr/local/django_projects/transcription/model_tensorflow_fr/output_graph.pbmm",
-        'scorer': "/usr/local/django_projects/transcription/model_tensorflow_fr/kenlm.scorer",
-
-    }
+  'fr': {
+    # le modèle deepspeech
+    'model': "/usr/local/django_projects/transcription/model_tensorflow_fr/output_graph.pbmm",
+    'scorer': "/usr/local/django_projects/transcription/model_tensorflow_fr/kenlm.scorer",
+  }
 }
 
 """
@@ -924,13 +1009,16 @@ DS_PARAM = {
 VIEWERS_ONLY_FOR_STAFF = False
 
 """
-# Temps (en seconde) entre deux envois d'un signal au serveur, pour signaler la présence sur un live
-# Peut être augmenté en cas de perte de performance mais au détriment de la qualité du comptage des valeurs
+# Temps (en seconde) entre deux envois d'un signal au serveur,
+#  pour signaler la présence sur un live
+# Peut être augmenté en cas de perte de performance
+#  mais au détriment de la qualité du comptage des valeurs
 """
 HEARTBEAT_DELAY = 45
 
 """
-# Délai (en seconde) selon lequel une vue est considérée comme expirée si elle n'as pas renvoyé de signal depuis
+# Délai (en seconde) selon lequel une vue est considérée
+#  comme expirée si elle n'as pas renvoyé de signal depuis
 """
 VIEW_EXPIRATION_DELAY = 60
 
@@ -940,9 +1028,11 @@ VIEW_EXPIRATION_DELAY = 60
 USE_BBB = True
 
 """
-# Répertoire du plugin bbb-recorder (voir documentation https://github.com/jibon57/bbb-recorder)
-# bbb-recorder doit être installé dans ce répertoire, sur tous les serveurs d'encodage
-# bbb-recorder crée un répertoire 'homedir' / Downloads qui a besoin d'espace disque
+# Répertoire du plugin bbb-recorder
+#  (voir documentation https://github.com/jibon57/bbb-recorder)
+# bbb-recorder doit être installé dans ce répertoire,
+#  sur tous les serveurs d'encodage
+# bbb-recorder crée un répertoire 'homedir'/Downloads qui a besoin d'espace
 """
 DEFAULT_BBB_PLUGIN = '/home/podtest/bbb-recorder/'
 
@@ -952,7 +1042,8 @@ DEFAULT_BBB_PLUGIN = '/home/podtest/bbb-recorder/'
 DEFAULT_BBB_PATH = '/data/www/podtest/bbb-recorder/'
 
 """
-# URL du serveur BigBlueButton ou Scalelite, où se trouvent les présentations Web BBB et l'API
+# URL du serveur BigBlueButton ou Scalelite,
+#  où se trouvent les présentations Web BBB et l'API
 """
 BBB_SERVER_URL = 'https://bbb.univ.fr/'
 
@@ -969,13 +1060,18 @@ DEFAULT_BBB_TYPE_ID = 1
 """
 # Format du nom d'utilisateur dans BBB.
 # Valeurs possibles : 'first_name last_name', 'last_name first_name'
-# Exemple1 : si dans le serveur BBB, vous avez un utilisateur au format 'John Doe', mettez 'first_name last_name'
-# Exemple2 : si dans le serveur BBB, vous avez un utilisateur au format 'Doe John', mettez 'last_name first_name'
+# Exemple1 :
+#  si dans le serveur BBB, vous avez un utilisateur au format 'John Doe',
+#  mettez 'first_name last_name'
+# Exemple2 :
+#  si dans le serveur BBB, vous avez un utilisateur au format 'Doe John',
+#  mettez 'last_name first_name'
 """
 BBB_USERNAME_FORMAT = 'first_name last_name'
 
 """
-# Nombre de jours avant la suppression des sessions et des utilisateurs associés, non déjà publiés
+# Nombre de jours avant la suppression des sessions
+#  et des utilisateurs associés, non déjà publiés
 # Pour ne pas supprimer les anciennes sessions, utiliser la valeur 0
 """
 BBB_NUMBER_DAYS_BEFORE_DELETE = 0
@@ -995,6 +1091,13 @@ USE_OBSOLESCENCE = True
 
 WARN_DEADLINES = [60, 30, 7]
 
+"""
+# Fixe une durée maximale que la date de suppression
+#  d'une vidéo ne peut dépasser.
+# Par défaut : 10 (Année courante + 10 ans).
+"""
+MAX_DURATION_DATE_DELETE = 10
+
 POD_ARCHIVE_AFFILIATION = ['faculty',
                            'staff',
                            'employee',
@@ -1014,10 +1117,10 @@ ACCOMMODATION_YEARS = {
 DEFAULT_YEAR_DATE_DELETE = 2
 
 """
-# Configuration / Activtion du LTI
+# Configuration / Activation du LTI
 # voir pod/main/settings.py L.224
 """
-LTI_ENABLED = True # False par défaut
+LTI_ENABLED = True  # False par défaut
 
 """
 # Configuration H5P
diff --git a/pod/locale/fr/LC_MESSAGES/django.po b/pod/locale/fr/LC_MESSAGES/django.po
index a339cda4db..e0c657e2b2 100755
--- a/pod/locale/fr/LC_MESSAGES/django.po
+++ b/pod/locale/fr/LC_MESSAGES/django.po
@@ -5,7 +5,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2021-01-21 10:49+0000\n"
+"POT-Creation-Date: 2021-01-22 11:22+0000\n"
 "PO-Revision-Date: \n"
 "Last-Translator: obado <bado@unice.fr>\n"
 "Language-Team: \n"
@@ -29,7 +29,7 @@ msgstr "Etablissement"
 #: pod/bbb/models.py:141 pod/main/templates/navbar.html:22
 #: pod/main/templates/navbar_collapse.html:76 pod/podfile/models.py:37
 #: pod/video/forms.py:234 pod/video/forms.py:578 pod/video/forms.py:582
-#: pod/video/models.py:247 pod/video/templates/videos/filter_aside.html:13
+#: pod/video/models.py:248 pod/video/templates/videos/filter_aside.html:13
 msgid "Users"
 msgstr "Utilisateurs"
 
@@ -90,7 +90,7 @@ msgid "registered-reader"
 msgstr "lecteur enregistré"
 
 #: pod/authentication/models.py:68 pod/recorder/models.py:266
-#: pod/video/models.py:1420 pod/video/models.py:1469 pod/video/views.py:1305
+#: pod/video/models.py:1421 pod/video/models.py:1473 pod/video/views.py:1306
 msgid "Comment"
 msgstr "Commentaire"
 
@@ -163,8 +163,8 @@ msgstr "Changer votre image de profil"
 #: pod/video/templates/videos/video_note_comments_display.html:148
 #: pod/video/templates/videos/video_note_display.html:27
 #: pod/video/templates/videos/video_notes.html:80
-#: pod/video/templates/videos/video_notes.html:116 pod/video/views.py:258
-#: pod/video/views.py:741 pod/video/views.py:795 pod/video/views.py:1225
+#: pod/video/templates/videos/video_notes.html:116 pod/video/views.py:259
+#: pod/video/views.py:742 pod/video/views.py:796 pod/video/views.py:1226
 #: pod/video_search/templates/search/search.html:42
 msgid "One or more errors have been found in the form."
 msgstr "Une ou plusieurs erreurs ont été trouvées dans le formulaire."
@@ -234,7 +234,7 @@ msgstr "Nom de la session BBB."
 msgid "Session date"
 msgstr "Date de session"
 
-#: pod/bbb/models.py:40 pod/video/models.py:645 pod/video/models.py:1326
+#: pod/bbb/models.py:40 pod/video/models.py:646 pod/video/models.py:1327
 msgid "Encoding step"
 msgstr "Étape de l'encodage"
 
@@ -343,7 +343,7 @@ msgstr "Publier cette présentation"
 msgid "Waiting for encoding"
 msgstr "En attente d'encodage"
 
-#: pod/bbb/templates/bbb/card.html:40 pod/video/models.py:574
+#: pod/bbb/templates/bbb/card.html:40 pod/video/models.py:575
 msgid "Encoding in progress"
 msgstr "Encodage en cours"
 
@@ -460,24 +460,24 @@ msgid "File to import"
 msgstr "Fichier à importer"
 
 #: pod/chapter/models.py:14 pod/completion/models.py:53
-#: pod/enrichment/models.py:114 pod/video/models.py:590
+#: pod/enrichment/models.py:114 pod/video/models.py:591
 msgid "video"
 msgstr "vidéo"
 
 #: pod/chapter/models.py:15 pod/enrichment/models.py:115
-#: pod/recorder/models.py:259 pod/video/models.py:422
+#: pod/recorder/models.py:259 pod/video/models.py:423
 msgid "title"
 msgstr "titre"
 
 #: pod/chapter/models.py:17 pod/enrichment/models.py:117
-#: pod/video/models.py:424
+#: pod/video/models.py:425
 msgid "slug"
 msgstr "titre court"
 
 #: pod/chapter/models.py:20 pod/completion/models.py:262
 #: pod/enrichment/models.py:120 pod/live/models.py:71 pod/playlist/models.py:17
-#: pod/video/models.py:223 pod/video/models.py:307 pod/video/models.py:400
-#: pod/video/models.py:426 pod/video/models.py:467 pod/video/models.py:1509
+#: pod/video/models.py:224 pod/video/models.py:308 pod/video/models.py:401
+#: pod/video/models.py:427 pod/video/models.py:468 pod/video/models.py:1539
 msgid ""
 "Used to access this instance, the \"slug\" is a short label containing only "
 "letters, numbers, underscore or dash top."
@@ -578,8 +578,8 @@ msgstr "Liste des chapitres"
 #: pod/enrichment/templates/enrichment/list_enrichment.html:10
 #: pod/main/models.py:103 pod/main/views.py:165 pod/playlist/models.py:12
 #: pod/playlist/templates/playlist/playlist_element_list.html:11
-#: pod/video/models.py:214 pod/video/models.py:300 pod/video/models.py:396
-#: pod/video/models.py:459 pod/video/templates/channel/list_theme.html:9
+#: pod/video/models.py:215 pod/video/models.py:301 pod/video/models.py:397
+#: pod/video/models.py:460 pod/video/templates/channel/list_theme.html:9
 msgid "Title"
 msgstr "Titre"
 
@@ -806,10 +806,10 @@ msgstr ""
 #: pod/completion/templates/video_caption_maker.html:85
 #: pod/enrichment/models.py:291 pod/enrichment/models.py:322
 #: pod/interactive/models.py:16 pod/interactive/models.py:37
-#: pod/playlist/models.py:79 pod/recorder/models.py:78 pod/video/models.py:455
-#: pod/video/models.py:956 pod/video/models.py:1104 pod/video/models.py:1172
-#: pod/video/models.py:1226 pod/video/models.py:1275 pod/video/models.py:1293
-#: pod/video/models.py:1314
+#: pod/playlist/models.py:79 pod/recorder/models.py:78 pod/video/models.py:456
+#: pod/video/models.py:957 pod/video/models.py:1105 pod/video/models.py:1173
+#: pod/video/models.py:1227 pod/video/models.py:1276 pod/video/models.py:1294
+#: pod/video/models.py:1315
 msgid "Video"
 msgstr "Vidéo"
 
@@ -915,8 +915,8 @@ msgid "left"
 msgstr "gauche"
 
 #: pod/completion/models.py:259 pod/live/models.py:69 pod/playlist/models.py:14
-#: pod/video/models.py:221 pod/video/models.py:305 pod/video/models.py:398
-#: pod/video/models.py:465 pod/video/models.py:1507
+#: pod/video/models.py:222 pod/video/models.py:306 pod/video/models.py:399
+#: pod/video/models.py:466 pod/video/models.py:1537
 msgid "Slug"
 msgstr "Titre court"
 
@@ -932,7 +932,7 @@ msgstr "Fin"
 msgid "End time of the overlay, in seconds."
 msgstr "Fin de la superposition, en secondes."
 
-#: pod/completion/models.py:279 pod/video/views.py:1334
+#: pod/completion/models.py:279 pod/video/views.py:1335
 msgid "Content"
 msgstr "Contenu"
 
@@ -1344,26 +1344,30 @@ msgstr ""
 "Vous pouvez ajouter un fond opaque ou transparent au texte que vous voulez "
 "afficher avec l'option \"Afficher le fond\""
 
-#: pod/completion/views.py:45 pod/completion/views.py:100
-#: pod/completion/views.py:137 pod/completion/views.py:320
-#: pod/completion/views.py:499 pod/completion/views.py:719
+#: pod/completion/views.py:47 pod/completion/views.py:102
+#: pod/completion/views.py:139 pod/completion/views.py:322
+#: pod/completion/views.py:501 pod/completion/views.py:721
 msgid "You cannot complement this video."
 msgstr "Vous ne pouvez pas compléter cette vidéo."
 
-#: pod/completion/views.py:73
+#: pod/completion/views.py:75
 msgid "The file has been saved."
 msgstr "Le fichier a été sauvegardé."
 
-#: pod/completion/views.py:77
+#: pod/completion/views.py:79
 msgid "The file has not been saved."
 msgstr "Le fichier n’a pas été enregistré."
 
-#: pod/completion/views.py:235 pod/completion/views.py:411
-#: pod/completion/views.py:812 pod/podfile/views.py:468
-#: pod/podfile/views.py:518 pod/video/views.py:348 pod/video/views.py:1383
+#: pod/completion/views.py:237 pod/completion/views.py:413
+#: pod/completion/views.py:814 pod/podfile/views.py:468
+#: pod/podfile/views.py:518 pod/video/views.py:349 pod/video/views.py:1384
 msgid "Please correct errors"
 msgstr "Veuillez corriger les erreurs"
 
+#: pod/custom/settings_local.py:76
+msgid "Dutch (Netherlands)"
+msgstr ""
+
 #: pod/enrichment/apps.py:7
 msgid "Enrichment version"
 msgstr "Version enrichie"
@@ -1384,7 +1388,7 @@ msgstr "Éditer l'enrichissement"
 
 #: pod/enrichment/forms.py:35 pod/enrichment/models.py:326
 #: pod/interactive/forms.py:13 pod/interactive/models.py:41
-#: pod/podfile/models.py:33 pod/recorder/models.py:161 pod/video/models.py:556
+#: pod/podfile/models.py:33 pod/recorder/models.py:161 pod/video/models.py:557
 msgid "Groups"
 msgstr "Groupes"
 
@@ -1426,8 +1430,8 @@ msgstr "Temps de fin de l'affichage de l'enrichissement en secondes."
 
 #: pod/enrichment/models.py:137
 #: pod/enrichment/templates/enrichment/list_enrichment.html:11
-#: pod/video/forms.py:101 pod/video/models.py:417 pod/video/models.py:472
-#: pod/video/views.py:1331 pod/video_search/templates/search/search.html:77
+#: pod/video/forms.py:101 pod/video/models.py:418 pod/video/models.py:473
+#: pod/video/views.py:1332 pod/video_search/templates/search/search.html:77
 msgid "Type"
 msgstr "Type"
 
@@ -1875,7 +1879,7 @@ msgid "name"
 msgstr "nom"
 
 #: pod/live/models.py:31 pod/live/templates/live/live.html:94
-#: pod/video/models.py:234 pod/video/models.py:318
+#: pod/video/models.py:235 pod/video/models.py:319
 #: pod/video/templates/channel/channel.html:79
 #: pod/video/templates/channel/channel.html:90
 #: pod/video/templates/channel/channel_edit.html:38
@@ -1946,7 +1950,7 @@ msgid "Enable viewers count on live."
 msgstr "Active le compteur de spectateurs sur le direct."
 
 #: pod/live/models.py:102 pod/recorder/models.py:155 pod/video/forms.py:184
-#: pod/video/models.py:550
+#: pod/video/models.py:551
 msgid "Restricted access"
 msgstr "Accès restreint"
 
@@ -1966,7 +1970,7 @@ msgstr ""
 "Si cette case est cochée, la page du direct sera accessible publiquement "
 "dans l'onglet Directs"
 
-#: pod/live/models.py:112 pod/recorder/models.py:164 pod/video/models.py:559
+#: pod/live/models.py:112 pod/recorder/models.py:164 pod/video/models.py:560
 msgid "password"
 msgstr "mot de passe"
 
@@ -2084,7 +2088,7 @@ msgstr "Désolé, aucun bâtiment trouvé"
 msgid "You cannot view this page."
 msgstr "Vous ne pouvez pas éditer cette image."
 
-#: pod/live/views.py:91 pod/video/views.py:651
+#: pod/live/views.py:91 pod/video/views.py:652
 msgid "The password is incorrect."
 msgstr "Le mot de passe est incorrect."
 
@@ -2129,8 +2133,8 @@ msgid "Other (please specify)"
 msgstr "Autre (spécifiez)"
 
 #: pod/main/forms.py:50 pod/podfile/models.py:27 pod/podfile/models.py:105
-#: pod/podfile/templates/podfile/home_content.html:32 pod/video/models.py:1097
-#: pod/video/models.py:1169 pod/video/models.py:1223
+#: pod/podfile/templates/podfile/home_content.html:32 pod/video/models.py:1098
+#: pod/video/models.py:1170 pod/video/models.py:1224
 msgid "Name"
 msgstr "Nom"
 
@@ -2144,7 +2148,7 @@ msgstr "Veuillez choisir un sujet en lien avec votre requête"
 
 #: pod/main/forms.py:60 pod/main/models.py:142 pod/playlist/models.py:22
 #: pod/video/forms.py:111 pod/video/forms.py:225 pod/video/forms.py:251
-#: pod/video/models.py:227 pod/video/models.py:311 pod/video/models.py:493
+#: pod/video/models.py:228 pod/video/models.py:312 pod/video/models.py:494
 msgid "Description"
 msgstr "Description"
 
@@ -2846,13 +2850,13 @@ msgid "Share on"
 msgstr "Partager sur"
 
 #: pod/main/templates/aside.html:21 pod/main/templates/aside.html:27
-#: pod/recorder/models.py:188 pod/video/forms.py:134 pod/video/models.py:444
-#: pod/video/models.py:522 pod/video/templates/videos/filter_aside.html:56
+#: pod/recorder/models.py:188 pod/video/forms.py:134 pod/video/models.py:445
+#: pod/video/models.py:523 pod/video/templates/videos/filter_aside.html:56
 msgid "Disciplines"
 msgstr "Disciplines"
 
 #: pod/main/templates/aside.html:40 pod/recorder/models.py:184
-#: pod/video/forms.py:130 pod/video/models.py:518
+#: pod/video/forms.py:130 pod/video/models.py:519
 #: pod/video/templates/videos/filter_aside.html:78
 #: pod/video_search/templates/search/search.html:89
 msgid "Tags"
@@ -2966,11 +2970,11 @@ msgid "Return to homepage"
 msgstr "Revenir à la page d'accueil"
 
 #: pod/main/templates/navbar.html:17 pod/recorder/models.py:194
-#: pod/video/forms.py:170 pod/video/models.py:260 pod/video/models.py:528
+#: pod/video/forms.py:170 pod/video/models.py:261 pod/video/models.py:529
 msgid "Channels"
 msgstr "Chaînes"
 
-#: pod/main/templates/navbar.html:27 pod/video/models.py:418
+#: pod/main/templates/navbar.html:27 pod/video/models.py:419
 #: pod/video/templates/videos/filter_aside.html:34
 msgid "Types"
 msgstr "Types"
@@ -3071,7 +3075,7 @@ msgstr "Votre message a été envoyé."
 
 #: pod/playlist/models.py:20
 #: pod/playlist/templates/playlist/playlist_element_list.html:12
-#: pod/podfile/models.py:30 pod/video/admin.py:168 pod/video/models.py:476
+#: pod/podfile/models.py:30 pod/video/admin.py:168 pod/video/models.py:477
 #: pod/video_search/templates/search/search.html:65
 msgid "Owner"
 msgstr "Propriétaire"
@@ -3080,7 +3084,7 @@ msgstr "Propriétaire"
 msgid "Short description of the playlist."
 msgstr "Courte description de la liste de lecture."
 
-#: pod/playlist/models.py:28 pod/video/models.py:250
+#: pod/playlist/models.py:28 pod/video/models.py:251
 msgid "Visible"
 msgstr "Visible"
 
@@ -3190,7 +3194,7 @@ msgid "Thumbnail"
 msgstr "Vignette"
 
 #: pod/playlist/templates/playlist/playlist_element_list.html:13
-#: pod/video/feeds.py:188 pod/video/models.py:568 pod/video/models.py:705
+#: pod/video/feeds.py:188 pod/video/models.py:569 pod/video/models.py:706
 msgid "Duration"
 msgstr "Durée"
 
@@ -3460,54 +3464,54 @@ msgstr "J'accepte"
 msgid "Delete this record cannot be undo"
 msgstr "La suppression d'un enregistrement est définitive"
 
-#: pod/recorder/models.py:30 pod/video/models.py:62
+#: pod/recorder/models.py:30 pod/video/models.py:63
 msgid "None / All"
 msgstr "Aucun / Tous"
 
-#: pod/recorder/models.py:31 pod/video/models.py:63
+#: pod/recorder/models.py:31 pod/video/models.py:64
 msgid "Bachelor’s Degree"
 msgstr "Licence"
 
-#: pod/recorder/models.py:32 pod/video/models.py:64
+#: pod/recorder/models.py:32 pod/video/models.py:65
 msgid "Master’s Degree"
 msgstr "Master"
 
-#: pod/recorder/models.py:33 pod/video/models.py:65
+#: pod/recorder/models.py:33 pod/video/models.py:66
 msgid "Doctorate"
 msgstr "Doctorat"
 
-#: pod/recorder/models.py:34 pod/video/models.py:66 pod/video/views.py:163
+#: pod/recorder/models.py:34 pod/video/models.py:67 pod/video/views.py:164
 msgid "Other"
 msgstr "Autre"
 
-#: pod/recorder/models.py:39 pod/video/forms.py:145 pod/video/models.py:77
+#: pod/recorder/models.py:39 pod/video/forms.py:145 pod/video/models.py:78
 msgid "Attribution 4.0 International (CC BY 4.0)"
 msgstr "Attribution 4.0 International (CC BY 4.0)"
 
-#: pod/recorder/models.py:40 pod/video/forms.py:148 pod/video/models.py:78
+#: pod/recorder/models.py:40 pod/video/forms.py:148 pod/video/models.py:79
 msgid "Attribution-NoDerivatives 4.0 International (CC BY-ND 4.0)"
 msgstr "Attribution - Pas de Modification 4.0 International (CC BY-ND 4.0)"
 
-#: pod/recorder/models.py:44 pod/video/forms.py:152 pod/video/models.py:82
+#: pod/recorder/models.py:44 pod/video/forms.py:152 pod/video/models.py:83
 msgid ""
 "Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)"
 msgstr ""
 "Attribution - Pas d'Utilisation Commerciale - Pas de Modification 4.0 "
 "International (CC BY-NC-ND 4.0)"
 
-#: pod/recorder/models.py:47 pod/video/forms.py:156 pod/video/models.py:85
+#: pod/recorder/models.py:47 pod/video/forms.py:156 pod/video/models.py:86
 msgid "Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)"
 msgstr ""
 "Attribution - Pas d’Utilisation Commerciale 4.0 International (CC BY-NC 4.0)"
 
-#: pod/recorder/models.py:50 pod/video/forms.py:161 pod/video/models.py:88
+#: pod/recorder/models.py:50 pod/video/forms.py:161 pod/video/models.py:89
 msgid ""
 "Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)"
 msgstr ""
 "Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes "
 "Conditions 4.0 International (CC BY-NC-SA 4.0)"
 
-#: pod/recorder/models.py:54 pod/video/forms.py:167 pod/video/models.py:92
+#: pod/recorder/models.py:54 pod/video/forms.py:167 pod/video/models.py:93
 msgid "Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)"
 msgstr ""
 "Attribution - Partage dans les Mêmes Conditions 4.0 International (CC BY-SA "
@@ -3565,11 +3569,11 @@ msgstr ""
 msgid "Video type by default."
 msgstr "Type par défaut des vidéos."
 
-#: pod/recorder/models.py:148 pod/video/forms.py:180 pod/video/models.py:543
+#: pod/recorder/models.py:148 pod/video/forms.py:180 pod/video/models.py:544
 msgid "Draft"
 msgstr "Brouillon"
 
-#: pod/recorder/models.py:150 pod/video/models.py:545
+#: pod/recorder/models.py:150 pod/video/models.py:546
 msgid ""
 "If this box is checked, the video will be visible and accessible only by you "
 "and the additional owners."
@@ -3577,7 +3581,7 @@ msgstr ""
 "Si la case est cochée, la vidéo sera visible et accessible uniquement par "
 "vous et les propriétaires additionnels."
 
-#: pod/recorder/models.py:157 pod/video/models.py:552
+#: pod/recorder/models.py:157 pod/video/models.py:553
 msgid ""
 "If this box is checked, the video will only be accessible to authenticated "
 "users."
@@ -3585,47 +3589,47 @@ msgstr ""
 "Si cette case est cochée, la vidéo sera uniquement accessible aux "
 "utilisateurs authentifiés."
 
-#: pod/recorder/models.py:162 pod/video/models.py:557
+#: pod/recorder/models.py:162 pod/video/models.py:558
 msgid "Select one or more groups who can access to this video"
 msgstr "Sélectionner un ou plusieurs groupes qui auront accès à cette vidéo"
 
-#: pod/recorder/models.py:166 pod/video/models.py:561
+#: pod/recorder/models.py:166 pod/video/models.py:562
 msgid "Viewing this video will not be possible without this password."
 msgstr "Voir cette vidéo n'est pas possible sans mot de passe."
 
-#: pod/recorder/models.py:169 pod/video/forms.py:120 pod/video/models.py:503
+#: pod/recorder/models.py:169 pod/video/forms.py:120 pod/video/models.py:504
 #: pod/video_search/templates/search/search.html:140
 msgid "University course"
 msgstr "Cursus universitaire"
 
-#: pod/recorder/models.py:171 pod/video/forms.py:121 pod/video/models.py:505
+#: pod/recorder/models.py:171 pod/video/forms.py:121 pod/video/models.py:506
 msgid "Select an university course as audience target of the content."
 msgstr ""
 "Sélectionner un cursus universitaire qui convient à l'audience de ce contenu."
 
-#: pod/recorder/models.py:174 pod/video/forms.py:127 pod/video/models.py:508
+#: pod/recorder/models.py:174 pod/video/forms.py:127 pod/video/models.py:509
 #: pod/video_search/templates/search/search.html:127
 msgid "Main language"
 msgstr "Langue principale"
 
-#: pod/recorder/models.py:176 pod/video/forms.py:128 pod/video/models.py:510
+#: pod/recorder/models.py:176 pod/video/forms.py:128 pod/video/models.py:511
 msgid "Select the main language used in the content."
 msgstr "Sélectionner la langue principalement utilisée dans ce contenu."
 
-#: pod/recorder/models.py:178 pod/video/forms.py:199 pod/video/models.py:512
+#: pod/recorder/models.py:178 pod/video/forms.py:199 pod/video/models.py:513
 #: pod/video/templates/videos/add_video.html:52
 #: pod/video/templates/videos/add_video.html:98
 msgid "Transcript"
 msgstr "Transcrire"
 
-#: pod/recorder/models.py:179 pod/video/models.py:513
+#: pod/recorder/models.py:179 pod/video/models.py:514
 #: pod/video/templates/videos/add_video.html:53
 msgid "Check this box if you want to transcript the audio.(beta version)"
 msgstr ""
 "Cocher cette case si vous voulez transcrire l’audio (version bêta, voir aide "
 "dans la colonne de droite)"
 
-#: pod/recorder/models.py:182 pod/video/models.py:516
+#: pod/recorder/models.py:182 pod/video/models.py:517
 msgid ""
 "Separate tags with spaces, enclose the tags consist of several words in "
 "quotation marks."
@@ -3633,47 +3637,47 @@ msgstr ""
 "Séparer les mots clés par des espaces, écrire les mots clés en plusieurs "
 "mots entre guillemets."
 
-#: pod/recorder/models.py:190 pod/video/forms.py:141 pod/video/models.py:524
+#: pod/recorder/models.py:190 pod/video/forms.py:141 pod/video/models.py:525
 msgid "Licence"
 msgstr "Licence"
 
-#: pod/recorder/models.py:198 pod/video/forms.py:170 pod/video/models.py:391
-#: pod/video/models.py:532
+#: pod/recorder/models.py:198 pod/video/forms.py:170 pod/video/models.py:392
+#: pod/video/models.py:533
 msgid "Themes"
 msgstr "Thèmes"
 
 #: pod/recorder/models.py:200 pod/video/forms.py:138 pod/video/forms.py:174
-#: pod/video/models.py:534 pod/video/models.py:1504
+#: pod/video/models.py:535 pod/video/models.py:1534
 msgid ""
 "Hold down \"Control\", or \"Command\" on a Mac, to select more than one."
 msgstr ""
 "Maintenez \"Control\", ou \"Command\" sur un Mac, pour en sélectionner "
 "plusieurs."
 
-#: pod/recorder/models.py:203 pod/video/models.py:537
+#: pod/recorder/models.py:203 pod/video/models.py:538
 msgid "allow downloading"
 msgstr "autoriser le téléchargement"
 
-#: pod/recorder/models.py:204 pod/video/models.py:538
+#: pod/recorder/models.py:204 pod/video/models.py:539
 msgid "Check this box if you to allow downloading of the encoded files"
 msgstr ""
 "Cocher cette case si vous voulez autoriser le téléchargement des fichiers "
 "encodés"
 
-#: pod/recorder/models.py:207 pod/video/models.py:539
+#: pod/recorder/models.py:207 pod/video/models.py:540
 msgid "video 360"
 msgstr "vidéo 360"
 
-#: pod/recorder/models.py:208 pod/video/models.py:540
+#: pod/recorder/models.py:208 pod/video/models.py:541
 msgid "Check this box if you want to use the 360 player for the video"
 msgstr ""
 "Cocher cette case si vous voulez utiliser le lecteur 360 pour cette vidéo"
 
-#: pod/recorder/models.py:211 pod/video/models.py:583
+#: pod/recorder/models.py:211 pod/video/models.py:584
 msgid "Disable comment"
 msgstr "Désactiver les commentaires"
 
-#: pod/recorder/models.py:213 pod/video/models.py:584
+#: pod/recorder/models.py:213 pod/video/models.py:585
 msgid "Allows you to turn off all comments on this video."
 msgstr "Vous permet de désactiver les commentaires sur cette vidéo."
 
@@ -3735,8 +3739,8 @@ msgstr "Fichier source de la vidéo publiée."
 msgid "File size"
 msgstr "Taille du fichier"
 
-#: pod/recorder/models.py:320 pod/video/models.py:499 pod/video/models.py:1363
-#: pod/video/models.py:1422
+#: pod/recorder/models.py:320 pod/video/models.py:500 pod/video/models.py:1364
+#: pod/video/models.py:1423
 msgid "Date added"
 msgstr "Date d'ajout"
 
@@ -3895,7 +3899,7 @@ msgstr "Nouvel enregistrement ajouté."
 msgid "The record has been deleted."
 msgstr "L’enregistrement a été supprimé."
 
-#: pod/urls.py:285 pod/urls.py:286
+#: pod/urls.py:290 pod/urls.py:291
 msgid "Pod Administration"
 msgstr "Administration de Pod"
 
@@ -3920,7 +3924,7 @@ msgid "Transcript selected"
 msgstr "Transcription selectionnée"
 
 #: pod/video/admin.py:268 pod/video/forms.py:234 pod/video/forms.py:585
-#: pod/video/forms.py:587 pod/video/models.py:244
+#: pod/video/forms.py:587 pod/video/models.py:245
 msgid "Owners"
 msgstr "Propriétaires"
 
@@ -3928,12 +3932,12 @@ msgstr "Propriétaires"
 msgid "File field"
 msgstr "Fichier"
 
-#: pod/video/forms.py:88 pod/video/models.py:457
+#: pod/video/forms.py:88 pod/video/models.py:458
 #: pod/video/templates/videos/add_video.html:88
 msgid "You can send an audio or video file."
 msgstr "Vous pouvez envoyer un fichier audio ou vidéo."
 
-#: pod/video/forms.py:89 pod/video/views.py:1641
+#: pod/video/forms.py:89 pod/video/views.py:1642
 #, python-format
 msgid "The following formats are supported: %s"
 msgstr "Les formats suivants sont supportés: %s"
@@ -3976,7 +3980,7 @@ msgstr ""
 "n’apparaît pas dans la liste, veuillez temporairement choisir \"Autres\" et "
 "contactez-nous pour expliquer vos besoins."
 
-#: pod/video/forms.py:106 pod/video/models.py:486
+#: pod/video/forms.py:106 pod/video/models.py:487
 msgid "Additional owners"
 msgstr "Propriétaires additionels"
 
@@ -3991,7 +3995,7 @@ msgstr ""
 "que vous sauf qu'ils ne peuvent pas supprimer cette vidéo."
 
 #: pod/video/forms.py:112 pod/video/forms.py:226 pod/video/forms.py:252
-#: pod/video/models.py:229 pod/video/models.py:312 pod/video/models.py:496
+#: pod/video/models.py:230 pod/video/models.py:313 pod/video/models.py:497
 msgid ""
 "In this field you can describe your content, add all needed related "
 "information, and format the result using the toolbar."
@@ -4104,11 +4108,11 @@ msgstr ""
 "Vous aurez probablement à améliorer ce fichier en utilisant l’outil de sous-"
 "titrage accessible sur la page de complétion de la video."
 
-#: pod/video/forms.py:230 pod/video/models.py:241
+#: pod/video/forms.py:230 pod/video/models.py:242
 msgid "Extra style"
 msgstr "Style supplémentaire"
 
-#: pod/video/forms.py:230 pod/video/models.py:236
+#: pod/video/forms.py:230 pod/video/models.py:237
 msgid "Background color"
 msgstr "Couleur d'arrière-plan"
 
@@ -4259,24 +4263,24 @@ msgstr "Les vidéos archivées sur Pod"
 msgid "In %(deadline)s days"
 msgstr "Dans %(deadline)s jours"
 
-#: pod/video/models.py:119
+#: pod/video/models.py:120
 msgid "Private -"
 msgstr "Privé (moi seulement)"
 
-#: pod/video/models.py:120
+#: pod/video/models.py:121
 msgid "Private +"
 msgstr "Partagé avec le propriétaire de la vidéo"
 
-#: pod/video/models.py:121
+#: pod/video/models.py:122
 msgid "Public"
 msgstr "Public"
 
-#: pod/video/models.py:134
+#: pod/video/models.py:135
 #, python-format
 msgid "%(app)s version"
 msgstr "Version %(app)s"
 
-#: pod/video/models.py:217 pod/video/models.py:301
+#: pod/video/models.py:218 pod/video/models.py:302
 msgid ""
 "Please choose a title as short and accurate as possible, reflecting the main "
 "subject / context of the content.(max length: 100 characters)"
@@ -4285,7 +4289,7 @@ msgstr ""
 "sujet principal / le contexte de votre contenu. (taille maximale : 100 "
 "caractères)"
 
-#: pod/video/models.py:238
+#: pod/video/models.py:239
 msgid ""
 "The background color for your channel. You can use the format #. i.e.: "
 "#ff0000 for red"
@@ -4293,39 +4297,39 @@ msgstr ""
 "La couleur d'arrière-plan pour votre chaîne. Vous pouvez utiliser le format "
 "#. i.e.: #ff0000 pour le rouge"
 
-#: pod/video/models.py:242
+#: pod/video/models.py:243
 msgid "The style will be added to your channel to show it"
 msgstr "Le style sera ajouté à votre chaîne"
 
-#: pod/video/models.py:252
+#: pod/video/models.py:253
 msgid ""
 "If checked, the channel appear in a list of available channels on the "
 "platform."
 msgstr ""
 "Si coché, la chaîne apparaîtra dans la liste des chaînes de la plateforme."
 
-#: pod/video/models.py:259 pod/video/models.py:321
+#: pod/video/models.py:260 pod/video/models.py:322
 #: pod/video_search/templates/search/search.html:114
 msgid "Channel"
 msgstr "Chaîne"
 
-#: pod/video/models.py:298
+#: pod/video/models.py:299
 msgid "Theme parent"
 msgstr "Thème parent"
 
-#: pod/video/models.py:390
+#: pod/video/models.py:391
 msgid "Theme"
 msgstr "Thème"
 
-#: pod/video/models.py:405 pod/video/models.py:431
+#: pod/video/models.py:406 pod/video/models.py:432
 msgid "Icon"
 msgstr "Icone"
 
-#: pod/video/models.py:443 pod/video_search/templates/search/search.html:101
+#: pod/video/models.py:444 pod/video_search/templates/search/search.html:101
 msgid "Discipline"
 msgstr "Discipline"
 
-#: pod/video/models.py:461
+#: pod/video/models.py:462
 msgid ""
 "Please choose a title as short and accurate as possible, reflecting the main "
 "subject / context of the content.(max length: 250 characters)"
@@ -4334,7 +4338,7 @@ msgstr ""
 "sujet principal / le contexte de ce contenu (taille maximale : 250 "
 "caractères)."
 
-#: pod/video/models.py:489
+#: pod/video/models.py:490
 msgid ""
 "You can add additional owners to the video. They will have the same rights "
 "as you except that they can't delete this video."
@@ -4342,59 +4346,59 @@ msgstr ""
 "Vous pouvez ajouter des propriétaires additionnels à la vidéo. Ils auront "
 "les mêmes droits que vous sauf qu'ils ne peuvent pas supprimer cette vidéo."
 
-#: pod/video/models.py:501
+#: pod/video/models.py:502
 msgid "Date of event"
 msgstr "Date de l'évènement"
 
-#: pod/video/models.py:566 pod/video/models.py:683
+#: pod/video/models.py:567 pod/video/models.py:684
 msgid "Thumbnails"
 msgstr "Vignettes"
 
-#: pod/video/models.py:570
+#: pod/video/models.py:571
 msgid "Overview"
 msgstr "Vue d'ensemble"
 
-#: pod/video/models.py:576
+#: pod/video/models.py:577
 msgid "Is Video"
 msgstr "Est une vidéo"
 
-#: pod/video/models.py:579
+#: pod/video/models.py:580
 msgid "Date to delete"
 msgstr "Date de suppression"
 
-#: pod/video/models.py:591
+#: pod/video/models.py:592
 msgid "videos"
 msgstr "vidéos"
 
-#: pod/video/models.py:636
+#: pod/video/models.py:637
 msgid "Sum of view"
 msgstr "Somme des vues"
 
-#: pod/video/models.py:714
+#: pod/video/models.py:715
 msgid "Is the video encoded ?"
 msgstr "Est-ce que la vidéo est encodée ?"
 
-#: pod/video/models.py:959
+#: pod/video/models.py:960
 msgid "Date"
 msgstr "Date"
 
-#: pod/video/models.py:961
+#: pod/video/models.py:962
 msgid "Number of view"
 msgstr "Nombre de vues"
 
-#: pod/video/models.py:969
+#: pod/video/models.py:970
 msgid "View count"
 msgstr "Nombre de vues"
 
-#: pod/video/models.py:970
+#: pod/video/models.py:971
 msgid "View counts"
 msgstr "Statistiques"
 
-#: pod/video/models.py:975
+#: pod/video/models.py:976
 msgid "resolution"
 msgstr "résolution"
 
-#: pod/video/models.py:978
+#: pod/video/models.py:979
 msgid ""
 "Please use the only format x. i.e.: <em>640x360</em> or <em>1280x720</em> or "
 "<em>1920x1080</em>."
@@ -4402,12 +4406,12 @@ msgstr ""
 "Veuillez utiliser le format LxH. soit: <em>640x360</em> ou <em>1280x720</em> "
 "ou <em>1920x1080</em>."
 
-#: pod/video/models.py:982 pod/video/models.py:1051 pod/video/models.py:1058
+#: pod/video/models.py:983 pod/video/models.py:1052 pod/video/models.py:1059
 msgid "minrate"
 msgstr "débit minimum"
 
-#: pod/video/models.py:984 pod/video/models.py:990 pod/video/models.py:996
-#: pod/video/models.py:1002
+#: pod/video/models.py:985 pod/video/models.py:991 pod/video/models.py:997
+#: pod/video/models.py:1003
 msgid ""
 "Please use the only format k. i.e.: <em>300k</em> or <em>600k</em> or "
 "<em>1000k</em>."
@@ -4415,179 +4419,179 @@ msgstr ""
 "Veuillez utiliser le format XXk soit: <em>300k</em> ou <em>600k</em> ou "
 "<em>1000k</em>."
 
-#: pod/video/models.py:988 pod/video/models.py:1027 pod/video/models.py:1034
+#: pod/video/models.py:989 pod/video/models.py:1028 pod/video/models.py:1035
 msgid "bitrate video"
 msgstr "débit binaire de la vidéo"
 
-#: pod/video/models.py:994 pod/video/models.py:1039 pod/video/models.py:1046
+#: pod/video/models.py:995 pod/video/models.py:1040 pod/video/models.py:1047
 msgid "maxrate"
 msgstr "débit maximum"
 
-#: pod/video/models.py:1000 pod/video/models.py:1076 pod/video/models.py:1083
+#: pod/video/models.py:1001 pod/video/models.py:1077 pod/video/models.py:1084
 msgid "bitrate audio"
 msgstr "débit binaire de l'audio"
 
-#: pod/video/models.py:1005
+#: pod/video/models.py:1006
 msgid "Make a MP4 version"
 msgstr "Faire une version MP4"
 
-#: pod/video/models.py:1018 pod/video/models.py:1106
+#: pod/video/models.py:1019 pod/video/models.py:1107
 msgid "rendition"
 msgstr "rendu"
 
-#: pod/video/models.py:1019
+#: pod/video/models.py:1020
 msgid "renditions"
 msgstr "rendus"
 
-#: pod/video/models.py:1101 pod/video/models.py:1170 pod/video/models.py:1224
+#: pod/video/models.py:1102 pod/video/models.py:1171 pod/video/models.py:1225
 msgid "Please use the only format in encoding choices:"
 msgstr "Merci de sélectionner un format d’encodage valide :"
 
-#: pod/video/models.py:1108 pod/video/models.py:1174 pod/video/models.py:1228
+#: pod/video/models.py:1109 pod/video/models.py:1175 pod/video/models.py:1229
 msgid "Format"
 msgstr "Format"
 
-#: pod/video/models.py:1112 pod/video/models.py:1176 pod/video/models.py:1230
+#: pod/video/models.py:1113 pod/video/models.py:1177 pod/video/models.py:1231
 msgid "Please use the only format in format choices:"
 msgstr "Merci de sélectionner un format valide :"
 
-#: pod/video/models.py:1115 pod/video/models.py:1179 pod/video/models.py:1233
+#: pod/video/models.py:1116 pod/video/models.py:1180 pod/video/models.py:1234
 msgid "encoding source file"
 msgstr "fichier source d'encodage"
 
-#: pod/video/models.py:1137
+#: pod/video/models.py:1138
 msgid "Encoding video"
 msgstr "Encodage vidéo"
 
-#: pod/video/models.py:1138
+#: pod/video/models.py:1139
 msgid "Encoding videos"
 msgstr "Encodage des vidéos"
 
-#: pod/video/models.py:1189
+#: pod/video/models.py:1190
 msgid "Encoding audio"
 msgstr "Encodage audio"
 
-#: pod/video/models.py:1190
+#: pod/video/models.py:1191
 msgid "Encoding audios"
 msgstr "Encodage des audios"
 
-#: pod/video/models.py:1238
+#: pod/video/models.py:1239
 msgid "Video Playlist"
 msgstr "Liste de lecture"
 
-#: pod/video/models.py:1239
+#: pod/video/models.py:1240
 msgid "Video Playlists"
 msgstr "Listes de lecture"
 
-#: pod/video/models.py:1285
+#: pod/video/models.py:1286
 msgid "Encoding log"
 msgstr "Journal de l'encodage"
 
-#: pod/video/models.py:1286
+#: pod/video/models.py:1287
 msgid "Encoding logs"
 msgstr "Journaux des encodages"
 
-#: pod/video/models.py:1296 pod/video/models.py:1301
+#: pod/video/models.py:1297 pod/video/models.py:1302
 msgid "Video version"
 msgstr "Version de la video"
 
-#: pod/video/models.py:1298
+#: pod/video/models.py:1299
 msgid "Video default version."
 msgstr "Version par défaut de la vidéo."
 
-#: pod/video/models.py:1302
+#: pod/video/models.py:1303
 msgid "Video versions"
 msgstr "Versions de la video"
 
-#: pod/video/models.py:1327
+#: pod/video/models.py:1328
 msgid "Encoding steps"
 msgstr "Etapes de l'encodage"
 
-#: pod/video/models.py:1336 pod/video/models.py:1343 pod/video/models.py:1359
-#: pod/video/views.py:1316
+#: pod/video/models.py:1337 pod/video/models.py:1344 pod/video/models.py:1360
+#: pod/video/views.py:1317
 msgid "Note"
 msgstr "Note"
 
-#: pod/video/models.py:1344
+#: pod/video/models.py:1345
 msgid "Notes"
 msgstr "Notes"
 
-#: pod/video/models.py:1355
+#: pod/video/models.py:1356
 msgid "Note availibility level"
 msgstr "Niveau de disponibilité de la note"
 
-#: pod/video/models.py:1357
+#: pod/video/models.py:1358
 msgid "Select an availability level for the note."
 msgstr "Sélectionner le niveau de disponibilité de la note."
 
-#: pod/video/models.py:1361
+#: pod/video/models.py:1362
 msgid "Timestamp"
 msgstr "Horodatage"
 
-#: pod/video/models.py:1365 pod/video/models.py:1424
+#: pod/video/models.py:1366 pod/video/models.py:1425
 msgid "Date modified"
 msgstr "Date de modification"
 
-#: pod/video/models.py:1368
+#: pod/video/models.py:1369
 msgid "Advanced Note"
 msgstr "Note avancée"
 
-#: pod/video/models.py:1369
+#: pod/video/models.py:1370
 msgid "Advanced Notes"
 msgstr "Notes avancées"
 
-#: pod/video/models.py:1415
+#: pod/video/models.py:1416
 msgid "Comment availibility level"
 msgstr "Niveau de disponibilité du commentaire"
 
-#: pod/video/models.py:1417
+#: pod/video/models.py:1418
 msgid "Select an availability level for the comment."
 msgstr "Sélectionnez un niveau de disponibilité pour le commentaire."
 
-#: pod/video/models.py:1427
+#: pod/video/models.py:1428
 msgid "Note comment"
 msgstr "Commentaire de la note"
 
-#: pod/video/models.py:1428
+#: pod/video/models.py:1429
 msgid "Note comments"
 msgstr "Commentaires de notes"
 
-#: pod/video/models.py:1446
+#: pod/video/models.py:1447
 msgid "Date for deletion"
 msgstr "Date pour la suppression"
 
-#: pod/video/models.py:1449 pod/video/models.py:1502
+#: pod/video/models.py:1450 pod/video/models.py:1532
 #: pod/video/templates/videos/video.html:76
 #: pod/video/templates/videos/videos.html:8
 #: pod/video/templates/videos/videos.html:17
 msgid "Videos"
 msgstr "Vidéos"
 
-#: pod/video/models.py:1452
+#: pod/video/models.py:1453
 msgid "Video to delete"
 msgstr "Vidéo à supprimer"
 
-#: pod/video/models.py:1453
+#: pod/video/models.py:1454
 msgid "Videos to delete"
 msgstr "Vidéos à supprimer"
 
-#: pod/video/models.py:1470 pod/video/templates/videos/video-comment.html:12
+#: pod/video/models.py:1474 pod/video/templates/videos/video-comment.html:9
 msgid "Comments"
 msgstr "Commentaires"
 
-#: pod/video/models.py:1485
+#: pod/video/models.py:1515
 msgid "Vote"
 msgstr "Vote"
 
-#: pod/video/models.py:1486
+#: pod/video/models.py:1516
 msgid "Votes"
 msgstr "Votes"
 
-#: pod/video/models.py:1494 pod/video/templates/videos/category_modal.html:13
+#: pod/video/models.py:1524 pod/video/templates/videos/category_modal.html:13
 msgid "Category title"
 msgstr "Titre catégorie"
 
-#: pod/video/models.py:1496
+#: pod/video/models.py:1526
 msgid ""
 "Please choose a title as short and accurate as possible, reflecting the main "
 "subject / context of the content.(max length : 100 characters)"
@@ -4596,11 +4600,11 @@ msgstr ""
 "sujet principal / le contexte de votre contenu. (taille maximale : 100 "
 "caractères)"
 
-#: pod/video/models.py:1522 pod/video/templates/videos/category_modal.html:7
+#: pod/video/models.py:1552 pod/video/templates/videos/category_modal.html:7
 msgid "Category"
 msgstr "Catégorie"
 
-#: pod/video/models.py:1523
+#: pod/video/models.py:1553
 #: pod/video/templates/videos/filter_aside_category.html:14
 msgid "Categories"
 msgstr "Catégories"
@@ -4952,11 +4956,11 @@ msgstr ""
 msgid "Comments have been disabled for this video."
 msgstr "Les commentaires ont été désactivés pour cette vidéo."
 
-#: pod/video/templates/videos/video-comment.html:15
+#: pod/video/templates/videos/video-comment.html:14
 msgid "Add a public comment"
 msgstr "Ajouter un commentaire public"
 
-#: pod/video/templates/videos/video-comment.html:18
+#: pod/video/templates/videos/video-comment.html:17
 msgid "comment"
 msgstr "commenter"
 
@@ -5371,149 +5375,149 @@ msgstr ""
 "La vidéo \"%(content_title)s\" a été encodée au format web, et est "
 "maintenant disponible sur %(site_title)s."
 
-#: pod/video/views.py:236 pod/video/views.py:276
+#: pod/video/views.py:237 pod/video/views.py:277
 msgid "You cannot edit this channel."
 msgstr "Vous ne pouvez éditer cette chaîne."
 
-#: pod/video/views.py:253 pod/video/views.py:728
+#: pod/video/views.py:254 pod/video/views.py:729
 msgid "The changes have been saved."
 msgstr "Les modifications ont été sauvegardées."
 
-#: pod/video/views.py:605
+#: pod/video/views.py:606
 msgid "You don't have access to this playlist."
 msgstr "Vous n'avez pas les droits d'accès à cette liste de lecture."
 
-#: pod/video/views.py:666
+#: pod/video/views.py:667
 msgid "You cannot watch this video."
 msgstr "Vous ne pouvez pas voir cette vidéo."
 
-#: pod/video/views.py:700
+#: pod/video/views.py:701
 msgid "You cannot edit this video."
 msgstr "Vous ne pouvez pas éditer cette vidéo."
 
-#: pod/video/views.py:778
+#: pod/video/views.py:779
 msgid "You cannot delete this video."
 msgstr "Vous ne pouvez pas supprimer cette vidéo."
 
-#: pod/video/views.py:788
+#: pod/video/views.py:789
 msgid "The video has been deleted."
 msgstr "La vidéo a été supprimée."
 
-#: pod/video/views.py:904
+#: pod/video/views.py:905
 #, python-format
 msgid "You cannot %s this note or comment."
 msgstr "Vous ne pouvez pas %s cette note ou ce commentaire."
 
-#: pod/video/views.py:927
+#: pod/video/views.py:928
 msgid "You cannot see this note or comment."
 msgstr "Vous ne pouvez pas voir cette note ou ce commentaire."
 
-#: pod/video/views.py:1163 pod/video/views.py:1177 pod/video/views.py:1200
+#: pod/video/views.py:1164 pod/video/views.py:1178 pod/video/views.py:1201
 msgid "The comment has been saved."
 msgstr "Le commentaire a été enregistré."
 
-#: pod/video/views.py:1190 pod/video/views.py:1215
+#: pod/video/views.py:1191 pod/video/views.py:1216
 msgid "The note has been saved."
 msgstr "La note a été sauvegardée."
 
-#: pod/video/views.py:1255
+#: pod/video/views.py:1256
 msgid "The note has been deleted."
 msgstr "La note a été supprimée."
 
-#: pod/video/views.py:1263
+#: pod/video/views.py:1264
 msgid "The comment has been deleted."
 msgstr "Le commentaire a été supprimé."
 
-#: pod/video/views.py:1309 pod/video/views.py:1312 pod/video/views.py:1318
+#: pod/video/views.py:1310 pod/video/views.py:1313 pod/video/views.py:1319
 msgid "None"
 msgstr "Aucun"
 
-#: pod/video/views.py:1331
+#: pod/video/views.py:1332
 msgid "ID"
 msgstr "ID"
 
-#: pod/video/views.py:1331
+#: pod/video/views.py:1332
 msgid "Status"
 msgstr "Status"
 
-#: pod/video/views.py:1332
+#: pod/video/views.py:1333
 msgid "Parent note id"
 msgstr "Identifiant de note parent"
 
-#: pod/video/views.py:1332
+#: pod/video/views.py:1333
 msgid "Parent comment id"
 msgstr "ID du commentaire parent"
 
-#: pod/video/views.py:1333
+#: pod/video/views.py:1334
 msgid "Created on"
 msgstr "Créé le"
 
-#: pod/video/views.py:1333
+#: pod/video/views.py:1334
 msgid "Modified on"
 msgstr "Modifié le"
 
-#: pod/video/views.py:1334
+#: pod/video/views.py:1335
 msgid "Note timestamp"
 msgstr "Horodatage de la note"
 
-#: pod/video/views.py:1361 pod/video/views.py:1389
+#: pod/video/views.py:1362 pod/video/views.py:1390
 msgid "You cannot access to this view."
 msgstr "Vous ne pouvez pas accéder à cette vue."
 
-#: pod/video/views.py:1508
+#: pod/video/views.py:1509
 msgid "Pod video view statistics"
 msgstr "Statistiques de visualisation des vidéos Pod"
 
-#: pod/video/views.py:1515
+#: pod/video/views.py:1516
 #, python-format
 msgid "Video viewing statistics for %s"
 msgstr "Statistiques de visualisation de la vidéo %s"
 
-#: pod/video/views.py:1519
+#: pod/video/views.py:1520
 #, python-format
 msgid "Video viewing statistics for the channel %s"
 msgstr "Statistiques de visualisation des vidéos de la chaîne %s"
 
-#: pod/video/views.py:1523
+#: pod/video/views.py:1524
 #, python-format
 msgid "Video viewing statistics for the theme %s"
 msgstr "Statistiques de visualisation des vidéos du thème %s"
 
-#: pod/video/views.py:1565
+#: pod/video/views.py:1566
 #, python-format
 msgid "You do not have access rights to this video: %s "
 msgstr "Vous n'avez pas les droits d'accès à cette vidéo: %s "
 
-#: pod/video/views.py:1585
+#: pod/video/views.py:1586
 #, python-format
 msgid "The following video does not exist : %s"
 msgstr "La video suivante n'existe pas : %s"
 
-#: pod/video/views.py:1772
+#: pod/video/views.py:1917
 msgid "You do not have rights to delete this comment"
 msgstr "Vous n'avez pas les droits pour supprimer ce commentaire"
 
-#: pod/video/views.py:1863 pod/video/views.py:1929
+#: pod/video/views.py:2008 pod/video/views.py:2074
 msgid "One or many videos already have a category."
 msgstr "Une ou plusieurs vidéos possèdent déjà une catégorie."
 
-#: pod/video/views.py:1899 pod/video/views.py:1969
+#: pod/video/views.py:2044 pod/video/views.py:2114
 msgid "Title field is required"
 msgstr "Champ de titre est requis"
 
-#: pod/video/views.py:1904 pod/video/views.py:1974 pod/video/views.py:2016
+#: pod/video/views.py:2049 pod/video/views.py:2119 pod/video/views.py:2161
 msgid "Method Not Allowed"
 msgstr "Méthode non autorisée"
 
-#: pod/video/views.py:1946
+#: pod/video/views.py:2091
 msgid "Category updated successfully."
 msgstr "Catégorie mise à jour avec succès."
 
-#: pod/video/views.py:1964
+#: pod/video/views.py:2109
 msgid "You do not have rights to edit this category"
 msgstr "Vous n'avez pas les droits pour éditer cette catégorie"
 
-#: pod/video/views.py:2010
+#: pod/video/views.py:2155
 msgid "You do not have rights to delete this category"
 msgstr "Vous n'avez pas les droits pour supprimer cette catégorie"
 
diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.mo b/pod/locale/fr/LC_MESSAGES/djangojs.mo
index d5a2516f0138e90a18a6940bb76f90783fff51b0..f1cb73a1d7cd0f8645f58897969a5e15e3cff407 100644
GIT binary patch
delta 2958
zcmZYAeQXp(7{~ExDJs{}(juiT3JZup>0NuLwY4p!&{pL|K|lo&=yA7&llHdW3n(O9
z_`@I(A$3Jf6a^w8z9edm1~o>lR-+-{TcR=1_(F_{81W@WgVFErZfk0s+;g9u*}a{a
zXJ+??7QMDO^F>*~enW{97ZH0#8KZ`C=kY~ZHpUp5%=LI7-hkuqRxHQu*ogPy`S?E8
z;71rl<1;1zA@pMyt8pK4ozJ}No%pW5e@&*8Gk+Eua{(3=8FML4z%p#X5?qQJ+<F|3
z-KY_5Lyh2W)O}nm#v`bnUqJQzHCEu*vD_OkMct=mtjT0=u#5%`c@^ryT{sgDdi8g)
zmikwyl$FwpQW3z5u@h%t#H;T{U3U~Md<*OFH0r+P%xVg@mSl1xT}Oj*y$1t$2&dyI
zti)eEi<!1=JPVbPPSi}6;AreZKBk*5#%i{rGJ7YI1hd!kAuOQ&M1}*U<QZiB%pkHF
z<^*a0pJ4<3g>_g@p0&u`XyJpX&2SvA!Jn}cn_0hExDz$tC$S3OK~3mu)crH(IMB>3
zrlA?sqn4l<$(C7(d`yHd4RkB&`g?Ez9>&>t8tbuylOgQHEAe*J@195Pm3LA1KZWeI
zjQQR>F^;Qrq5_qHpyymv>K0;ao-sF~ZnU2bptV1M^le^2&GaN*i$9<;+B7jYkPd93
zz5}no<Jds|<|hs=r(qVo*W+4jMHiKU4^bU{g-Y%BsLfML9;e|_R4Nmw>+VOAY92wh
zjd>0=z&B7&!zW%{>oJD@&4nDy!O2K6%pznN&3avcw;^LR+fg@iQJd;0k__`K>iQvU
z!%wjhD<|a!xEw9&X{^QjQNJI;jAnF_13qQ~`BMghsQ17|Y{R{%H9m<m@ei*)mHanT
zUyRDYE}V)_p{_fDbMZG+MlYLe%q5sW?U4s2lYg>d-lIVme2Zk)Oeeqm#<ZYPeKTJ*
zxDAz&qp0hi^Xl(;^^cKdH)p)|0xOr9VpO|@+FK3C$Fy6S+zq4DbRv#gqiuL49>MGJ
zOVo&iOiu%eqU!y4Bff<<;UqSM-XBTSeGa20cmhe9`Oa%EAYEF@+6)JyIcP^M!9vug
zu~C~SjT+cpUi*Exg!*H68J@)^oIzgOunXJq5L$Q|eR$rC+>(}}2HuF;teMRmsN*E+
zG24e4z{99b^)%+8il1Nt*&nLDfzV(y05WdY5L|9<A@T_oEu)GCrM<x3G|LH<1$zE_
za>v;Xr#F~NEup~_5K5EEq8!;rRWn!7X6410eN0s!E}HQ=uW|+I&8dA;L#!vXMA|><
zKU*~8=G<ZS8P}oKbGWcCvsu!MWi`=8XkX}Y)uXF&1F?d*N)^f~LQAN!l(?B_A+94-
z^n`3y|Jp#>BrIjNXyd5dN@(pzsp1tI_3RE8ZPJZiWg*TZmJ#}M8d<dFQNkjEL^*La
zk!j^iMbCFPu}Kw*UM%_tYa|*7mHEVCVl<(>p_fvO2otl24ubt=))FdHiC!W?bP+3w
zIH97a!OV}k)5kpJcKK!&Mx1ym5!;YXISJJZqE003-r}3%uJ(o8mwap7@r6J7tkfpk
z+7gS}j{8SpsMP80>#<Yzh}PLf{zm)1ZKflZ?CS~NVLGF+RQA$HIAw2i5+ho2w~QB^
z8R#1OcfK1P_x3<_>4Ch9H7GltvSLZAFPuznbrMmlFX5!@NXm}7ua`9zF%-+YDlqU{
zS#|z3{^j<TSTg3s{T=kvWQFQNL4RG)9|~E)P*bpOPF=9B&bK6-O!-$P!trEJm?<||
z&W3Q*v0C)qmX60Fw)^OWS4UkQ2)XOZ6M0+Q56Z1P+x?|{MgE%y-JKKt#s4PEPA9TW
z^|>=O?l%+TW1>zn8MAXIYTTDAO3U6nIM1|a=aaU=>1fOexSv;C=T=u*?&8Ynu2Wg#
zK3=)GFk$tCmEyr;j(b5><9OwG@L0+o+1^@J-?1Xy*O!R(j%+vcySrnNO?JWz?k3l{
zQzU!v7}<{5BU`-=`m4_51>7BzdIru;`hC>E*(sy*n8d*E){A)y1E$^fQk%ByWXiJR
y)`o<Wj`j37@&BFFs?g8iF%~Le^*SjlYG>EX4!A?p8cK#|p6fU;aBkY7{C@x^XsKoZ

delta 2682
zcmZA1ZERCj9LMp~J)mqI3@U6ZlifLBz}B_53<rhDU?2?U7|-Ga)@>CEqlG<16Oz8r
z5F~)Wg%@JbC=xIR-wafYF$VD=#4Hkxl86L?F`$NokZ8b%`2Dq)L_O*Me$F|)z4x5|
zIj0{j`D}6O%IKWKhO&hyCHk_BQOB3VxKOO&#?WQT@gbaug&4uHxCCcl2R?wWU;vL{
z7%yTFbMi9%wOB>F1E(4@+U%oJO~+ZR!JiJi*p_;b%DsGJCSkVMn2|UYHK+*sa4zbN
zt8f&qL%lhPJlPz@V*CQf;5F3men<T-zaaBMAL_n&n1gKvCS@wAw7XyILQUayREjR5
zrhW?_#@rF41uIbPCe(c!(ZUxngvU|O{T9pcZw%mgW~bCPV+}?}rg#{Y{dAPzY1bjt
zgKwZRk;_78MqbQC3;CEyTo{|FLuGOSGHKI-=^481cDKD1m7yMFxy-H<6|!#*q6YFR
z*5Ns{@t$indADe<M{R->F2eV50eVIoGZ`162EGmbxED3Clc<@WLrvg2)Ka8=prV=m
zh8kHO4c%zrJe-bG@L8OWZ(tZN;Y`fuX8mpfYOUK)5AH<msU2?rF}MG1)P&DxOqs8!
zC}o#%z+=o!)Pvetc&+g!<XvVbYGy~U1>ZxZa9B|$BZa5|HK7LjJl5e^ti{`|lNg=a
zZCKC#GyAD%4Tn%KzKoCKk7!{P`P0%gyKY00We&NXK(>kb05#AHs8ewTHNfGlgU+E3
zSuHaM)xQjjc)w|*qRrEbO63l0z=Jpgzs5(<J1#SzAZquvqJEb`?SWm$#|&}Nru`X}
ziQA~9s3d(2*n(QpmoTMca@Os*hO=nrlXuN{A(rD7)O~xg9?#%ocn2q7czkA0tU)Gi
zcB8(36G@`Ej@)YgL>)&zmuifZk$<IPBOSVNJF30gZ689G*_?9w&!bW}gqrzP_xqcu
zO{MkXW4v7SoB*o74z(nWI1>}tiYKj9X5@G2(1@y;u6FlYT#b8h4PHm3d=~4V2W>_T
z_^|6csI~tbb-cbuvTm-S_R3$VffSNf?Uhn&#_AN6X;hxW2%f?Qyn&54h5TB$74vW(
zYAs(z4fJEwroDrD;UDP5qKTOoO+aO=7Coq<&1ez&9rHJ41F?jdL9j&W-Oqr{Q$!Y_
z89zg)%q6r(RF-8(4><1D#X`5Pzg(TH9D-AwE={f)JOfRoXQ>Qml>aYG#<aPeI<r~=
z5|iG&PotJh8%`xi@MoD`U$wPARJ4rui#DOMq|~cCrul0l=-6ppR8|tpiTP?!wEkM#
z`^BcBrF!Ci2Tmqd5uDWYiGlQqksArEeKyfWsB~m7OVjzMQAg-sZ7s2gs3)|8b&mgC
zLNua88KM2apIZ9t&qfvPjZPw_21Tc51o0@L{{odc#9|_ssMqe)PF7h@uusze`)aE^
znZazvc48f|g4jZAa+-#p@mNkMuhQF@O!W1{JNo;QJ?aQ%x}BYQVYhZVZv!=7{w>Gn
zo$9oDtDHSvzjMa>OU|NrSM1np1=-G#!V4a2uxr#&k2BF{55|0zS*ewQ#-3QTFP=;U
z=12Qt5i1-D+kucBux-n>Beq=?vO}S~)}?{vv4ME+f9?wfLbZWuA<GU&>~K{m%ze$#
z-oC)fo@k=CJIYWaR!h7y*&Xe*W+yV0n$BpVp+6BH2z1B0yJH^P`DV<A+2NX6#~It>
zS?vrfva&vT%c(3{!E6o`S34(*3Np1^t1H>r@01tYj=wnJtSFwH?yoPj=9osZ6HD}4
z(f+P@(z#mP;;C_JN-VA|B^6w^msC5)OU5`SN}^7wKj^gkr#UD5WzHr4ug<6Ax^o+&
zott8V!P2|ggJsqT4_OM9zw0S6jWJ7!*P~;-eO4@CZR?2-Fut0Ky21X6rmTMe3@bKm

diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.po b/pod/locale/fr/LC_MESSAGES/djangojs.po
index 8dccb71dfe..cd22eef647 100644
--- a/pod/locale/fr/LC_MESSAGES/djangojs.po
+++ b/pod/locale/fr/LC_MESSAGES/djangojs.po
@@ -1,45 +1,38 @@
-# SOME DESCRIPTIVE TITLE.
-# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
-# This file is distributed under the same license as the PACKAGE package.
-# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+# Esup Pod JS French strings.
+# This file is distributed under the same license as the POD package.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: Esup-Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2021-01-11 11:11+0100\n"
-"PO-Revision-Date: 2020-04-30 12:12+0200\n"
-"Last-Translator: Nicolas <nicolas.can@univ-lille1.fr>\n"
+"POT-Creation-Date: 2021-01-22 12:24+0100\n"
+"PO-Revision-Date: 2021-01-22 12:10+0100\n"
+"Last-Translator: obado <bado@unice.fr>\n"
 "Language-Team: \n"
 "Language: fr\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n > 1);\n"
-"X-Generator: Poedit 2.2.4\n"
+"X-Generator: Poedit 2.4.2\n"
 
 #: pod/chapter/static/js/chapters.js:5 pod/chapter/static/js/chapters.js:7
 #: pod/enrichment/static/js/enrichment.js:5
 #: pod/enrichment/static/js/enrichment.js:7
 #: pod/enrichment/static/js/enrichment.js:183
-#: pod/enrichment/static/js/enrichment.js:185 pod/static/js/chapters.js:5
-#: pod/static/js/chapters.js:7 pod/static/js/enrichment.js:5
-#: pod/static/js/enrichment.js:7 pod/static/js/enrichment.js:183
-#: pod/static/js/enrichment.js:185
+#: pod/enrichment/static/js/enrichment.js:185
 msgid "Get time from the player"
 msgstr "Obtenir le temps du lecteur"
 
 #: pod/chapter/static/js/chapters.js:16
 #: pod/completion/static/js/completion.js:50
-#: pod/enrichment/static/js/enrichment.js:17 pod/static/js/chapters.js:16
-#: pod/static/js/completion.js:50 pod/static/js/enrichment.js:17
+#: pod/enrichment/static/js/enrichment.js:17
 msgid "Error getting form."
-msgstr "Erreur lors de la récupération du formulaire"
+msgstr "Erreur lors de la récupération du formulaire."
 
 #: pod/chapter/static/js/chapters.js:16
 #: pod/completion/static/js/completion.js:50
-#: pod/enrichment/static/js/enrichment.js:17 pod/static/js/chapters.js:16
-#: pod/static/js/completion.js:50 pod/static/js/enrichment.js:17
+#: pod/enrichment/static/js/enrichment.js:17
 msgid "The form could not be recovered."
 msgstr "Le formulaire ne peut pas être récupéré."
 
@@ -58,56 +51,40 @@ msgstr "Le formulaire ne peut pas être récupéré."
 #: pod/main/static/js/main.js:300 pod/main/static/js/main.js:311
 #: pod/main/static/js/main.js:325
 #: pod/podfile/static/podfile/js/filewidget.js:365
-#: pod/podfile/static/podfile/js/filewidget.js:398 pod/static/js/chapters.js:52
-#: pod/static/js/chapters.js:72 pod/static/js/chapters.js:93
-#: pod/static/js/chapters.js:125 pod/static/js/chapters.js:159
-#: pod/static/js/completion.js:92 pod/static/js/completion.js:123
-#: pod/static/js/completion.js:166 pod/static/js/completion.js:198
-#: pod/static/js/enrichment.js:52 pod/static/js/enrichment.js:72
-#: pod/static/js/enrichment.js:93 pod/static/js/enrichment.js:120
-#: pod/static/js/enrichment.js:149 pod/static/js/main.js:293
-#: pod/static/js/main.js:300 pod/static/js/main.js:311
-#: pod/static/js/main.js:325 pod/static/podfile/js/filewidget.js:365
-#: pod/static/podfile/js/filewidget.js:398
+#: pod/podfile/static/podfile/js/filewidget.js:398
 msgid "You are no longer authenticated. Please log in again."
 msgstr "Vous n'êtes plus authentifié. Veuillez vous reconnectez."
 
 #: pod/chapter/static/js/chapters.js:146
 #: pod/enrichment/static/js/enrichment.js:136 pod/main/static/js/main.js:263
-#: pod/main/static/js/main.js:317 pod/static/js/chapters.js:146
-#: pod/static/js/enrichment.js:136 pod/static/js/main.js:263
-#: pod/static/js/main.js:317
+#: pod/main/static/js/main.js:317
 msgid "One or more errors have been found in the form."
 msgstr "Une ou plusieurs erreurs ont été trouvées dans le formulaire."
 
 #: pod/chapter/static/js/chapters.js:181
-#: pod/enrichment/static/js/enrichment.js:223 pod/static/js/chapters.js:181
-#: pod/static/js/enrichment.js:223
+#: pod/enrichment/static/js/enrichment.js:223
 msgid "Please enter a title from 2 to 100 characters."
 msgstr "Veuillez entrer un titre contenant entre 2 et 100 caractères."
 
-#: pod/chapter/static/js/chapters.js:187 pod/static/js/chapters.js:187
+#: pod/chapter/static/js/chapters.js:187
 msgid "Please enter a correct start field between 0 and"
 msgstr "Veuillez entrer un correct temps de début compris entre 0 et"
 
-#: pod/chapter/static/js/chapters.js:200 pod/static/js/chapters.js:200
+#: pod/chapter/static/js/chapters.js:200
 msgid "The chapter"
 msgstr "Le chapitre"
 
-#: pod/chapter/static/js/chapters.js:200 pod/static/js/chapters.js:200
+#: pod/chapter/static/js/chapters.js:200
 msgid "starts at the same time."
 msgstr "commencent au même moment."
 
 #: pod/chapter/static/js/videojs-chapters.js:22
 #: pod/chapter/static/js/videojs-chapters.js:24
 #: pod/chapter/static/js/videojs-chapters.js:26
-#: pod/static/js/videojs-chapters.js:22 pod/static/js/videojs-chapters.js:24
-#: pod/static/js/videojs-chapters.js:26
 msgid "Chapters"
 msgstr "Chapitres"
 
 #: pod/completion/static/js/caption_maker.js:22
-#: pod/static/js/caption_maker.js:22
 msgid ""
 "WEBVTT\n"
 "\n"
@@ -120,813 +97,526 @@ msgstr ""
 "texte de sous-titre"
 
 #: pod/completion/static/js/caption_maker.js:34
-#: pod/static/js/caption_maker.js:34
 msgid "There is no captions to save"
 msgstr "Il n’y a aucun sous-titre à sauvegarder"
 
 #: pod/completion/static/js/caption_maker.js:82
-#: pod/static/js/caption_maker.js:82
 msgid "error during exchange"
 msgstr "erreur durant le téléversement"
 
 #: pod/completion/static/js/caption_maker.js:82
-#: pod/static/js/caption_maker.js:82
 msgid "no data could be stored."
 msgstr "aucune donnée ne peut être stockée."
 
 #: pod/completion/static/js/caption_maker.js:113
-#: pod/static/js/caption_maker.js:113
-msgid "Are you sure you want to delete all caption ?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer les sous-titre ?"
+msgid "Are you sure you want to delete all caption?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer les sous-titre ?"
 
-#: pod/completion/static/js/completion.js:145 pod/static/js/completion.js:145
-msgid "Are you sure you want to delete this file ?"
+#: pod/completion/static/js/completion.js:145
+#: pod/podfile/static/podfile/js/filewidget.js:277
+msgid "Are you sure you want to delete this file?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce fichier ?"
 
-#: pod/completion/static/js/completion.js:147 pod/static/js/completion.js:147
-msgid "Are you sure you want to delete this contributor ?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer ce contributeur ?"
+#: pod/completion/static/js/completion.js:147
+msgid "Are you sure you want to delete this contributor?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer ce contributeur ?"
 
-#: pod/completion/static/js/completion.js:149 pod/static/js/completion.js:149
-msgid "Are you sure you want to delete this document ?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer ce document ?"
+#: pod/completion/static/js/completion.js:149
+msgid "Are you sure you want to delete this document?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer ce document ?"
 
-#: pod/completion/static/js/completion.js:151 pod/static/js/completion.js:151
-msgid "Are you sure you want to delete this overlay ?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer cette superposition ?"
+#: pod/completion/static/js/completion.js:151
+msgid "Are you sure you want to delete this overlay?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer cette superposition ?"
 
 #: pod/completion/static/js/completion.js:195 pod/main/static/js/main.js:265
-#: pod/static/js/completion.js:195 pod/static/js/main.js:265
 msgid "Changes have been saved."
 msgstr "Les modifications ont été sauvegardées."
 
-#: pod/completion/static/js/completion.js:224 pod/static/js/completion.js:224
+#: pod/completion/static/js/completion.js:224
 msgid "Display"
 msgstr "Afficher"
 
-#: pod/completion/static/js/completion.js:224 pod/static/js/completion.js:224
+#: pod/completion/static/js/completion.js:224
 msgid "section"
 msgstr "section"
 
-#: pod/completion/static/js/completion.js:246 pod/static/js/completion.js:246
+#: pod/completion/static/js/completion.js:246
 msgid "Please enter a name from 2 to 100 caracteres."
 msgstr "Veuillez entrer un nom entre 2 et 200 caractères."
 
-#: pod/completion/static/js/completion.js:252 pod/static/js/completion.js:252
+#: pod/completion/static/js/completion.js:252
 msgid "You cannot enter a weblink with more than 200 caracteres."
 msgstr "Vous ne pouvez pas entrer un lien web avec plus de 200 caractères."
 
-#: pod/completion/static/js/completion.js:258 pod/static/js/completion.js:258
+#: pod/completion/static/js/completion.js:258
 msgid "Please enter a role."
 msgstr "Veuillez entrer un rôle."
 
-#: pod/completion/static/js/completion.js:267 pod/static/js/completion.js:267
+#: pod/completion/static/js/completion.js:267
 msgid ""
 "There is already a contributor with this same name and role in the list."
 msgstr ""
 "Il existe déjà un contributeur avec le même nom et le même rôle dans cette "
 "liste."
 
-#: pod/completion/static/js/completion.js:278 pod/static/js/completion.js:278
+#: pod/completion/static/js/completion.js:278
 msgid "Please enter a correct kind."
 msgstr "Veuillez entrer un genre correct."
 
-#: pod/completion/static/js/completion.js:286 pod/static/js/completion.js:286
+#: pod/completion/static/js/completion.js:286
 msgid "Please select a language."
 msgstr "Veuillez renseigner une langue."
 
-#: pod/completion/static/js/completion.js:293 pod/static/js/completion.js:293
+#: pod/completion/static/js/completion.js:293
 msgid "Please specify a track file."
 msgstr "Veuillez joindre un fichier de piste vidéo."
 
-#: pod/completion/static/js/completion.js:299 pod/static/js/completion.js:299
+#: pod/completion/static/js/completion.js:299
 msgid "Only .vtt format is allowed."
 msgstr "Seulement le format \".vtt\" est autorisé."
 
-#: pod/completion/static/js/completion.js:316 pod/static/js/completion.js:316
+#: pod/completion/static/js/completion.js:316
 msgid "There is already a track with the same kind and language in the list."
 msgstr ""
 "Il existe déjà une piste vidéo avec le même genre et la même langue dans la "
 "liste."
 
 #: pod/completion/static/js/completion.js:323
-#: pod/enrichment/static/js/enrichment.js:274 pod/static/js/completion.js:323
-#: pod/static/js/enrichment.js:274
+#: pod/enrichment/static/js/enrichment.js:274
 msgid "Please select a document."
 msgstr "Veuillez joindre un document."
 
-#: pod/completion/static/js/completion.js:331 pod/static/js/completion.js:331
+#: pod/completion/static/js/completion.js:331
 msgid "Iframe and Script tags are not allowed."
 msgstr "Les balises Iframe et Script ne sont pas autorisées."
 
-#: pod/enrichment/static/js/enrichment.js:229 pod/static/js/enrichment.js:229
+#: pod/enrichment/static/js/enrichment.js:229
 msgid "Please enter a correct start from 0 to "
 msgstr "Veuillez entrer un correct temps de début compris entre 0 et "
 
-#: pod/enrichment/static/js/enrichment.js:235 pod/static/js/enrichment.js:235
+#: pod/enrichment/static/js/enrichment.js:235
 msgid "Please enter a correct end from 1 to "
 msgstr "Veuillez entrer un correct temps de fin compris entre 1 et "
 
-#: pod/enrichment/static/js/enrichment.js:243 pod/static/js/enrichment.js:243
+#: pod/enrichment/static/js/enrichment.js:243
 msgid "Please enter a correct image."
 msgstr "Veuillez joindre une image correct."
 
-#: pod/enrichment/static/js/enrichment.js:251 pod/static/js/enrichment.js:251
+#: pod/enrichment/static/js/enrichment.js:251
 msgid "Please enter a correct richtext."
 msgstr "Veuillez entrer un texte riche correct."
 
-#: pod/enrichment/static/js/enrichment.js:259 pod/static/js/enrichment.js:259
+#: pod/enrichment/static/js/enrichment.js:259
 msgid "Please enter a correct weblink."
 msgstr "Veuillez entrer un lien web correct."
 
-#: pod/enrichment/static/js/enrichment.js:265 pod/static/js/enrichment.js:265
+#: pod/enrichment/static/js/enrichment.js:265
 msgid "Weblink must be less than 200 characters."
 msgstr "Un lien web doit contenir moins de 200 caractères."
 
-#: pod/enrichment/static/js/enrichment.js:282 pod/static/js/enrichment.js:282
+#: pod/enrichment/static/js/enrichment.js:282
 msgid "Please enter a correct embed."
 msgstr "Veuillez entrer une intégration correct."
 
-#: pod/enrichment/static/js/enrichment.js:288 pod/static/js/enrichment.js:288
+#: pod/enrichment/static/js/enrichment.js:288
 msgid "Embed field must be less than 300 characters."
 msgstr "Un lien d'intégration doit être inférieur à 300 caractères."
 
-#: pod/enrichment/static/js/enrichment.js:296 pod/static/js/enrichment.js:296
+#: pod/enrichment/static/js/enrichment.js:296
 msgid "Please enter a type in index field."
 msgstr "Veuillez entrer un type."
 
-#: pod/enrichment/static/js/enrichment.js:308 pod/static/js/enrichment.js:308
+#: pod/enrichment/static/js/enrichment.js:308
 msgid "The start field value is greater than the end field one."
 msgstr "Le temps de début est supérieur au temps de fin."
 
-#: pod/enrichment/static/js/enrichment.js:310 pod/static/js/enrichment.js:310
+#: pod/enrichment/static/js/enrichment.js:310
 msgid "The end field value is greater than the video duration."
 msgstr "La temps de fin est supérieur à la durée de la vidéo."
 
-#: pod/enrichment/static/js/enrichment.js:312 pod/static/js/enrichment.js:312
+#: pod/enrichment/static/js/enrichment.js:312
 msgid "End field and start field cannot be equal."
 msgstr "Le commencement et la fin ne peuvent être équivalents."
 
-#: pod/enrichment/static/js/enrichment.js:330 pod/static/js/enrichment.js:330
+#: pod/enrichment/static/js/enrichment.js:330
 msgid "There is an overlap with the enrichment "
 msgstr "Il y a un chevauchement avec l'enrichissement "
 
-#: pod/enrichment/static/js/enrichment.js:331 pod/static/js/enrichment.js:331
+#: pod/enrichment/static/js/enrichment.js:331
 msgid "please change start and/or end values."
 msgstr "veuillez changer de valeur de début et/ou de fin."
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gView"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gBox"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "overlay"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "loading"
 msgstr "chargement"
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.hover"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.disabled"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerSelect"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerInput"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerButton"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.hoverTh"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "colHeaders"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "hTable"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.select"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "resizer"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridFooter"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "rowFooter"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridRow"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "grid"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "top"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "bottom"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "hDiv"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pager"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "titleButton"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridTitle"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "toolbarUpper"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "toolbarBottom"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "rowNum"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridError"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridErrorText"
 msgstr ""
 
-#: pod/main/static/js/main.js:244 pod/static/js/main.js:244
+#: pod/main/static/js/main.js:244
 msgid "Are you sure you want to delete this element?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer cet élément ?"
 
 #: pod/main/static/js/main.js:286
-#: pod/podfile/static/podfile/js/filewidget.js:391 pod/static/js/main.js:286
-#: pod/static/podfile/js/filewidget.js:391
+#: pod/podfile/static/podfile/js/filewidget.js:114
+#: pod/podfile/static/podfile/js/filewidget.js:391
 msgid "Error during exchange"
 msgstr "Erreur durant le téléversement"
 
-#: pod/main/static/js/main.js:286 pod/static/js/main.js:286
+#: pod/main/static/js/main.js:286
+#: pod/podfile/static/podfile/js/filewidget.js:114
 msgid "No data could be stored."
 msgstr "Aucune donnée ne peut être stockée."
 
-#: pod/main/static/js/main.js:339 pod/static/js/main.js:339
+#: pod/main/static/js/main.js:339
 msgid "Change your picture"
 msgstr "Changer votre image"
 
-#: pod/main/static/js/main.js:345 pod/static/js/main.js:345
+#: pod/main/static/js/main.js:345
 msgid "Add your picture"
 msgstr "Ajouter votre image"
 
-#: pod/main/static/js/main.js:443 pod/static/js/main.js:443
+#: pod/main/static/js/main.js:443
 msgid "text copied"
 msgstr "texte copié"
 
-#: pod/main/static/js/main.js:490 pod/static/js/main.js:490
+#: pod/main/static/js/main.js:490
 msgid "Errors appear in the form, please correct them"
 msgstr "Des erreurs sont présentes dans le formulaire, veuillez les corriger"
 
-#: pod/main/static/js/main.js:513 pod/static/js/main.js:513
-msgid "The file size exceeds the maximum allowed value :"
-msgstr "La fichier dépasse la taille maximum autorisée :"
+#: pod/main/static/js/main.js:513
+msgid "The file size exceeds the maximum allowed value:"
+msgstr "Le fichier dépasse la taille maximum autorisée :"
 
-#: pod/main/static/js/main.js:528 pod/static/js/main.js:528
-msgid "The file extension not in the allowed extension :"
+#: pod/main/static/js/main.js:528
+msgid "The file extension not in the allowed extension:"
 msgstr ""
 "Cette extension de fichier n'est pas présente dans les extensions "
-"autorisées :"
+"autorisées :"
 
 #: pod/podfile/static/podfile/js/filewidget.js:11
-#: pod/static/podfile/js/filewidget.js:11
 msgid "Change image"
 msgstr "Changer d'image"
 
 #: pod/podfile/static/podfile/js/filewidget.js:13
-#: pod/static/podfile/js/filewidget.js:13
 msgid "Change file"
 msgstr "Changer de fichier"
 
 #: pod/podfile/static/podfile/js/filewidget.js:28
-#: pod/static/podfile/js/filewidget.js:28
 msgid "Open file in a new tab"
 msgstr "Ouvrir le fichier dans un nouvel onglet"
 
 #: pod/podfile/static/podfile/js/filewidget.js:55
-#: pod/static/podfile/js/filewidget.js:55
 msgid "This folder is empty"
 msgstr "Ce dossier est vide"
 
 #: pod/podfile/static/podfile/js/filewidget.js:134
 #: pod/podfile/static/podfile/js/filewidget.js:141
-#: pod/static/podfile/js/filewidget.js:134
-#: pod/static/podfile/js/filewidget.js:141
 msgid "Change"
-msgstr "Changer de fichier"
+msgstr "Changer"
 
 #: pod/podfile/static/podfile/js/filewidget.js:149
-#: pod/static/podfile/js/filewidget.js:149
 msgid "Enter new name of folder"
 msgstr "Indiquer un nouveau nom au dossier"
 
+#: pod/podfile/static/podfile/js/filewidget.js:167
+msgid "Remove"
+msgstr "Supprimer"
+
 #: pod/podfile/static/podfile/js/filewidget.js:180
 #: pod/podfile/static/podfile/js/filewidget.js:202
 #: pod/podfile/static/podfile/js/filewidget.js:235
 #: pod/podfile/static/podfile/js/filewidget.js:254
-#: pod/static/podfile/js/filewidget.js:180
-#: pod/static/podfile/js/filewidget.js:202
-#: pod/static/podfile/js/filewidget.js:235
-#: pod/static/podfile/js/filewidget.js:254
 msgid "Server error"
 msgstr "Erreur du serveur"
 
 #: pod/podfile/static/podfile/js/filewidget.js:188
-#: pod/static/podfile/js/filewidget.js:188
 msgid "Add"
 msgstr "Ajouter"
 
 #: pod/podfile/static/podfile/js/filewidget.js:268
-#: pod/static/podfile/js/filewidget.js:268
 msgid "Are you sure you want to delete this folder?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer ce dossier ?"
-
-#: pod/podfile/static/podfile/js/filewidget.js:277
-#: pod/static/podfile/js/filewidget.js:277
-msgid "Are you sure you want to delete this file?"
-msgstr "Êtes-vous sûr(e) de vouloir supprimer ce fichier ?"
+msgstr "Êtes-vous sûr(e) de vouloir supprimer ce dossier ?"
 
 #: pod/podfile/static/podfile/js/filewidget.js:477
-#: pod/static/podfile/js/filewidget.js:477
 msgid "See more"
 msgstr "Voir plus"
 
-#: pod/static/admin/js/SelectFilter2.js:47
-#, javascript-format
-msgid "Available %s"
-msgstr ""
-
-#: pod/static/admin/js/SelectFilter2.js:53
-#, javascript-format
-msgid ""
-"This is the list of available %s. You may choose some by selecting them in "
-"the box below and then clicking the \"Choose\" arrow between the two boxes."
-msgstr ""
-
-#: pod/static/admin/js/SelectFilter2.js:69
-#, javascript-format
-msgid "Type into this box to filter down the list of available %s."
-msgstr ""
-
-#: pod/static/admin/js/SelectFilter2.js:74
-msgid "Filter"
-msgstr ""
-
-#: pod/static/admin/js/SelectFilter2.js:78
-msgid "Choose all"
-msgstr ""
-
-#: pod/static/admin/js/SelectFilter2.js:78
-#, javascript-format
-msgid "Click to choose all %s at once."
-msgstr ""
-
-#: pod/static/admin/js/SelectFilter2.js:84
-msgid "Choose"
-msgstr ""
-
-#: pod/static/admin/js/SelectFilter2.js:86 pod/static/js/comment-script.js:182
-#: pod/video/static/js/comment-script.js:182
-msgid "Remove"
+#: pod/video/static/js/comment-script.js:74
+#: pod/video/static/js/comment-script.js:171
+msgid "Delete"
 msgstr "Supprimer"
 
-#: pod/static/admin/js/SelectFilter2.js:92
-#, javascript-format
-msgid "Chosen %s"
-msgstr ""
-
-#: pod/static/admin/js/SelectFilter2.js:98
-#, javascript-format
-msgid ""
-"This is the list of chosen %s. You may remove some by selecting them in the "
-"box below and then clicking the \"Remove\" arrow between the two boxes."
-msgstr ""
-
-#: pod/static/admin/js/SelectFilter2.js:108
-msgid "Remove all"
-msgstr ""
-
-#: pod/static/admin/js/SelectFilter2.js:108
-#, javascript-format
-msgid "Click to remove all chosen %s at once."
-msgstr ""
-
-#: pod/static/admin/js/actions.js:48 pod/static/admin/js/actions.min.js:2
-msgid "%(sel)s of %(cnt)s selected"
-msgid_plural "%(sel)s of %(cnt)s selected"
-msgstr[0] ""
-msgstr[1] ""
-
-#: pod/static/admin/js/actions.js:117 pod/static/admin/js/actions.min.js:4
-msgid ""
-"You have unsaved changes on individual editable fields. If you run an "
-"action, your unsaved changes will be lost."
-msgstr ""
-
-#: pod/static/admin/js/actions.js:129 pod/static/admin/js/actions.min.js:5
-msgid ""
-"You have selected an action, but you haven't saved your changes to "
-"individual fields yet. Please click OK to save. You'll need to re-run the "
-"action."
-msgstr ""
-
-#: pod/static/admin/js/actions.js:131 pod/static/admin/js/actions.min.js:5
-msgid ""
-"You have selected an action, and you haven't made any changes on individual "
-"fields. You're probably looking for the Go button rather than the Save "
-"button."
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:74
-#, javascript-format
-msgid "Note: You are %s hour ahead of server time."
-msgid_plural "Note: You are %s hours ahead of server time."
-msgstr[0] ""
-msgstr[1] ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:82
-#, javascript-format
-msgid "Note: You are %s hour behind server time."
-msgid_plural "Note: You are %s hours behind server time."
-msgstr[0] ""
-msgstr[1] ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:109
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:160
-msgid "Now"
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:127
-msgid "Choose a Time"
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:157
-msgid "Choose a time"
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:165
-msgid "Midnight"
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:170
-msgid "6 a.m."
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:175
-msgid "Noon"
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:180
-msgid "6 p.m."
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:188
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:348
-#: pod/static/js/comment-script.js:93 pod/video/static/js/comment-script.js:93
+#: pod/video/static/js/comment-script.js:85
 msgid "Cancel"
 msgstr "Annuler"
 
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:253
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:333
-msgid "Today"
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:270
-msgid "Choose a Date"
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:327
-msgid "Yesterday"
-msgstr ""
-
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:339
-msgid "Tomorrow"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:12
-msgid "January"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:13
-msgid "February"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:14
-msgid "March"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:15
-msgid "April"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:16
-msgid "May"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:17
-msgid "June"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:18
-msgid "July"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:19
-msgid "August"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:20
-msgid "September"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:21
-msgid "October"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:22
-msgid "November"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:23
-msgid "December"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:26
-msgctxt "one letter Sunday"
-msgid "S"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:27
-msgctxt "one letter Monday"
-msgid "M"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:28
-msgctxt "one letter Tuesday"
-msgid "T"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:29
-msgctxt "one letter Wednesday"
-msgid "W"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:30
-msgctxt "one letter Thursday"
-msgid "T"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:31
-msgctxt "one letter Friday"
-msgid "F"
-msgstr ""
-
-#: pod/static/admin/js/calendar.js:32
-msgctxt "one letter Saturday"
-msgid "S"
-msgstr ""
-
-#: pod/static/admin/js/collapse.js:10 pod/static/admin/js/collapse.js:21
-#: pod/static/admin/js/collapse.min.js:1
-msgid "Show"
-msgstr "Afficher"
-
-#: pod/static/admin/js/collapse.js:18 pod/static/admin/js/collapse.min.js:1
-msgid "Hide"
-msgstr "Cacher"
-
-#: pod/static/js/comment-script.js:72 pod/video/static/js/comment-script.js:72
-msgid "Delete"
-msgstr "Supprimer"
+#: pod/video/static/js/comment-script.js:144
+msgid "Agree with the comment"
+msgstr "D'accord avec ce commentaire"
 
-#: pod/static/js/comment-script.js:159
-#: pod/video/static/js/comment-script.js:159
+#: pod/video/static/js/comment-script.js:155
 msgid "Reply to comment"
 msgstr "Répondre au commentaire"
 
-#: pod/static/js/comment-script.js:159
-#: pod/video/static/js/comment-script.js:159
+#: pod/video/static/js/comment-script.js:155
 msgid "Reply"
 msgstr "Répondre"
 
-#: pod/static/js/comment-script.js:168
 #: pod/video/static/js/comment-script.js:168
-msgid "Agree with the comment"
-msgstr "D'accord avec ce commentaire"
-
-#: pod/static/js/comment-script.js:179
-#: pod/video/static/js/comment-script.js:179
 msgid "Remove this comment"
 msgstr "Supprimer ce commentaire"
 
-#: pod/static/js/comment-script.js:196
-#: pod/video/static/js/comment-script.js:196
+#: pod/video/static/js/comment-script.js:184
 msgid "Add a public comment"
 msgstr "Ajouter un commentaire public"
 
-#: pod/static/js/comment-script.js:280
-#: pod/video/static/js/comment-script.js:280
+#: pod/video/static/js/comment-script.js:267
+#: pod/video/static/js/comment-script.js:727
 msgid "Answers"
 msgstr "Réponses"
 
-#: pod/static/js/comment-script.js:285
-#: pod/video/static/js/comment-script.js:285
+#: pod/video/static/js/comment-script.js:272
 msgid "Show answers"
 msgstr "Afficher les réponses"
 
-#: pod/static/js/comment-script.js:456
-#: pod/video/static/js/comment-script.js:456
+#: pod/video/static/js/comment-script.js:416
 msgid "Comment has been deleted successfully."
 msgstr "Commentaire a été supprimé avec succès."
 
-#: pod/static/js/validate-date_delete-field.js:26
 #: pod/video/static/js/validate-date_delete-field.js:26
 msgid "The date must be before or equal to"
 msgstr "La date doit être anterieure ou égale à"
 
-#: pod/static/js/video_category.js:25 pod/video/static/js/video_category.js:25
+#: pod/video/static/js/video_category.js:25
 msgid "Category changes saved successfully"
-msgstr "Les changements sur la catégorie ont été sauvegardés avec succès."
+msgstr "Les changements sur la catégorie ont été sauvegardés avec succès"
 
-#: pod/static/js/video_category.js:26 pod/video/static/js/video_category.js:26
+#: pod/video/static/js/video_category.js:26
 msgid "You cannot add two categories with the same title."
 msgstr "Vous ne pouvez pas ajouter deux catégories avec le même titre."
 
-#: pod/static/js/video_category.js:27 pod/video/static/js/video_category.js:27
+#: pod/video/static/js/video_category.js:27
 msgid "Category deleted successfully"
-msgstr "Catégorie supprimée avec succès."
+msgstr "Catégorie supprimée avec succès"
 
-#: pod/static/js/video_category.js:28 pod/video/static/js/video_category.js:28
+#: pod/video/static/js/video_category.js:28
 msgid "An error occured, please refresh the page and try again."
 msgstr ""
-"Une erreur est survenue, Veuillez recharger la page et rééssayer à nouveau."
+"Une erreur est survenue, veuillez recharger la page et réessayer à nouveau."
 
-#: pod/static/js/video_category.js:29 pod/video/static/js/video_category.js:29
+#: pod/video/static/js/video_category.js:29
 msgid "Category title field is required."
 msgstr "Le champ category titre est requis."
 
-#: pod/static/js/video_category.js:30 pod/video/static/js/video_category.js:30
+#: pod/video/static/js/video_category.js:30
 msgid "Save category"
 msgstr "Sauvegarder catégorie"
 
-#: pod/static/js/video_category.js:147
 #: pod/video/static/js/video_category.js:147
 msgid "videos found"
 msgstr "vidéos trouvées"
 
-#: pod/static/js/video_category.js:147
 #: pod/video/static/js/video_category.js:147
 msgid "video found"
 msgstr "vidéo trouvée"
 
-#: pod/static/js/video_category.js:152
 #: pod/video/static/js/video_category.js:152
 msgid "Sorry, no video found"
 msgstr "Désolé, aucune vidéo trouvée"
 
-#: pod/static/js/video_category.js:391
+#: pod/video/static/js/video_category.js:380
+#: pod/video/static/js/video_category.js:484
+msgid "Video content."
+msgstr "Contenu vidéo."
+
+#: pod/video/static/js/video_category.js:381
+#: pod/video/static/js/video_category.js:492
+msgid "Audio content."
+msgstr "Contenu audio."
+
 #: pod/video/static/js/video_category.js:391
 msgid "Edit the category"
 msgstr "Éditer la catégorie"
 
-#: pod/static/js/video_category.js:404
 #: pod/video/static/js/video_category.js:404
 msgid "Delete the category"
 msgstr "Supprimer la catégorie"
 
-#: pod/static/js/video_category.js:465
+#: pod/video/static/js/video_category.js:456
+msgid "This content is password protected."
+msgstr "Ce contenu est protégé par mot de passe."
+
 #: pod/video/static/js/video_category.js:465
 msgid "This content is chaptered."
-msgstr "Ce contenu est chapitré"
+msgstr "Ce contenu est chapitré."
 
-#: pod/static/js/video_category.js:474
 #: pod/video/static/js/video_category.js:474
 msgid "This content is in draft."
-msgstr "Ce contenu est en privé"
+msgstr "Ce contenu est en brouillon."
 
-#: pod/static/js/video_category.js:492
-#: pod/video/static/js/video_category.js:492
-msgid "Audio content."
-msgstr "Contenu audio"
+#: pod/video/static/js/video_category.js:497
+msgid "Edit the video"
+msgstr "Éditer la vidéo"
+
+#: pod/video/static/js/video_category.js:498
+msgid "Complete the video"
+msgstr "Compléter la vidéo"
+
+#: pod/video/static/js/video_category.js:499
+msgid "Chapter the video"
+msgstr "Chapitrer la vidéo"
+
+#: pod/video/static/js/video_category.js:500
+msgid "Delete the video"
+msgstr "Supprimer la vidéo"
 
-#: pod/static/js/video_category.js:549
 #: pod/video/static/js/video_category.js:549
 msgid "Success.."
 msgstr "Succès.."
 
-#: pod/static/js/video_category.js:550
 #: pod/video/static/js/video_category.js:550
 msgid "Error.."
 msgstr "Erreur.."
 
-#: pod/static/js/video_category.js:768
 #: pod/video/static/js/video_category.js:768
 msgid "Category created successfully"
-msgstr "Catégorie créée avec succès."
+msgstr "Catégorie créée avec succès"
 
-#: pod/static/js/video_category.js:788
 #: pod/video/static/js/video_category.js:788
 msgid "Create category"
 msgstr "Créer catégorie"
 
-#: pod/static/js/video_stats_view.js:14
 #: pod/video/static/js/video_stats_view.js:14
 msgid "Title"
 msgstr "Titre"
 
-#: pod/static/js/video_stats_view.js:15
 #: pod/video/static/js/video_stats_view.js:15
 msgid "View during the day"
 msgstr "Vue de la journée"
 
-#: pod/static/js/video_stats_view.js:16
 #: pod/video/static/js/video_stats_view.js:16
 msgid "View during the month"
 msgstr "Vue du mois"
 
-#: pod/static/js/video_stats_view.js:17
 #: pod/video/static/js/video_stats_view.js:17
 msgid "View during the year"
 msgstr "Vue de l'année"
 
-#: pod/static/js/video_stats_view.js:18
 #: pod/video/static/js/video_stats_view.js:18
 msgid "Total view from creation"
 msgstr "Vue totale depuis création"
 
-#: pod/static/js/video_stats_view.js:19
 #: pod/video/static/js/video_stats_view.js:19
 msgid "Slug"
 msgstr "Titre court"
diff --git a/pod/locale/nl/LC_MESSAGES/django.mo b/pod/locale/nl/LC_MESSAGES/django.mo
index 8aad45e3088273162311000bfb048429df71914d..64753a5d34a804da28f18e7ca0d9b92b0235e624 100644
GIT binary patch
delta 416
zcmZ9HKTE?<6vc0A<Da-#7Z;HXI!QwE5K4ofO9df=U?#VxzJx&f9waG_{R~pN2~JK9
zj?T^suDXa$ehR^J<D0y2^5a}i&Q0E&Z)f_k-kTF<721Rvs1LnBJZl{y2ke83;D+^E
z;0pXUxC{p15;y=kcL4HxM|PiBpMo)T1|c`4dH1j22IRs!kc%Fyf3$o87qEY}{uSih
zJIIH=Ky<dpdC%GZ!#{~wdxt-oXosi=xDc1LGaAdHq{QT2q3N`dS$6$%H58E_M!pbU
zBw{hx4Wlr06InNYT1j1(vN2WcnR9t*ynTKiPIPghf~=Z-cJ4zF>;(dOolj)0{8Y(t
b?71}Z+gr!FG<mKxov5ldTB&k&+a3M_y4yVy

delta 421
zcmYk1ze~eF6vr>M@khWxaS<GD5En^EXz)iU(hi|Z%v48_qr`A<y+G1-&HrF1=;r9;
z;M~F4(aFhCSDoC%?~4I_@X6=ByLay{@8*kHzHYYX3}JyCpujp<0E!P_f={pvzQ7vz
z2CIa@*b2M>)BZM0{k&P<Yib8R2R@*_t5)rj-5{X>w=fO9Yy1E&p<XogBTRiyFkSEr
zV^+O}w2n5u^eCD`J#?OeE~Fo<BOD8<Sd^t)YF6zUv(h`V-9y{$aIX{i-oER(t`&)5
zVh?kn3neC59`IO>G9?P$)xU`|61q3la%L;3RN^_8`3X+xbSl!s9wuTO@TeaT&iaFp
nccZAMq?6_8Ur)fbx`-p|w0bkHw>;;-@hukG|6W(!w~l`RjP6J~

diff --git a/pod/locale/nl/LC_MESSAGES/django.po b/pod/locale/nl/LC_MESSAGES/django.po
index c19a8c8fb3..eca509ea6d 100644
--- a/pod/locale/nl/LC_MESSAGES/django.po
+++ b/pod/locale/nl/LC_MESSAGES/django.po
@@ -3,18 +3,18 @@
 #
 msgid ""
 msgstr ""
-"Project-Id-Version: \n"
+"Project-Id-Version: Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2021-01-21 10:49+0000\n"
-"PO-Revision-Date: 2018-07-03 13:41+0100\n"
-"Last-Translator: Nicolas <nicolas.can@univ-lille1.fr>\n"
-"Language-Team: LANGUAGE <LL@li.org>\n"
+"POT-Creation-Date: 2021-01-22 11:22+0000\n"
+"PO-Revision-Date: 2021-01-22 12:27+0100\n"
+"Last-Translator: obado <bado@unice.fr>\n"
 "Language: nl_NL\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
-"X-Generator: Poedit 1.6.4\n"
+"X-Generator: Poedit 2.4.2\n"
+"Language-Team: \n"
 
 #: pod/authentication/admin.py:93 pod/main/forms.py:51
 msgid "Email"
@@ -29,7 +29,7 @@ msgstr ""
 #: pod/bbb/models.py:141 pod/main/templates/navbar.html:22
 #: pod/main/templates/navbar_collapse.html:76 pod/podfile/models.py:37
 #: pod/video/forms.py:234 pod/video/forms.py:578 pod/video/forms.py:582
-#: pod/video/models.py:247 pod/video/templates/videos/filter_aside.html:13
+#: pod/video/models.py:248 pod/video/templates/videos/filter_aside.html:13
 msgid "Users"
 msgstr ""
 
@@ -90,7 +90,7 @@ msgid "registered-reader"
 msgstr ""
 
 #: pod/authentication/models.py:68 pod/recorder/models.py:266
-#: pod/video/models.py:1420 pod/video/models.py:1469 pod/video/views.py:1305
+#: pod/video/models.py:1421 pod/video/models.py:1473 pod/video/views.py:1306
 msgid "Comment"
 msgstr ""
 
@@ -116,7 +116,7 @@ msgstr ""
 #: pod/authentication/templates/registration/login.html:63
 #: pod/main/templates/navbar.html:117
 msgid "Log in"
-msgstr "Log in"
+msgstr "Inloggen"
 
 #: pod/authentication/templates/registration/login.html:17
 msgid "Please correct the error below."
@@ -161,8 +161,8 @@ msgstr ""
 #: pod/video/templates/videos/video_note_comments_display.html:148
 #: pod/video/templates/videos/video_note_display.html:27
 #: pod/video/templates/videos/video_notes.html:80
-#: pod/video/templates/videos/video_notes.html:116 pod/video/views.py:258
-#: pod/video/views.py:741 pod/video/views.py:795 pod/video/views.py:1225
+#: pod/video/templates/videos/video_notes.html:116 pod/video/views.py:259
+#: pod/video/views.py:742 pod/video/views.py:796 pod/video/views.py:1226
 #: pod/video_search/templates/search/search.html:42
 msgid "One or more errors have been found in the form."
 msgstr ""
@@ -232,7 +232,7 @@ msgstr ""
 msgid "Session date"
 msgstr ""
 
-#: pod/bbb/models.py:40 pod/video/models.py:645 pod/video/models.py:1326
+#: pod/bbb/models.py:40 pod/video/models.py:646 pod/video/models.py:1327
 msgid "Encoding step"
 msgstr ""
 
@@ -336,7 +336,7 @@ msgstr ""
 msgid "Waiting for encoding"
 msgstr ""
 
-#: pod/bbb/templates/bbb/card.html:40 pod/video/models.py:574
+#: pod/bbb/templates/bbb/card.html:40 pod/video/models.py:575
 msgid "Encoding in progress"
 msgstr ""
 
@@ -438,24 +438,24 @@ msgid "File to import"
 msgstr ""
 
 #: pod/chapter/models.py:14 pod/completion/models.py:53
-#: pod/enrichment/models.py:114 pod/video/models.py:590
+#: pod/enrichment/models.py:114 pod/video/models.py:591
 msgid "video"
 msgstr ""
 
 #: pod/chapter/models.py:15 pod/enrichment/models.py:115
-#: pod/recorder/models.py:259 pod/video/models.py:422
+#: pod/recorder/models.py:259 pod/video/models.py:423
 msgid "title"
 msgstr "titel"
 
 #: pod/chapter/models.py:17 pod/enrichment/models.py:117
-#: pod/video/models.py:424
+#: pod/video/models.py:425
 msgid "slug"
 msgstr ""
 
 #: pod/chapter/models.py:20 pod/completion/models.py:262
 #: pod/enrichment/models.py:120 pod/live/models.py:71 pod/playlist/models.py:17
-#: pod/video/models.py:223 pod/video/models.py:307 pod/video/models.py:400
-#: pod/video/models.py:426 pod/video/models.py:467 pod/video/models.py:1509
+#: pod/video/models.py:224 pod/video/models.py:308 pod/video/models.py:401
+#: pod/video/models.py:427 pod/video/models.py:468 pod/video/models.py:1539
 msgid ""
 "Used to access this instance, the \"slug\" is a short label containing only "
 "letters, numbers, underscore or dash top."
@@ -549,8 +549,8 @@ msgstr ""
 #: pod/enrichment/templates/enrichment/list_enrichment.html:10
 #: pod/main/models.py:103 pod/main/views.py:165 pod/playlist/models.py:12
 #: pod/playlist/templates/playlist/playlist_element_list.html:11
-#: pod/video/models.py:214 pod/video/models.py:300 pod/video/models.py:396
-#: pod/video/models.py:459 pod/video/templates/channel/list_theme.html:9
+#: pod/video/models.py:215 pod/video/models.py:301 pod/video/models.py:397
+#: pod/video/models.py:460 pod/video/templates/channel/list_theme.html:9
 msgid "Title"
 msgstr ""
 
@@ -769,10 +769,10 @@ msgstr ""
 #: pod/completion/templates/video_caption_maker.html:85
 #: pod/enrichment/models.py:291 pod/enrichment/models.py:322
 #: pod/interactive/models.py:16 pod/interactive/models.py:37
-#: pod/playlist/models.py:79 pod/recorder/models.py:78 pod/video/models.py:455
-#: pod/video/models.py:956 pod/video/models.py:1104 pod/video/models.py:1172
-#: pod/video/models.py:1226 pod/video/models.py:1275 pod/video/models.py:1293
-#: pod/video/models.py:1314
+#: pod/playlist/models.py:79 pod/recorder/models.py:78 pod/video/models.py:456
+#: pod/video/models.py:957 pod/video/models.py:1105 pod/video/models.py:1173
+#: pod/video/models.py:1227 pod/video/models.py:1276 pod/video/models.py:1294
+#: pod/video/models.py:1315
 msgid "Video"
 msgstr ""
 
@@ -876,8 +876,8 @@ msgid "left"
 msgstr ""
 
 #: pod/completion/models.py:259 pod/live/models.py:69 pod/playlist/models.py:14
-#: pod/video/models.py:221 pod/video/models.py:305 pod/video/models.py:398
-#: pod/video/models.py:465 pod/video/models.py:1507
+#: pod/video/models.py:222 pod/video/models.py:306 pod/video/models.py:399
+#: pod/video/models.py:466 pod/video/models.py:1537
 msgid "Slug"
 msgstr ""
 
@@ -893,7 +893,7 @@ msgstr ""
 msgid "End time of the overlay, in seconds."
 msgstr ""
 
-#: pod/completion/models.py:279 pod/video/views.py:1334
+#: pod/completion/models.py:279 pod/video/views.py:1335
 msgid "Content"
 msgstr ""
 
@@ -1278,26 +1278,30 @@ msgid ""
 "want to display with the option \"Show background\""
 msgstr ""
 
-#: pod/completion/views.py:45 pod/completion/views.py:100
-#: pod/completion/views.py:137 pod/completion/views.py:320
-#: pod/completion/views.py:499 pod/completion/views.py:719
+#: pod/completion/views.py:47 pod/completion/views.py:102
+#: pod/completion/views.py:139 pod/completion/views.py:322
+#: pod/completion/views.py:501 pod/completion/views.py:721
 msgid "You cannot complement this video."
 msgstr ""
 
-#: pod/completion/views.py:73
+#: pod/completion/views.py:75
 msgid "The file has been saved."
 msgstr ""
 
-#: pod/completion/views.py:77
+#: pod/completion/views.py:79
 msgid "The file has not been saved."
 msgstr ""
 
-#: pod/completion/views.py:235 pod/completion/views.py:411
-#: pod/completion/views.py:812 pod/podfile/views.py:468
-#: pod/podfile/views.py:518 pod/video/views.py:348 pod/video/views.py:1383
+#: pod/completion/views.py:237 pod/completion/views.py:413
+#: pod/completion/views.py:814 pod/podfile/views.py:468
+#: pod/podfile/views.py:518 pod/video/views.py:349 pod/video/views.py:1384
 msgid "Please correct errors"
 msgstr ""
 
+#: pod/custom/settings_local.py:76
+msgid "Dutch (Netherlands)"
+msgstr ""
+
 #: pod/enrichment/apps.py:7
 msgid "Enrichment version"
 msgstr ""
@@ -1318,7 +1322,7 @@ msgstr ""
 
 #: pod/enrichment/forms.py:35 pod/enrichment/models.py:326
 #: pod/interactive/forms.py:13 pod/interactive/models.py:41
-#: pod/podfile/models.py:33 pod/recorder/models.py:161 pod/video/models.py:556
+#: pod/podfile/models.py:33 pod/recorder/models.py:161 pod/video/models.py:557
 msgid "Groups"
 msgstr ""
 
@@ -1360,8 +1364,8 @@ msgstr ""
 
 #: pod/enrichment/models.py:137
 #: pod/enrichment/templates/enrichment/list_enrichment.html:11
-#: pod/video/forms.py:101 pod/video/models.py:417 pod/video/models.py:472
-#: pod/video/views.py:1331 pod/video_search/templates/search/search.html:77
+#: pod/video/forms.py:101 pod/video/models.py:418 pod/video/models.py:473
+#: pod/video/views.py:1332 pod/video_search/templates/search/search.html:77
 msgid "Type"
 msgstr ""
 
@@ -1791,7 +1795,7 @@ msgid "name"
 msgstr ""
 
 #: pod/live/models.py:31 pod/live/templates/live/live.html:94
-#: pod/video/models.py:234 pod/video/models.py:318
+#: pod/video/models.py:235 pod/video/models.py:319
 #: pod/video/templates/channel/channel.html:79
 #: pod/video/templates/channel/channel.html:90
 #: pod/video/templates/channel/channel_edit.html:38
@@ -1862,7 +1866,7 @@ msgid "Enable viewers count on live."
 msgstr ""
 
 #: pod/live/models.py:102 pod/recorder/models.py:155 pod/video/forms.py:184
-#: pod/video/models.py:550
+#: pod/video/models.py:551
 msgid "Restricted access"
 msgstr ""
 
@@ -1878,7 +1882,7 @@ msgstr ""
 msgid "Live is accessible from the Live tab"
 msgstr ""
 
-#: pod/live/models.py:112 pod/recorder/models.py:164 pod/video/models.py:559
+#: pod/live/models.py:112 pod/recorder/models.py:164 pod/video/models.py:560
 msgid "password"
 msgstr ""
 
@@ -1987,7 +1991,7 @@ msgstr ""
 msgid "You cannot view this page."
 msgstr ""
 
-#: pod/live/views.py:91 pod/video/views.py:651
+#: pod/live/views.py:91 pod/video/views.py:652
 msgid "The password is incorrect."
 msgstr ""
 
@@ -2032,8 +2036,8 @@ msgid "Other (please specify)"
 msgstr ""
 
 #: pod/main/forms.py:50 pod/podfile/models.py:27 pod/podfile/models.py:105
-#: pod/podfile/templates/podfile/home_content.html:32 pod/video/models.py:1097
-#: pod/video/models.py:1169 pod/video/models.py:1223
+#: pod/podfile/templates/podfile/home_content.html:32 pod/video/models.py:1098
+#: pod/video/models.py:1170 pod/video/models.py:1224
 msgid "Name"
 msgstr ""
 
@@ -2047,7 +2051,7 @@ msgstr ""
 
 #: pod/main/forms.py:60 pod/main/models.py:142 pod/playlist/models.py:22
 #: pod/video/forms.py:111 pod/video/forms.py:225 pod/video/forms.py:251
-#: pod/video/models.py:227 pod/video/models.py:311 pod/video/models.py:493
+#: pod/video/models.py:228 pod/video/models.py:312 pod/video/models.py:494
 msgid "Description"
 msgstr ""
 
@@ -2749,13 +2753,13 @@ msgid "Share on"
 msgstr ""
 
 #: pod/main/templates/aside.html:21 pod/main/templates/aside.html:27
-#: pod/recorder/models.py:188 pod/video/forms.py:134 pod/video/models.py:444
-#: pod/video/models.py:522 pod/video/templates/videos/filter_aside.html:56
+#: pod/recorder/models.py:188 pod/video/forms.py:134 pod/video/models.py:445
+#: pod/video/models.py:523 pod/video/templates/videos/filter_aside.html:56
 msgid "Disciplines"
 msgstr ""
 
 #: pod/main/templates/aside.html:40 pod/recorder/models.py:184
-#: pod/video/forms.py:130 pod/video/models.py:518
+#: pod/video/forms.py:130 pod/video/models.py:519
 #: pod/video/templates/videos/filter_aside.html:78
 #: pod/video_search/templates/search/search.html:89
 msgid "Tags"
@@ -2867,11 +2871,11 @@ msgid "Return to homepage"
 msgstr ""
 
 #: pod/main/templates/navbar.html:17 pod/recorder/models.py:194
-#: pod/video/forms.py:170 pod/video/models.py:260 pod/video/models.py:528
+#: pod/video/forms.py:170 pod/video/models.py:261 pod/video/models.py:529
 msgid "Channels"
 msgstr ""
 
-#: pod/main/templates/navbar.html:27 pod/video/models.py:418
+#: pod/main/templates/navbar.html:27 pod/video/models.py:419
 #: pod/video/templates/videos/filter_aside.html:34
 msgid "Types"
 msgstr ""
@@ -2972,7 +2976,7 @@ msgstr ""
 
 #: pod/playlist/models.py:20
 #: pod/playlist/templates/playlist/playlist_element_list.html:12
-#: pod/podfile/models.py:30 pod/video/admin.py:168 pod/video/models.py:476
+#: pod/podfile/models.py:30 pod/video/admin.py:168 pod/video/models.py:477
 #: pod/video_search/templates/search/search.html:65
 msgid "Owner"
 msgstr ""
@@ -2981,7 +2985,7 @@ msgstr ""
 msgid "Short description of the playlist."
 msgstr ""
 
-#: pod/playlist/models.py:28 pod/video/models.py:250
+#: pod/playlist/models.py:28 pod/video/models.py:251
 msgid "Visible"
 msgstr ""
 
@@ -3083,7 +3087,7 @@ msgid "Thumbnail"
 msgstr ""
 
 #: pod/playlist/templates/playlist/playlist_element_list.html:13
-#: pod/video/feeds.py:188 pod/video/models.py:568 pod/video/models.py:705
+#: pod/video/feeds.py:188 pod/video/models.py:569 pod/video/models.py:706
 msgid "Duration"
 msgstr ""
 
@@ -3347,49 +3351,49 @@ msgstr ""
 msgid "Delete this record cannot be undo"
 msgstr ""
 
-#: pod/recorder/models.py:30 pod/video/models.py:62
+#: pod/recorder/models.py:30 pod/video/models.py:63
 msgid "None / All"
 msgstr ""
 
-#: pod/recorder/models.py:31 pod/video/models.py:63
+#: pod/recorder/models.py:31 pod/video/models.py:64
 msgid "Bachelor’s Degree"
 msgstr ""
 
-#: pod/recorder/models.py:32 pod/video/models.py:64
+#: pod/recorder/models.py:32 pod/video/models.py:65
 msgid "Master’s Degree"
 msgstr ""
 
-#: pod/recorder/models.py:33 pod/video/models.py:65
+#: pod/recorder/models.py:33 pod/video/models.py:66
 msgid "Doctorate"
 msgstr ""
 
-#: pod/recorder/models.py:34 pod/video/models.py:66 pod/video/views.py:163
+#: pod/recorder/models.py:34 pod/video/models.py:67 pod/video/views.py:164
 msgid "Other"
 msgstr ""
 
-#: pod/recorder/models.py:39 pod/video/forms.py:145 pod/video/models.py:77
+#: pod/recorder/models.py:39 pod/video/forms.py:145 pod/video/models.py:78
 msgid "Attribution 4.0 International (CC BY 4.0)"
 msgstr ""
 
-#: pod/recorder/models.py:40 pod/video/forms.py:148 pod/video/models.py:78
+#: pod/recorder/models.py:40 pod/video/forms.py:148 pod/video/models.py:79
 msgid "Attribution-NoDerivatives 4.0 International (CC BY-ND 4.0)"
 msgstr ""
 
-#: pod/recorder/models.py:44 pod/video/forms.py:152 pod/video/models.py:82
+#: pod/recorder/models.py:44 pod/video/forms.py:152 pod/video/models.py:83
 msgid ""
 "Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)"
 msgstr ""
 
-#: pod/recorder/models.py:47 pod/video/forms.py:156 pod/video/models.py:85
+#: pod/recorder/models.py:47 pod/video/forms.py:156 pod/video/models.py:86
 msgid "Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)"
 msgstr ""
 
-#: pod/recorder/models.py:50 pod/video/forms.py:161 pod/video/models.py:88
+#: pod/recorder/models.py:50 pod/video/forms.py:161 pod/video/models.py:89
 msgid ""
 "Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)"
 msgstr ""
 
-#: pod/recorder/models.py:54 pod/video/forms.py:167 pod/video/models.py:92
+#: pod/recorder/models.py:54 pod/video/forms.py:167 pod/video/models.py:93
 msgid "Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)"
 msgstr ""
 
@@ -3439,101 +3443,101 @@ msgstr ""
 msgid "Video type by default."
 msgstr ""
 
-#: pod/recorder/models.py:148 pod/video/forms.py:180 pod/video/models.py:543
+#: pod/recorder/models.py:148 pod/video/forms.py:180 pod/video/models.py:544
 msgid "Draft"
 msgstr ""
 
-#: pod/recorder/models.py:150 pod/video/models.py:545
+#: pod/recorder/models.py:150 pod/video/models.py:546
 msgid ""
 "If this box is checked, the video will be visible and accessible only by you "
 "and the additional owners."
 msgstr ""
 
-#: pod/recorder/models.py:157 pod/video/models.py:552
+#: pod/recorder/models.py:157 pod/video/models.py:553
 msgid ""
 "If this box is checked, the video will only be accessible to authenticated "
 "users."
 msgstr ""
 
-#: pod/recorder/models.py:162 pod/video/models.py:557
+#: pod/recorder/models.py:162 pod/video/models.py:558
 msgid "Select one or more groups who can access to this video"
 msgstr ""
 
-#: pod/recorder/models.py:166 pod/video/models.py:561
+#: pod/recorder/models.py:166 pod/video/models.py:562
 msgid "Viewing this video will not be possible without this password."
 msgstr ""
 
-#: pod/recorder/models.py:169 pod/video/forms.py:120 pod/video/models.py:503
+#: pod/recorder/models.py:169 pod/video/forms.py:120 pod/video/models.py:504
 #: pod/video_search/templates/search/search.html:140
 msgid "University course"
 msgstr ""
 
-#: pod/recorder/models.py:171 pod/video/forms.py:121 pod/video/models.py:505
+#: pod/recorder/models.py:171 pod/video/forms.py:121 pod/video/models.py:506
 msgid "Select an university course as audience target of the content."
 msgstr ""
 
-#: pod/recorder/models.py:174 pod/video/forms.py:127 pod/video/models.py:508
+#: pod/recorder/models.py:174 pod/video/forms.py:127 pod/video/models.py:509
 #: pod/video_search/templates/search/search.html:127
 msgid "Main language"
 msgstr ""
 
-#: pod/recorder/models.py:176 pod/video/forms.py:128 pod/video/models.py:510
+#: pod/recorder/models.py:176 pod/video/forms.py:128 pod/video/models.py:511
 msgid "Select the main language used in the content."
 msgstr ""
 
-#: pod/recorder/models.py:178 pod/video/forms.py:199 pod/video/models.py:512
+#: pod/recorder/models.py:178 pod/video/forms.py:199 pod/video/models.py:513
 #: pod/video/templates/videos/add_video.html:52
 #: pod/video/templates/videos/add_video.html:98
 msgid "Transcript"
 msgstr ""
 
-#: pod/recorder/models.py:179 pod/video/models.py:513
+#: pod/recorder/models.py:179 pod/video/models.py:514
 #: pod/video/templates/videos/add_video.html:53
 msgid "Check this box if you want to transcript the audio.(beta version)"
 msgstr ""
 
-#: pod/recorder/models.py:182 pod/video/models.py:516
+#: pod/recorder/models.py:182 pod/video/models.py:517
 msgid ""
 "Separate tags with spaces, enclose the tags consist of several words in "
 "quotation marks."
 msgstr ""
 
-#: pod/recorder/models.py:190 pod/video/forms.py:141 pod/video/models.py:524
+#: pod/recorder/models.py:190 pod/video/forms.py:141 pod/video/models.py:525
 msgid "Licence"
 msgstr ""
 
-#: pod/recorder/models.py:198 pod/video/forms.py:170 pod/video/models.py:391
-#: pod/video/models.py:532
+#: pod/recorder/models.py:198 pod/video/forms.py:170 pod/video/models.py:392
+#: pod/video/models.py:533
 msgid "Themes"
 msgstr ""
 
 #: pod/recorder/models.py:200 pod/video/forms.py:138 pod/video/forms.py:174
-#: pod/video/models.py:534 pod/video/models.py:1504
+#: pod/video/models.py:535 pod/video/models.py:1534
 msgid ""
 "Hold down \"Control\", or \"Command\" on a Mac, to select more than one."
 msgstr ""
 
-#: pod/recorder/models.py:203 pod/video/models.py:537
+#: pod/recorder/models.py:203 pod/video/models.py:538
 msgid "allow downloading"
 msgstr ""
 
-#: pod/recorder/models.py:204 pod/video/models.py:538
+#: pod/recorder/models.py:204 pod/video/models.py:539
 msgid "Check this box if you to allow downloading of the encoded files"
 msgstr ""
 
-#: pod/recorder/models.py:207 pod/video/models.py:539
+#: pod/recorder/models.py:207 pod/video/models.py:540
 msgid "video 360"
 msgstr ""
 
-#: pod/recorder/models.py:208 pod/video/models.py:540
+#: pod/recorder/models.py:208 pod/video/models.py:541
 msgid "Check this box if you want to use the 360 player for the video"
 msgstr ""
 
-#: pod/recorder/models.py:211 pod/video/models.py:583
+#: pod/recorder/models.py:211 pod/video/models.py:584
 msgid "Disable comment"
 msgstr ""
 
-#: pod/recorder/models.py:213 pod/video/models.py:584
+#: pod/recorder/models.py:213 pod/video/models.py:585
 msgid "Allows you to turn off all comments on this video."
 msgstr ""
 
@@ -3595,8 +3599,8 @@ msgstr ""
 msgid "File size"
 msgstr ""
 
-#: pod/recorder/models.py:320 pod/video/models.py:499 pod/video/models.py:1363
-#: pod/video/models.py:1422
+#: pod/recorder/models.py:320 pod/video/models.py:500 pod/video/models.py:1364
+#: pod/video/models.py:1423
 msgid "Date added"
 msgstr ""
 
@@ -3735,7 +3739,7 @@ msgstr ""
 msgid "The record has been deleted."
 msgstr ""
 
-#: pod/urls.py:285 pod/urls.py:286
+#: pod/urls.py:290 pod/urls.py:291
 msgid "Pod Administration"
 msgstr ""
 
@@ -3760,7 +3764,7 @@ msgid "Transcript selected"
 msgstr ""
 
 #: pod/video/admin.py:268 pod/video/forms.py:234 pod/video/forms.py:585
-#: pod/video/forms.py:587 pod/video/models.py:244
+#: pod/video/forms.py:587 pod/video/models.py:245
 msgid "Owners"
 msgstr ""
 
@@ -3768,12 +3772,12 @@ msgstr ""
 msgid "File field"
 msgstr ""
 
-#: pod/video/forms.py:88 pod/video/models.py:457
+#: pod/video/forms.py:88 pod/video/models.py:458
 #: pod/video/templates/videos/add_video.html:88
 msgid "You can send an audio or video file."
 msgstr ""
 
-#: pod/video/forms.py:89 pod/video/views.py:1641
+#: pod/video/forms.py:89 pod/video/views.py:1642
 #, python-format
 msgid "The following formats are supported: %s"
 msgstr ""
@@ -3806,7 +3810,7 @@ msgid ""
 "list, please temporary select “Other” and contact us to explain your needs."
 msgstr ""
 
-#: pod/video/forms.py:106 pod/video/models.py:486
+#: pod/video/forms.py:106 pod/video/models.py:487
 msgid "Additional owners"
 msgstr ""
 
@@ -3818,7 +3822,7 @@ msgid ""
 msgstr ""
 
 #: pod/video/forms.py:112 pod/video/forms.py:226 pod/video/forms.py:252
-#: pod/video/models.py:229 pod/video/models.py:312 pod/video/models.py:496
+#: pod/video/models.py:230 pod/video/models.py:313 pod/video/models.py:497
 msgid ""
 "In this field you can describe your content, add all needed related "
 "information, and format the result using the toolbar."
@@ -3902,11 +3906,11 @@ msgid ""
 "completion page to improve it."
 msgstr ""
 
-#: pod/video/forms.py:230 pod/video/models.py:241
+#: pod/video/forms.py:230 pod/video/models.py:242
 msgid "Extra style"
 msgstr ""
 
-#: pod/video/forms.py:230 pod/video/models.py:236
+#: pod/video/forms.py:230 pod/video/models.py:237
 msgid "Background color"
 msgstr ""
 
@@ -4038,330 +4042,330 @@ msgstr ""
 msgid "In %(deadline)s days"
 msgstr ""
 
-#: pod/video/models.py:119
+#: pod/video/models.py:120
 msgid "Private -"
 msgstr ""
 
-#: pod/video/models.py:120
+#: pod/video/models.py:121
 msgid "Private +"
 msgstr ""
 
-#: pod/video/models.py:121
+#: pod/video/models.py:122
 msgid "Public"
 msgstr ""
 
-#: pod/video/models.py:134
+#: pod/video/models.py:135
 #, python-format
 msgid "%(app)s version"
 msgstr ""
 
-#: pod/video/models.py:217 pod/video/models.py:301
+#: pod/video/models.py:218 pod/video/models.py:302
 msgid ""
 "Please choose a title as short and accurate as possible, reflecting the main "
 "subject / context of the content.(max length: 100 characters)"
 msgstr ""
 
-#: pod/video/models.py:238
+#: pod/video/models.py:239
 msgid ""
 "The background color for your channel. You can use the format #. i.e.: "
 "#ff0000 for red"
 msgstr ""
 
-#: pod/video/models.py:242
+#: pod/video/models.py:243
 msgid "The style will be added to your channel to show it"
 msgstr ""
 
-#: pod/video/models.py:252
+#: pod/video/models.py:253
 msgid ""
 "If checked, the channel appear in a list of available channels on the "
 "platform."
 msgstr ""
 
-#: pod/video/models.py:259 pod/video/models.py:321
+#: pod/video/models.py:260 pod/video/models.py:322
 #: pod/video_search/templates/search/search.html:114
 msgid "Channel"
 msgstr ""
 
-#: pod/video/models.py:298
+#: pod/video/models.py:299
 msgid "Theme parent"
 msgstr ""
 
-#: pod/video/models.py:390
+#: pod/video/models.py:391
 msgid "Theme"
 msgstr ""
 
-#: pod/video/models.py:405 pod/video/models.py:431
+#: pod/video/models.py:406 pod/video/models.py:432
 msgid "Icon"
 msgstr ""
 
-#: pod/video/models.py:443 pod/video_search/templates/search/search.html:101
+#: pod/video/models.py:444 pod/video_search/templates/search/search.html:101
 msgid "Discipline"
 msgstr ""
 
-#: pod/video/models.py:461
+#: pod/video/models.py:462
 msgid ""
 "Please choose a title as short and accurate as possible, reflecting the main "
 "subject / context of the content.(max length: 250 characters)"
 msgstr ""
 
-#: pod/video/models.py:489
+#: pod/video/models.py:490
 msgid ""
 "You can add additional owners to the video. They will have the same rights "
 "as you except that they can't delete this video."
 msgstr ""
 
-#: pod/video/models.py:501
+#: pod/video/models.py:502
 msgid "Date of event"
 msgstr ""
 
-#: pod/video/models.py:566 pod/video/models.py:683
+#: pod/video/models.py:567 pod/video/models.py:684
 msgid "Thumbnails"
 msgstr ""
 
-#: pod/video/models.py:570
+#: pod/video/models.py:571
 msgid "Overview"
 msgstr ""
 
-#: pod/video/models.py:576
+#: pod/video/models.py:577
 msgid "Is Video"
 msgstr ""
 
-#: pod/video/models.py:579
+#: pod/video/models.py:580
 msgid "Date to delete"
 msgstr ""
 
-#: pod/video/models.py:591
+#: pod/video/models.py:592
 msgid "videos"
 msgstr ""
 
-#: pod/video/models.py:636
+#: pod/video/models.py:637
 msgid "Sum of view"
 msgstr ""
 
-#: pod/video/models.py:714
+#: pod/video/models.py:715
 msgid "Is the video encoded ?"
 msgstr ""
 
-#: pod/video/models.py:959
+#: pod/video/models.py:960
 msgid "Date"
 msgstr ""
 
-#: pod/video/models.py:961
+#: pod/video/models.py:962
 msgid "Number of view"
 msgstr ""
 
-#: pod/video/models.py:969
+#: pod/video/models.py:970
 msgid "View count"
 msgstr ""
 
-#: pod/video/models.py:970
+#: pod/video/models.py:971
 msgid "View counts"
 msgstr ""
 
-#: pod/video/models.py:975
+#: pod/video/models.py:976
 msgid "resolution"
 msgstr ""
 
-#: pod/video/models.py:978
+#: pod/video/models.py:979
 msgid ""
 "Please use the only format x. i.e.: <em>640x360</em> or <em>1280x720</em> or "
 "<em>1920x1080</em>."
 msgstr ""
 
-#: pod/video/models.py:982 pod/video/models.py:1051 pod/video/models.py:1058
+#: pod/video/models.py:983 pod/video/models.py:1052 pod/video/models.py:1059
 msgid "minrate"
 msgstr ""
 
-#: pod/video/models.py:984 pod/video/models.py:990 pod/video/models.py:996
-#: pod/video/models.py:1002
+#: pod/video/models.py:985 pod/video/models.py:991 pod/video/models.py:997
+#: pod/video/models.py:1003
 msgid ""
 "Please use the only format k. i.e.: <em>300k</em> or <em>600k</em> or "
 "<em>1000k</em>."
 msgstr ""
 
-#: pod/video/models.py:988 pod/video/models.py:1027 pod/video/models.py:1034
+#: pod/video/models.py:989 pod/video/models.py:1028 pod/video/models.py:1035
 msgid "bitrate video"
 msgstr ""
 
-#: pod/video/models.py:994 pod/video/models.py:1039 pod/video/models.py:1046
+#: pod/video/models.py:995 pod/video/models.py:1040 pod/video/models.py:1047
 msgid "maxrate"
 msgstr ""
 
-#: pod/video/models.py:1000 pod/video/models.py:1076 pod/video/models.py:1083
+#: pod/video/models.py:1001 pod/video/models.py:1077 pod/video/models.py:1084
 msgid "bitrate audio"
 msgstr ""
 
-#: pod/video/models.py:1005
+#: pod/video/models.py:1006
 msgid "Make a MP4 version"
 msgstr ""
 
-#: pod/video/models.py:1018 pod/video/models.py:1106
+#: pod/video/models.py:1019 pod/video/models.py:1107
 msgid "rendition"
 msgstr ""
 
-#: pod/video/models.py:1019
+#: pod/video/models.py:1020
 msgid "renditions"
 msgstr ""
 
-#: pod/video/models.py:1101 pod/video/models.py:1170 pod/video/models.py:1224
+#: pod/video/models.py:1102 pod/video/models.py:1171 pod/video/models.py:1225
 msgid "Please use the only format in encoding choices:"
 msgstr ""
 
-#: pod/video/models.py:1108 pod/video/models.py:1174 pod/video/models.py:1228
+#: pod/video/models.py:1109 pod/video/models.py:1175 pod/video/models.py:1229
 msgid "Format"
 msgstr ""
 
-#: pod/video/models.py:1112 pod/video/models.py:1176 pod/video/models.py:1230
+#: pod/video/models.py:1113 pod/video/models.py:1177 pod/video/models.py:1231
 msgid "Please use the only format in format choices:"
 msgstr ""
 
-#: pod/video/models.py:1115 pod/video/models.py:1179 pod/video/models.py:1233
+#: pod/video/models.py:1116 pod/video/models.py:1180 pod/video/models.py:1234
 msgid "encoding source file"
 msgstr ""
 
-#: pod/video/models.py:1137
+#: pod/video/models.py:1138
 msgid "Encoding video"
 msgstr ""
 
-#: pod/video/models.py:1138
+#: pod/video/models.py:1139
 msgid "Encoding videos"
 msgstr ""
 
-#: pod/video/models.py:1189
+#: pod/video/models.py:1190
 msgid "Encoding audio"
 msgstr ""
 
-#: pod/video/models.py:1190
+#: pod/video/models.py:1191
 msgid "Encoding audios"
 msgstr ""
 
-#: pod/video/models.py:1238
+#: pod/video/models.py:1239
 msgid "Video Playlist"
 msgstr ""
 
-#: pod/video/models.py:1239
+#: pod/video/models.py:1240
 msgid "Video Playlists"
 msgstr ""
 
-#: pod/video/models.py:1285
+#: pod/video/models.py:1286
 msgid "Encoding log"
 msgstr ""
 
-#: pod/video/models.py:1286
+#: pod/video/models.py:1287
 msgid "Encoding logs"
 msgstr ""
 
-#: pod/video/models.py:1296 pod/video/models.py:1301
+#: pod/video/models.py:1297 pod/video/models.py:1302
 msgid "Video version"
 msgstr ""
 
-#: pod/video/models.py:1298
+#: pod/video/models.py:1299
 msgid "Video default version."
 msgstr ""
 
-#: pod/video/models.py:1302
+#: pod/video/models.py:1303
 msgid "Video versions"
 msgstr ""
 
-#: pod/video/models.py:1327
+#: pod/video/models.py:1328
 msgid "Encoding steps"
 msgstr ""
 
-#: pod/video/models.py:1336 pod/video/models.py:1343 pod/video/models.py:1359
-#: pod/video/views.py:1316
+#: pod/video/models.py:1337 pod/video/models.py:1344 pod/video/models.py:1360
+#: pod/video/views.py:1317
 msgid "Note"
 msgstr ""
 
-#: pod/video/models.py:1344
+#: pod/video/models.py:1345
 msgid "Notes"
 msgstr ""
 
-#: pod/video/models.py:1355
+#: pod/video/models.py:1356
 msgid "Note availibility level"
 msgstr ""
 
-#: pod/video/models.py:1357
+#: pod/video/models.py:1358
 msgid "Select an availability level for the note."
 msgstr ""
 
-#: pod/video/models.py:1361
+#: pod/video/models.py:1362
 msgid "Timestamp"
 msgstr ""
 
-#: pod/video/models.py:1365 pod/video/models.py:1424
+#: pod/video/models.py:1366 pod/video/models.py:1425
 msgid "Date modified"
 msgstr ""
 
-#: pod/video/models.py:1368
+#: pod/video/models.py:1369
 msgid "Advanced Note"
 msgstr ""
 
-#: pod/video/models.py:1369
+#: pod/video/models.py:1370
 msgid "Advanced Notes"
 msgstr ""
 
-#: pod/video/models.py:1415
+#: pod/video/models.py:1416
 msgid "Comment availibility level"
 msgstr ""
 
-#: pod/video/models.py:1417
+#: pod/video/models.py:1418
 msgid "Select an availability level for the comment."
 msgstr ""
 
-#: pod/video/models.py:1427
+#: pod/video/models.py:1428
 msgid "Note comment"
 msgstr ""
 
-#: pod/video/models.py:1428
+#: pod/video/models.py:1429
 msgid "Note comments"
 msgstr ""
 
-#: pod/video/models.py:1446
+#: pod/video/models.py:1447
 msgid "Date for deletion"
 msgstr ""
 
-#: pod/video/models.py:1449 pod/video/models.py:1502
+#: pod/video/models.py:1450 pod/video/models.py:1532
 #: pod/video/templates/videos/video.html:76
 #: pod/video/templates/videos/videos.html:8
 #: pod/video/templates/videos/videos.html:17
 msgid "Videos"
 msgstr ""
 
-#: pod/video/models.py:1452
+#: pod/video/models.py:1453
 msgid "Video to delete"
 msgstr ""
 
-#: pod/video/models.py:1453
+#: pod/video/models.py:1454
 msgid "Videos to delete"
 msgstr ""
 
-#: pod/video/models.py:1470 pod/video/templates/videos/video-comment.html:12
+#: pod/video/models.py:1474 pod/video/templates/videos/video-comment.html:9
 msgid "Comments"
 msgstr ""
 
-#: pod/video/models.py:1485
+#: pod/video/models.py:1515
 msgid "Vote"
 msgstr ""
 
-#: pod/video/models.py:1486
+#: pod/video/models.py:1516
 msgid "Votes"
 msgstr ""
 
-#: pod/video/models.py:1494 pod/video/templates/videos/category_modal.html:13
+#: pod/video/models.py:1524 pod/video/templates/videos/category_modal.html:13
 msgid "Category title"
 msgstr ""
 
-#: pod/video/models.py:1496
+#: pod/video/models.py:1526
 msgid ""
 "Please choose a title as short and accurate as possible, reflecting the main "
 "subject / context of the content.(max length : 100 characters)"
 msgstr ""
 
-#: pod/video/models.py:1522 pod/video/templates/videos/category_modal.html:7
+#: pod/video/models.py:1552 pod/video/templates/videos/category_modal.html:7
 msgid "Category"
 msgstr ""
 
-#: pod/video/models.py:1523
+#: pod/video/models.py:1553
 #: pod/video/templates/videos/filter_aside_category.html:14
 msgid "Categories"
 msgstr ""
@@ -4698,11 +4702,11 @@ msgstr ""
 msgid "Comments have been disabled for this video."
 msgstr ""
 
-#: pod/video/templates/videos/video-comment.html:15
+#: pod/video/templates/videos/video-comment.html:14
 msgid "Add a public comment"
 msgstr ""
 
-#: pod/video/templates/videos/video-comment.html:18
+#: pod/video/templates/videos/video-comment.html:17
 msgid "comment"
 msgstr ""
 
@@ -4955,10 +4959,8 @@ msgid "back to my videos"
 msgstr ""
 
 #: pod/video/templates/videos/video_edit.html:151
-#, fuzzy
-#| msgid "staff"
 msgid "Staff"
-msgstr "personeel"
+msgstr "Personeel"
 
 #: pod/video/templates/videos/video_edit.html:151
 msgid "Alternative version"
@@ -5100,149 +5102,149 @@ msgid ""
 "available on %(site_title)s."
 msgstr ""
 
-#: pod/video/views.py:236 pod/video/views.py:276
+#: pod/video/views.py:237 pod/video/views.py:277
 msgid "You cannot edit this channel."
 msgstr ""
 
-#: pod/video/views.py:253 pod/video/views.py:728
+#: pod/video/views.py:254 pod/video/views.py:729
 msgid "The changes have been saved."
 msgstr ""
 
-#: pod/video/views.py:605
+#: pod/video/views.py:606
 msgid "You don't have access to this playlist."
 msgstr ""
 
-#: pod/video/views.py:666
+#: pod/video/views.py:667
 msgid "You cannot watch this video."
 msgstr ""
 
-#: pod/video/views.py:700
+#: pod/video/views.py:701
 msgid "You cannot edit this video."
 msgstr ""
 
-#: pod/video/views.py:778
+#: pod/video/views.py:779
 msgid "You cannot delete this video."
 msgstr ""
 
-#: pod/video/views.py:788
+#: pod/video/views.py:789
 msgid "The video has been deleted."
 msgstr ""
 
-#: pod/video/views.py:904
+#: pod/video/views.py:905
 #, python-format
 msgid "You cannot %s this note or comment."
 msgstr ""
 
-#: pod/video/views.py:927
+#: pod/video/views.py:928
 msgid "You cannot see this note or comment."
 msgstr ""
 
-#: pod/video/views.py:1163 pod/video/views.py:1177 pod/video/views.py:1200
+#: pod/video/views.py:1164 pod/video/views.py:1178 pod/video/views.py:1201
 msgid "The comment has been saved."
 msgstr ""
 
-#: pod/video/views.py:1190 pod/video/views.py:1215
+#: pod/video/views.py:1191 pod/video/views.py:1216
 msgid "The note has been saved."
 msgstr ""
 
-#: pod/video/views.py:1255
+#: pod/video/views.py:1256
 msgid "The note has been deleted."
 msgstr ""
 
-#: pod/video/views.py:1263
+#: pod/video/views.py:1264
 msgid "The comment has been deleted."
 msgstr ""
 
-#: pod/video/views.py:1309 pod/video/views.py:1312 pod/video/views.py:1318
+#: pod/video/views.py:1310 pod/video/views.py:1313 pod/video/views.py:1319
 msgid "None"
 msgstr ""
 
-#: pod/video/views.py:1331
+#: pod/video/views.py:1332
 msgid "ID"
 msgstr ""
 
-#: pod/video/views.py:1331
+#: pod/video/views.py:1332
 msgid "Status"
 msgstr ""
 
-#: pod/video/views.py:1332
+#: pod/video/views.py:1333
 msgid "Parent note id"
 msgstr ""
 
-#: pod/video/views.py:1332
+#: pod/video/views.py:1333
 msgid "Parent comment id"
 msgstr ""
 
-#: pod/video/views.py:1333
+#: pod/video/views.py:1334
 msgid "Created on"
 msgstr ""
 
-#: pod/video/views.py:1333
+#: pod/video/views.py:1334
 msgid "Modified on"
 msgstr ""
 
-#: pod/video/views.py:1334
+#: pod/video/views.py:1335
 msgid "Note timestamp"
 msgstr ""
 
-#: pod/video/views.py:1361 pod/video/views.py:1389
+#: pod/video/views.py:1362 pod/video/views.py:1390
 msgid "You cannot access to this view."
 msgstr ""
 
-#: pod/video/views.py:1508
+#: pod/video/views.py:1509
 msgid "Pod video view statistics"
 msgstr ""
 
-#: pod/video/views.py:1515
+#: pod/video/views.py:1516
 #, python-format
 msgid "Video viewing statistics for %s"
 msgstr ""
 
-#: pod/video/views.py:1519
+#: pod/video/views.py:1520
 #, python-format
 msgid "Video viewing statistics for the channel %s"
 msgstr ""
 
-#: pod/video/views.py:1523
+#: pod/video/views.py:1524
 #, python-format
 msgid "Video viewing statistics for the theme %s"
 msgstr ""
 
-#: pod/video/views.py:1565
+#: pod/video/views.py:1566
 #, python-format
 msgid "You do not have access rights to this video: %s "
 msgstr ""
 
-#: pod/video/views.py:1585
+#: pod/video/views.py:1586
 #, python-format
 msgid "The following video does not exist : %s"
 msgstr ""
 
-#: pod/video/views.py:1772
+#: pod/video/views.py:1917
 msgid "You do not have rights to delete this comment"
 msgstr ""
 
-#: pod/video/views.py:1863 pod/video/views.py:1929
+#: pod/video/views.py:2008 pod/video/views.py:2074
 msgid "One or many videos already have a category."
 msgstr ""
 
-#: pod/video/views.py:1899 pod/video/views.py:1969
+#: pod/video/views.py:2044 pod/video/views.py:2114
 msgid "Title field is required"
 msgstr ""
 
-#: pod/video/views.py:1904 pod/video/views.py:1974 pod/video/views.py:2016
+#: pod/video/views.py:2049 pod/video/views.py:2119 pod/video/views.py:2161
 msgid "Method Not Allowed"
 msgstr ""
 
-#: pod/video/views.py:1946
+#: pod/video/views.py:2091
 msgid "Category updated successfully."
 msgstr ""
 
-#: pod/video/views.py:1964
+#: pod/video/views.py:2109
 msgid "You do not have rights to edit this category"
 msgstr ""
 
-#: pod/video/views.py:2010
+#: pod/video/views.py:2155
 msgid "You do not have rights to delete this category"
 msgstr ""
 
diff --git a/pod/locale/nl/LC_MESSAGES/djangojs.mo b/pod/locale/nl/LC_MESSAGES/djangojs.mo
index 71cbdf3e9d8d54be31066ec4ad8628bc2c1f2845..6cd597b752eb37f0e0305469c0817a0bf0115e07 100644
GIT binary patch
delta 135
zcmeyv^pR<T3ZwZ%RgH-;T1rL+MuxfuhPp;Z3Wi2jM&{ZEh6V;)K8bnhrHSdORtkAJ
z6Th|v`6L#X=!O&}<`w58mgE;%DdZ<5rsONwfJleZyv*cOy|f}bxHjF8)WlpX1+EBP
Z_td=9B8ZlN{M3}p5(OhY6Fnm?1^`B&D$W1^

delta 163
zcmey!^oMDJ3Zv6RRSo_CM`v$GcUOfl*Pvief4_;oTJ@2xjzPM<{<<!X3LgGezMk4q
z{(i1pK8eL8x*<i0dBr)2CHX~G3T~l3J_>%0zOD*3uD*_*J`Rp9E<vur!FE8UdFiEz
z>8ZLQsfoE(3O<g0?x7$%Y<zqiax(Sui_#HltQ5F>J$+qu!%~ZiGxPJT6bvV>EMsH<
E0J{w_dH?_b

diff --git a/pod/locale/nl/LC_MESSAGES/djangojs.po b/pod/locale/nl/LC_MESSAGES/djangojs.po
index 4d349b999a..96a5155ce2 100644
--- a/pod/locale/nl/LC_MESSAGES/djangojs.po
+++ b/pod/locale/nl/LC_MESSAGES/djangojs.po
@@ -1,20 +1,20 @@
 # Esup Pod JS Dutch strings.
 # This file is distributed under the same license as the POD package.
 #
-#, fuzzy
 msgid ""
 msgstr ""
-"Project-Id-Version: PACKAGE VERSION\n"
+"Project-Id-Version: Esup-Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2020-09-07 07:29+0000\n"
-"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
-"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
-"Language-Team: LANGUAGE <LL@li.org>\n"
-"Language: \n"
+"POT-Creation-Date: 2021-01-22 12:24+0100\n"
+"PO-Revision-Date: 2021-01-22 12:27+0100\n"
+"Language: nl\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"Last-Translator: obado <bado@unice.fr>\n"
+"Language-Team: \n"
+"X-Generator: Poedit 2.4.2\n"
 
 #: pod/chapter/static/js/chapters.js:5 pod/chapter/static/js/chapters.js:7
 #: pod/enrichment/static/js/enrichment.js:5
@@ -47,17 +47,17 @@ msgstr ""
 #: pod/enrichment/static/js/enrichment.js:72
 #: pod/enrichment/static/js/enrichment.js:93
 #: pod/enrichment/static/js/enrichment.js:120
-#: pod/enrichment/static/js/enrichment.js:149 pod/main/static/js/main.js:287
-#: pod/main/static/js/main.js:294 pod/main/static/js/main.js:305
-#: pod/main/static/js/main.js:319
-#: pod/podfile/static/podfile/js/filewidget.js:312
-#: pod/podfile/static/podfile/js/filewidget.js:341
+#: pod/enrichment/static/js/enrichment.js:149 pod/main/static/js/main.js:293
+#: pod/main/static/js/main.js:300 pod/main/static/js/main.js:311
+#: pod/main/static/js/main.js:325
+#: pod/podfile/static/podfile/js/filewidget.js:365
+#: pod/podfile/static/podfile/js/filewidget.js:398
 msgid "You are no longer authenticated. Please log in again."
 msgstr ""
 
 #: pod/chapter/static/js/chapters.js:146
-#: pod/enrichment/static/js/enrichment.js:136 pod/main/static/js/main.js:264
-#: pod/main/static/js/main.js:311
+#: pod/enrichment/static/js/enrichment.js:136 pod/main/static/js/main.js:263
+#: pod/main/static/js/main.js:317
 msgid "One or more errors have been found in the form."
 msgstr ""
 
@@ -105,26 +105,27 @@ msgid "no data could be stored."
 msgstr ""
 
 #: pod/completion/static/js/caption_maker.js:113
-msgid "Are you sure you want to delete all caption ?"
+msgid "Are you sure you want to delete all caption?"
 msgstr ""
 
 #: pod/completion/static/js/completion.js:145
-msgid "Are you sure you want to delete this file ?"
+#: pod/podfile/static/podfile/js/filewidget.js:277
+msgid "Are you sure you want to delete this file?"
 msgstr ""
 
 #: pod/completion/static/js/completion.js:147
-msgid "Are you sure you want to delete this contributor ?"
+msgid "Are you sure you want to delete this contributor?"
 msgstr ""
 
 #: pod/completion/static/js/completion.js:149
-msgid "Are you sure you want to delete this document ?"
+msgid "Are you sure you want to delete this document?"
 msgstr ""
 
 #: pod/completion/static/js/completion.js:151
-msgid "Are you sure you want to delete this overlay ?"
+msgid "Are you sure you want to delete this overlay?"
 msgstr ""
 
-#: pod/completion/static/js/completion.js:195 pod/main/static/js/main.js:266
+#: pod/completion/static/js/completion.js:195 pod/main/static/js/main.js:265
 msgid "Changes have been saved."
 msgstr ""
 
@@ -149,8 +150,7 @@ msgid "Please enter a role."
 msgstr ""
 
 #: pod/completion/static/js/completion.js:267
-msgid ""
-"There is already a contributor with this same name and role in the list."
+msgid "There is already a contributor with this same name and role in the list."
 msgstr ""
 
 #: pod/completion/static/js/completion.js:278
@@ -354,143 +354,237 @@ msgstr ""
 msgid "gridErrorText"
 msgstr ""
 
-#: pod/main/static/js/main.js:245
+#: pod/main/static/js/main.js:244
 msgid "Are you sure you want to delete this element?"
 msgstr ""
 
-#: pod/main/static/js/main.js:281
-#: pod/podfile/static/podfile/js/filewidget.js:79
-#: pod/podfile/static/podfile/js/filewidget.js:334
+#: pod/main/static/js/main.js:286
+#: pod/podfile/static/podfile/js/filewidget.js:114
+#: pod/podfile/static/podfile/js/filewidget.js:391
 msgid "Error during exchange"
 msgstr ""
 
-#: pod/main/static/js/main.js:281
-#: pod/podfile/static/podfile/js/filewidget.js:79
+#: pod/main/static/js/main.js:286
+#: pod/podfile/static/podfile/js/filewidget.js:114
 msgid "No data could be stored."
 msgstr ""
 
-#: pod/main/static/js/main.js:333
+#: pod/main/static/js/main.js:339
 msgid "Change your picture"
 msgstr ""
 
-#: pod/main/static/js/main.js:339
+#: pod/main/static/js/main.js:345
 msgid "Add your picture"
 msgstr ""
 
-#: pod/main/static/js/main.js:437
+#: pod/main/static/js/main.js:443
 msgid "text copied"
 msgstr ""
 
-#: pod/main/static/js/main.js:484
+#: pod/main/static/js/main.js:490
 msgid "Errors appear in the form, please correct them"
 msgstr ""
 
-#: pod/main/static/js/main.js:507
-msgid "The file size exceeds the maximum allowed value :"
+#: pod/main/static/js/main.js:513
+msgid "The file size exceeds the maximum allowed value:"
 msgstr ""
 
-#: pod/main/static/js/main.js:522
-msgid "The file extension not in the allowed extension :"
+#: pod/main/static/js/main.js:528
+msgid "The file extension not in the allowed extension:"
 msgstr ""
 
-#: pod/podfile/static/podfile/js/filewidget.js:13
+#: pod/podfile/static/podfile/js/filewidget.js:11
 msgid "Change image"
 msgstr ""
 
-#: pod/podfile/static/podfile/js/filewidget.js:15
+#: pod/podfile/static/podfile/js/filewidget.js:13
 msgid "Change file"
 msgstr ""
 
-#: pod/podfile/static/podfile/js/filewidget.js:30
+#: pod/podfile/static/podfile/js/filewidget.js:28
 msgid "Open file in a new tab"
 msgstr ""
 
-#: pod/podfile/static/podfile/js/filewidget.js:99
-#: pod/podfile/static/podfile/js/filewidget.js:106
+#: pod/podfile/static/podfile/js/filewidget.js:55
+msgid "This folder is empty"
+msgstr ""
+
+#: pod/podfile/static/podfile/js/filewidget.js:134
+#: pod/podfile/static/podfile/js/filewidget.js:141
 msgid "Change"
 msgstr ""
 
-#: pod/podfile/static/podfile/js/filewidget.js:114
+#: pod/podfile/static/podfile/js/filewidget.js:149
 msgid "Enter new name of folder"
 msgstr ""
 
-#: pod/podfile/static/podfile/js/filewidget.js:126
+#: pod/podfile/static/podfile/js/filewidget.js:167
 msgid "Remove"
 msgstr ""
 
-#: pod/podfile/static/podfile/js/filewidget.js:139
-#: pod/podfile/static/podfile/js/filewidget.js:161
-#: pod/podfile/static/podfile/js/filewidget.js:191
-#: pod/podfile/static/podfile/js/filewidget.js:210
+#: pod/podfile/static/podfile/js/filewidget.js:180
+#: pod/podfile/static/podfile/js/filewidget.js:202
+#: pod/podfile/static/podfile/js/filewidget.js:235
+#: pod/podfile/static/podfile/js/filewidget.js:254
 msgid "Server error"
 msgstr ""
 
-#: pod/podfile/static/podfile/js/filewidget.js:147
+#: pod/podfile/static/podfile/js/filewidget.js:188
 msgid "Add"
 msgstr ""
 
-#: pod/podfile/static/podfile/js/filewidget.js:224
+#: pod/podfile/static/podfile/js/filewidget.js:268
 msgid "Are you sure you want to delete this folder?"
 msgstr ""
 
-#: pod/podfile/static/podfile/js/filewidget.js:233
-msgid "Are you sure you want to delete this file?"
-msgstr ""
-
-#: pod/podfile/static/podfile/js/filewidget.js:396
+#: pod/podfile/static/podfile/js/filewidget.js:477
 msgid "See more"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:61
-#: pod/video/static/js/comment-script.js:166
+#: pod/video/static/js/comment-script.js:74
+#: pod/video/static/js/comment-script.js:171
 msgid "Delete"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:80
+#: pod/video/static/js/comment-script.js:85
 msgid "Cancel"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:143
-msgid "Answer comment icon"
+#: pod/video/static/js/comment-script.js:144
+msgid "Agree with the comment"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:143
-msgid "Answer"
+#: pod/video/static/js/comment-script.js:155
+msgid "Reply to comment"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:152
-msgid "Comment vote icon"
+#: pod/video/static/js/comment-script.js:155
+msgid "Reply"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:163
-msgid "Comment delete icon"
+#: pod/video/static/js/comment-script.js:168
+msgid "Remove this comment"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:180
+#: pod/video/static/js/comment-script.js:184
 msgid "Add a public comment"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:261
-msgid "Comment show children icon"
+#: pod/video/static/js/comment-script.js:267
+#: pod/video/static/js/comment-script.js:727
+msgid "Answers"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:264
-#: pod/video/static/js/comment-script.js:542
-msgid "Show responses"
+#: pod/video/static/js/comment-script.js:272
+msgid "Show answers"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:427
+#: pod/video/static/js/comment-script.js:416
 msgid "Comment has been deleted successfully."
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:540
-msgid "Hide responses"
-msgstr ""
-
 #: pod/video/static/js/validate-date_delete-field.js:26
 msgid "The date must be before or equal to"
 msgstr ""
 
+#: pod/video/static/js/video_category.js:25
+msgid "Category changes saved successfully"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:26
+msgid "You cannot add two categories with the same title."
+msgstr ""
+
+#: pod/video/static/js/video_category.js:27
+msgid "Category deleted successfully"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:28
+msgid "An error occured, please refresh the page and try again."
+msgstr ""
+
+#: pod/video/static/js/video_category.js:29
+msgid "Category title field is required."
+msgstr ""
+
+#: pod/video/static/js/video_category.js:30
+msgid "Save category"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:147
+msgid "videos found"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:147
+msgid "video found"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:152
+msgid "Sorry, no video found"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:380
+#: pod/video/static/js/video_category.js:484
+msgid "Video content."
+msgstr ""
+
+#: pod/video/static/js/video_category.js:381
+#: pod/video/static/js/video_category.js:492
+msgid "Audio content."
+msgstr ""
+
+#: pod/video/static/js/video_category.js:391
+msgid "Edit the category"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:404
+msgid "Delete the category"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:456
+msgid "This content is password protected."
+msgstr ""
+
+#: pod/video/static/js/video_category.js:465
+msgid "This content is chaptered."
+msgstr ""
+
+#: pod/video/static/js/video_category.js:474
+msgid "This content is in draft."
+msgstr ""
+
+#: pod/video/static/js/video_category.js:497
+msgid "Edit the video"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:498
+msgid "Complete the video"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:499
+msgid "Chapter the video"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:500
+msgid "Delete the video"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:549
+msgid "Success.."
+msgstr ""
+
+#: pod/video/static/js/video_category.js:550
+msgid "Error.."
+msgstr ""
+
+#: pod/video/static/js/video_category.js:768
+msgid "Category created successfully"
+msgstr ""
+
+#: pod/video/static/js/video_category.js:788
+msgid "Create category"
+msgstr ""
+
 #: pod/video/static/js/video_stats_view.js:14
 msgid "Title"
 msgstr ""
diff --git a/pod/main/static/js/main.js b/pod/main/static/js/main.js
index bac15244ef..8e40fbd9ff 100644
--- a/pod/main/static/js/main.js
+++ b/pod/main/static/js/main.js
@@ -510,7 +510,7 @@ var videocheck = function(form,event) {
         if(listext.indexOf(extension) !== -1) {
             if(fileSize>video_max_upload_size){
                 window.scrollTo($("#video_form").scrollTop(), 0);
-                showalert(gettext("The file size exceeds the maximum allowed value :")+" "+VIDEO_MAX_UPLOAD_SIZE+" Go.","alert-danger");
+                showalert(gettext("The file size exceeds the maximum allowed value:")+" "+VIDEO_MAX_UPLOAD_SIZE+" Go.","alert-danger");
                 event.preventDefault();
                 event.stopPropagation();
             } else {

From 5c64e80d1dc30dd5a19f8f3fa3c5d5c8208823ed Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Fri, 22 Jan 2021 14:45:34 +0100
Subject: [PATCH 102/145] add is_staff attribute in rest user api

---
 pod/authentication/rest_views.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/authentication/rest_views.py b/pod/authentication/rest_views.py
index f6ab2b2ee4..93ac607e1a 100644
--- a/pod/authentication/rest_views.py
+++ b/pod/authentication/rest_views.py
@@ -18,7 +18,7 @@ class UserSerializer(serializers.HyperlinkedModelSerializer):
 
     class Meta:
         model = User
-        fields = ('id', 'url', 'username', 'first_name',
+        fields = ('id', 'url', 'username', 'first_name', 'is_staff',
                   'last_name', 'email', 'groups')
 
 

From 04d3996f57ff894987d1d1aaebff56651c12dedc Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Fri, 22 Jan 2021 16:16:18 +0100
Subject: [PATCH 103/145] update views to search in ES 7

---
 pod/video_search/views.py | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/pod/video_search/views.py b/pod/video_search/views.py
index b3668bb662..a92ee91cdb 100644
--- a/pod/video_search/views.py
+++ b/pod/video_search/views.py
@@ -8,8 +8,10 @@
 # import json
 
 ES_URL = getattr(settings, 'ES_URL', ['http://127.0.0.1:9200/'])
-
-# Create your views here.
+ES_INDEX = getattr(settings, 'ES_INDEX', 'pod')
+ES_TIMEOUT = getattr(settings, 'ES_TIMEOUT', 30)
+ES_MAX_RETRIES = getattr(settings, 'ES_MAX_RETRIES', 10)
+ES_VERSION = getattr(settings, 'ES_VERSION', 6)
 
 
 def get_filter_search(selected_facets, start_date, end_date):
@@ -77,7 +79,8 @@ def get_result_aggregations(result, selected_facets):
 
 
 def search_videos(request):
-    es = Elasticsearch(ES_URL)
+    es = Elasticsearch(ES_URL, timeout=ES_TIMEOUT, max_retries=ES_MAX_RETRIES,
+                       retry_on_timeout=True)
     aggsAttrs = ['owner_full_name', 'type.title',
                  'disciplines.title', 'tags.name', 'channels.title']
 
@@ -183,7 +186,7 @@ def search_videos(request):
     # if settings.DEBUG:
     #    print(json.dumps(bodysearch, indent=4))
 
-    result = es.search(index="pod", body=bodysearch)
+    result = es.search(index=ES_INDEX, body=bodysearch)
 
     # if settings.DEBUG:
     #    print(json.dumps(result, indent=4))
@@ -197,7 +200,11 @@ def search_videos(request):
 
     list_videos_id = [hit["_id"] for hit in result["hits"]["hits"]]
     videos = Video.objects.filter(id__in=list_videos_id)
-    num_result = result["hits"]["total"]
+    num_result = 0
+    if ES_VERSION == 7:
+        num_result = result["hits"]["total"]["value"]
+    else:
+        num_result = result["hits"]["total"]
     videos.has_next = ((page + 1) * 12) < num_result
     videos.next_page_number = page + 1
 

From 5eb413a84a716a78a3fa18478256b23611504c51 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Fri, 22 Jan 2021 16:32:50 +0100
Subject: [PATCH 104/145] remove print in utils.py

---
 pod/video_search/utils.py | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pod/video_search/utils.py b/pod/video_search/utils.py
index 1891096b86..08233ac31c 100644
--- a/pod/video_search/utils.py
+++ b/pod/video_search/utils.py
@@ -35,7 +35,6 @@ def index_es(video):
                                    id=video.id, doc_type='pod',
                                    body=data, refresh=True)
                 if DEBUG:
-                    print(res)
                     logger.info(res)
                 return res
         except TransportError as e:

From b8592aef42484a2f9243cdcde8bc1ecd7b02ccc0 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Fri, 22 Jan 2021 16:41:02 +0100
Subject: [PATCH 105/145] update settings example with new settings for
 Elasticsearch

---
 pod/custom/settings_local.py.example | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index c71b02a45d..67d62a1099 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -409,6 +409,22 @@ ES_URL = ['http://127.0.0.1:9200/']
 # Valeur pour l’index de ElasticSearch
 """
 ES_INDEX = "pod"
+"""
+# Valeur timeout pour configuration de ElasticSearch
+"""
+ES_TIMEOUT = 30
+"""
+# Valeur max essai pour configuration de ElasticSearch
+"""
+ES_MAX_RETRIES = 10
+"""
+# Valeur la version d'ElasticSearch 
+# valeurs possibles 6 ou 7 (pour indiquer utiliser elasticsearch 6 ou 7)
+# pour utiliser la version 7, faire une mise à jour du paquet elasticsearch-py 
+# elasticsearch==7.10.1
+# https://elasticsearch-py.readthedocs.io/en/v7.10.1/
+"""
+ES_VERSION = 6 # Si 7, faire un une mise à jour du paquet 
 
 # ## Configuration encodage ## #
 

From 527e74ba18da5095ecc3bf9f94038cbcd261acf6 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 25 Jan 2021 17:15:55 +0100
Subject: [PATCH 106/145] Fix bug update number of children on child deleted

---
 pod/video/static/js/comment-script.js | 48 +++++++++++----------------
 1 file changed, 20 insertions(+), 28 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 92854601d1..71b385ab5a 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -275,21 +275,19 @@ function hide_or_add_show_children_btn(parent_comment, parent_id, nb_child) {
         txt
     );
     children_action.addEventListener("click", function () {
-        //get_node(this.parentElement, "comment_element", "comment_child").classList.toggle("show");
         parent_comment.classList.toggle("show");
         fetch_comment_children(parent_comment, parent_id);
     });
-    if (parent_comment) {
-        let children_container = parent_comment.querySelector(".comments_children_container");
-        if (!parent_comment.querySelector(".actions .comment_show_children_action") && nb_child > 0) {
-            parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after(children_action);
-        }
-        else if (parent_comment.querySelector(".actions .comment_show_children_action") && nb_child === 0) {
-            // remove action if exist
-            parent_comment.querySelector(".comment_content_footer .actions").removeChild(
-                parent_comment.querySelector(".comment_content_footer .actions .comment_show_children_action")
-            )
-        }
+
+    let children_container = parent_comment.querySelector(".comments_children_container");
+    if (!parent_comment.querySelector(".actions .comment_show_children_action") && nb_child > 0) {
+        parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after(children_action);
+    }
+    else if (parent_comment.querySelector(".actions .comment_show_children_action") && nb_child === 0) {
+        // remove action if exist
+        parent_comment.querySelector(".comment_content_footer .actions").removeChild(
+            parent_comment.querySelector(".comment_content_footer .actions .comment_show_children_action")
+        )
     }
 }
 customElements.define("comment-element", Comment)
@@ -374,11 +372,13 @@ function save_comment(content, date, direct_parent_id = null, top_parent_comment
                         }
                         return comment;
                     });
+                    let nbr_child = get_comment_attribute(top_parent_comment_html, 'nbr_child');
                     hide_or_add_show_children_btn(
                         top_parent_comment_html,
                         top_parent_id,
-                        get_comment_attribute(top_parent_comment_html, 'children').length
+                        nbr_child
                     );
+                    update_answer_text(top_parent_comment_html, nbr_child);
                 }
                 set_comments_number()
             });
@@ -418,11 +418,11 @@ function delete_comment(comment) {
                 if (is_child) {
                     parent_el = get_node(comment, "comment_element", "comment_child");
                     let parent_id = get_comment_attribute(parent_el);
-                    delete_comment_child_DOM(comment, parent_id, is_child);
+                    delete_comment_child_DOM(comment, parent_id, is_child); // delete all children from the DOM
                     let remaining_children = get_comment_attribute(parent_el, 'nbr_child');
-                    deleteWithAnimation(comment, is_child = true);
-                    hide_or_add_show_children_btn(parent_el, parent_id, remaining_children);
-                    update_answer_text(parent_el);
+                    deleteWithAnimation(comment, is_child = true); // delete comment from the DOM
+                    hide_or_add_show_children_btn(parent_el, parent_id, remaining_children); // Manage show answers button
+                    update_answer_text(parent_el, remaining_children); // Update number of child text displayed
                     set_comments_number();
                     return;
                 }
@@ -651,17 +651,8 @@ function add_child_comment(el, container_el, top_parent_comment_html) {
             is_comment_owner = true);
         setBorderLeftColor(c, child_direct_parent)
         container_el.appendChild(c);
-
-        hide_or_add_show_children_btn(
-            top_parent_comment_html,
-            get_comment_attribute(top_parent_comment_html),
-            top_parent_comment_html.querySelector('.comments_children_container').childElementCount
-        );
-        update_answer_text(top_parent_comment_html)
-
         // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
         let p_id = get_comment_attribute(child_direct_parent);
-
         // Scroll to the comment child
         scrollToComment(c);
         save_comment(el.value, date_added.toISOString(), p_id, top_parent_comment_html);
@@ -719,10 +710,11 @@ function get_node(el, class_name, not) {
 }
 
 /*******  Manage hide/show child comment text  ********
+ * update the number of child comments displayed
+ * only if element exists 
  ******************************************************/
-function update_answer_text(el) {
+function update_answer_text(el, nb_child = 0) {
     let children_container = get_node(el, "comments_children_container");
-    let nb_child = children_container.childElementCount;
     nb_child = nb_child === 0 ? '' : nb_child;
     let txt = gettext("Answers");
     txt = `${nb_child} ${txt}`;

From 15408b1892e1f2ae3129db9ee757d3b9b886be51 Mon Sep 17 00:00:00 2001
From: gcondess <gcondess@u-bordeaux.fr>
Date: Mon, 25 Jan 2021 19:18:15 +0100
Subject: [PATCH 107/145] Fix recorder None link in email send when USE_SHIB

---
 pod/recorder/views.py | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/pod/recorder/views.py b/pod/recorder/views.py
index b6cea547b5..af401b4b20 100644
--- a/pod/recorder/views.py
+++ b/pod/recorder/views.py
@@ -55,6 +55,7 @@
 )
 
 USE_CAS = getattr(settings, 'USE_CAS', False)
+USE_SHIB = getattr(settings, 'USE_SHIB', False)
 TITLE_SITE = getattr(TEMPLATE_VISIBLE_SETTINGS, 'TITLE_SITE', 'Pod')
 
 
@@ -152,7 +153,7 @@ def add_recording(request):
                   {"form": form})
 
 
-def reformat_url_if_use_cas(request, link_url):
+def reformat_url_if_use_cas_or_shib(request, link_url):
     # Pointing to the URL of the CAS allows to reach the already
     # authenticated form URL like
     # https://pod.univ.fr/sso-cas/login/?next=https%3A%2F%2Fpod.univ
@@ -163,6 +164,12 @@ def reformat_url_if_use_cas(request, link_url):
         return ''.join(
             [request.build_absolute_uri('/'), "sso-cas/login/?next=",
              urllib.parse.quote_plus(link_url)])
+    elif USE_SHIB:
+        return ''.join(
+            [request.build_absolute_uri('/'), "authentication_login/?referrer=",
+             urllib.parse.quote_plus(link_url)])
+    else :
+        return link_url
 
 
 def recorder_notify(request):
@@ -194,7 +201,7 @@ def recorder_notify(request):
                 [request.build_absolute_uri(reverse('add_recording')),
                  "?mediapath=", mediapath, "&course_title=%s" % course_title,
                  "&recorder=%s" % recorder.id])
-            link_url = reformat_url_if_use_cas(request, link_url)
+            link_url = reformat_url_if_use_cas_or_shib(request, link_url)
 
             text_msg = _(
                 "Hello, \n\na new recording has just be added on the video "

From beab71ea1731d41fd40a2ed797e5a795378ebbb4 Mon Sep 17 00:00:00 2001
From: gcondess <gcondess@u-bordeaux.fr>
Date: Mon, 25 Jan 2021 19:45:48 +0100
Subject: [PATCH 108/145] Fix recorder None link in email send when USE_CAS is
 False

---
 pod/recorder/views.py | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/pod/recorder/views.py b/pod/recorder/views.py
index af401b4b20..74204584d8 100644
--- a/pod/recorder/views.py
+++ b/pod/recorder/views.py
@@ -162,13 +162,15 @@ def reformat_url_if_use_cas_or_shib(request, link_url):
     # %2520juin%25202019%26recorder%3D1
     if USE_CAS:
         return ''.join(
-            [request.build_absolute_uri('/'), "sso-cas/login/?next=",
+            [request.build_absolute_uri('/'),
+             "sso-cas/login/?next=",
              urllib.parse.quote_plus(link_url)])
     elif USE_SHIB:
         return ''.join(
-            [request.build_absolute_uri('/'), "authentication_login/?referrer=",
+            [request.build_absolute_uri('/'),
+             "authentication_login/?referrer=",
              urllib.parse.quote_plus(link_url)])
-    else :
+    else:
         return link_url
 
 

From fd3df2db0d4bda0925e2cc1d18822931827db9eb Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 25 Jan 2021 22:32:31 +0100
Subject: [PATCH 109/145] Fix bug manage votes

---
 pod/video/static/js/comment-script.js | 76 +++++++++++++++++++++------
 1 file changed, 61 insertions(+), 15 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 71b385ab5a..cc04c6841c 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -305,19 +305,19 @@ function vote(comment_id, target_html_el) {
         body: data
     }).then(response => {
         response.json().then(data => {
+
+            const target_comment = get_node(target_html_el, "comment_element");
+
             if (data.voted === true) {
-                VOTED_COMMENTS.push({
-                    'comment__id': comment_id,
-                });
-                btn.innerHTML = parseInt(btn.textContent) + 1 + " votes";
+                const nb_vote = update_comment_attribute(target_comment, null, "nbr_vote", "increment")
+                // let vote_text = parseInt(btn.textContent)
+                btn.innerHTML = nb_vote + " votes";
                 if (!target_html_el.classList.contains('voted'))
                     target_html_el.classList.add('voted');
             }
             else {
-                VOTED_COMMENTS = VOTED_COMMENTS.filter(obj => {
-                    obj.comment__id !== comment_id
-                })
-                btn.innerHTML = parseInt(btn.textContent) - 1 + " votes";
+                const nb_vote = update_comment_attribute(target_comment, null, "nbr_vote", "decrement")
+                btn.innerHTML = nb_vote + " votes";
                 if (target_html_el.classList.contains('voted'))
                     target_html_el.classList.remove('voted');
             }
@@ -659,21 +659,67 @@ function add_child_comment(el, container_el, top_parent_comment_html) {
     }
 }
 
-/*********  Return backend comment attribute  *********
+/**** Set comment backend attribute from saved data ****
+ * @param comment_html HTMLElement
+ * @param value Any
+ * @param attr String
+ * @param action String values(increment or decrement)
+ * @return any
+ ******************************************************/
+function update_comment_attribute(comment_html, value, attr, action = null) {
+
+    let curr_html_id = comment_html.getAttribute('id');
+    let new_value = value;
+    all_comment = all_comment.map(comment_data => {
+        let comment_htmlID = `comment_${new Date(comment_data.added).getTime()}`;
+        if (comment_htmlID == curr_html_id) {
+            if (action !== null && action === "increment") {
+                comment_data[attr] += 1;
+                new_value = comment_data[attr];
+            }
+            else if (action !== null && action === "decrement") {
+                comment_data[attr] -= 1;
+                new_value = comment_data[attr];
+            }
+            else
+                comment_data[attr] = value;
+        }
+        comment_data.children = comment_data.children.map(child_comment_data => {
+            comment_htmlID = `comment_${new Date(child_comment_data.added).getTime()}`;
+            if (comment_htmlID == curr_html_id) {
+                if (action !== null && action === "increment") {
+                    child_comment_data[attr] += 1;
+                    new_value = child_comment_data[attr];
+                }
+                else if (action !== null && action === "decrement") {
+                    child_comment_data[attr] -= 1;
+                    new_value = child_comment_data[attr];
+                }
+                else
+                    child_comment_data[attr] = value;
+            }
+            return child_comment_data;
+        });
+        return comment_data;
+    });
+    return new_value;
+}
+
+/** Return comment backend attribute from saved data  **
  ******************************************************/
 function get_comment_attribute(comment_html, attr = "id") {
     let curr_html_id = comment_html.getAttribute('id');
     let comment_attr = null
-    for (const comment of all_comment) {
-        let comment_htmlID = `comment_${new Date(comment.added).getTime()}`;
+    for (const comment_data of all_comment) {
+        let comment_htmlID = `comment_${new Date(comment_data.added).getTime()}`;
         if (comment_htmlID == curr_html_id) {
-            comment_attr = comment[attr];
+            comment_attr = comment_data[attr];
             break;
         }
-        for (const child_comment of comment.children) {
-            comment_htmlID = `comment_${new Date(child_comment.added).getTime()}`;
+        for (const child_comment_data of comment_data.children) {
+            comment_htmlID = `comment_${new Date(child_comment_data.added).getTime()}`;
             if (comment_htmlID == curr_html_id) {
-                comment_attr = child_comment[attr];
+                comment_attr = child_comment_data[attr];
                 break;
             }
         }

From 5f77eaa949ae7abfc386f644b57df6912361924c Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 25 Jan 2021 22:33:21 +0100
Subject: [PATCH 110/145] Update locale files

---
 pod/locale/fr/LC_MESSAGES/django.mo   | Bin 96942 -> 96983 bytes
 pod/locale/fr/LC_MESSAGES/djangojs.mo | Bin 9662 -> 9381 bytes
 pod/locale/fr/LC_MESSAGES/djangojs.po | 254 ++++++++++++++++++--------
 3 files changed, 179 insertions(+), 75 deletions(-)

diff --git a/pod/locale/fr/LC_MESSAGES/django.mo b/pod/locale/fr/LC_MESSAGES/django.mo
index 79e5227c503f140fc187ecdd54f479055c8fdabc..9f83404fb2b00dabe5166d96d7b87fb851d7d090 100755
GIT binary patch
delta 9146
zcmXZh30#*|zQ^(NR|u6vQQU9=k;M%H)Ie}WK}NwuQFA2R$2AuOx6)^Z@fvzbGi|gh
zbg$Q$G{@9(8he$R>BYR(xRlpru1n^gWrh)%TJ!n-&zaY}Uhi|x^E_wyo!>css+~1~
zXKMm?=XdaOea76rV9a`BOv)u=8sTTy5iejY23|HM6T9LdEJC$^fIaaFcEZ+Q8WV$=
z_!`c{2=rYsrVQI-4sOR;SbN2IragtpU)cvMus-!K@EN>_%`yI}F&%Iqw#I3wj+bL3
z{u!gN3N?XSn2I6SjA?~~P~T0!wzw3V;HGPyE$nnJe2n2dxQLzcC)5WWt{W4K{V@b{
zF%k<<?=MBYx6#%A?mUGJX#WNqVl67dfj5i^#bzFb019zf54)mX?BVJIus8J_)WEB-
z1-_0=@f}pesxTc-;3y2f$sjlp^?Vwt|03*%FSvGZ9|i5n5%)sVTXrwoU<U13I22dn
z6g-Cuu+ME{^6)*>06|~d35H^0>XELV<m&xU6VAgRAAR8yhW&s3jtxmMCiB8_)Qb0F
z5Y`|sn#ZU;5BSEIE*On1aTvD4>8Jt9P&rkBiqrvAKW9+=UPATP=38UtGQR0RK{H;D
z_3$s)33sAiJcsJwGAgTYqPAk`UHiNo6@hiw04rU6o2$Qz`hGvEzbXvI&-9$}%{lkN
zRa8fJT)hVM;$u|D^}n+d4Z|4fF{msaf=Z@B*FG1OjDJE6{5RCX_BpFikvfiEBMM(p
z(7@H0fR9k;y30Lddf^mI#Q%1Ff%((}zBgtDj={nBKd1p4Rg=Kj0@q?LYC@N>4L-&v
zG5kL9?@l4^zD>dcREXX}t#~&o0v}==euAO+9jXK055}Zn2!`QrP&rYEA-E7Vp%tk2
zS7Srm<b3M~;@_Bty)<OvQB;zJ)Y#*bfJ(0J7>y%P11v&CYAq^q2T>D0h6?p5SN|vK
zcwa$H;07uw@1yz&_I|W8kH%&+^hDiQ&$#+@Y)W14`I8LwVI@9?e@Ep)Sgq|i4b{(Z
zR6o;D7gQ-~3oBjyIBF}r+Y~gw6F*tQF^qZwCgT9q-Yq~yVm<1^J*e+aqPFN7DsuPS
z^TrSC7RIBVr=qrGAa=(Q*iq-djDq&|9n^s5Q7d@zXKNHrrk;vBu@V*HoQKwtIG%bT
zYM_r$k@^(1*Z+qt@G2^I9=hiZA8E_j{}vSVK|55^bwnjiH*A9G*a3&4CRXIy%TN*6
zgw1gmYM>+75-+)WE$WmtdTiSxup9MM3}t*Xi-HDPrUqP#J#Y&S#PjZXyI<_DToSgX
zJs<V{TxTgNGV4(TR-zX6Hmd)<sD&KER(KaZ&Ai^Pw&Ms?l4M{w&PR2y8ns0mQG0k0
zwel0F30y@*rUuntu<`kGC<>pUp5p2+p(a-0>N||jGj(bBm<H`#6{g}T?1c?{KL7JU
zs4O3X+M0RJ#i$AW0VD7gjKtlj6`w*y>Kf{pn>uy^p{ND4ujAQ{d(fa2k44=B3s5WH
zhf1O&sL-B9o#TsGj9;TxKCZ5PzXSuRdzgm*=IRGg6F=fSj*8qFy{MVoLR}z_P{*%s
zfc>DQGZJ%X?})irf=lo)YESzF+V3W!`dNrtz%o}aLq&KE#^NSaM7%>3w1O{CE4+>R
zu-erhp^_!=37`MmN1!6r3w5)NMn$9mwZiGnd8qytqXsI);kXX9fE!4pxc~WUKm(?s
zW<C(r(GcedR8EX__4TOGRbV^Zi5lo1n8+U%XK)e*)%W@TCY;&8=D=#y)@;Y2xEq6X
z{(q&Q4uXR1L>glq>fzWH+q(92R0o-;frp@ycLw&v*{F`U;UKI<{%`s|=`)+D4{2y~
z=35*`ePRen&iLjKg$?*C&ch9je5MfVH?{*#Lq%pb>Ufo)E}C-GfPcpS#QS&}*M<5_
z0Zwb;P8Dj4PB|}O9Q8ZsX@yOj+82{hE9;FBSb#b{FQSrkBP#SeP|0+_c?^|QXRtj!
zMr~<CnBB@wsCp9WxTd3$c5oQyUn`jHUfhq`iYn)E*M1h&!DUn=ZljX#9{MjH)Yb$y
zv!@^wl|!+p3n#(V`=H*-LiLl=jPtJnN6?^|6`(GTnW%HW4D~@dDvMu5eYgc<a64+C
zlc?X0bEwmC)wTbEn&=bFeg3~6f>Du7L~Y?fkAi+I3NQ&voLf=H?mQ~w_nm<)Y$RHs
zlBhjS#XsO8yp8!dv8A2ZUQD6>5o&_9s4c3~%1*$Grl8RF!Y-JFN|qwjN<GwGuRulW
zRn&wwp)RVoQCo1xJwJ!~?h2~kTc`+Cqu%=&73s#|{(d|YK|!HS!ZVnG3Q?=pHuUkR
z4!WT_PDh=B4D5_!-1FtAh?S!z_$F$?@1sKfF=`>_UHf(PpZ~iQ)bWp~y?cy`K+87P
z7-zDxFKQ(@s17Hh?t$5;i4~!8W+f^DYfuY#9d)`kqjKvY*46nxPC+yL9CaMO#z?H!
z)?T@tP#tGEpF<5$jGE{Y)ZV^?O14)~$7=)XyAM$l{@i&B_5CmCB~S=xXZNHVDs&mB
z5AsnnpMhyug#GYs)IS^E#ZH(M;WPblEXH9as-G&<Kxa`~dePOtN1d|T2+qG&&>+%=
zqy_3hjH{>OTIyM-q&erji3;tHu5Q}f?;GK0+S{VuFTo;Qj+#&{>a^95vRfS$<=Fvy
z)1ZkAL#^mJ)Qn$3tzZ*&#myLx$58`3a?gW1*hqz<lDQRXD?6k1JR3EEsn`P-V=?aX
zC~Tn+9c?{|Z&05VV><|rwH<WASlY8u6P$y6@O9LAK8JbuGiqyc;_MZ^1~rjgsMGNe
z*M1X|se3^kZStj|UKoz*c$TaG6&127)J1X$-@)dcY^aaoOzM%Heg3~{%TW_Oh;8sD
zcENxyww{REl3Zlso;gTC9e;&7&*5Ed$C)^ZdL^nuU%b!E$BwAvtUzV`yQnSMk2=P8
zQ0KlHl_L*bJutyWA_SkJy(>1<?|%UWf0m>6s0cOV<*4Jc8&mNU)BxrwyOJQ(#G)}B
zhoF8fUqbb_1$C_d>gtCviu$LhT)QiE{vT3M=<6lg528@#Hw`tBLezz^3YBylQ4!dR
z`ffk!;yQ~Ru^N>lt&{A8GEozmfciCDj9S=A^fZ(IqM!lZM$P;~=V8=w{1kN>E}<e+
zjha9}vh64w)o~IkyZfX1S%^wL549DQ?)g@Xq<%4(^REGZp+U(K+Rgr~CZLW{KB|2R
zYNDkWjBC(;EHRS$X4HU(T>CN9R-JU7MdidL)b}@05xL)u^RGP%?ryU@4z)-9Py<gw
zt^D_>kgiAV`2kc2ucJDAg#In;VIvlWO3ogrt?7pva4hOH%}1TGa*u*S_NjZp_q6>-
zrdF6q`*fU%yKoS;PO<HiFpK(I_&MIg{&+amXP(Buo<4H`d!Zup5H*pyY4%jLLq*Ul
zrJ&H3q4w%E)bIKp)Q3k=dwUWU!Y{E9Z@YSSy8S*66{$khN{diiy9zZ>CF*!@!P$5m
ziM(fe_p*CE1~u~;7=xQp6Z*u}uVX*z!M%MZ8*@+*dJPro|3~fl4b%d@MI~LGK6W8b
zq81S5Y>UA<|FIO5Y{~Ay0Mvz&gWOPN3AV!u)CxXC<-iS$#D;zC^90nyb5R4$M@`^G
z)WlYxj_=FZ7b|e9&i@4p`Y~AE&%XEoBdMGI_B^*og?2D%Wre5?=c7Wr1Qp_!QAxQD
zm1Nsdxpf$a;sewKvNLSbjz&*2oJ3(6K93sc8`KKS02_(=s9Z=vg}N{5z8H*}$g`+>
zVH|2A^PCIa^QEXiOqOE>u0%yLb|B|pq0JlU^Zy5dxu^#hu^ZOQv|G>%bt4vH5tiaO
ztii50GRywjl}aD~q7u8)erS-rx@$3ldSbTy17#TIP+yeo*$`LJpaJfp?t>=3vB{T!
znqUs<FQA#O{w8*zUWK|BzDMnS>%sQV`2IMB`g~Ns=W#VYM&(ZV5PN+0coY=MpRp&_
z%dx-98K~1x;_5q4dwCgkDw^fmm3Kp3SmUuH{t*?q9jN}k#Mu}=)Na*E)OfF;w$yur
zf^M)kaWuY*aoFG)pZ`B3Bx64Hl{g+R;Z*E9%&u@N_MzS|&qgE%2T)&xDYy@HGyZ@&
zO(DZ=P9-8+?U_Of8gM0QPv61!F?58_Ou%C}8N24&+*phHIo{{2!GEWoFw#!!0~|s<
zYLrdl*{D;p5S8q!oa_D1Ie%|ZP={Ml+5IIdi|?S0%lD`in9=r%4R;pcD4O5E+gO8I
z;pJ!T_r5XKAk-;oi0VHKm17Z@!1yMeg7#tt>ct||aaoL-@iMH7WtfQN?)iSycZX0D
zK8Cu;PNLqwf_nct=3?{T+T59p8mAQf=YJ&yT`cQR=Xe`x#UG$nbQ+a3KcXfUFxLL-
zx%#NzhAbov%qY~}Z!NH=<qqnU#6IUU2XQzm*P0gE3o4?J^RFL^R2l~3Fw_mU2{Z6r
zjKvz%#M+Fr*`9#Eqn?NQ@p>P#u?n@aknz@Ls9(J{uAYMGuMg_pm@?k8D}9v)g>DCG
zp#7+ooxn)EjEaPrU~kAM)O$~3Gt74Fh3NnFLmksqu6-LS!uv2DPoeIUUp)#s=V=q|
zUd}_kxEPfzt5He#I%=icP!oI4wO66uJB{7(GV0icO|n^^gUXR{s4IOcY76J0a>gs6
zpcTA;3f)@liyKiNoO515b@VkZ#A;LrGbUT-qLOX_>b)hX{z}n*=VKi8*eUj68jAgO
z{>vy7^WYf%2loA){kK^E#C6nnO|=mkFwOqmz61x+z8w{*Y8-(<)9uYS7CTU1gSwjc
zpiaR>)ZT~8uu0hipVIID1PZ!3*J5Y<0JSC8F$UYrv>#?Tr(*)`ub{sB2sO|xRQ5NS
zWlzT_)I`>yuI|042z-m`x7qXDJO1-eLCH|82HfSmg}PeX&$hn_<5ADo;cEO0m*Utt
zc7o?|FLg85PUwB?MfEGxX^NO<Ps2pKOMNMNt0>GWvd5towW8?x_E#?#3-laE;{T$O
zC!*Ni2hpfKPDY*Uo~W$PM4hHd?s+jPvM-?ef75xQnDejX`-ui!I3XqWYV3$grh%xA
zvr!jNzH_2`J{Og2#i*O|MbyA6Tzv!TbZkalxjRs&=_u+noh{+~D~Ybrpbj3O2CTcl
ze%J{0VmQ{rIA<d2{hqEqz?p+u$Vk*cb5QRsL-kvRn(%s5e-)m4;V-D;v<vm(d#DwE
zj0*7yY>8)3TkxH0{{hv}L)3r)3+?+&QSXJL+9Oc!C7>dkg4!xCoq}$xF{qi%Lrr8c
zYULj4yq9BB3|M5Jw?s{>9cqO!sEI%2>gleYiFz*&)$g;Yi51%Co|!~J9nV3n@Q?O^
zsX)zqn{%&gKY|+YbJU71xcYU}LcT-w6SUY)C=!(eU7aadhk6DE>ilQ=3;gptrtlyS
zHN%yt39NQjqE@m4)!`mg@*Y4%?lfv47f=(s=X`*QOr0e@vl~ND6a5H%dtT0Z`A@O=
v@dJvcOemf{XLkI+3B^;=B9jx7lj0MT;**mjlakVsle;AHzdbE3Zm9ehm$JNF

delta 9107
zcmXZh30PKD9>?)}LlT!<a7957L~zLnL_tkKL_iTYw8#`3a)VL_aB`gVW|pN>_Ly5b
zm}8AgH7<=yR;FfISw^K6mWE1VZdtgX<~HBod(QLpJfCyUz4zR6{^x(reWmiN{u{6Q
zZ_bYJ+PRK%_L$==b{wZch2u2DH!&KwV0%1<spxmyandjY)xHoDaR+w5OBjj4Cmd%9
z_Qg;<f-mBA%*5Fz9p?!wJLz~%TM9iZ&4tlehx*$%7`I|`to4iIL||)djeSrZkHRqg
z2Zm!QY5==20jn?w+nh4bC142kYz)MrQ=Tb2Z*O=FTXA74cEoQ`5B!Psuw@ld!gd&j
zaj5&VQTI);^_Q*du`cbO;C)zzitsUPj2Ao#wJ6-d0Q5U;Zmf^0x59@o0`=mt*aD|w
z6MPXBu~O`bYjGr2qCY17YOeP|^_PK3ILx+tizsMKR@xiRq1N&;_QjAhj+2FXI1V@A
z->}(P#~F$*p$1Ta8sHghgx736;GC(qKn*w=YrBrq3-5JU|9<C9NCsjoH;h8fcmdYN
z1IUfeVbq!*#ZGt=TVm7&))$jdFUUpZR52=2OHlo6K=r!~)!${D%KM!^DQLunznKs{
zjUA{zkGgRas)OyQtlov1Y4$~PJs;~(FTlE3V(Xr*&qF=G7}Z}X*26b-o%cJN><u5F
zI@)XN2T(U2Ms<7wHPG`IiMLQ$9R9mWrg&6)8Y&r|M7{W*sI^~YEk#9Y4SEeJyiY+d
z-j7}I5NcoF^9SpMy)Xv<ZhafGsUO7xjHz~<0r)S}3r}M_Uc`mi?vfeMb_}L|80%y8
zCF0+e!W|kiG48Sn(KDzSzkrIss~Cl^V`Kab)xi<$fmPTP!>*W|h{p!hvrq#Xjk<pv
z-iJljXRZ+cMl>v-Ar)7llB^2-(f_JRu6o#xdPh{!4Ms(3A}VsrP;0vy73%f2{w`{J
z??4UUBUDm;iR!1)qtKMXO>BmZYRrk%9#v1mCO8s(Nrrl`1V`h`s5L*2>bUVW^IQki
z$=3&UK;>Wzme~3l)KYkRDCh-0TdPq6^1p7jV=GiL4MJ_RLezuvQO~VIEzyUl$bD|F
z|B70|S~tw~hNvZJja{)LMr;4)QqbDIh_SdCHS=GrH}G-l4gYkUjaY&Tal}nyXUwA>
zj~d8QRHWWOt@VGg1%80aorCuJDZE$v|DtWUiW>1<RMOPFWwuu!Mo^DL4J^a9=b|D|
zgw1g->P0KDC2q6zGSn_RZQE-wj(Wq}42btTDHH;6gc@)n#^Vg^hnwy7tEjJBz#a27
z>x8;L&6<OXOd;xpC8$U|hw6U;Y9gyK2=}3<ksqg^j%!d!5_H!j%>Yyf<4{X91+|9D
zP%~eP8o&pr$Q(fRSBc7@8#ovnIIgcg1~sr^Tc6{&p5sTuYcy!>N-+V~V=p|3y57ch
zeOVrkTAFn05Y&Jk!BCulVfX@S#_O>)eu&!U<){IiK~3Pg>zR)0-{bnWNi6Cd7=)Vn
zB2*HsM1}Sp)IQ#dCHOIF=H2|v{h6q9V<hTedd$|Bp$5Lvx&{@w4ITxJWH;&nIfM$`
zPpAiew_d|c>UVJvX4Z0@8Mp$qrp^4#bBU;avQQHkVe7f52#?41ScHm*x154z@HT3O
zdr%MVxAjA)WI2YxSc9#w$-S=cWb1;8NE~XwN!D~!e?w3&%E4h+fSSNZNTfWc9=`_k
z!p5kPw?=goZtaN5iC9}NM1`&x+u-x47ySog_+haD^RXhp^(A%Rx+Vw4p_XPgX5kB1
zTl@b93hJN&HIQHN9<0U?ykgq}>zNLMQ7;ZhC1)}wVk)X*57V#=`Oj%y-*r|~55Ldk
z%%_-3J+T2v&ikF^6qex+_*b0V&~?V(3Dk)DG%}G%MQyK4)IpPvdf`8C6@H0_v7oW*
zJcfM&?XE&C(R%APjH135J<aeO1tmv76Em}>7)m`3wS9)8l5`3x^m9=6FR`vhCDjIO
zi-%E>tU)cM)6~=hP}?;Sm9%Y}vi~)MR2p>SV$@QUTG!b2ji?T{qjF>q>a+Se`VJmc
zq$*Ln=M1X9+o=8S-^|pTq3#Po^%K#I{jV2xq(LK#LmeD_QTu)b>VbSz7EeMwI0GYb
zHtI#|P~VPCsNL~_ZT}uM(4Vm#R-z(VySZ7y)*c0YEaLD%%(TuzZM)5=kbh}ChKj^R
zR1#gs3HV40*O`ucFdGwFnt?6A?$no}23Uq#q90K?<lUs84x0qIzMs`0sAS1N&2%Jc
ztw*CGH3>DKB2=iKLoLB_dwmn?xgDr}ccUV-A9de%s7U{c^y4`-6cpNkR<82{2BAXq
z2P*WnTAL2)qB;&l?Sdfeh%xs1C{)DqQ3ITb8t^NqnZAaa$Y$HV6Mg%C9|d*%HEQh+
zqayIT^_I0xuxW3Onn?tz!$j0Mkct{u25R7Ws0fTlMPMrG+?bBat!3z^{lA8SM)($L
zJARB|cpP=)Iw7Xx5NlV|3kISFIuy0GV^GO93AMc@qXzUUYQS$<ccY&F9=$FUj#AK?
z)NNxz7leAC6Kdqi*aI^#37^BhxDPvEK&a~^V=P8t32F&SQ7_tvTGFky{sn56m4&kZ
zHG`8hC?pr{g<H1XFwFJ+10n=9z)jX&sL+0G>*c8DPvgUQ#kOa*b)6#Wqfi4XL+!Q`
zsHMKq)-xk%8g4=vg_==U)QHERW>AEkaXQ|QYfu9^WUp7EB6S9p%zvPk(v2`{9*P=3
zZ;ZzwSb}ps3U5-lX<fzNV_v785@|Z9L?w;W-W;)^r~&rJ-Z&MtpEu!9{0_A=5mDv{
zACDTyT-5IPk8R(DvDCc^3QE4l(dLE@sE$)?{aIAVO0hd`!*}sFRH#>VaGgTDhH;qR
z(F}AMDtUKdCp>EFwL6(5X@?BlbCyw1$M2)|b2X~t;Ld!<u>{-W5iG{LsN^iZ-(>wf
z)RHVlZR5SDeZL=-BL{8$7%CD~_yGEKQO>ac;wbpC9JNLns1c7sZJ!q~0bfVGpd2-`
z3e>=EVowZzz<e#op!%DEE$~@eUxDG&-#{h(KB@hGkb>6cIO>5LsQueG#tbALmEB`e
zNjC)*fmx{M7NfFxBSzzXRE}IieZGSqH2o%^zJ^0k6U#$SBYBE~Uho`h<gZ#+p!Vq-
zsNJv)6`}p80USkjRE_F5Al77eOH@BusF06DEk%jFJ`2OBZ;fUD>jmG_ppc%yNc4|0
z+o%(&y%%brIjAFdJo>gJhEbo6df{^0z8bYu>#Q45Ik64({4P|azl>x5D@2tvD9i7l
z)~H2S^Wq+;nLmsQX(4LOm!M|86V>4%^erK3LN`!Ha{YL-G%Zjsj77a?0BV=zdlYma
zykT!Rf`h65fvK3(&1|o^m`42)s=Y^d*XfVX;6eNxlW|3Y>vY3oxC@&kn#deP<;YK{
zU3C=|K`*C=32iQFt)4)A*XN@`x(c<n>rf$l569phTMzANo{vUFDjqe{3{)h>qFz*j
z+TJs8GOj@)?>S9-nYE5VjXW76aXM;1uiN@gOrl<i=@{{liNq7AQ2!6L<{zOZ@F^<k
zend^=7t{pKTd!a}?f=^pbY|D-ZEk3VI#42z6UrHiZLk<MgI7^G@DYaLDSO?&j~RG7
z)Qbk71~42ou+gaP`#AQ&VqB;FzlDN62BVV9jo)Gz^>U2H>!{GSO*S)&M|C&=72=_&
z5I>Ge$^ul9%|_+c3e3W9Q3D9=Ym&ALdKzI53bU{u>P4TRW>Aib#0gXg8>E;}H%FZp
zZBYYx0Cg^OLk%R|nq{wNqkfo-!cxpbMe=qE`(L4r?&tdchd>(Y!d8sK<ESNQl4?%G
zcr2oxgSmJB^;z!R-+b+Iq{|;Fu`BJ%)6CIbhN0AJr<)%rQJ6`6aJpwgTuOtE+<mC?
z;4CWn{4>njN1%QI^|kexsBc6m>Rk8&m9&@eL2Nm|_5HPc0IJ{3xBw5MawmVF*}n5V
z3JT?Sn25(Q7K1X)ZpcK{=b+YdJ8EDTP&2PP$Q)SRQMvLcDsppB{k?~iu^P2hd0FOt
z6HrU)O{1U_Y$iU8^Dqie;z+DB*!+Vc5A&#R!wJ}Yh?(Im>`na?Dk2d>T_*(xV|QGH
zIvKx0EoBudr)m%LEw$&wQ_u_ZP;2@k?!YrR7FQ2<eSiP+%Qm?&5ff-%WIcfYr0ze$
z3~V6|q<#aH#Hl0AF3CbA`&ers25A3Jqo59Fp$?MwP+7bewOzhI&7d5UvDzB<u!+z#
zJWKll)C{*jVxB)@tw4qT6srI8s2r=oF1+6f%rR?`jJh!cwOxjwMmz%jFc)Jm-(Fvg
zTEpe20k1|KWb07(??BzZ69?gMsNCuKsCiEg`u2Yw1s$0MsD13AX1owJqjykA`Za1`
zN3j>4Kz$oRM!62l@7#}C`&o~f-Le;z6Sr{>b{K7P?HuZWsu|7x*T<sa7}xhd5TZ~g
zSP|-1>^y9b2T%jMjQTwL=eo{#j7I$~cm>n36cxcL>jl(T@3O5o$TR&lL+zekd7hc+
zBpMXDIj9#cM$K$3hT(QpB+5}I<PFq)_l-5bghEm6@#y>dp+Y^@wtJ`uFG6MidenLH
zgD&W+*Z41HEz?mq4nZZ$I8+i&Ma|Sh4eTY`UW&T!9n^`p9kuPwqrMFh`KI4)sNK*T
zwS;M?obfU#=(pT3ROlvRADn`EV3TzRD%n29r*J>2gXG7JX{e+dgt~7is=plco%yJ3
zej9Z#MUM0BCjS0Up@fFjxB{DxH-E)?7Z*{VJHbS#)kO2VeJG~UJ{uLO{Wu&eFb-oU
znIm^R>S&&i+67y&JyxNTvVMX3WB(;kh^Ap8cEp9KCE1CQcp3FzP@ypiyHKBidTuG|
zMY~bie-^bn?tj7zqyTkvFF-}$Q&hhfFu}L~pESuZ5OomEweCh8t=CcCfbNsc^#WW#
z{Y{*Su~W>zHsgEL%TWV*WvUs-`>5SigW3&=e|4RUn2p|i3MoZqJCvbjbQASiZdYvn
zkeGrasQ(+4JT<8E;3jH~>y(&%-3XQS!KmHT19g2MDzd{+{m-<nEn)vF`M#k+2Tm30
zXuOL`rq<I;$DybfcCsd-uBV}rZ6NBT9FBVNXj`9*+8xtT{mwz{rd6ojv~e2yUrF>K
z4eH=qtcO3L9z1Ptti}N9cdWJlX6|o<YHwwYKux4G>P7ug{f<EOn~NH7A?mqe&))Df
zYCFwE-S`q}#;>75xE6I}Za^);XSV$-R7VF<FFb17&!O(Cw(T{j`~06Wk!yfjDld?N
zPOKQz$kI^*8G;JYNYsAMN1bp-?e*VL1G|cv;Vsm_@11Vyfv9>g>b_`HzYm}W7H_V5
zP7ey|xIb!!kD3ckF=|Ghb%AYPiF)B%s2Ods^_{4Re1__$0yThZsHOD#yRiY@Lp=!n
zwf}>C1^)ex-MJ8r8etx40OPDBsF}<`bvPfDyh~7#dj~a<EvSKgZv7TDkRNd~R-p#E
UbcXA=TVC$}^3p9SKQCVSe}IR@ZvX%Q

diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.mo b/pod/locale/fr/LC_MESSAGES/djangojs.mo
index f1cb73a1d7cd0f8645f58897969a5e15e3cff407..87fbae66c50fd98d79088dac5d2b3da8c8b6e20b 100644
GIT binary patch
delta 2445
zcmZA1YiyHM9LMp~uB&#I0V~%sZA;k-8(lAR-BulpZUg27VVhhg=ms0Opw0_w;$GA+
zFH=c;@d#NYQFwtEL%gKo&=;62#u%K@keDo*7}P{Vh&WA*5RLKsd-{+VPj>n_=j^$h
z^Z%dooa;K-ng6cBbHq@Fsg=~h5@R%Q+RKlM&lrY`3m0H1&ch%s!dh&?9O{-)ya5m4
zYJ3q>IEi(53FEk=%$OQu@@72^UHAy<AFp9KPNN?9Ek^MNycxYW6<vW5`Z?5fgUFvb
zz>goF!~i~nOK<{j#P_foKf<}Z-+WI)5BLpr!&TG@{5)koE<jDJ8f&l@^}swX#0k`W
zZ=>#;Lap>X>bh$f!-_e@eijq-d$5xCn=u*+<#E&sC$S2@cKUyzQnQq>gfW9j+>Uzi
zIEL_DjN@0RRQ-c>7?@j(U=Ekk-{<%==JnuLX($4dsFj?<QoMl5^$aoxa|so~KaoY*
z|CDpM$b&&tL_$cKO#>24vlf-YE^NdROya3|#9xgW2Eyng-r7txxDoea2cE{2_&aLC
z%PM#oHlbG3gIe)}sEHp!g?=2hpcANxok3mqIp*+U1@T`+Bg$0`xCzrZhRyf^>c&}A
zZoS;C2bZHZQ4BS{*%{x4TJebEC@MnF<9?Shub{5~n};gZo;-=?*=9LvWf|OrJ*ZHh
zK!x%x)P&y0EMCD3u3B6SX+Pdde*(3TFK`W(Fk7~P$)R4n6&2B)s6CT^oyKw+AESND
z&|WEVB}%3oNw<lhCYnN>f)3Qg9>!XH3dxRn!x=w|%)v~d7V-@$l0RZAUc)Ax|162r
z1RldM9>oMsqHg>dHRD-ah8cde!fsRw#<3OOL8WpQV;Cfy>gVt_d;qn;H!*_K7}NQ`
zLZgL&MI=Na>%|plq4vUAWU}V6^Z(LYihH0P88W+3p&Z54cnlSp&yZl63r_#C)Bgj>
zo+;-hAMZC+G!(i7>L2S+n`j4yaS-*uXPxnvQ7Jfv&G;#9MO|DE-KdE?hgv`Zx8YB?
z9a~twz6(b%uLpfXLo56h35M~J59PWVb)2$DR81>tPwYZ_m!tN^DBg)Lp(ZecS@aX{
zR@{JXIF4bQ#xndRO8k|>s|;wSA>yvh*Nu8%AL{r#fqKyxDpD4@P(=#}Q?*xAc2hg4
zjZ`9SubBCm9aJ|}Wv~d7%NJ*={$0-CTHNonnU_5wbrn*51wB-bv0XMercfU;6)i-Q
z)P(<A6tSJofTE;Nbs6uscWEE$7%2_f?J9f}?XRKQIsH(2i`c)~e2UT?&R7d>rs|lj
zbjG@I3$@MZ-;GMGic*%>#?U6}qN)&Cvya+C<;2-X1?(dwhp0+Pi8>U0too_ipw~-=
z#vZ4$9&dNrUdQVsbpG$77ouuM>Vwfv)p=FX-WZ_nRfnR}p|6?FzrJ=VYp5Hk+Nj!`
zI&vzzs8!T;>in<VPyb%(JxZ>Q&al<tJ6t&LYjj%ye~q=pUuzxq2McHX7d?fe^AEVJ
zsz9nR6o|R2d*f}74h<X}9(gF<K5%d-8%`(FsdzFKPd9|q>1;Yxn@lB>g%=in=qfZX
s{?ct#1`}3)u--Zq3>9XAeO}j)RUfHyPaQApiJWv<>1ci7@o1;}Um^S52LJ#7

delta 2714
zcmZA2e@vBC9LMo<5m5p84NCs#0py3uPYt;O5`|Qt1uB|JD#U$IM7VUhWYev?wwyXi
zS2wM#A5#}2DmV4IHfw7&oH-lA^<&F_Dp=0B)z&Y!YPR+M-21Sov-^Es&pG$G&pGFN
z&hy-%hL6_;zD<cfVJN-CLSk@+F>1IQ!-3K~#~7N-228`vn1p*U0}r4ZU&dMZITqrV
zScWFnm||FgMc9tZ@Hlc^z<lU@aSIdpB0bI+^}Pgha5*l*CdVGkqJ9*0-C5*gE^>&+
zPcRk7a6V38GX90LF`kR^Fdb9q-&AvwNJA6qhC5L==tRwQKWb)2Q8x;r20DbA(M8mZ
zCQ%*Eoy*NJ4|Shv)bE>7nb?ZD?hxkFzd7YJT*VUV6R4#~rWd8S7?pu~%*76;egt*h
zFj{ySOYtV=V+OOj7i+Kxcc7MV5R36N29)CKoMhtfjtNX#H!eVBq#iYs^*9sTkdNu)
zz*x;bRB8_*NifG8U&m<b@1Qbr7TFeN6j=>3mPGzFfEzSa;NMt^<>XnLrxPuF4YkQG
z;UoAf)?-x)gT&`i1AZ6p!Ou_=nnd0IE^6i$v(N;}QA<#jO8&`~X`w+g?BJl0?nC|H
zMSKv?;8MJa<(SBqE3h6{<FlyWT|lk%Ra6JpQJd|y)1JgdYM+nFKv}>!S%XSl1J<~V
z*@C*!2{wS%{!OHB^AT#M<M=54h)QYYyvRV-VkPzGa1~y{3j7)G!vcCQ$L&~yfgmT!
zz!#_vCs3)qjoLgV<S`qYP^t8xt~-fj)x3pl8*?5tz)w+6!`Dt->!AUr;c{GzB*Qc!
zs~9jloeQ2u25AnUZWKgqs$nD<<{a_^a|LVh8+2plg2(_jqD6fGOYkJ>_g7F88b>}R
zo%AUKWtgYue-|gUG#o>%@i^w=pH4lC{8v$5hswYq%)<9j*Nx#Cyn{;V%Ei3A(1+S1
zuOi7X*RTeEK$2^6Nbe&0H`Sc*G21v4;(k=hhEW%uck0)i`d7%Zo1dKaXe*ML1XR0)
z+FTXL$JBAq{XD4lUeprp$G~b%hB(=P-=Ria#`H80532qWZo$j=I4)pA=mpY`y3rZb
z49Ae9nOjbKH0jb(mf%dRLoGoAYR}j?<X@X;fCi21u=B+$xSsmkxDtQCO3Wp%wb+Jr
zcp5FdiLn@y8+qK4Q3H3QHfuMk<9^grb{sW;H*y1!)V)uGiv|_FDw#m|hpInCXfPT8
z88@v2mzyVvC_;s$4;Kwedx5=aHilaw?~lFCx!whOfvJ=b@$?^lMJi1yjS<4ns%EaD
z-O7tG{FtgfRW#!rPGuG9&8c-RBz6*7BJH24q8V2?m3qg3)^n<`F~e!ni{%NTme9V?
z^Qvc8Wizpfct{n>Rzgdt(nM?{s)@%46+I!{g!Yg22rC&b+BcMd*~3w5KSNcg*r;cB
zs%Vq$aw-jYKhaF+&uMzmntKR~C?hh6hlv_OWhv1~>{f-6uI;RUFgH=57Rm#}I$|cF
z7tTDQi)bebh_wX!&1@%BvWOm{gJ>gKh~D6x*@L0Ob4sIPE&p!YdZx=`dxPiVRwR3S
z`u5s>ds^%FaYc#t|Jvf>7tZx``TxBtlp8-8?Xp6%lDl1tI=sDpyVq}Z^;>=I{r&sA
zK9AMs^ZM-$zwHTjr?}(k&2p|P4xLI_78Uv}?E_cnLdKP-IG?q*T>}~&@dmw_?o^Fv
zbi{8@Zy(AmPu(=o*XQf%`A_?eOe=Zx2qT-`8u}x%HOAE*Y_W<N;S1J~D=*UbfMxgl
p!y_9V*)=-CV0~7P*Kc|3@VM>Zl5BTkU3fAB&WMUbt=WxH{{Zn&IM4t9

diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.po b/pod/locale/fr/LC_MESSAGES/djangojs.po
index cd22eef647..7799a42e45 100644
--- a/pod/locale/fr/LC_MESSAGES/djangojs.po
+++ b/pod/locale/fr/LC_MESSAGES/djangojs.po
@@ -5,7 +5,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Esup-Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2021-01-22 12:24+0100\n"
+"POT-Creation-Date: 2021-01-25 22:21+0100\n"
 "PO-Revision-Date: 2021-01-22 12:10+0100\n"
 "Last-Translator: obado <bado@unice.fr>\n"
 "Language-Team: \n"
@@ -20,19 +20,24 @@ msgstr ""
 #: pod/enrichment/static/js/enrichment.js:5
 #: pod/enrichment/static/js/enrichment.js:7
 #: pod/enrichment/static/js/enrichment.js:183
-#: pod/enrichment/static/js/enrichment.js:185
+#: pod/enrichment/static/js/enrichment.js:185 pod/static/js/chapters.js:5
+#: pod/static/js/chapters.js:7 pod/static/js/enrichment.js:5
+#: pod/static/js/enrichment.js:7 pod/static/js/enrichment.js:183
+#: pod/static/js/enrichment.js:185
 msgid "Get time from the player"
 msgstr "Obtenir le temps du lecteur"
 
 #: pod/chapter/static/js/chapters.js:16
 #: pod/completion/static/js/completion.js:50
-#: pod/enrichment/static/js/enrichment.js:17
+#: pod/enrichment/static/js/enrichment.js:17 pod/static/js/chapters.js:16
+#: pod/static/js/completion.js:50 pod/static/js/enrichment.js:17
 msgid "Error getting form."
 msgstr "Erreur lors de la récupération du formulaire."
 
 #: pod/chapter/static/js/chapters.js:16
 #: pod/completion/static/js/completion.js:50
-#: pod/enrichment/static/js/enrichment.js:17
+#: pod/enrichment/static/js/enrichment.js:17 pod/static/js/chapters.js:16
+#: pod/static/js/completion.js:50 pod/static/js/enrichment.js:17
 msgid "The form could not be recovered."
 msgstr "Le formulaire ne peut pas être récupéré."
 
@@ -51,40 +56,56 @@ msgstr "Le formulaire ne peut pas être récupéré."
 #: pod/main/static/js/main.js:300 pod/main/static/js/main.js:311
 #: pod/main/static/js/main.js:325
 #: pod/podfile/static/podfile/js/filewidget.js:365
-#: pod/podfile/static/podfile/js/filewidget.js:398
+#: pod/podfile/static/podfile/js/filewidget.js:398 pod/static/js/chapters.js:52
+#: pod/static/js/chapters.js:72 pod/static/js/chapters.js:93
+#: pod/static/js/chapters.js:125 pod/static/js/chapters.js:159
+#: pod/static/js/completion.js:92 pod/static/js/completion.js:123
+#: pod/static/js/completion.js:166 pod/static/js/completion.js:198
+#: pod/static/js/enrichment.js:52 pod/static/js/enrichment.js:72
+#: pod/static/js/enrichment.js:93 pod/static/js/enrichment.js:120
+#: pod/static/js/enrichment.js:149 pod/static/js/main.js:293
+#: pod/static/js/main.js:300 pod/static/js/main.js:311
+#: pod/static/js/main.js:325 pod/static/podfile/js/filewidget.js:365
+#: pod/static/podfile/js/filewidget.js:398
 msgid "You are no longer authenticated. Please log in again."
 msgstr "Vous n'êtes plus authentifié. Veuillez vous reconnectez."
 
 #: pod/chapter/static/js/chapters.js:146
 #: pod/enrichment/static/js/enrichment.js:136 pod/main/static/js/main.js:263
-#: pod/main/static/js/main.js:317
+#: pod/main/static/js/main.js:317 pod/static/js/chapters.js:146
+#: pod/static/js/enrichment.js:136 pod/static/js/main.js:263
+#: pod/static/js/main.js:317
 msgid "One or more errors have been found in the form."
 msgstr "Une ou plusieurs erreurs ont été trouvées dans le formulaire."
 
 #: pod/chapter/static/js/chapters.js:181
-#: pod/enrichment/static/js/enrichment.js:223
+#: pod/enrichment/static/js/enrichment.js:223 pod/static/js/chapters.js:181
+#: pod/static/js/enrichment.js:223
 msgid "Please enter a title from 2 to 100 characters."
 msgstr "Veuillez entrer un titre contenant entre 2 et 100 caractères."
 
-#: pod/chapter/static/js/chapters.js:187
+#: pod/chapter/static/js/chapters.js:187 pod/static/js/chapters.js:187
 msgid "Please enter a correct start field between 0 and"
 msgstr "Veuillez entrer un correct temps de début compris entre 0 et"
 
-#: pod/chapter/static/js/chapters.js:200
+#: pod/chapter/static/js/chapters.js:200 pod/static/js/chapters.js:200
 msgid "The chapter"
 msgstr "Le chapitre"
 
-#: pod/chapter/static/js/chapters.js:200
+#: pod/chapter/static/js/chapters.js:200 pod/static/js/chapters.js:200
 msgid "starts at the same time."
 msgstr "commencent au même moment."
 
 #: pod/chapter/static/js/videojs-chapters.js:22
 #: pod/chapter/static/js/videojs-chapters.js:24
 #: pod/chapter/static/js/videojs-chapters.js:26
+#: pod/static/js/videojs-chapters.js:22 pod/static/js/videojs-chapters.js:24
+#: pod/static/js/videojs-chapters.js:26
 msgid "Chapters"
 msgstr "Chapitres"
 
 #: pod/completion/static/js/caption_maker.js:22
+#: pod/static/js/caption_maker.js:22
 msgid ""
 "WEBVTT\n"
 "\n"
@@ -97,444 +118,510 @@ msgstr ""
 "texte de sous-titre"
 
 #: pod/completion/static/js/caption_maker.js:34
+#: pod/static/js/caption_maker.js:34
 msgid "There is no captions to save"
 msgstr "Il n’y a aucun sous-titre à sauvegarder"
 
 #: pod/completion/static/js/caption_maker.js:82
+#: pod/static/js/caption_maker.js:82
 msgid "error during exchange"
 msgstr "erreur durant le téléversement"
 
 #: pod/completion/static/js/caption_maker.js:82
+#: pod/static/js/caption_maker.js:82
 msgid "no data could be stored."
 msgstr "aucune donnée ne peut être stockée."
 
 #: pod/completion/static/js/caption_maker.js:113
+#: pod/static/js/caption_maker.js:113
 msgid "Are you sure you want to delete all caption?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer les sous-titre ?"
 
 #: pod/completion/static/js/completion.js:145
 #: pod/podfile/static/podfile/js/filewidget.js:277
+#: pod/static/js/completion.js:145 pod/static/podfile/js/filewidget.js:277
 msgid "Are you sure you want to delete this file?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce fichier ?"
 
-#: pod/completion/static/js/completion.js:147
+#: pod/completion/static/js/completion.js:147 pod/static/js/completion.js:147
 msgid "Are you sure you want to delete this contributor?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce contributeur ?"
 
-#: pod/completion/static/js/completion.js:149
+#: pod/completion/static/js/completion.js:149 pod/static/js/completion.js:149
 msgid "Are you sure you want to delete this document?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce document ?"
 
-#: pod/completion/static/js/completion.js:151
+#: pod/completion/static/js/completion.js:151 pod/static/js/completion.js:151
 msgid "Are you sure you want to delete this overlay?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer cette superposition ?"
 
 #: pod/completion/static/js/completion.js:195 pod/main/static/js/main.js:265
+#: pod/static/js/completion.js:195 pod/static/js/main.js:265
 msgid "Changes have been saved."
 msgstr "Les modifications ont été sauvegardées."
 
-#: pod/completion/static/js/completion.js:224
+#: pod/completion/static/js/completion.js:224 pod/static/js/completion.js:224
 msgid "Display"
 msgstr "Afficher"
 
-#: pod/completion/static/js/completion.js:224
+#: pod/completion/static/js/completion.js:224 pod/static/js/completion.js:224
 msgid "section"
 msgstr "section"
 
-#: pod/completion/static/js/completion.js:246
+#: pod/completion/static/js/completion.js:246 pod/static/js/completion.js:246
 msgid "Please enter a name from 2 to 100 caracteres."
 msgstr "Veuillez entrer un nom entre 2 et 200 caractères."
 
-#: pod/completion/static/js/completion.js:252
+#: pod/completion/static/js/completion.js:252 pod/static/js/completion.js:252
 msgid "You cannot enter a weblink with more than 200 caracteres."
 msgstr "Vous ne pouvez pas entrer un lien web avec plus de 200 caractères."
 
-#: pod/completion/static/js/completion.js:258
+#: pod/completion/static/js/completion.js:258 pod/static/js/completion.js:258
 msgid "Please enter a role."
 msgstr "Veuillez entrer un rôle."
 
-#: pod/completion/static/js/completion.js:267
+#: pod/completion/static/js/completion.js:267 pod/static/js/completion.js:267
 msgid ""
 "There is already a contributor with this same name and role in the list."
 msgstr ""
 "Il existe déjà un contributeur avec le même nom et le même rôle dans cette "
 "liste."
 
-#: pod/completion/static/js/completion.js:278
+#: pod/completion/static/js/completion.js:278 pod/static/js/completion.js:278
 msgid "Please enter a correct kind."
 msgstr "Veuillez entrer un genre correct."
 
-#: pod/completion/static/js/completion.js:286
+#: pod/completion/static/js/completion.js:286 pod/static/js/completion.js:286
 msgid "Please select a language."
 msgstr "Veuillez renseigner une langue."
 
-#: pod/completion/static/js/completion.js:293
+#: pod/completion/static/js/completion.js:293 pod/static/js/completion.js:293
 msgid "Please specify a track file."
 msgstr "Veuillez joindre un fichier de piste vidéo."
 
-#: pod/completion/static/js/completion.js:299
+#: pod/completion/static/js/completion.js:299 pod/static/js/completion.js:299
 msgid "Only .vtt format is allowed."
 msgstr "Seulement le format \".vtt\" est autorisé."
 
-#: pod/completion/static/js/completion.js:316
+#: pod/completion/static/js/completion.js:316 pod/static/js/completion.js:316
 msgid "There is already a track with the same kind and language in the list."
 msgstr ""
 "Il existe déjà une piste vidéo avec le même genre et la même langue dans la "
 "liste."
 
 #: pod/completion/static/js/completion.js:323
-#: pod/enrichment/static/js/enrichment.js:274
+#: pod/enrichment/static/js/enrichment.js:274 pod/static/js/completion.js:323
+#: pod/static/js/enrichment.js:274
 msgid "Please select a document."
 msgstr "Veuillez joindre un document."
 
-#: pod/completion/static/js/completion.js:331
+#: pod/completion/static/js/completion.js:331 pod/static/js/completion.js:331
 msgid "Iframe and Script tags are not allowed."
 msgstr "Les balises Iframe et Script ne sont pas autorisées."
 
-#: pod/enrichment/static/js/enrichment.js:229
+#: pod/enrichment/static/js/enrichment.js:229 pod/static/js/enrichment.js:229
 msgid "Please enter a correct start from 0 to "
 msgstr "Veuillez entrer un correct temps de début compris entre 0 et "
 
-#: pod/enrichment/static/js/enrichment.js:235
+#: pod/enrichment/static/js/enrichment.js:235 pod/static/js/enrichment.js:235
 msgid "Please enter a correct end from 1 to "
 msgstr "Veuillez entrer un correct temps de fin compris entre 1 et "
 
-#: pod/enrichment/static/js/enrichment.js:243
+#: pod/enrichment/static/js/enrichment.js:243 pod/static/js/enrichment.js:243
 msgid "Please enter a correct image."
 msgstr "Veuillez joindre une image correct."
 
-#: pod/enrichment/static/js/enrichment.js:251
+#: pod/enrichment/static/js/enrichment.js:251 pod/static/js/enrichment.js:251
 msgid "Please enter a correct richtext."
 msgstr "Veuillez entrer un texte riche correct."
 
-#: pod/enrichment/static/js/enrichment.js:259
+#: pod/enrichment/static/js/enrichment.js:259 pod/static/js/enrichment.js:259
 msgid "Please enter a correct weblink."
 msgstr "Veuillez entrer un lien web correct."
 
-#: pod/enrichment/static/js/enrichment.js:265
+#: pod/enrichment/static/js/enrichment.js:265 pod/static/js/enrichment.js:265
 msgid "Weblink must be less than 200 characters."
 msgstr "Un lien web doit contenir moins de 200 caractères."
 
-#: pod/enrichment/static/js/enrichment.js:282
+#: pod/enrichment/static/js/enrichment.js:282 pod/static/js/enrichment.js:282
 msgid "Please enter a correct embed."
 msgstr "Veuillez entrer une intégration correct."
 
-#: pod/enrichment/static/js/enrichment.js:288
+#: pod/enrichment/static/js/enrichment.js:288 pod/static/js/enrichment.js:288
 msgid "Embed field must be less than 300 characters."
 msgstr "Un lien d'intégration doit être inférieur à 300 caractères."
 
-#: pod/enrichment/static/js/enrichment.js:296
+#: pod/enrichment/static/js/enrichment.js:296 pod/static/js/enrichment.js:296
 msgid "Please enter a type in index field."
 msgstr "Veuillez entrer un type."
 
-#: pod/enrichment/static/js/enrichment.js:308
+#: pod/enrichment/static/js/enrichment.js:308 pod/static/js/enrichment.js:308
 msgid "The start field value is greater than the end field one."
 msgstr "Le temps de début est supérieur au temps de fin."
 
-#: pod/enrichment/static/js/enrichment.js:310
+#: pod/enrichment/static/js/enrichment.js:310 pod/static/js/enrichment.js:310
 msgid "The end field value is greater than the video duration."
 msgstr "La temps de fin est supérieur à la durée de la vidéo."
 
-#: pod/enrichment/static/js/enrichment.js:312
+#: pod/enrichment/static/js/enrichment.js:312 pod/static/js/enrichment.js:312
 msgid "End field and start field cannot be equal."
 msgstr "Le commencement et la fin ne peuvent être équivalents."
 
-#: pod/enrichment/static/js/enrichment.js:330
+#: pod/enrichment/static/js/enrichment.js:330 pod/static/js/enrichment.js:330
 msgid "There is an overlap with the enrichment "
 msgstr "Il y a un chevauchement avec l'enrichissement "
 
-#: pod/enrichment/static/js/enrichment.js:331
+#: pod/enrichment/static/js/enrichment.js:331 pod/static/js/enrichment.js:331
 msgid "please change start and/or end values."
 msgstr "veuillez changer de valeur de début et/ou de fin."
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gView"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gBox"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "overlay"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "loading"
 msgstr "chargement"
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.hover"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.disabled"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerSelect"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerInput"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerButton"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.hoverTh"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "colHeaders"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "hTable"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.select"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "resizer"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridFooter"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "rowFooter"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridRow"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "grid"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "top"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "bottom"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "hDiv"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pager"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "titleButton"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridTitle"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "toolbarUpper"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "toolbarBottom"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "rowNum"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridError"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
+#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridErrorText"
 msgstr ""
 
-#: pod/main/static/js/main.js:244
+#: pod/main/static/js/main.js:244 pod/static/js/main.js:244
 msgid "Are you sure you want to delete this element?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer cet élément ?"
 
 #: pod/main/static/js/main.js:286
-#: pod/podfile/static/podfile/js/filewidget.js:114
-#: pod/podfile/static/podfile/js/filewidget.js:391
+#: pod/podfile/static/podfile/js/filewidget.js:391 pod/static/js/main.js:286
+#: pod/static/podfile/js/filewidget.js:391
 msgid "Error during exchange"
 msgstr "Erreur durant le téléversement"
 
-#: pod/main/static/js/main.js:286
-#: pod/podfile/static/podfile/js/filewidget.js:114
+#: pod/main/static/js/main.js:286 pod/static/js/main.js:286
 msgid "No data could be stored."
 msgstr "Aucune donnée ne peut être stockée."
 
-#: pod/main/static/js/main.js:339
+#: pod/main/static/js/main.js:339 pod/static/js/main.js:339
 msgid "Change your picture"
 msgstr "Changer votre image"
 
-#: pod/main/static/js/main.js:345
+#: pod/main/static/js/main.js:345 pod/static/js/main.js:345
 msgid "Add your picture"
 msgstr "Ajouter votre image"
 
-#: pod/main/static/js/main.js:443
+#: pod/main/static/js/main.js:443 pod/static/js/main.js:443
 msgid "text copied"
 msgstr "texte copié"
 
-#: pod/main/static/js/main.js:490
+#: pod/main/static/js/main.js:490 pod/static/js/main.js:490
 msgid "Errors appear in the form, please correct them"
 msgstr "Des erreurs sont présentes dans le formulaire, veuillez les corriger"
 
-#: pod/main/static/js/main.js:513
+#: pod/main/static/js/main.js:513 pod/static/js/main.js:513
 msgid "The file size exceeds the maximum allowed value:"
 msgstr "Le fichier dépasse la taille maximum autorisée :"
 
-#: pod/main/static/js/main.js:528
+#: pod/main/static/js/main.js:528 pod/static/js/main.js:528
 msgid "The file extension not in the allowed extension:"
 msgstr ""
 "Cette extension de fichier n'est pas présente dans les extensions "
 "autorisées :"
 
 #: pod/podfile/static/podfile/js/filewidget.js:11
+#: pod/static/podfile/js/filewidget.js:11
 msgid "Change image"
 msgstr "Changer d'image"
 
 #: pod/podfile/static/podfile/js/filewidget.js:13
+#: pod/static/podfile/js/filewidget.js:13
 msgid "Change file"
 msgstr "Changer de fichier"
 
 #: pod/podfile/static/podfile/js/filewidget.js:28
+#: pod/static/podfile/js/filewidget.js:28
 msgid "Open file in a new tab"
 msgstr "Ouvrir le fichier dans un nouvel onglet"
 
 #: pod/podfile/static/podfile/js/filewidget.js:55
+#: pod/static/podfile/js/filewidget.js:55
 msgid "This folder is empty"
 msgstr "Ce dossier est vide"
 
 #: pod/podfile/static/podfile/js/filewidget.js:134
 #: pod/podfile/static/podfile/js/filewidget.js:141
+#: pod/static/podfile/js/filewidget.js:134
+#: pod/static/podfile/js/filewidget.js:141
 msgid "Change"
 msgstr "Changer"
 
 #: pod/podfile/static/podfile/js/filewidget.js:149
+#: pod/static/podfile/js/filewidget.js:149
 msgid "Enter new name of folder"
 msgstr "Indiquer un nouveau nom au dossier"
 
-#: pod/podfile/static/podfile/js/filewidget.js:167
-msgid "Remove"
-msgstr "Supprimer"
-
 #: pod/podfile/static/podfile/js/filewidget.js:180
 #: pod/podfile/static/podfile/js/filewidget.js:202
 #: pod/podfile/static/podfile/js/filewidget.js:235
 #: pod/podfile/static/podfile/js/filewidget.js:254
+#: pod/static/podfile/js/filewidget.js:180
+#: pod/static/podfile/js/filewidget.js:202
+#: pod/static/podfile/js/filewidget.js:235
+#: pod/static/podfile/js/filewidget.js:254
 msgid "Server error"
 msgstr "Erreur du serveur"
 
 #: pod/podfile/static/podfile/js/filewidget.js:188
+#: pod/static/podfile/js/filewidget.js:188
 msgid "Add"
 msgstr "Ajouter"
 
 #: pod/podfile/static/podfile/js/filewidget.js:268
+#: pod/static/podfile/js/filewidget.js:268
 msgid "Are you sure you want to delete this folder?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce dossier ?"
 
 #: pod/podfile/static/podfile/js/filewidget.js:477
+#: pod/static/podfile/js/filewidget.js:477
 msgid "See more"
 msgstr "Voir plus"
 
-#: pod/video/static/js/comment-script.js:74
-#: pod/video/static/js/comment-script.js:171
-msgid "Delete"
-msgstr "Supprimer"
 
-#: pod/video/static/js/comment-script.js:85
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:188
+#: pod/static/admin/js/admin/DateTimeShortcuts.js:348
+#: pod/static/js/comment-script.js:85 pod/video/static/js/comment-script.js:87
 msgid "Cancel"
 msgstr "Annuler"
 
-#: pod/video/static/js/comment-script.js:144
+#: pod/static/js/comment-script.js:74 pod/static/js/comment-script.js:172
+#: pod/video/static/js/comment-script.js:76
+#: pod/video/static/js/comment-script.js:174
+msgid "Delete"
+msgstr "Supprimer"
+
+#: pod/static/js/comment-script.js:145
+#: pod/video/static/js/comment-script.js:147
 msgid "Agree with the comment"
 msgstr "D'accord avec ce commentaire"
 
-#: pod/video/static/js/comment-script.js:155
+#: pod/static/js/comment-script.js:156
+#: pod/video/static/js/comment-script.js:158
 msgid "Reply to comment"
 msgstr "Répondre au commentaire"
 
-#: pod/video/static/js/comment-script.js:155
+#: pod/static/js/comment-script.js:156
+#: pod/video/static/js/comment-script.js:158
 msgid "Reply"
 msgstr "Répondre"
 
-#: pod/video/static/js/comment-script.js:168
+#: pod/static/js/comment-script.js:169
+#: pod/video/static/js/comment-script.js:171
 msgid "Remove this comment"
 msgstr "Supprimer ce commentaire"
 
-#: pod/video/static/js/comment-script.js:184
+#: pod/static/js/comment-script.js:185
+#: pod/video/static/js/comment-script.js:187
 msgid "Add a public comment"
 msgstr "Ajouter un commentaire public"
 
-#: pod/video/static/js/comment-script.js:267
-#: pod/video/static/js/comment-script.js:727
+#: pod/static/js/comment-script.js:268 pod/static/js/comment-script.js:766
+#: pod/video/static/js/comment-script.js:26
 msgid "Answers"
 msgstr "Réponses"
 
-#: pod/video/static/js/comment-script.js:272
+#: pod/static/js/comment-script.js:268 pod/static/js/comment-script.js:766
+#: pod/video/static/js/comment-script.js:25
+msgid "Answer"
+msgstr "Réponse"
+
+#: pod/static/js/comment-script.js:273
+#: pod/video/static/js/comment-script.js:275
 msgid "Show answers"
 msgstr "Afficher les réponses"
 
-#: pod/video/static/js/comment-script.js:416
+#: pod/static/js/comment-script.js:417
+#: pod/video/static/js/comment-script.js:419
 msgid "Comment has been deleted successfully."
 msgstr "Commentaire a été supprimé avec succès."
 
+#: pod/static/js/validate-date_delete-field.js:26
 #: pod/video/static/js/validate-date_delete-field.js:26
 msgid "The date must be before or equal to"
 msgstr "La date doit être anterieure ou égale à"
 
-#: pod/video/static/js/video_category.js:25
+#: pod/static/js/video_category.js:25 pod/video/static/js/video_category.js:25
 msgid "Category changes saved successfully"
 msgstr "Les changements sur la catégorie ont été sauvegardés avec succès"
 
-#: pod/video/static/js/video_category.js:26
+#: pod/static/js/video_category.js:26 pod/video/static/js/video_category.js:26
 msgid "You cannot add two categories with the same title."
 msgstr "Vous ne pouvez pas ajouter deux catégories avec le même titre."
 
-#: pod/video/static/js/video_category.js:27
+#: pod/static/js/video_category.js:27 pod/video/static/js/video_category.js:27
 msgid "Category deleted successfully"
 msgstr "Catégorie supprimée avec succès"
 
-#: pod/video/static/js/video_category.js:28
+#: pod/static/js/video_category.js:28 pod/video/static/js/video_category.js:28
 msgid "An error occured, please refresh the page and try again."
 msgstr ""
 "Une erreur est survenue, veuillez recharger la page et réessayer à nouveau."
 
-#: pod/video/static/js/video_category.js:29
+#: pod/static/js/video_category.js:29 pod/video/static/js/video_category.js:29
 msgid "Category title field is required."
 msgstr "Le champ category titre est requis."
 
-#: pod/video/static/js/video_category.js:30
+#: pod/static/js/video_category.js:30 pod/video/static/js/video_category.js:30
 msgid "Save category"
 msgstr "Sauvegarder catégorie"
 
+#: pod/static/js/video_category.js:147
 #: pod/video/static/js/video_category.js:147
 msgid "videos found"
 msgstr "vidéos trouvées"
 
+#: pod/static/js/video_category.js:147
 #: pod/video/static/js/video_category.js:147
 msgid "video found"
 msgstr "vidéo trouvée"
 
+#: pod/static/js/video_category.js:152
 #: pod/video/static/js/video_category.js:152
 msgid "Sorry, no video found"
 msgstr "Désolé, aucune vidéo trouvée"
 
+#: pod/static/js/video_category.js:391
 #: pod/video/static/js/video_category.js:380
 #: pod/video/static/js/video_category.js:484
 msgid "Video content."
@@ -549,10 +636,12 @@ msgstr "Contenu audio."
 msgid "Edit the category"
 msgstr "Éditer la catégorie"
 
+#: pod/static/js/video_category.js:404
 #: pod/video/static/js/video_category.js:404
 msgid "Delete the category"
 msgstr "Supprimer la catégorie"
 
+#: pod/static/js/video_category.js:465
 #: pod/video/static/js/video_category.js:456
 msgid "This content is password protected."
 msgstr "Ce contenu est protégé par mot de passe."
@@ -561,10 +650,15 @@ msgstr "Ce contenu est protégé par mot de passe."
 msgid "This content is chaptered."
 msgstr "Ce contenu est chapitré."
 
+#: pod/static/js/video_category.js:474
 #: pod/video/static/js/video_category.js:474
 msgid "This content is in draft."
 msgstr "Ce contenu est en brouillon."
 
+#: pod/static/js/video_category.js:492
+#: pod/video/static/js/video_category.js:492
+msgid "Audio content."
+msgstr "Contenu audio."
 #: pod/video/static/js/video_category.js:497
 msgid "Edit the video"
 msgstr "Éditer la vidéo"
@@ -581,42 +675,52 @@ msgstr "Chapitrer la vidéo"
 msgid "Delete the video"
 msgstr "Supprimer la vidéo"
 
+#: pod/static/js/video_category.js:549
 #: pod/video/static/js/video_category.js:549
 msgid "Success.."
 msgstr "Succès.."
 
+#: pod/static/js/video_category.js:550
 #: pod/video/static/js/video_category.js:550
 msgid "Error.."
 msgstr "Erreur.."
 
+#: pod/static/js/video_category.js:768
 #: pod/video/static/js/video_category.js:768
 msgid "Category created successfully"
 msgstr "Catégorie créée avec succès"
 
+#: pod/static/js/video_category.js:788
 #: pod/video/static/js/video_category.js:788
 msgid "Create category"
 msgstr "Créer catégorie"
 
+#: pod/static/js/video_stats_view.js:14
 #: pod/video/static/js/video_stats_view.js:14
 msgid "Title"
 msgstr "Titre"
 
+#: pod/static/js/video_stats_view.js:15
 #: pod/video/static/js/video_stats_view.js:15
 msgid "View during the day"
 msgstr "Vue de la journée"
 
+#: pod/static/js/video_stats_view.js:16
 #: pod/video/static/js/video_stats_view.js:16
 msgid "View during the month"
 msgstr "Vue du mois"
 
+#: pod/static/js/video_stats_view.js:17
 #: pod/video/static/js/video_stats_view.js:17
 msgid "View during the year"
 msgstr "Vue de l'année"
 
+#: pod/static/js/video_stats_view.js:18
 #: pod/video/static/js/video_stats_view.js:18
 msgid "Total view from creation"
 msgstr "Vue totale depuis création"
 
+#: pod/static/js/video_stats_view.js:19
 #: pod/video/static/js/video_stats_view.js:19
 msgid "Slug"
 msgstr "Titre court"

From 53dc793bbffad8c9d59558c91a2bee3702b3b481 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 25 Jan 2021 23:59:18 +0100
Subject: [PATCH 111/145] Add loader when adding new comment

---
 pod/video/static/js/comment-script.js | 58 +++++++++++++++++++--------
 1 file changed, 41 insertions(+), 17 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index cc04c6841c..9b1dc42579 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -22,6 +22,8 @@ const LANG = lang_btn ? lang_btn.textContent.trim() : "fr";
 const ACTION_COMMENT = {
     comment_to_delete: null
 }
+const answer_sing = gettext("Answer");
+const answer_plural = gettext("Answers");
 if (!is_authenticated)
     document.querySelector(".comment_counter_container").style.margin = "2em 0";
 
@@ -141,7 +143,8 @@ class Comment extends HTMLElement {
         else
             comment_container.querySelector('.comment_content_body').appendChild(content);
         let svg_icon = [`<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="unvoted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>`, `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="voted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>`];
-        let vote_action = createFooterBtnAction("comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), is_authenticated ? svg_icon : '', "comment_vote_btn", `${likes} votes`, id);
+        let vote_text = (likes > 1) ? `${likes} votes` : `${likes} vote`;
+        let vote_action = createFooterBtnAction("comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), is_authenticated ? svg_icon : '', "comment_vote_btn", vote_text, id);
         if (is_authenticated) {
             vote_action.addEventListener("click", () => {
                 let comment_id = get_comment_attribute(document.getElementById(id));
@@ -264,7 +267,7 @@ function createFooterBtnAction(classes, icon_classes, title, svg, span_classes,
 function hide_or_add_show_children_btn(parent_comment, parent_id, nb_child) {
     let svg_icon_show = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="show svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>`
     let svg_icon_hide = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye-slash" class="hide svg-inline--fa fa-eye-slash fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"></path></svg>`
-    let txt = gettext("Answers");
+    let txt = (nb_child > 1) ? answer_plural : answer_sing;
     txt = nb_child ? `${nb_child} ${txt}` : txt;
     let children_action = createFooterBtnAction(
         "comment_actions comment_show_children_action",
@@ -311,13 +314,13 @@ function vote(comment_id, target_html_el) {
             if (data.voted === true) {
                 const nb_vote = update_comment_attribute(target_comment, null, "nbr_vote", "increment")
                 // let vote_text = parseInt(btn.textContent)
-                btn.innerHTML = nb_vote + " votes";
+                btn.innerHTML = nb_vote + ((nb_vote > 1) ? " votes" : " vote");
                 if (!target_html_el.classList.contains('voted'))
                     target_html_el.classList.add('voted');
             }
             else {
                 const nb_vote = update_comment_attribute(target_comment, null, "nbr_vote", "decrement")
-                btn.innerHTML = nb_vote + " votes";
+                btn.innerHTML = nb_vote + ((nb_vote > 1) ? " votes" : " vote");
                 if (target_html_el.classList.contains('voted'))
                     target_html_el.classList.remove('voted');
             }
@@ -329,7 +332,12 @@ function vote(comment_id, target_html_el) {
 
 /****************  Save comment into the server  ****************
  ***************************************************************/
-function save_comment(content, date, direct_parent_id = null, top_parent_comment_html = null) {
+function save_comment(content, date, comment_html, comment_container_html, direct_parent_id = null, top_parent_comment_html = null) {
+    // show loader
+    const current_loader = loader.cloneNode(true);
+    current_loader.classList.remove('hide'); // waiting for charging child
+    comment_container_html.appendChild(current_loader);
+
     let post_url = base_url.replace("comment", "comment/add");
     let top_parent_id = null;
     let data = new FormData();
@@ -345,6 +353,8 @@ function save_comment(content, date, direct_parent_id = null, top_parent_comment
         method: "POST",
         body: data
     }).then(response => {
+        // remove loader
+        comment_container_html.removeChild(current_loader);
         if (response.ok) {
             response.json().then(data => {
                 let c = {
@@ -362,13 +372,18 @@ function save_comment(content, date, direct_parent_id = null, top_parent_comment
                     c.nbr_child = 0;
                     // update all_comment data
                     all_comment = [...all_comment, c];
+                    comment_container_html.after(comment_html);
                 }
                 else {
-                    // update all_comment data
+                    // Add comment child into the DOM
+                    comment_container_html.appendChild(comment_html);
+                    // Scroll to the comment child
+                    scrollToComment(comment_html);
+                    // update local saved data (all_comment)
                     all_comment = all_comment.map((comment) => {
                         if (comment.id === top_parent_id) {
                             comment.children = [...comment.children, c];
-                            comment.nbr_child = comment.children.length;
+                            comment.nbr_child += 1;
                         }
                         return comment;
                     });
@@ -563,10 +578,14 @@ if (is_authenticated) {
                 is_parent = true,
                 is_comment_owner = true);
             c.dataset.level = '-1';
-            document.querySelector(".comment_container .comment_content form.add_parent_comment").after(c);
             el.value = "";
             // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-            save_comment(comment_content, date_added.toISOString());
+            save_comment(
+                comment_content,
+                date_added.toISOString(),
+                c,
+                document.querySelector(".comment_container .comment_content form.add_parent_comment")
+            );
         }
     });
 }
@@ -575,9 +594,9 @@ if (is_authenticated) {
 function fetch_comment_children(parent_comment_html, parent_comment_id) {
     // fetch children only once
     if (all_comment.find(c => c.id === parent_comment_id).children.length === 0) {
-        const children_loader = loader.cloneNode(true)
+        const children_loader = loader.cloneNode(true);
         children_loader.classList.remove('hide'); // waiting for charging children
-        parent_comment_html.querySelector(".comments_children_container").appendChild(children_loader)
+        parent_comment_html.querySelector(".comments_children_container").appendChild(children_loader);
 
         let url = base_url.replace('/comment/', `/comment/${parent_comment_id}/`);
         fetch(url).then(response => {
@@ -650,12 +669,17 @@ function add_child_comment(el, container_el, top_parent_comment_html) {
             is_parent = false,
             is_comment_owner = true);
         setBorderLeftColor(c, child_direct_parent)
-        container_el.appendChild(c);
         // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-        let p_id = get_comment_attribute(child_direct_parent);
-        // Scroll to the comment child
-        scrollToComment(c);
-        save_comment(el.value, date_added.toISOString(), p_id, top_parent_comment_html);
+        let direct_parent_id = get_comment_attribute(child_direct_parent);
+
+        save_comment(
+            el.value,
+            date_added.toISOString(),
+            c,
+            container_el,
+            direct_parent_id,
+            top_parent_comment_html,
+        );
     }
 }
 
@@ -762,7 +786,7 @@ function get_node(el, class_name, not) {
 function update_answer_text(el, nb_child = 0) {
     let children_container = get_node(el, "comments_children_container");
     nb_child = nb_child === 0 ? '' : nb_child;
-    let txt = gettext("Answers");
+    let txt = (nb_child > 1) ? answer_plural : answer_sing;
     txt = `${nb_child} ${txt}`;
     let answer_text_element = el.querySelector(".comment_show_children_btn");
     if (answer_text_element)

From 627f3ad90e30e0f03d548f4a18f7ebbb4635f19c Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 25 Jan 2021 23:59:41 +0100
Subject: [PATCH 112/145] Review css

---
 pod/video/static/css/comment-style.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index f01b7ded55..6d0e8eeea4 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -124,6 +124,11 @@
     /*padding: 0 2em;*/
     padding: 0 0;
 }
+.comment_main .comment_container .add_comment_footer{
+    border-bottom: 1px solid var(--background-color);
+    padding-bottom: 1em;
+}
+
 /* Alert message */
 .alert{
     display: -webkit-box;
@@ -320,9 +325,7 @@
 .comment_main .add_comment
 {
     width: 100%;
-    border-bottom: 1px solid var(--background-color);
     padding: 1em 0;
-    margin-bottom: 2em;
 }
 .comment_main .form-wrapper
 {

From fe2b8e147277821646a01bbf1f453ba85ec4a447 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 26 Jan 2021 00:23:52 +0100
Subject: [PATCH 113/145] Fetch comment children when user add response

---
 pod/video/static/js/comment-script.js | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 9b1dc42579..7ade525a5c 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -375,10 +375,15 @@ function save_comment(content, date, comment_html, comment_container_html, direc
                     comment_container_html.after(comment_html);
                 }
                 else {
-                    // Add comment child into the DOM
-                    comment_container_html.appendChild(comment_html);
+                    // Fetch comment"s children if not already loaded
+                    if (get_comment_attribute(top_parent_comment_html, "children").length === 0)
+                        fetch_comment_children(top_parent_comment_html, top_parent_id, scroll_to_last = true);
+                    else {
+                        // Add comment child into the DOM
+                        comment_container_html.appendChild(comment_html);
+                        scrollToComment(comment_html);
+                    }
                     // Scroll to the comment child
-                    scrollToComment(comment_html);
                     // update local saved data (all_comment)
                     all_comment = all_comment.map((comment) => {
                         if (comment.id === top_parent_id) {
@@ -591,7 +596,7 @@ if (is_authenticated) {
 }
 /*****  Fetch children and add them into the DOM  *****
  ******************************************************/
-function fetch_comment_children(parent_comment_html, parent_comment_id) {
+function fetch_comment_children(parent_comment_html, parent_comment_id, scroll_to_last = false) {
     // fetch children only once
     if (all_comment.find(c => c.id === parent_comment_id).children.length === 0) {
         const children_loader = loader.cloneNode(true);
@@ -607,7 +612,7 @@ function fetch_comment_children(parent_comment_html, parent_comment_id) {
                         parent_comment_html.querySelector(".comments_children_container").removeChild(children_loader);
                         parent_comment.children = data.children
                         // Update DOM with children comments
-                        parent_comment.children.forEach(comment_child => {
+                        parent_comment.children.forEach((comment_child, index) => {
                             let parent_to_scroll = parent_comment_html;
                             if (comment_child.direct_parent__id != null && comment_child.direct_parent__id !== comment_child.parent__id) {
                                 let direct_parent_comment = parent_comment.children.find(
@@ -638,6 +643,8 @@ function fetch_comment_children(parent_comment_html, parent_comment_id) {
                             parent_comment_html.querySelector(".comments_children_container").appendChild(comment_child_html)
                             setBorderLeftColor(comment_child_html, parent_to_scroll)
                             manage_vote_frontend(comment_child.id, comment_child_html);
+                            if (scroll_to_last && index === (parent_comment.children.length - 1))
+                                scrollToComment(comment_child_html);
                         });
                     }
                     return parent_comment;

From 91f9c172e3a3543e57d46497c7b0f069d6f59c06 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Wed, 27 Jan 2021 08:50:59 +0100
Subject: [PATCH 114/145] Add loader on voting request

---
 pod/video/static/js/comment-script.js | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 7ade525a5c..c5015a0690 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -102,6 +102,7 @@ class CommentSince extends HTMLElement {
         super();
         since = this.getAttribute("since") ? this.getAttribute("since") : since;
         since = typeof (since) === "string" ? new Date(since) : since;
+        this.setAttribute('title', since.toLocaleString());
         let date_since = moment(since).locale(LANG).fromNow();
         let div = document.createElement("DIV");
         div.setAttribute("class", "comment_since");
@@ -146,9 +147,15 @@ class Comment extends HTMLElement {
         let vote_text = (likes > 1) ? `${likes} votes` : `${likes} vote`;
         let vote_action = createFooterBtnAction("comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), is_authenticated ? svg_icon : '', "comment_vote_btn", vote_text, id);
         if (is_authenticated) {
+            const vote_loader = document.createElement('DIV');
+            vote_loader.setAttribute('class', 'lds-ring hide');
+            vote_loader.innerHTML = `<div></div><div></div><div></div><div></div>`;
+            vote_action.prepend(vote_loader);
             vote_action.addEventListener("click", () => {
+                if (!vote_action.classList.contains('voting'))
+                    vote_action.classList.add('voting');
                 let comment_id = get_comment_attribute(document.getElementById(id));
-                vote(comment_id, vote_action);
+                vote(vote_action, comment_id, vote_action);
             });
         }
         comment_container.querySelector(".comment_content_footer .actions").appendChild(vote_action);
@@ -287,7 +294,7 @@ function hide_or_add_show_children_btn(parent_comment, parent_id, nb_child) {
         parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after(children_action);
     }
     else if (parent_comment.querySelector(".actions .comment_show_children_action") && nb_child === 0) {
-        // remove action if exist
+        // remove action if exists
         parent_comment.querySelector(".comment_content_footer .actions").removeChild(
             parent_comment.querySelector(".comment_content_footer .actions .comment_show_children_action")
         )
@@ -297,7 +304,7 @@ customElements.define("comment-element", Comment)
 
 /*******************  Voting for a comment  ********************
  ***************************************************************/
-function vote(comment_id, target_html_el) {
+function vote(comment_action_html, comment_id, target_html_el) {
     // send request to the server to check if the current user already vote
     let vote_url = base_vote_url + comment_id + "/";
     let btn = target_html_el.querySelector('.comment_vote_btn')
@@ -308,12 +315,11 @@ function vote(comment_id, target_html_el) {
         body: data
     }).then(response => {
         response.json().then(data => {
-
+            comment_action_html.classList.remove('voting');
             const target_comment = get_node(target_html_el, "comment_element");
 
             if (data.voted === true) {
                 const nb_vote = update_comment_attribute(target_comment, null, "nbr_vote", "increment")
-                // let vote_text = parseInt(btn.textContent)
                 btn.innerHTML = nb_vote + ((nb_vote > 1) ? " votes" : " vote");
                 if (!target_html_el.classList.contains('voted'))
                     target_html_el.classList.add('voted');
@@ -381,9 +387,9 @@ function save_comment(content, date, comment_html, comment_container_html, direc
                     else {
                         // Add comment child into the DOM
                         comment_container_html.appendChild(comment_html);
+                        // Scroll to the comment child
                         scrollToComment(comment_html);
                     }
-                    // Scroll to the comment child
                     // update local saved data (all_comment)
                     all_comment = all_comment.map((comment) => {
                         if (comment.id === top_parent_id) {
@@ -643,6 +649,8 @@ function fetch_comment_children(parent_comment_html, parent_comment_id, scroll_t
                             parent_comment_html.querySelector(".comments_children_container").appendChild(comment_child_html)
                             setBorderLeftColor(comment_child_html, parent_to_scroll)
                             manage_vote_frontend(comment_child.id, comment_child_html);
+
+                            // Scrolling to the last comment child added
                             if (scroll_to_last && index === (parent_comment.children.length - 1))
                                 scrollToComment(comment_child_html);
                         });

From c9b663b0f928af1a12631bfe70f4466a40373083 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Wed, 27 Jan 2021 08:51:19 +0100
Subject: [PATCH 115/145] Hide vote svg on voting request

---
 pod/video/static/css/comment-style.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 6d0e8eeea4..550d38652e 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -558,6 +558,26 @@
 {
     color: var(--primary);
 }
+.comment_main .comment .comment_content_footer .comment_actions.voting .lds-ring{
+    opacity: 1;
+    width: 18px;
+    height: 18px;
+    margin: 0;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    margin-right: .4em;
+}
+.comment_main .comment .comment_content_footer .comment_actions.voting .lds-ring > div{
+    width: 18px;
+    height: 18px;
+}
+.comment_main .comment .comment_content_footer .comment_actions.voting .comment_vote_icon{
+    display: none;
+}
 .comment_main .comment_vote_action.voted svg.unvoted,
 .comment_main .comment_vote_action svg.voted,
 .comment_main .comment_element svg.hide,

From d1647c17489b2981148cd1ec6beb8615fcd6cd0b Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Thu, 28 Jan 2021 08:43:21 +0100
Subject: [PATCH 116/145] Add VIDEO_REQUIRED_FIELDS

---
 pod/custom/settings_local.py.example | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index 67d62a1099..e89380c05b 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -1160,3 +1160,13 @@ SESSION_COOKIE_SAMESITE_FORCE_ALL = True
 # 'Strict', 'Lax' ou 'None'
 """
 SESSION_COOKIE_SAMESITE = 'Lax'
+
+"""
+# Gerer des champs obligatoires dans le formulaire d'edition et
+# d'ajout d'une video:
+# Exemple valeur: ["discipline", "tags"]
+# NB: les champs cachés et suivant ne sont pas pris en compte:
+# (video, title, type, owner, date_added, cursus, main_lang)
+# 
+"""
+VIDEO_REQUIRED_FIELDS = []

From 60393f9ab2d1cc4b94cbe365e740e1e9c0247ae8 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Thu, 28 Jan 2021 08:43:47 +0100
Subject: [PATCH 117/145] Managa more video required fields

---
 pod/video/forms.py | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/pod/video/forms.py b/pod/video/forms.py
index 8fedd6cbc1..36ead6e5ad 100644
--- a/pod/video/forms.py
+++ b/pod/video/forms.py
@@ -54,6 +54,8 @@
 
 ACTIVE_VIDEO_COMMENT = getattr(settings, 'ACTIVE_VIDEO_COMMENT', False)
 
+VIDEO_REQUIRED_FIELDS = getattr(settings, 'VIDEO_REQUIRED_FIELDS', [])
+
 VIDEO_ALLOWED_EXTENSIONS = getattr(
     settings, 'VIDEO_ALLOWED_EXTENSIONS', (
         '3gp',
@@ -461,6 +463,9 @@ def __init__(self, *args, **kwargs):
         # QuerySet for channels and theme
         self.set_queryset()
         self.filter_fields_admin()
+        # Manage more required fields
+        self.manage_more_required_fields()
+        # Manage required fields html
         self.fields = add_placeholder_and_asterisk(self.fields)
         if self.fields.get('video'):
             self.fields['video'].label = _(u'File')
@@ -491,6 +496,12 @@ def custom_video_form(self):
         if not TRANSCRIPT:
             self.remove_field('transcript')
 
+    def manage_more_required_fields(self):
+        for field in VIDEO_REQUIRED_FIELDS:
+            # field exists, not hide
+            if self.fields.get(field, None):
+                self.fields[field].required = True
+
     def set_nostaff_config(self):
         if self.is_staff is False:
             del self.fields['thumbnail']

From c7528aa2d2ec8065da69caebd83c05697bf1bf82 Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Fri, 29 Jan 2021 16:13:55 +0100
Subject: [PATCH 118/145] Add some feather icons on the "share" panel below
 each video + add some missing "legend" tags to fieldsets in this share panel,
 for better accessibility + translate missing texts (like GB <-> Go) + Video
 statistics : remove 3 calls to missing jqgrid images

---
 pod/locale/fr/LC_MESSAGES/django.mo           | Bin 96983 -> 97367 bytes
 pod/locale/fr/LC_MESSAGES/django.po           | 102 ++++---
 pod/locale/fr/LC_MESSAGES/djangojs.mo         | Bin 9381 -> 9718 bytes
 pod/locale/fr/LC_MESSAGES/djangojs.po         | 265 ++++++------------
 pod/locale/nl/LC_MESSAGES/django.po           | 100 ++++---
 pod/locale/nl/LC_MESSAGES/djangojs.po         |  46 +--
 pod/main/static/css/pod.css                   |   8 +-
 pod/main/static/css/ui.jqgrid.min.css         |   5 +-
 pod/main/static/js/main.js                    |   2 +-
 pod/video/static/css/video_stats_view.css     |  18 +-
 pod/video/templates/videos/video-info.html    |  98 ++++---
 .../templates/videos/video_licencebox.html    |   3 +-
 .../templates/videos/video_stats_view.html    |   8 +-
 pod/video/views.py                            |  12 +-
 14 files changed, 331 insertions(+), 336 deletions(-)

diff --git a/pod/locale/fr/LC_MESSAGES/django.mo b/pod/locale/fr/LC_MESSAGES/django.mo
index 9f83404fb2b00dabe5166d96d7b87fb851d7d090..6e6b28c026f339e0c4f06a5c332065348971c44e 100755
GIT binary patch
delta 24692
zcmZ|X1$b3Qzwhz2NdkmGkl>a8NeB{xOK^90CqM`qELbTl+ES#r6)o;iv_)GS3I$pm
ziWez`;##cS?{Cj=FVB6>S<hK~X8t2<)~uPe_s;vC_xuaL^Z)v}SJU{;a5&<99VaV}
z&*eDJ{2b?9HANlga688tiAOLc)@$!L5!enxaWodkwOAN$+Iad7j#H3)X;i(Qm=UMo
zY+Q}$9LII4#5hiW0<Ewp{)U~<r=#NpV;t%NqtPFCVOu<mX)v71*{~F*#^y-JPB%=8
zu8mJe)nAS|aXY5u`p#u<!g21S8oa{*Ox@XWl4CYZg?TX$OJf$SW#e5iDfvOD0gk{R
z{023k`KSwT!1TBu)!#)-#`T?lNTk4*s0;YUnhHVaOFk6UaUN885!3}MVPUL|y3lac
z4NOK2U>PRC?U)PqVr9IIi7`(XW=9<tB%uzYu@Y9c`B7Mw{3M${j(NzR!)SEkjHR(Q
z*@0LC_hAVP=xPRD88z^_sF`hJ^If|#|0)<nASsT*r#J}{<Con`gR!V7pMe^{M${c%
zLe0=4)SW-a4Cvq8Omz;-M7|_yh8m$BMQ79_7}TBlPeNi0feJVob>Wl9|2Y@<M-?mg
zF!h?C7Ec>gJ=exZA!BwXVlsSX%M<l9H{g$2OX*NIniKsopKBAvPy;EC8gX?Sk3n6i
z2PVgUsCsIr3ynr~I2ARMb1^%v#sEBm$?+^|``$p!+*9=Slem}ZAP^PEfSRgcOo4?^
z7buU#um*<Wa4d~WFa)n*Zgk?Q3lUfmyJ9(9jq3j{s@@a)n)`4v^)@44fST%csHxeF
zs(1v;r~&$6fj;KWilREKfSIudrov9B0ViNS9EN)4t1uP*gqpeIm_+;k0trpkbqvJ&
zs407kDKKeYbEoN1Z?HzF3-mzk=LFOv8;7dD47El!qb_s~)$UJJy*H@#Y5Q?Q+W*-|
z=o#lit>(O_hEbRjqcJtsLS3MZwL7LEKNz*@$DwXu397$MHoqN9l0S@E8=n4V4TPYZ
zhCopgx|8atS7$rSg9)he`KSSG#8kN7dd9|YV-Di4FbFdxnC%*g%GX5o(-t+;eJ}(+
zPhkFahu;y<9e-~tY(qVQ16Tx4qSk`n0A>dxQ7@Plr~yw#4RAR&z->4k{Rf)0G#@qP
zE3qMNv~iz7%)b^}ib1AA2GmGHQ1K$DMOW6ASGMswHr@<%hiy=gt`BO42B1DoN1+C`
z#KwQL9<rWyNu;I1->8n>+kEQ5=2?fMIxLD>R8>*WxGQSr2HE^*j3oap7Q_Rn{$8L4
z;y=V(Cmc1P(pI-F3Eg3P)Rf2Cd_PnNgHg|HJZ8jMr~z+8b#%z)FQ7h#AD{*n@R^yx
zEU1Bpp$1+9Ro)!w$93XJ=)#|)R`*!zOw^~<GE~F6)_+kQBpJ$g1k8YXwpmb%HWb6K
zo{cA<URc9W?~BDYz8aHh|8FLdo`PMN0nef?_`v4hq1Hs&&&^EaMh&0{YDOxf%G+R7
z?2TGGKca4EH)?>#Q8RfCo8t}Twg01snF`fVkD@;6SvEy2s;{hLP`hLT>H@P+16_>T
z?;BAwxeaxv2d&4k0{OF89@7tZoEU6|uBK)i361Ous-wHs$Ec28p)U9VgVCQ+>(26^
z)<6l=9oDoqLiN+ymUpx!SVy65be7Bf>%#L1sKIK~1vjEP+>W}#eW(wUlNgObBTNVN
zQ1zOi2G|xgLvg77`eAMyg1X=$)T3L08u-=`bf}6)2t2_Pn8w2ezc8!(?3d=9eGk=v
z?^ljf1(Ts3O?}jbo1g~X4ijM)%!1u)`PZoWlTd4II{M%mmqZB?>#;uG!D?7yBp*yT
z99i&A^RK<%wwzPgkbLwg^G+X+DnE#ESYb48MO=v*uxE_9!6c|V4@7O>>{toiA|%+d
z&Ols&kFgQX8f&KVAJn3HiR#ej8#AT;n2mfP)FZ5q+C8mNyQ05!JnB8N3^nE3QT2}+
zUFSTBU;;N$6@A8;Db0XM$mc*^I1eVpDAW{|#41=HRd2d2pJ!cW<LhjG3nr%CZq(Et
z!i?Jgzmm|ixrv&Zzfm2&M@^aEc+)T)DxMWJkWgzRYLOPl0IZ7Yry*+KT~K%46E%S0
zm=nLoBwXKFNkScNKuzIx72rwK!2ZCjcop?o@D_D}<P%Ij2ZoU^j5)9cs-MqL1Dk4H
zgvrQnz);+YZWM{@Bs7(&CYm1#O;IBsg6h~s4QLsv<L@yA9z@;IY1C@Jh^qGzHSqsX
z7xbBA@`0#!K^TZRCNckdbrvL`8K{i9a2?dPYJ}>r4XQzB)D-teb>w1loPaxU4r+#)
zPPS8zYTpy}2og~BM`3oHHktWXg-rxB(jB(KLDYawp$2#fb>WAoJAQ*2pl6CP0JZAV
zq3RW|Mx*+vhU&jQY5=WJ?c-b$nyS924hEuTU=r#=Gf=B_9_pDdL^b>o^`hC0sc|2w
z{TZ8ofGNp;K;1yfsb&UqqOMm6H6XV*33XV}7Su*P;|8dac12C~0MsM+3N^r~s8u}6
z#&@DF_$#Kyi>R5skNNO9Mq$V_V*}(7xXuV0Sb*BszoQ!dg{kl%>Vh9I2>qs;d?r-=
zVAQ~hTdQJP@=Z|vbi-cQ7j?(iP><xESDybf8+eDhklzgRhll{wBdCB)usZ5O^H6uV
z#^!%U-T5(8$Cpvt^){+rqHj&VX;Cwl8MRHzVruRG_9QgYzNlw21l7@S)C`P9bu<h0
zs8(Yn{($j#1IJ;*nf%cKuUNazGT)A$VS3{Jv(1|}1VhMIK(`2q7!n%s3@nP9uo&J!
z?dxoF%;GAAX~{RT`8do^euRyGZ{3Flh@Z!Fn0T&fmlf4-A=E(Q=JNdOk$6f#&#2-&
zvsl)nK3p!LR`qMlifO(xcM^rQ$yY<gr=k|udeqEZ!={*GzT<SjPM8M|U`Kq2X|Uk}
z=3o1@^8(XRAJj9SV4aRyG;>jpWI1X;>oF7$+xP=iyO)>(-=iK?z(Qj>)Gi1{)vJw~
znMN*&a1vdy1Wv+C_zP-H{E2#YcWvHTWENpk)POQrLr}XTk1a2Y*~r&HExPWg0Zp*Z
z#6a@yA`)u2!3GYX?(j5fAoo$LJMm(3XX#Nh5{l{|3N_Gjr~y^8`TD3kZH}7ZcBuN@
zQSX%@$l`XLQ6%&%W}+^%8a1^$P#s)D4e&42h2CHoCR$=1Sp;gAR7DNE8EVFQqjt?G
zRR6P316YF^=nnMd`p$k5nF$=W1vgO_x{n&bbL(4Mo@lArrU9sdr9wUPP}Btrqh_uO
zYC!E!cRUDl;z(4x6_|qSJ3DQKBMOi|hnnJBr~y1ejr=8Q`}r+1^)h25`3TI5%}_J=
z1(w4pSOrgDbxgP1{3W$5Rwh3k-7+LDkXWe-D@=#GtoM<f=VYeP7q_BT?N8VOPhk?w
zx5^B#2xcK)2{q;IQ00Bm`^+&Z`B7LOC#_=s{YYH11-DUm`Vcjh?@=A4Ty5exQS}R<
zrm_Tfz*eX`-)TLH!Q?NY+P_7uk-#<P3r?`L@*3v92nBHj3gKK#hQ~26UO)}#8v5fy
z)E)h6%bm3*o&+^RsZj$-k7^%|+J=#+HBlQigR!W!G1MiY)jHi4tU)cty_gFxqb}%t
zZ|*#)H4rtGX;A~thPg2UM_>c&gePrzv32G>Q^6XC0hGHFNoZ>3phmm~)!`=8g@48r
zcn~$P(^w22VrdLrZ#wFLs^1eeQwi7<hoe^e8C(80>d`$mdDjWrV5Tk$>e+@^!%-dO
zxB24MGN^%8LQQ#19E<fZ5-*?zns_5S0&}1~BL-tWoPl~Idohdl|1}cv1m0px?7qpo
zfDWLZ*<E~#KAX*l$OkM)KF<&48MZ=Qpg(HcO-4P6->t7u0}B4p)Q?8x8)G5u|9Bf%
zi0Wu3YJ?YT{w0Qy587hxs1zzc89U$>EQ}epntfgiwKk?=G|t5;cn%w3mTl(m0P*PN
zC9sZ!_U#|2k-b1&Ak}vBVkwUK$;V((oQU0VKkAVc*kSf}QPiWUh+0E6uogB(E#~=H
z9rs}kOtzExZ=ec0&3~q|6kCx`^pm-xwwRs#Wc(V}qn=^0pUpsHFcbODQ5X0Y3*Zh6
z#k;6G4&23We~iJp=(F4W`fa$I`41*Aoj?fwfKhlBhoave^Q!y;qsbpcElOvv*%ir9
zcbXBk`g5VCJ|F76QWRCcD{7|tp|;&%%zz_Z5+z8?!{T@b^{fK+@ofbgU@A<v-*gae
z&5xSu!l(h1LT$4usKwX9mXENGMh$SH^;`5I@6IO?PGT|o;t|wHf3u#!l;kg>58gv<
zvxlgGXJwRn1Wix_ibvh?08EW8>W-&ia{LZ;L#vT`uCtSbFM)%Y3x7p5e26|C6_`cn
zd&oT7D9k~)9rni&sP@lM9lypvO!kXumkBkXDySK*hkE2+V^Zz^WhBxNScheBFKPz<
z!#wDF*yIaXi(+Qt(Kg={Gm>wOdISlm8yJHc$Q;xRuCn><n2!8mOwaY5tG3_;>Q(D|
z#571_&563R!k8W_qw2LnU7#!Kjs~H2$4tzF`!O*-K(&94S}T6P8dIUGXOo45D&$6W
zSQ6E+I+n$Hs5jeqOoB(Pr!gt{OQ=V13pI0hF)cnq_2YZgtd#&%{mQ6*>KtYM)u0K1
z9@q+%KV&_IT6CvS4bGuDyo$r|HtNOH`IuRhQ&5X?H-3(<P}?}+I13sd;{=tH(G1o7
zo%s(XG3a-5hx0Ii{3Wc5cTkJ6*a`C@YKfZa!I%$c+4up}qP%JIekaYVJQTALuZX%%
zdz&ALT0@In5?M+7jM?!bX2I8}hUre3zw;GAUAQNzd_1bdm8g!6qx$(93!>j?vs;Q|
zB>7m(kJB(W?m^9f`!@-_)6<+`OJQ|vfy+@He!!KO^{ja_9<;u|!o<VQnMK(G`PguJ
zV|R==Z$3k&p$51e)!!M^%s#<d+W+M*n8ouACZk{yY7NXme_V*EaW!g@{e)Trdr=)9
zM$O1g)Qo*V)z9{a*(FidvZ!{oQIEKhSDt@663Gd4$3!>?Rq->_YW)JWE51Q3!r7>S
zE<#;st<CR3b$kTV;#pKb_iX$Ls=xQv#23kPeJ3ReRm_OG^I#QVn6&_^!xE?q*Rk>D
zr~!3A%}iGt?`0i`>d!?D>}ym%Q&9Dnqnnb%8XMS&YOu%V51}q_6g9xpHh$5@ui5w=
z8-IuysrL*uW63X>_E}K<=0e?A9_)sNFY){}h4TpLS+7Ig;Wq1j>u;!m{DJD=PgIBZ
zP<Qg!`oj7KQxN}vy5kg=O}(6`_PJ3rQt&eKua3(QP={4e`C8USn1y^R>p;{%r`qy)
zr~xlUy{Ois2DBN~-!{~C+-1ujp$6~_)z3SZgeoS!VgkugGm;)P<q<X?g}P8h)Bx+)
z@+LTgd}~aHPcW2E%_LX(QbRufHS<}r7bD1@#Bh9rRng6H-FzpDLlvyYQg{yYV5&dO
zK8{9Rr~?M$OB{pgZ!j2KfIaa(=D?OWO?)WoP7h;!JcarY%X!QDW_6uXBs9fsQ5_G#
z5S)!UaR-Ls6)cH9x6K!hGN^XVFdO#6G&tG1#FlTt%*0P&UVMP6pYboP0hccYB(z#9
zVF)%vHRy+`IKk%ESP!8d#h<7}b|1Bi-k=^`vO8uCWJNve9H@GEZN4OyC0`K(xxV9)
z$bb_u2$!R#YzLOc1K13mzs*`{jw)}9x<DLOz&<v<5%oxRVp2?c*F4J9Sc!aTtcSzV
zjU{oM#6T=^kGsd!=#TGEGn4oq^Zg(lDj#n1#ZUvThDki^5=>0K<9#zD-B6zqLr{0T
z7L(vTRK2J7nSVX=*97umrU&K)QWf=S*ba4pVW>ql1vOKfQ5_vcb$lAtVd{s>0%pWi
zI2JVnb1)AsLDf5sYJcV-^RHEXnLr@+dt@qnftrCasAoOZ=D)M~6{rq2p*q}w0l3$e
zAGhTfQ2kuD`Fp5(Pf`8;=aSG!{U4iEo*A`@E1(urV;he}Eyi)E3$H@m*+%OQ)J*Ni
zlz1L>;X7CWpP;sN$P@D=w-pv7@6NP|!`OttYwV8oo|@lo+ff(veP(|5C&ww|E1?E-
z2D9Q*OpYm^o9`1@u@3o$s2Q4%y5nW28Q6fixxVugiPQvcp*nbp(dhHSyt~VxK2#c`
z9#K!!fQF*#e}yS<vUNVDBEJ@^;?Jlx=JV3*o?NK4l?Ow$|7(!Y1$v>TY7}bfezfu3
zs29xz)SWy>P5oP&_kCsddjM)csZfhF8>-)8m=^0{I_!j*aES6;-<d`t2v?yl{4=WI
zFW45ZV;GkE*L2(&)zRmuj;5ksSZh(w^cS1|7xid@UYq_4TC1Q2)B;`Y&t4?-EEl4t
zW*4gA71Y4qpq^Ra8#9%eQRUI7XWAT9-VybP;;|?W!wB4jJZt9?>UutJ%?%WP%lzw3
z>JaFR9dRB0f|}xi?~E>XAU_6mp}VM=dVzZOA20)^cyHEH7^=Jk>XB8n`5LGJH$v5K
z`=0sNVj4go4GzOxI2kptA8h<r)J$B#^!NnTLDK)sqY6RgOQE)3LmQ95BIG|qE%J4!
z>+G@l(=Lf(1a4y$%<{oh=z#k4>yKIRTT};|tOrmtbPjdFYp6SZgsT4<b)j^Q$9qE&
zn2CHH)D3h&_3sWNp+&P0Gvi5ANB2?B>?P`%X7_l!GZ2XyNJZ2PHAZ#V4YjC7V11ln
z^S4n0d}H&;5_!Del!B2*={mVcl%zrwmcg#J!ZOsVUxj)^zgy3v26PRB@gas_Ab%{-
z9Y>*Npc3jm&<-_#-l#|DqWYbNnYI77lc-AI4C>A^`+B^KDik%vg;D#uG$vpT)Sdr~
zs(%{&@CrubO`Ff|X9gZ>&5xS7qNssX!^B+QX+=U)7lXRff!5(zhx{n4i>L83%#qkU
z(|M?Ndr+(VENVcPZT>IRZh3&=_!>1MA$(Tr1`468JFHGZ4I7~Htx$`l6K2I>sI@T%
zeep-sjO;)S_!sN%sP^Yk7rKs(@CoV$sw6ctH5GNeSxG&vcjSu+sH0WZji@!T-R7U7
zrtS@9$K?LzLiw;DUp$IpCyY&IR`rnpvj*;?9!=8Z9`84vK-6{Gq6Qk9+%+SKCy<E1
zV9bU?Q6rp<>R<`#!mH2+4`V4jhV?LU3Xk_Mn@y2xI^W?U)ekglrgln?)1Leu)FKZ_
z<#A?WTbD#%5-+eF#-%nFJcN3t$57krH0lL&4|TyrX*|vXY=~#@3AVvQLFSp~N^2fb
zl(h`zro1NV2K%DchC7Lb?rbgw;||pJxrkb&FHuvUES+hP)f$0XR7Eidwnoj^Fw_)}
zw)sh@?K&IvW?hN8fn!KL*U6IJJd0e`{HP9!p*k#!nu+SD#a9o#FCNsR>4w?`y;1E(
zqW1fEo1cfOw-nXSYSgpeh=JPwJ4oooaRl{Yav9a&9%>aoMm6+gFfWdzs0$T9eV7zS
z?T(5z-Uc<$&KQc_P%}9Z^#~VZM%;nkzyF_Bf`DH}v+YWtro5rG6KW;~pcavfad-^}
zWA#iP?^m}ysDY)+?D75;EE{ToO;L}i18M+YqWYVIZaxxANoYTxK;7vT)Z(~>nySaB
z0lh{|bwC#L2trWh#Zm3bqdKmJ8b|}wqiTU#1M#SShM{J5QWp0AIT8yAXo?19HB&zh
z)xi{0$FotpU?Jwkt+xCI>P2-A)v<3jGobXSI}JwNNC_LSjOw=zs^2Er*#CNVtqEub
z23o(ePPTrBx|7wY4)>tm1IJJUJAqm=cTh9%0Ck~PsNMAewYIWnH|_GH23XJ~q5W6`
zL$C|#l{*^M@lxwf)CEqV26_SYY;U6$+hf%BdVy+}DcB6SptTyReH$!*9Z`?OokBuW
zw-9xQn@}S^jL~=kD_}r~$NS^44(1_02`l1u%#CkR?Q-QX{pCYluq^7)R<`-(sNL2U
zxe?dtLqbzC%odEZ`T017_*&FR%jGoIMNM%Vo9}{ZKLDHKS2lhL`;otgy1}-&%(m-|
zdgNm;jrRW%5}ML2s5{$_8u0_v9e6@L-anlt!ASB&Q3L9TD({QB^FgRp?V=v(WYn`?
zhZ?|fEQZ%G0n>$foF!b}`9=vW5bkm2<0<sMqjQ@MCSf@7b*KTJ#d7!owXe%Xc)UN`
zJ76X9n=lw(p!!Ld$Lx|KsCZp0jJ?p+DqLtQY(sT?%H~t&HB*)kOAxPu8}W10R2RtS
z@&4I<6c!=>6gANB{ALl?MZI6T+x)kvN3t0;@bF0XzdEiFY4-I9RL5(u6Z#Y|9mZjQ
z@)J>uG*OgU{TWd+k_)w;>!MyrO;Bs3t<A@wW}**9;Y8G$*%jrQXLpQ%p3xc9i2p)u
zqcnWG&=-+Bs0(yNZO?9~I~|3k@q5&#=3UfU@GE5YcM4QK4E1$861CPESlhZJ^aksW
z8E_<OAJ0P#WDjbj_fd=P4QdAb3!8SqsMTBwBd`f-MuwpVv;x)de$=PpCDe`mgBpmN
zsED~hO4LZRS;J8KG!nHNDxhYl32FdcP#t}a>UbJzbuU5n^9O3m|3p2C54PODsK@)F
zE06T=Ivq%8O8a9NPDX8`EjIoOYNWSNuihu9ZTB8S(5INWU??h{AN8mTTT7wVL<Lm)
zny49Rir)YHzZVI89*;#mqs6EJ9Yo#v4b+srL_PD6;^xk)qdIJd-baX<v5}}(^GwvE
zS&X{i&#3F1MeVYOSWNprvV^J73G0&|idFF__Q2F7&6mqzsQ5vwh5@BK&M9n!6)`N@
z<NZ%K<8T-G`KU+HwzL^YENWMcK+V)GbTzg2Na$I;LVdocD`OhwMLpZXs41+3?Xb4Z
zuST`sjCy2yP&0NCb;q|+Gx8pF!Bl0<HcyZ7<SUkC|7(?QAfOJ8VR5{IVVJg@8CWzb
z-vTS(aIAs5u_`7lZ>GE+>e;tM-AD)2;v0aP2^V!Eqpg$6yXG0rCZGW<vjtmF@A}=S
zH`N2ojwvgcJ1Br!3oS7ON1)0Vp$57Kb)mmd19*fQ*lW~`@$=ccom03Z%9GEEE3ggf
z!@;+bX)pvs$dAAXT!fn9Ur~2>71i-G)KtGgKTJ{CEYcv<qRWfgo|Um44ne(7+`}Za
ziqE4)dJ~7^1Js3jRxx)n0yQIJQB%1UwaRy+UQoZH266%Qp16h@$P?=;TmByPg~hk3
zNB`Y2*YPKz?{v#iQ+N`4;$s_cTg`m9j6pq$pHOeetJn_{RX5*?2Vj2kXHlPWiE5yS
zzoKAK@|9|uSNR}R`3B6b&;Ju7>Ja!BHN{nHnG3|D7Uxvd?pTK!;4#!Uqkn8Zyta8&
zS4F)i`l8mrTr7lpF&3Yp2Hvuc$C-%3Fr4c<$?KZ^Tm&_hpP_zSj={pX549^^*nIwa
z=2^B!4QvML&Nri8VAoMM;#1$uTz*u49Z=hD4(d_)H(>wkf~iR8nPx|=g>Y<+g)ujN
zgUxUgHbMV}9;XAg!#LcHy2IR!%$scj<|BU$E91Xd0?RZuZ^{JJqny~7{jWu}fq>S)
zRn!Ijo0w->2)B`+f-zXDsmJ?w!nLUSshgQ+TE;p6#}QwL8d!95kN3YPyco3|AEI{2
zE7W37*1|Q3v@J}9>{yb5+^E&v0kw*Ipteh2)VqEJR>V2h%cvR3-qPdT#Q~^0Y~RYX
z|H3*NHT4rv{ZDsEXpt?z0=N^C;5}5ur>O1n8a3ko&<B&YHh;EDjw&yUYF7z0;995`
zS_4%57%YgfSQo!VtsVCk30){r8*>4F)QcquwT~lEcN~qnqb8^|GZ1y*kyr-DqCP7Q
zA<M)$hkEw8+nL?c1GOfW;~qSPtToq}*516K7N9;fwqY$if$1?z2lK7AFou&KfEw65
z)M{UcUGO9($C5GTv!N>L#wJ>4pgxZ0+5A=v*Z$u{Lfhvy>Q2*iG*g!!b)mATJFAZ&
z*d8?#BT#S1#i)8)P~VIW+xS(~4LwCob+S&TegtZU%V4DTe?t;_p}44hz613vpP(wf
zMlF`W&Snv2LfvTuYGB1|yeg_*6D*4DQQK}hYSkY@^?MDq8}6X1XZV<e7R?LP9lS+N
zUFul#;gk{8poKLC)lqjGg#A$M?^z$C7Trr!y*H@-5_R#u^BsT8O@4V7_P^dtzY(a2
zN#o3?UoD(Nem9=MR$V>LG>qzIW@tY~k$;2LF>iM>Q~j_p`O#PeFJUfB*~7e=i=cKv
zTMWmEJzTRYe<Yv||3tkyQ};A4m}t}^iN!FShibUbdKa~AQ}r_K%A-C5x}sM9RMhS`
zhZ;ywym@t(K+QlemxMZ=fqL=mM6HGAHXqg7#JgfS;)_t93D<2rsE_$Dse{9aUqTJA
zWnYi86-S^3RI;BLNJp$hegSGXxHm{VB=H`<!TbHqZWxqc?r16MQ|~yoQ8_lnngh)K
zUx0caEJZ!zO~}4>wxd@4LDY-rrY(PtdC9*;X4-Ya2bv4jM=id=sBJhA^=4d&T1*E}
z9Un$r@Qn3_Eq{z!Y|l||%6F&>Cmv+-8Bn_;2ddxv=>7X&4HDW;%~9K}Gpd6js0)6D
zYB&j1Zw_iVtgvoC)!%OO`>n@NH*yyB+3^Tf?>|((Ne44v?f<kS)L~Xsg)r21ib7Q^
zhPva5s41?G`cBsjwS9Zrcmk@Qp{NUvwDD=EdUI@i0jl0QbTzeGN$6SaM7^>8KuzTn
z)IeUN?)(F4zb7AJ-ee<D<+D%&n~%DIWvGF#xA~nme-KsgB&ywoA?$yR?5eGB6ZJ}c
zgt|kY&rC;IQFjz!En(x;P#0{3x}!EWAB(z?-l%>?qXx7P^(fa`w|>U{PefoJ0gdRO
z^(dAge-br7|Dk38f!1uOJIRmgun21LmP5^46V#2gK@F^rbqH!8U*ZOw=#tP#%YW{1
z_|$ax;p1G_GvRnmx*X{b8X?DJ^7?2EBi~J<QjGFz_=PverzQDsZ2jvv*QToy&q<xr
z7)Wd?{d|V*9s+kr)FChxb=1W4<aLzi974Vw7d($4#Pz<=QHN8n=e(Rt=toB(>UHF7
zO}%v3$o7+r@~Wna_umyJ?t1@wnN_G*md=0S)WHt}=Wi;E#=SJuR9_;WoODCdJ?zCU
zlfFWm+T;t7ZpHbUQ%7B5b2!t{u9dl%lYzQ_l1@Rq2<fM+KkpwIYt!HyL4A(jw1e2I
zUhMHFPNMuJjWgTw&E$17Wblni=OLYs@<rY#pZCPil3z#JZO#&$={R+4CZ3Zsl~$(~
z$j9R>o$n-5c3O@$L0TOD_t-+ZBBfEN&&-cUHo81Xd@_NZq`$RoUXqR@HjA>(c#(KE
zTc+3C8RDVT(Z^mE(mKkMuZ#EawGS`n78DeuQ8CUf1b@b-_>g!k_cx7v4e}j1gNa?j
za>V~3UCG-eA2rmuLtMu?;&)Bb`I2~b(tSApBCbQ9mB%?3dGmTXaulP(5FF3Bg@S)M
z>v2}6gHI1%oBxfncU&-zb2}C0+KV@(pDL8`N#{MT^Y0<@bwBBcD&C{5{<YV4qUj)q
z?c{G7=xEP*!=`&<H}bwXnX@Xr6t(r+Sk*>HF3O78cFOl79Y-vbLF6FKPbudITkaOH
z!x>6o7#&4Zc!)+T$=|_I>Vcyk^~w|5XD_yo7(b7l`s5=>H>PYY=f`6@iT<|kb?WJe
zrjIaUd8k+3T(_es;ol0MG#)_uJ&nG$rR{B5G4i`fC#P{*%6E}ogK5cE#_u`n66?T4
z_&(?T#rW;CjrB9QUy(~mEgwuzX$$<r_WA@H*`ex!8O+d}4%9h9{0r=8N0O5C-^BRN
z<Fun)8XSiCiDl)yPriw5??>JquCv=_3jV*K(~5=%slj()r#tD_oF9)6I^nMc&Lm>`
zddN=|@9~2CK+?52`Q&g0+BOUEA^C3fA4%KC*q;{9iD%V2$V1_Nf|YH9Ri;1Z1+jXh
zhj8*y<^76hi}e3`<~=qN?`-eN8=%c;Vjqv3<aNBK?{zjl)`ZNz(<0j>adT6el+xch
z-*KL@tyCo?WxssVA|++xKFNPcIyrT8WU*IhX|m2M>fR%k-<B(UkbEuTFYt|tyUvdU
zx^U(sP=VX2Lt4iMDz&odyrk1p-ujcy@>3_q-hLVCwIE%C@@kx+oaJaUnD|M~6QolR
z^P|ow{DW9!((|>|m(kIE0y_Mydr0r3k&YfTSW7&$EmQ0$=}<bDOq~GKv70j!b#;8t
z`444jZC<fD)T_%miF9!rzwMIHFCHCxNKe2joHuD4i3M%NP|^vc^)*b#Vg|6DQ(rbB
zs2f6hHfMg)I*Q<7e1K1IHEmaMmSzAQ$p1@S9qu&}r|m^@P`MfDK<t9OsN9|MZ>hMK
zyuRt^xXHP~wi!s8UvW;f@|=4}>zHB7mFDZCQ;vKF`l`ZtfP63V=@K#jOI3rTw88lq
zGgIl~QId*LHvfwBX$l%~`ZBmq#J?h@A1XR-&@n&#oTi*Q-cbG><vMO~{zg8zH^*zr
z+b7TeA{BNKJjvOZbBArbkn{l3UwA9Ba=D<6;pA^&MauXY=)}=pRSMejx1<Y`Zf4u*
zYu-PcW2u*k`ngH3=G;m?Oq=@~GCF#5R=15Fcq8VYxlod`EoC7z(s9Y)bRd7k#uOSw
zo%5W7NuR|;luh9pI%?VhZX>Sad&=B=1fP-kkKi=U5>)Pk-%+8xZ4hKFP1&!u@n7nJ
zynY+%(2r9cNh!a@xty}8<Xh5rux+2h`UCO)#5r7N9~IltU<bKy6LdOJ@o#Ur`KJ@C
z<4jDv8V=yRLc2&#Khj+}N7Ba#@;ZjoPkpRJOvhQy!j%2Xd7kt>dmUZhc~4*|6&Is^
zYLB&@+^~)J6KiQlPSSgH;on@;dq$lNwzJFl!M0VUpC~IzyI*WSSx6uIr2Ibh`|J4+
zCXtCs;hY`G2h(^QmLVQ%8-Gr^JMo+3hjJFBd@rYtCHR=~M8ub%j%~!!aKSUS{RHxj
zC<`W^k8>jVeAIJWQz;{-j=u;Nr?3g>2E=k;N%C(wn^E>V9rPuwqZa1~dokrpklsa|
z(v%mn@rI-usE}h0vFDTzB9?~q=fsX_{vQ$CMj#$_9L6G8nTpehuOwZZ!8{|Lm)Ip@
z<MDzj+v7H_raau<NDIn4kbXp69S6w&LV0D<1xQcyMtOC6*qmv|T%b_LHS9#A1Jf2Y
z4|4laH4l-WY&UaBdr0Rdo`Q4}&eXOnn$}y1Pv9KEspB)wFowZzJZFH7W$~7<zlhZ&
zcAvaIb+X%jz9Fu|U+>0`#{~)xQ#l2J3bvyO#1g37i+o|y-R-?^rA`Uk@JHgCY&sj|
z7fGkW`ou5L?i}rxlCDOqovoKZ{J3`z_WGp=<l)r+QtU)r#MzazE&1b^oXTf7zvld&
z{5?8ajXDD8d>Q8x^7SZhOF9$nbQB^si<pkA#2XX;0%wu`ow8VcHU@f&S$>#?pbzI}
z;yOB8%hGTZ=~pJ~{m({i(y2r|7j2SZb}sgef{*ihl)Mk|F_@9~m()v5Unhv^Xgh^O
zRnBcD@4TnNW1FsF?L^}_oLy-cLES{S5r3k*6zZssKTt=<fA}Z)1$+Yza_^BkNAw$d
zo`yZ~1(qh>nRG8|2h!uGN8e8}3n_nPdv1$ilpUn)A<{1GQ<C?fj@iW1o22*OlKNl4
zXle`RQP`97AM&GZhexRPl`a3+Zas-LoLv}H3C@g^$A40%4t;E<d>DN!vi;P@F~oKJ
z!8y{V-|8E15gHdH7)+%pq_e6PM>W#9iTy}=v2Bo;d<F8YDT}hRvW%FHisakaG=FGw
zHgUG0T@vc*Scnrp_G9&~gz7XrWgE`0E~h~%(#L4@fwLA3VsN%CPlRd7^XDq(SKHZq
zTegyTE@EGD7NPHV-plhFz?LgJ$hPsW#G_<35PXZ9Y{3IM(Q(b@v*BMhR@>gW%8PO)
zv2}ciPx|B{5#$Syzeu~Ds?3p{^mJkeaV38Rbgt5PC<Q+eOoqQ<UVDKzYGIE*h|i)?
z5cSKD-cGtH>0;QN`rYgxT2i)zHpgwg6=hqAeLP}__apN)?H=p-XC#oBN~JjaP_YMv
z*=+5Z<P%8Gr;b0ir;$IgAdJO$TdyPKJBa;AY#i#iOH9XdEXo-~Srtwlxj1`pJy&lS
z9c!#6#|xZ9VcXHSlqDfwiN=RXKmDZc72BXWb@LG)Lw>n!*Mf9bF7oMdg3Lq8{pf2r
zr}z1freSe1|6x35DbhMTYWztD$%tp*T*cXhdc!Fm$yvkJFGJnD#G8{(Li#9W`9Ent
z%GPU6ou#C6d;eE(sI-X@ttU_s7u!k^r0<ZfPX{$Pe;}`;7w3LDNKC$fH^Sqi-hZUe
z+qOrnk<=T<xt=pUef&wAyOgb<?ncr{^!!KK%G;^*lCw7jZK!;Xw2sl_KjVBty_v*j
z6RSm9#gW8Qlm3~^K+<bCzan1J_Ic9Ui2e=`|9FIdOlbZO(dgsxltdxhC`KJq_MF&s
zEKmM-TX78eJapQed{fS@4B$Dj?8I~|;QWsK2b{?nMfoGl#Cestj<xg`HlBZaaO#*$
zK?BYcoB^EsZG4CKyU0drj3ru?=n$-cZ#Y|f+wuk>7DqmYd{2gv!ww}UUZHHKCXAyA
z=?0`zVM7e3O&@HBIzA`<E9tv9lk=(xYo;jR98cwpw(>lDr_MMVlb((`{IC)iZe|DZ
zl2`#-wuN+G(lfBOjRkU{kH>cUxkdb68@Nh-o)6c5U@P|~u#5&XIFAvlNW~ST7m(gf
zSxxe*$S39E^Cj`ASeElP<sXlh<R5YBsAv7!UPG|}&di**XyfbWt*|+~UACZtu`vnV
z2F8X|?%k_b@A&>9J-c;^jqe}pRPOgb7esHa(6^>vP?Z4*ow|lZ)Qe5%8r!dDOnm45
zc{Yz37?>z9q+5JQOvs?vjv;+w;$k;X9^58#;ywx8=z8<LsZ#=cy2ZzB9y)(Ovc$1m
zD!#|&J1evMcw#ocUz4rS=E_$_XDnJr1L(wn{=We@|69Snh0&Xjyy%`dL%sd0%vfT&
z^$&??5HqBIWThC!RruY+L}@}g$8dK8;$ywz(f~Ja`7dRTB=ybUwjK!f<P6+;FVZtC
mMUtKxTWtJR{wrsNd;|8c>J`(kUu?gS{R_8_FYl>c`u_l>tM8Wp

delta 24382
zcmZA92YgT0|Httg5+RWgGh!ry5G05#AvPs;?7eGL?aeJ!dyk@|s%liJRipN((NMcq
zZM90RQnmlD_xBwCzsLVRe#i5i&pG#;bI(2Ze!mI7p8e0~>@y$tat7}?4o6pS$H{?-
zc^v1qkK;_PuBhV_XyZ6zFcQ<@k5~YAVqUzBr7&$<$BDrzsQ5rEiVJM{2nJJrjPud2
zo#SM79M}1dOg{o!u>?l9cbtyc5kv7HYJl6A26J_AoYq(XGvHXviSscCHzOT8zhWl5
zV&hLy?NiZtIA+6ijPJyGGLDmgI-wQ%V;@Y5BQQNq#6Vnt*>R<fAHdX<&!Q%H6*J;r
zs0qDA4V=D{<7B}+sQ${KALBc<$pl~%)Bv4qgMR2uc?_!K38?y6r~$u4E%^_qfi9yi
z;1Oy9KAj!M7qej=%#BsB8m7Vt=&IxCWYpnTSQ(et@+~Y+`JpXGbzvV+E`{Z=opk}$
zrhEo#Vt7}_DUCf){VzdHd^Kuix7+feuB^W*&JxfBZs8Mrh^g@U$L55)s3m`fnm|xD
zbA_?!O}QTG$`dgwc0(=oD9ncQP%E?^bt`^B-GZ~-SbtwKcL-F(N2q~|b$1;8=ak_O
zHC%#f_Y-RKY)7@bV&k`vxj7He51aNd^&L=G+zqvt24HF&jcIU_Ycq3D11v(#c)5-5
zK@D^m)xk+ryDO-HZlgMUf?CN}m<#=Snt>xx=aob~zLimXqamsvw+k6{(8~q}p_a-;
zZOR$8ei4?WyaMy$WsJp?pEyn!#$$eLhw(TbE8!umfPTHqfFGgSHNY?Q{0|`$NZ=i6
zsRKVXOB0G}7>RK@0ex^P`r~ZW6?}ssxB_+lKGX%B#zJ@rb<flEHuX7BD;I^ndj89h
zQHK>#6G_0d*b)QqW7L%nM7_b*qXsyP+GM9ux9lFOy-y#rM>3)YDurra33UOrP`9)`
zdh7XbN=6M^VLI%JK{yE2;RNek)Rinn?eZ<C2_Hw#X0+v7ScdpB)Lw}0Ywmd+)cNgE
z6Yr0%UX_!`MB-x1fQK;%FJpRqWcA`bt#}5^jd@X<sXFTMY+=g-QT<Frt!xs8;rFNu
zOh#Ssg?_BR8r&qHC4Y>?@h$4!$Mkocg4hD}LiqwU;T@=noWlBe6K7+o0cP(UMlJd8
z*Z?ovc+r8Tz8tE)>Oj_CGp%DQ+M(`IciW)1jSsQ$&rvU&38<Bsiu%-CgqqNH8$W8j
zVts^}sP`IVRxAsuT+k(>dmNAIuny`4(*|{KN1>K%x-EZ$QIywUQM`m1F>tV%NI0tF
zc+`XvtzA$THW;<iBW>B8L`Jt@1_omis)J3a4i4M$CDh046V!y#4>3y_hMI6e)P(Dx
z>RX}u>4_R}6zW2!S{EW8My|7xj81%DeS_*C?NDAWm;-gM!cdzu67yjr8y|vtA&o}8
z50=~b8q_A+f?04MX2lDr@t%0f+<&iOW)EaTtwdqe1j=AA*0lBQu^Q$6sCV~P)D``L
zn&3&)`F~(jylu<z!%cl{)GbIv-NF{=dH%;MLtqMO#xqd^B%x-y9QAx}LM`PE)RiV%
zPhv&N7cd^PkKh@{mZ+84ftuKLR6h@_&(KvzugPdY?~&#!S0L)jqEUMw4t0fftxZuK
zwX^kItwXGnP*<9S8h8n+{TkGGn^67j9LfFH6&@s@4~sKc4uiQZ>Yx#-VRO_3JD^sm
zC#u6im>)-?+Al-hx>e|T98v9#;$!?BGk7uHXJ&I=7)2l(6%R+54$_R~r9e3y>Xsy;
z25yd;c}GlvJuo}=Le)=1wV#dJZ1Yi@cP*C2pRgX@$LbjOx#OI}&s{QXM5oml-urkK
z8({nw<{dr*RiBKiuQt|kn&E2H6{i|!t}rd?$}^%KyF6GK%ODSwGYpsGGi-=S<IPIC
zkH~0Ky+U=EdV*QfK+H+G6zU!(q8^`isHbAEbq4AMv=X)CJ5lYATQ6cL<vXZ$sVABh
z%YnXn{v*g};AqsnE`eIY@>mrUk%rEETff-4(#AK~@;21H{sp!4hfxzfhPpL(P%HB{
zs=pMIv|`+UKQcNo1XYn6HIYbb3~H0cqCeI`b<_kk@gArv?}O^+a}39csQy-?`rC+F
z!JRgK20hRJWimOaxPkf%a3-4pf>7lM%!j2hH?~G~<f0}v*SZY-C~w5PxEqV$P1H(e
zo??CuXn~seNOaZl7&4maN>s<|F#wZMS9A`w+pnP7y+SQ%%Bg0+)TnYs48ULv#0b=<
zYf01!)I<&30MlU8sjR;`Y)>E%yP-c0Ms+j>)8b6rii=Py(qfujder%SP`6+Rs{JI)
zh4XCvX4J~;vh~TR37ws$7Xq291T^qJs4ISlnqjKx#`LJo6oP73+!~MSs5WYVMAQV@
zqR#J$TA6{U^M|2UU^Z%;uUs<Pt&35cYANc(t(XFTL0#EFR0rp6`3a_@>^;L=Kqd^N
zoF6q{Db$2wQT<i7@%pG++!!@c_Y*Q&>Y=C(#-nC97qyF%Y<xFrz+)JMS5Qm;7z^PG
zEQ0xF8XKc-!56mt9qO?@jp^|oGLGxKCZiWaidkmhEU1P#P!lR{t&Ccs2B?9%;3wD%
zb)^?kx8k<-k@W@Yf>O*jzh6j=TKe*ssOP^b84WZab!97Tc`NFQe?@hC9`%@BN40y0
z>NseQS*fh3$Fm%&z7=Ysz0k7<Q2h);t-u%zVti)~8Qr7h7=`Pw7hb_hSocd_CV0Wx
zd9L{u{0OyDspgqiY)%ZLTpo*K8`OknVhLP>CGk(x;~X-d^$#XficBV~hbni%!Z^al
zS6X*rH1X4z8B=~`&dY}CI2tw4PFNQoqHa-z1!j+|LVc#3LyhzA0@hzMOt;WnNnxx_
zxe6*i4YjFOp;qQ1Hb%cBK8Ua#M&cgqfcG#1*8SQ%rtL8s<xf!ee4KSEYR}C1n)TN`
z`G$aI^gZUqz3ACYs1qMy06s_EDxXEhbg12*4b`q1YGo2I0y|)7oPe6h9@L)r19j_e
zxHj+-wFy&vV+IbghG0hGc~JGGF(+0>J)WIV6B=iofoit^b>2!_-if-v-%t~|h1%S%
zv)Ei&deoBSLUj;{nrRu-N>sGvk5E_I0R6EUs(mNa3#A`wcYlVu6*Eu+eTQ1vpHSzY
zM<(bxSIKCgr<f04qwan9x2B_b)XeLnmaH4<@%jukz)aKxmZB#56Y6o>fg!lp#xJ49
zxrLg*1CK6WiEM+{s1tpbn5FYW-Sb?i0Slv+t^#U8%}`g|2g7kBYRMO)&f93~_u2As
z)CyllP2esDGQRVOj2^#ts1q}NXLfry7NlGswS>d40#3rJn2a?r-BKQ5Y>HKID#qbS
zT%r19roS!LTgZdtWLnPpdy`p5M!R+sHp3(6i}^TPOB;pRF%Grl%~16{&~wi*HRaE+
z9!@|XJa6MyP%C%`b^c3KzX9KK|J5+Z_ht#hu^r`Vs4HG(-Grf(51=}@h1z5<Fc12z
zG)7}_$_=p?jzvG*f?D!@sDYC)4W3`g`s+$=*ar7(#S_%ZyhcsL>j%?85bE&@M(u@C
zsFkaa+7n$+o7A=OFHxIt6>6dfQRCf1UHCt0sLTuW!*`e;{Z_G@7=s;g1FAmjYV%?V
zw|<2F#CxMwWH{<dr=Z%;Mh&<K18_NNLL0Fpy2r`Hl1cTW>8LX5gu19DYJ!ci9cp)P
zvh~TRU4PP+pP^Rl4eEkYtTCoW^%H2z!PZ>JL|rE@8J$=NCty*G!mX&8-oYlAa;<qU
zw7^1?2cd4o64d70gT3$)Hphf@=7qBib*m2JE4+!3cx}CYgTnpy-(c=t9O}i>81<O-
zMcs;Z*7K+ddHrPC=RlQ9Vlk|5%cD{KB%vm_)t1j;KFZHf7nFS?Wj+6W$+W|H7=tgc
z1{U6A9;^OXj`9esid(QDzQK5`zuCMerlVG38){-_Q3F1)^}$=r$9fekLA*D*-N`H^
zqkESAXY)K~L2aTus7+K5Yhg*$F8&NP!SApp-pBf?-)jD9W-PX#{3q&y;<uUaf_?D|
z$}>>6Fza^KKZHz`?dBe}K@Bh%qj4eT#lxs8euR8HI8}D=izd8@m9h9v^L`kJVU)kb
zBDfic;ccvf9e0_PT#nk5*LSi00c7qI(3QSK?S7x#X6Xa4IOQy;6KbJWDiQVAwZN>{
z1xw>dEQOm;x9V^F1!MM@$MZSr{M37mfi4*>btcpVvSUV!KyAKqw!VY48)|~Rt%ETo
z<<Bqz$DlX<fEsA6brYteydBm42<j<wkCV~N-(of_wa-kbKI)2_Vi2}RU2#85i!P?e
z$*6WosDYPb9$bYw?>MIPVyUqp<y$O=Zf($h&$ngQsYs?Dfexq+&Y(K}0|W6s>cm&5
zfg%o=B`%7gl)GYT9ETZjI>zA=^uenbiMMPy{XrAYf+2eTbJ##>45ndu)GcU&x`OVg
zi3~?A;UrsLfSD<;#4Nbm#?PYm)Gbu|r&jMn=E5?e+ULUn#&_b#Xn<O%D{78~a0qJV
zOEDE5L#@mi)Lyx5eS*3*Z)|;<Urm1@sPiJRJQl?Y*b9AeHF|#kw~<V00y|K*-~ejr
z4r3-ff$HcMYOnl_YM(FJbQFzhUkZC*oGq`g{)j1w|AZQN3#z}}$*liKG6xA1#_EU7
zuIz^zXfY1Q^Qh;z$q{~+hbM80>VGpURD@t&%FR(%I1>GF2iCz~F%M=vW?n?GsFiMU
zjP)->W~i-LhPf&4x8>WIgL10l=3Sl#HBcp6?t*%OjX||rgt>4#X2(BJp8?OY3}!xI
z2Cj>$@8yzFhZ9j9twD8^j79M_Mq}_vvobYMD>VS~<F^=z$*6bwQ*48gr_5Km@u>c;
z;R<|<MR56PqkEQ23<2NY&8{qmd>l9pusiylF&`oWP!n8$>TnZkX-{D-%zf7Eou24N
zxesbj497G$8iQ~$YL9)5>;czVLPj00L@mjF)RJ98o$w9=FzB2y6t#JxQ1`fmwIZga
zoPa5?IjUVN)Mo97f!GtZ35TJdp8wCuXrQT{fa83F>i7rL?%#~+=!lJ<LUnk>ddK=0
z)$S$g%Dv8;cD~m1sQ$8{Rw!C=#&^n+(TpmimZp{}u%5LUs>AlEiFHMF)DP8uJf_1b
zww#1&|E(>rK=r>GHNlNGz8yW!{~lZMtF1VW!8H6GwPX)a9lSwx>~q0P&>y=|&V*XQ
zk*Iq;9d(6YS(jSZqWal}y1;!GSbueRgn+K(r1h-zBI@2>LtXJh8~6UhbdUzMA{kH}
z=R)-tVatWBB``bjIBPT1MEn22`s>7z1T^EZs5jLN)P&}sI{XUtIDTX6PoS>gcT`80
zQSI*7@&nY0{D)d{zl)|Egc>IgYTRg-j2e`}IanSu<0-7e$L3v}O}X@CbB~W;0m>IK
z0)4KSzmzJBH7NH*#kXQvyoQmO{i=D4tD(l}fuZPnU1I~0$&CrP5_{rv%#EF{oA_AN
zm7c<ScnPy$)D81$t%}(xe~jvQ42I!%7>@ffAKt+-82G2>`-bb(Afpr8qn`T_m;o19
zf3)>`FogIeEQtT1+UL1x_CO`nX03x^*b3Et1ghOUTi#?nfu868J{fJY=cvcX=a#uw
znbDhae$>4#jA~cXmaAZS$_c1}Ct_Bdj~Q_tYQ^?rEFQxq=zrVnl@6H3CGasB4bT@W
z;xJX<cGN97VCys9G50bDRwiB@>*56LjOTD5R=CUS8#ki*@%_t8FbLCA4zuNA=qgZ=
zjAq;beZA-mQ&Ilpo>`IpsLzNos4L!#zW5B)?hWdmd*3&org>5CkNTJkyP^6YkJ?iU
zQ7g6cKF_~8IzvDmUq*G9<8Qv<Vjk24XJcwyijnvus@*x%`BzZ8`ZnrTjCf$`C!<zi
z7W!e5Ew8ZU^$%Eob+ChgI^2)`c*Hh1hpNAU>gb*=KSQ;9gX%cVLo?A#n2&Nk)F!Tt
zdJnX*@!qJ-_$8{}pIkD!vhCLWsHHlJ>F_#g;3pW3uTjr+p-1LhZf7h?`CIELOr-4n
z*nE69$6AzsK@FJh2^$!*;tX`_kkO2;U=DnPX))v<^MxWmCQxpLTA}YzSG*Rr0^2Y@
z9>gGgh&tcvsrgYW5HnH!2(>5LU?2`cCgeI}$>@Zs7=R0`-(z~po3R=mLT$3ZXXf#V
zMs2PVm=_zN1{jQ5sTru1+l`udGHRty*zyJRW_;%w8BO38YFGY)>d60JGxNNdnQ~do
zhV^W@8)l^JqGyw#&P&49xCylvGCeo_mP7T^5Y^Ae7{d6@XfnEoNebXm)UCLS8X(nw
z#t_UzIT~ZI3hLGkM6JYZ)Oj0F=N(7gqCZh9_sG_#e_?K66uN3qhK%k>RV;yxumFxn
z-P?7j0nekZAni+IICi3327kmP)DkDWGB(C`l-r=j*@arE!>C*R`zzKzE14Svw0U0H
z1_7_lJ<EzZAs1@X6+rFc;+O$rF%Q;7O{}ktk4LS*0?dMIP~#lHV7zS0&tJ3tdd$+j
zF%_X$oN^h|gnFU|8fnWjuq5RrSQXFP`dn|#r(7}2PCOBHesAk&)XL08jhBSFu+=UZ
z4X_z?CCQi#AE0KQ`km=G6tzbxV+i&`bublmi{_zj;cnEGA45&x25M!Vq5AW8ygYj-
z9P3ebOWVLW)XWyz@+wS8c@OH|?Z+~B0^`un%hcCE?ef~FThqrn1T~>i7>d&|4A-JA
z_yn?2uJb1uJ?BmeGl3w~734;BToQG~Em7}*fv79rj@m>AP)mCn^%!5m{`eQ_%G>hW
z2elu7KImdO{K8XqSu!%3`2p)u)Y6?nP2>*h1@ap8_@(qV?Srjhm_WP$*1-Wd6!)QS
zX$2p1UI$b^gHRJ1sWRg`<H=}=r(pyxK&{AL)D@gUUEy8SiBD|#HEOT;r1J7S_o1kj
zibH*IX^L8rR;UZ?X6=LOZwPum|3{N)NMIJ~3T~m6ssvvKG+;T@%&Ve0s%>qA+7m5p
zc{Xb07Gf^^5jD_nSd{M-XRsssrt$K8C+y+p<$4~MseWd_l~|V()}jV_hw8xB-%KPu
zrl1^xIWeb=$D$@&4K;9W)aLDuWw95k-xXK`pCkWs;?ufb&SC<!1I(uR8{1Ou5NLM!
zUYtw$9rnSw>AXBYUZ+WK2K*ScGQCib*8tRuW-@BP?{E?RgQsy;keAa6KjvQ{d7dhl
zjPB71>t)PO`5x*DGiEdmi=nQpJceQ`)Qe^~YLm`GE&VD~$2+abs6BNCbK@J-Ee*|N
zR@jXsqd+m#^BRlVwY5-J&<k}dcA##>e(O;iKZ`p53Th?pqBh?n^t^abx5huSc?yD1
z{Y4<}8`p`pfeNUG)lnTKpayJ&npi8;i=zkXxgUvYKN<D3%tW2H1oPoa)Ii5kpB?8=
zPsa@#e~X^a|5RDLJYOLEQA=4Abq}keJ}g>cF&toBj(Y6Qqn7+1t4~(55?N7uC^vS+
zQ8*ayVj^}3HWS;7rCkEM$Y_SoQTHfCHZy^|sHKg=LRcNOSNfu^)J5Ivv8a`riJH&?
z)Qf60>K5#^_2*FMT|@PI2R%RkKOv)rFHuXKKE!ksidx!Ycm^w@Rw!F`v-DA@B`%KY
zI2QF3RK|kX+}4jlt=MGL1ec*Eyd^u&zm|Fr0bR*?TX7TB@dH%H|Dx{Q8`KH}=P>58
z##rM~7m|SLuLJ5m&<i!OzNkGj0ks0ta`60Xp!o#!cr8Y4uHC2;kD?}c67@L#g<+UF
zr+MW@qB^c_ZH*eBKWd^wQMYy+>ZzECdb;MK&fDga(Tq=8@1Qz(i_z$v%iNOUsHLln
zYM+Rjcy}y^eX%00M*VE~03)$jsFza-TVj4pLiMvBHI93hjPB_r8+eR*%$}pJz%R_K
zNLExlpDmZc8I-G|_RKl!ZPe2KYs*e<bACE(N<1g3{Q&H%=YI?t&FDGmaZ3|!?sYh7
z!1Abx)JI)WYt)3tp{`&77RJRGg-1~XyteiJdCW=$p*C|i)U7OtxftK6Nk$XsiY0Lf
z_Qy521oP%K9>T9F_snNH@Q*NiCK4lv*F;V5Q>=jVQIGREY=AFOw<aOKd4*5IoO=G(
zkkRAuo2|HwF_e7^n9WxXRo@WRaZg+R0kvZLu{2)Bb(kg6EcGGmK{>3Tm*-3EWYk1=
zV-CEHZXq(>g-oC*a!;H(sG09Zb$lK5JckrE9aqDSl#@^$dPRA8{tBl6YI80`?fUho
zTe1W77~exZ_fJrJ<W&^UzXCqdW=R9F2<5`4$FLQ8b~)-6^+ip14C?V&i)HX2Y5=E*
zxe#B}#PVV+)<%6=jzjgg1oc?|P{cKXeFVY@97b)n2i8}prB7YdoDhzBe#@aI(gror
ziKtCC548fzQRnSIy|~U|0ephmBiW0Y2~~5+XeRAZU%!W-u51EoBHy3}SdE(bHtRmr
z({UK}G+ail&=b@Iykks1A*g<fp*D9VR6m1IPl4-_(Y;8r4VGgV<x8jm-l8^3P;v9I
z8jX645>fHasELk7f1HM%#}dORFGdZx*T$1kx9Ygjb<UE}9=MF^;5KSS{z2U{{}N`G
z=SSV5il~7*qOSZi)RN9d-SeHO6}*Y+?=^aEVM%jA;i%175<P$aSCNbcY>9fD`k@}P
z$*3heZ0o&BnID<5VKw62um`Te8koJbiFd^6l)uN5_y{ZEzA|2(zZ>=`>*egE9EZMo
z{$G*NCP`V&JXX0-OE?;}wBu3tY7XjieFJJq525buanuT4#Wr}?mTShE^BbU6stxKw
z`=V~`M07P!5*a<;ORyInMJ;{#ICHO?V=2nrF&{2QP3WL4-^7ZP{mXlK{yjhfYK7*Y
zmiiCWJ->yzfWJ|DE=2{Ne_cu13g!wjS#zT9T?A^g#n^Zi)C(m6^@19Txo{!s0=A*{
zz%2~JfOu0Mjhc8J)JpY3O<;JuYi2f<fS%te7>^5aIbKA47L2KA+P%Oq%1$NoJm*F&
zZ7tN5wLx8JKhzQrMXm4@)TW$;+G8tGduyLdrY@Nms0q}pY_7a1YK9$gBz}S#=sxNS
zoGNA|(x6tbG-|2iQSXadsEIT~y%*Y|Cep_`$kw|f$mpBN7+i=GP)iw6)ht~D>`A#d
zDt-xzW9n+=7Q~_6h;6Vhj>fk53=3o9>gLmKwDjT^l~{uK-Wr})x9dD76H1_HP4f+<
zJ|<8ej0JE%YJdl*O_|{%v-zS?_dWsj4XB4LFT+BV_oLnmk5TtNdoA-dz7lq(+z<2U
z^Zz`VsRZ7jHqYeR=K0-#TFRGL7E>pfkLAj!r(u9CuR`6+E2yU;a~*T##ZfP;cBl*a
z9JO+*Q2kxSUX1UA)HU~N0&2kNsC)V~>M2-;O>sTuN56Vrp1(+l!9>avupM5;t{7k6
zT;X!8Kslg+S&;;+LU}Nj#_j0p)%cW*9;d*DW>XbK-Rm}}0VkmD={nqkL5;ke_Lz*F
zuyCSjKLhn~yxsZ?CsB@WY$mo9Yf}zyVm5KFCOrRoOa>9qZl7qKZ5w=z>To$~cV9*A
z;(Ms4<uU34oTla#8)9vRO$dLDckvnO0<SbP=X*6b`ZjmX(gzUG0GUvmEEJ<L7IiDS
zqaLTesHbHJYQiHiC633UIN8?kK%KW2HQ{8`i|jb6{WVnkn=Y9;WU{m{o2L_MpwXxS
zCZJv{vry0R3e**EMP1Qp)SmelH8Jm&<`)-fP@fIek!|2KLEZc1t<2MM5A~F|5v{$P
z-DDb~He1Fv<_#5!`miX2wXi<w4YmL)<9gK7@(eYx9Bs{RkH#*P8=yYCwqQ-%kGinH
zcE-%ehaUg_+XhObI;?<tadbvq=}gqptwIg719fG`FbuDtR>Em--jLy_cBL>g*0k|9
z==t<RJ*E>qah|^wWVFQFF$zzhUMTNS&w05H=3e$ewHt!kD^pRMa6alvSD+@g(Z=_q
z+MUJ{cm?&?W$I`?8xqj-`QMg|-sxRY_pmo=(+oge!7$X)&A@n^hiZS$dJVPN{=z}{
z1a*G*PR8D-O*atLZYZk1(dc^K`DF4Fi0EwIOm(pm<?+}blkqEz?_z$7bpdBlUendA
zP?e9(*Y=@UgZN6+N<G0w=-bV_`C4Kg%F{3sH+19q*JE&rfbM-@ce5)?ViC&iQLoM!
zSP-|OZplr|hdFwf^D0}rp&r}msPlHA2D*dV{TX_ir=tmKBC~qB=H0!SfL7pdRL7Y=
zF)yB2)L!Us%WJH6P_Ne9z07AqJJgG67EZ+@I09RKY9@FdH&b?cn+a{fIEvR@GJ2ds
z`<U;59q<9=5jYWh_BBt#bJP{(?Posq>R>C?V`KakwRb}MoA*Ip)IE+tJ=SGWyS^Ig
zY3gX}-Tq{>w8KyXEVCX%ZNC3dk73{d^JXl7+DuhZ9oIy?fD)}8Y<+LkX6ui7kqt);
zJl2-yB2NeZ{{u35<*q_KPKQvB(^=Fe`V-Z`3)Fxq2b#w!9jaXjrpEl%qNw&|ZMljy
z0d*mbQR94yY4rI&l8ibYkDBppREG;a4fsoE)Z?@U)ovr|iua(F_!tJ`8PqL!XyZ>&
z{k%dA=sn1^&xmRlf}Vf>A4*0Iqftv+8g;K?QE#l~sEPGKO=Jk_%3aj+J{dEj_h3^W
zjG9<3)Jo(-O}vOL$J%l=bk(o{8FkzYHM2IhK}S@_pQ5hta~ofXx}p`<%{G1jHQ-6q
z1zoh|o2UzUi0a38h?!8>5T1WFfm4`(ER89!GHOEAthKQ;<p!t;PC!jysx=99A*)dR
zY(Q<^ov4*Njk=JFsEIwYz8J#uucb*b)XQ0mfvB18LOwN}d8DV@lN+RLj2x}|!*QKi
z{*6N@*VBwSKH`Ltly!wgX?qrVaXNnxOCVpJbf0`}b<D9wf3W{NM>r?6wH@`hszM(q
z?RCi<O%2X}w*E&t;yvWFrqklo1>t_mX|V?>fOfTrza^iEycg+5(!aJJZDO}7e>|Z<
zZft>P=wJhl4&iy!@q+k%(n?}YNY$Cp50tl2mz8{D+G+Vat1(9^JK=h!=yam3j#4<C
zwlm0Y@I<)&CbqH4Lus(e4!Vl+FO>geKpowQ=cny1%HI=jLAjc3Yg+JjCH@D6qQqy=
zt`sSnbM{~fe5XFh>qsD9Rsa86ZHV{BH9F97lyt@B=h;C9V;f>W+YT~N{*-p*No8!C
z$_(O1eOg<-W4%Re0PS?>11yyElJr|o{?PF)4d&7LcJh20|L>8)PC|hSbgpAJ^~G#n
z<@F3Q87JaI>iC}FjCwx-^7ZK>J?$&bD%LuqJBx^pHAIVG<_|_#_Cfv~bxmzAe0g+I
zl261FwBb|I`I1zXd?kC%1lk|5?OzeALs~?ee~3qu@-c&Ryl|XPsTfa%o--YHC@-e`
z6DfxYIhAZjw&?7njgB#>ABS}W)BgR@fH*%#Iwf!!!MEfu(Z^}ZMM(2)!(qH|9A5(O
zk1uV$4uMfN7|Dr8h(E(6A53HgovQgi{Ba$JQ5QhIwLPyk`DR?@MeIttO8ftRv~)RX
z?*~!d-JXBi9AR(hVd@K#KTrG>DLozekUA0DXwTEfqK;?O7qRCha^9z;9kgw2V<o8n
zl6HJWcf6@fPjU}a;Cq?#9qBra-yd5j`;aaX7(_gRd^jnXd?R92$mg}~Ptj2U@}r2w
zGFUJ2Q^;4w>7=~0zfH<TyNtvSlRrhghW^6s7=_Xla&Y1n>}qFwmBu<65)0v^81j5C
z^t`~Ucxu>il($jekn&1Qru>|I89Yu(MOsKoq%NO5r;T+g{Xa{|{m;OFeP~b^AL2GD
zvT>4reR07y7P;-jR?(&v`OCzL({?9q^Ak%T={QO3hRHf5sT)Q7De5RrKCSvDMbJ+F
z<qGE-iJ#T~_h?MMtSw*Sgsr51NjeG=zi6_~zjUBupVgFj9a64MDnnon{=qp5?D_r4
zpSKOaLHBC{jqH`Rv8uk3{@}Pp2mF4{SwRO~P00DvcGjHsXQ`h>dVl;*emd>%+1MoV
zI@(cA$9dUod=ti{;Qn_bxXw08reQBChT~1VO#EY9g9V9wZ`++9R)VsQpGZ3?zoagw
zy#T&$dyam@$B}gK4chse{9LS0y9iHI>(5b+;9y)r+G|fxyra#}#UR>rwgZ%B(l@F1
zr~Dc5g_L!iqg`!c2Z@y+pN4o@RoL@li0gQ4<@&iw8uESJ^WW7wP5#592j$;wpcwg*
zbX1p4vy)$se{o)C@?YCF_sO>)))RFUqD>3V@x~X#YGRa~%pvlg>#st^D|<q$)r(GQ
zk+P7!r=tiO>&R&9ACmvh6ET0BfRwc9YukNL<;gDMyl`9R!vr3feq87A|2yH49pHTj
z<EX!3V>7Lbh!v(m<oiZ=or!KEJ)kZDU(!}TtLgZSd@ADl;qnVoe^Mi2HT3*fr1ATs
zCNrx;nnmLP)KQH51lpv=Fw%Wu{ZL0K+VI1qIq2{h@!u#nB2}aAB4$+_C)jgV<8snQ
z;yzmcXe#w9iuXrODst1Ht_>`*zM)+O+lfN_T<>fpy*~<b-cVcU@IGiAZQD)b{M1Y=
z5Wl6)&BsZH$UG(GrcojMf=c~tbcJ#}YLed(YmBdHe;TV$?nGWklI?sSv6Obz{<X1|
z)W;E<gY$^}$vLfP_bV3A^RF-H=LqB^g%M1oaR3bmlbVqR68nUt<1TITkS}e^ip3D~
zqr95*RsoLcoHv5F4qx)W*?jL0&O1(idkQYC3k{MfOeS3;uj3;5yyWND6UUMNl9-MZ
z<lB&MPu&#C11YCt(({Q8B9*r*kc0YR_WT{RX>RkgJ-zTo#jo}G|Ni)uM%^g<L2L%;
zq^<add_z(}l8z;`(@}$RAcJ)z|1q5(qr8-SJoWi;9Z5%Z>L%NBG+r)ZsW1(?zw*a(
zDmUY68vcno^3xzMogXBYlls%7FNl4345Us+8LUiwQ}pJXQ{-EdLTR7TG;!AB15zdG
zOA$Y4;;vJRg3kvXe@^}}sW6>ww()Pt-y#hsd69ICVSo*!T6DOMc2kJYGF47H%t|?g
zw42nJHs4?Z>gYsj<;ijX^HEWZf-jXB$S+r=9e53{XOL;65hNW2NMlL!DF>3WbB>NI
zwCzs*M^p6tS&8~I#6KcMlNNkXr|e&@J^4E-E08vFLKEBQG0wL23e{tRzfiBEEcs^C
z&9-G<&i#dW4BjI)!qdw92Sb$APqjKqQlEu$8(<-HzowG{WX{`xzTo7#R7Tp4$KopG
zsozBU*wYQ0jC1bUy!e~Cnf9Ekwyztu++30t&~G!c3v~iVF@67!r}086bX=lQtUc)`
z;{G;Xg~4tT?@pV_#2S#lLVk!&;^;wIN^Ah<w54rPTy6VN{XyH0@;XjZ7wgG!|8v=f
zO*wG|4f{~h%TvksHDV1(Ix^92B=vX6U&9Uzve}+HNdw!w+NL4D*OsTycBIX3C9mTQ
z?WbZC<9q%SWLfYNg8Oj4ZFG`yb(<egz8Xo#KXjIxcrd8}lN*jdk)GT74Oo$OWr<~{
zzB&0f<O|qIET$Yssz$lNd>RK)sUwEQ{<cv);(3WTwdIxMZxXADoACtk3Y>G5w1E5t
zVh2cfJwH_vbpD~GH#Iv{u*V$A6KSQRrV`~mlrxe(CmkjgA~qIVlFBioE~F&d>eq!|
zQ8$^mj=IEkOk$in*nspabsJN%tHNlQMBz9oANg!p8hfISJmlMR;!g5~$?HgOt!O)b
zZOhY5wKLbAdldg8t)+f9b=62;krGKditDG!uJ&XF>XWu}LK6nuZsUc>e|XgYpgi7I
z1Y$Yjs#;5G$hqYy{A}w#qR(44FT9v|GwS>5Eq|28O=ysj;CS`GQ4<G{elSJP-^?_o
zO=-$;xR<n;)RuB~&i|3TALqZIJe6`L@@YsZ=)<Kvllp1Y<)D0pq~opXdXu?NgDy7s
zh=wJJJ*6B@8btm8^_PjaM;)n&&%`~Lf<fLNyC^@R&2oHyw6^(moZo@Aqp8?pE7R#)
zg^rY*be5EhMi22N{>+JOv4w3smhx-z8EjdUwu8sgE|m0+RFd@mctKxbwE4_V;s@+z
z^NT$){tq+?rqLdIVnIAd51DCjmV6|2zhhc_W7`bioGdm^*mL|s`!TljM$~;qilg07
z8?((k{~+@M@jV1;==!@;Xh$z$<d<;LBWzEqOZ*6acyyuuD>^(x8coVdn-DudDEVci
zB9!anXPkH&b$n~vD8H6Iblj!RJ;EQKQz*j(W>8VYp3sr}-{hBZ;&JMS;Bv|>X?KSF
zKw`<X8HXPpArzu$xAKEvE!qvW{VF{1|LV;BS9vLo{7E{7(>RoYbfhD{g8~1;C#0Oj
zUXeZ_rKY@=x=7AzM=EE}Pa?L9`VkmU@+00HKc{^~@)yV-pq|U+oytIe5hzQ=e}uA=
zR+ApkcpCA+#5>aF6tM%IcV-k39a~8*`6smMP3t_KDBmGyJ=L}er0#d>9^z<X{cM}t
zlyyAEpNW4&KC`{#I>h!<uETk6FogJ0Vz+6RS)atSDb%Lo8yf5)*oX22(mTpJ+F`iK
zIyuPap@Xi}_owaqV+iqQ6mn5_k9a0q_Z2>Q-^kjT*ip{^i}EIYB7Mrqb16g-Y(-v2
zX3{3|X|XbCANdZ{SHRu4g;dmQ!+|zAGj7Pzx4O@U-h%>CY?v{mNyvtWv!?lP7`14C
z-v*zRnNx1avpRFJh{UKWeLJ`B-|f?0QB~Xb?_4e{rf5vDsG`N9Vq(II6)P7LQ>ZA%
zhLV>j25)%!Z?{w%2E3V)Vq-2ZpWK@Z<@U-Q=p9!7(@vWcig=9(*nA<*E5G;Vz)D^p
G#r_Xa(3mCw

diff --git a/pod/locale/fr/LC_MESSAGES/django.po b/pod/locale/fr/LC_MESSAGES/django.po
index e0c657e2b2..edc096a231 100755
--- a/pod/locale/fr/LC_MESSAGES/django.po
+++ b/pod/locale/fr/LC_MESSAGES/django.po
@@ -5,7 +5,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2021-01-22 11:22+0000\n"
+"POT-Creation-Date: 2021-01-29 14:49+0000\n"
 "PO-Revision-Date: \n"
 "Last-Translator: obado <bado@unice.fr>\n"
 "Language-Team: \n"
@@ -154,7 +154,7 @@ msgstr "Changer votre image de profil"
 #: pod/playlist/views.py:140
 #: pod/recorder/templates/recorder/add_recording.html:36
 #: pod/recorder/templates/recorder/record_delete.html:32
-#: pod/recorder/views.py:148 pod/recorder/views.py:309
+#: pod/recorder/views.py:149 pod/recorder/views.py:318
 #: pod/video/templates/channel/channel_edit.html:48
 #: pod/video/templates/videos/video-form.html:10
 #: pod/video/templates/videos/video_delete.html:33
@@ -1366,7 +1366,7 @@ msgstr "Veuillez corriger les erreurs"
 
 #: pod/custom/settings_local.py:76
 msgid "Dutch (Netherlands)"
-msgstr ""
+msgstr "Néerlandais (Pays-Bas)"
 
 #: pod/enrichment/apps.py:7
 msgid "Enrichment version"
@@ -3829,30 +3829,30 @@ msgstr "Pour supprimer la vidéo, veuillez cocher et cliquer sur envoyer."
 msgid "Agree required"
 msgstr "Accord requis"
 
-#: pod/recorder/views.py:64
+#: pod/recorder/views.py:65
 msgid "Recorder should be indicated."
 msgstr "L'enregistreur doit être indiqué."
 
-#: pod/recorder/views.py:70
+#: pod/recorder/views.py:71
 msgid "Recorder not found."
 msgstr "Enregistreur non trouvé."
 
-#: pod/recorder/views.py:85
+#: pod/recorder/views.py:86
 msgid "The selected record has been deleted."
 msgstr "L'enregistrement a été supprimé."
 
-#: pod/recorder/views.py:118
+#: pod/recorder/views.py:119
 msgid "Mediapath should be indicated."
 msgstr "La source du fichier doit être indiquée."
 
-#: pod/recorder/views.py:142
+#: pod/recorder/views.py:143
 msgid ""
 "Your publication is saved. Adding it to your videos will be in a few minutes."
 msgstr ""
 "Votre publication est sauvegardée, elle sera ajoutée à vos vidéos dans "
 "quelques minutes."
 
-#: pod/recorder/views.py:200
+#: pod/recorder/views.py:209
 #, python-format
 msgid ""
 "Hello, \n"
@@ -3877,7 +3877,7 @@ msgstr ""
 "\n"
 "Cordialement"
 
-#: pod/recorder/views.py:211
+#: pod/recorder/views.py:220
 #, python-format
 msgid ""
 "Hello, <p>a new recording has just be added on %(title_site)s from the "
@@ -3891,11 +3891,11 @@ msgstr ""
 "%(link_url)s</a><br/><i>Si le lien n'est pas actif, il faut le copier-coller "
 "dans la barre d'adresse de votre navigateur.</i><p><p>Cordialement</p>"
 
-#: pod/recorder/views.py:227
+#: pod/recorder/views.py:236
 msgid "New recording added."
 msgstr "Nouvel enregistrement ajouté."
 
-#: pod/recorder/views.py:302
+#: pod/recorder/views.py:311
 msgid "The record has been deleted."
 msgstr "L’enregistrement a été supprimé."
 
@@ -3937,7 +3937,7 @@ msgstr "Fichier"
 msgid "You can send an audio or video file."
 msgstr "Vous pouvez envoyer un fichier audio ou vidéo."
 
-#: pod/video/forms.py:89 pod/video/views.py:1642
+#: pod/video/forms.py:89 pod/video/views.py:1644
 #, python-format
 msgid "The following formats are supported: %s"
 msgstr "Les formats suivants sont supportés: %s"
@@ -5054,11 +5054,11 @@ msgstr "Langue principale :"
 msgid "Audience:"
 msgstr "Public :"
 
-#: pod/video/templates/videos/video-info.html:90
+#: pod/video/templates/videos/video-info.html:91
 msgid "Disciplines:"
 msgstr "Disciplines :"
 
-#: pod/video/templates/videos/video-info.html:99
+#: pod/video/templates/videos/video-info.html:100
 msgid "Licence:"
 msgstr "Licence :"
 
@@ -5092,39 +5092,55 @@ msgstr ""
 "suivants contiennent une clé permettant l’accès. Toute personne disposant de "
 "ces liens peut y accéder."
 
-#: pod/video/templates/videos/video-info.html:174
+#: pod/video/templates/videos/video-info.html:173
+msgid "Options"
+msgstr "Options"
+
+#: pod/video/templates/videos/video-info.html:176
 msgid "Autoplay"
 msgstr "Lecture automatique"
 
-#: pod/video/templates/videos/video-info.html:175
+#: pod/video/templates/videos/video-info.html:177
 msgid "Check the box to autoplay the video."
 msgstr "Cocher cette case pour lancer la lecture automatiquement."
 
-#: pod/video/templates/videos/video-info.html:180
+#: pod/video/templates/videos/video-info.html:182
 msgid "Loop"
 msgstr "Boucle"
 
-#: pod/video/templates/videos/video-info.html:181
+#: pod/video/templates/videos/video-info.html:183
 msgid "Check the box to loop the video."
 msgstr "Cocher cette case pour lire la vidéo en boucle."
 
-#: pod/video/templates/videos/video-info.html:187
+#: pod/video/templates/videos/video-info.html:189
 msgid "Start video"
 msgstr "Début de la vidéo"
 
 #: pod/video/templates/videos/video-info.html:190
+msgid "Start at"
+msgstr "Démarrer à"
+
+#: pod/video/templates/videos/video-info.html:193
 msgid "Check the box to indicate the beginning of playing desired."
 msgstr "Cocher la case pour indiquer le début de lecture souhaité."
 
-#: pod/video/templates/videos/video-info.html:193
+#: pod/video/templates/videos/video-info.html:198
+msgid "Embed in a web page"
+msgstr "Intégrer dans une page web"
+
+#: pod/video/templates/videos/video-info.html:200
 msgid "Copy the content of this text box and paste it in the page:"
 msgstr "Copier le contenu de cette boite de texte et coller le sur la page :"
 
-#: pod/video/templates/videos/video-info.html:197
+#: pod/video/templates/videos/video-info.html:205
+msgid "Share the link"
+msgstr "Partager le lien"
+
+#: pod/video/templates/videos/video-info.html:207
 msgid "Use this link to share the video:"
 msgstr "Utiliser ce lien pour partager la vidéo :"
 
-#: pod/video/templates/videos/video-info.html:201
+#: pod/video/templates/videos/video-info.html:211
 msgid "QR code for this link:"
 msgstr "QR code pour le lien :"
 
@@ -5243,6 +5259,14 @@ msgstr ""
 msgid "Use this link to share the video in draft mode"
 msgstr "Utiliser ce lien pour partager la vidéo en mode brouillon"
 
+#: pod/video/templates/videos/video_licencebox.html:2
+msgid "Creative Commons license:"
+msgstr "Licence Creative Commons :"
+
+#: pod/video/templates/videos/video_licencebox.html:2
+msgid "Creative Commons license"
+msgstr "Licence Creative Commons"
+
 #: pod/video/templates/videos/video_list.html:10
 msgid "Sorry, no video found"
 msgstr "Désolé, aucune vidéo trouvée"
@@ -5464,60 +5488,60 @@ msgstr "Horodatage de la note"
 msgid "You cannot access to this view."
 msgstr "Vous ne pouvez pas accéder à cette vue."
 
-#: pod/video/views.py:1509
-msgid "Pod video view statistics"
-msgstr "Statistiques de visualisation des vidéos Pod"
+#: pod/video/views.py:1511
+msgid "Pod video viewing statistics"
+msgstr "Statistiques de visualisation des vidéos"
 
-#: pod/video/views.py:1516
+#: pod/video/views.py:1518
 #, python-format
 msgid "Video viewing statistics for %s"
 msgstr "Statistiques de visualisation de la vidéo %s"
 
-#: pod/video/views.py:1520
+#: pod/video/views.py:1522
 #, python-format
 msgid "Video viewing statistics for the channel %s"
 msgstr "Statistiques de visualisation des vidéos de la chaîne %s"
 
-#: pod/video/views.py:1524
+#: pod/video/views.py:1526
 #, python-format
 msgid "Video viewing statistics for the theme %s"
 msgstr "Statistiques de visualisation des vidéos du thème %s"
 
-#: pod/video/views.py:1566
+#: pod/video/views.py:1568
 #, python-format
 msgid "You do not have access rights to this video: %s "
 msgstr "Vous n'avez pas les droits d'accès à cette vidéo: %s "
 
-#: pod/video/views.py:1586
+#: pod/video/views.py:1588
 #, python-format
 msgid "The following video does not exist : %s"
 msgstr "La video suivante n'existe pas : %s"
 
-#: pod/video/views.py:1917
+#: pod/video/views.py:1919
 msgid "You do not have rights to delete this comment"
 msgstr "Vous n'avez pas les droits pour supprimer ce commentaire"
 
-#: pod/video/views.py:2008 pod/video/views.py:2074
+#: pod/video/views.py:2010 pod/video/views.py:2076
 msgid "One or many videos already have a category."
 msgstr "Une ou plusieurs vidéos possèdent déjà une catégorie."
 
-#: pod/video/views.py:2044 pod/video/views.py:2114
+#: pod/video/views.py:2046 pod/video/views.py:2116
 msgid "Title field is required"
 msgstr "Champ de titre est requis"
 
-#: pod/video/views.py:2049 pod/video/views.py:2119 pod/video/views.py:2161
+#: pod/video/views.py:2051 pod/video/views.py:2121 pod/video/views.py:2163
 msgid "Method Not Allowed"
 msgstr "Méthode non autorisée"
 
-#: pod/video/views.py:2091
+#: pod/video/views.py:2093
 msgid "Category updated successfully."
 msgstr "Catégorie mise à jour avec succès."
 
-#: pod/video/views.py:2109
+#: pod/video/views.py:2111
 msgid "You do not have rights to edit this category"
 msgstr "Vous n'avez pas les droits pour éditer cette catégorie"
 
-#: pod/video/views.py:2155
+#: pod/video/views.py:2157
 msgid "You do not have rights to delete this category"
 msgstr "Vous n'avez pas les droits pour supprimer cette catégorie"
 
@@ -5542,7 +5566,7 @@ msgstr "Retirer les filtres"
 msgid "faceting"
 msgstr "facettage"
 
-#: pod/video_search/views.py:55
+#: pod/video_search/views.py:57
 msgid "Remove selection"
 msgstr "Retirer la sélection"
 
diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.mo b/pod/locale/fr/LC_MESSAGES/djangojs.mo
index 87fbae66c50fd98d79088dac5d2b3da8c8b6e20b..37a8915e088785b3e495fd0d89bfd28ebb825213 100644
GIT binary patch
delta 2765
zcmZA2e@s<n9LMoTeu-XC0W~qeBZ7qDRVn0`5nzT&n4v}Ck0d#8LEv8CVoh>)PXDN^
z+`OyVvd!geBdTS$hO0kvyKAlurY&2eS>q4Zvf6UmD$|YLpL0)(dUn6(b)M%Q&V8Qm
z^F4>Nn}4qleV?B2s-XplEaFtWF&fC4$$=J_WlRG0B43#UI3Ew<JUosI@idm<2qxim
z)GhwNBAmjtSTx%hFYdur#)QnvoUCBrQ`Ch&#J(^Y9%JUvuR+~#8!p2p%*H|2*KsNR
z5!7|#$j3}@NWot)18?CXOl2?)mt!)&Z^}4X&Oi;OqYvleAnJz4P&YV%TJhVcm5rco
z^ciZRUm`0q6Q~8vNsawrIWC~zh`Nst_4m)Am)|!>Inm4_Sb(E$|2JGsKb5;{Ywky-
zx*3&$Ud+eiZvSJ{bzh-{*KrM|u^QdC7MEZruEG~Fq`f@Pi5JIEDZYc5Xt7*bfx7Vy
zR7QGHD|r?Z@g?MAPH<q(<_sp|IV2h86W5EVTDpSD$oM?+PhFT_8PJ~HLQNo%yq01i
zuE7@96KK(oqKa)2H(@sWwh`O#9()%y;jeKq-asuRm09cl1*nDBXOMrbU@rsOf;J>;
zCWL&<D;zY_x6sKH*3uutLY&87307b+2Cy8@p#JVV)L!32-TyYK*5>o2#w$ad=!*@g
z4D53Cp;8ybsu{){My2io1)x9t9908j$Xv|Ns1;9P17_V7+k#G1hWk+yJA@TDg6lAJ
zgOgHD3Yo=y*n%ba8dl*bDkC29rypL7N_8%(n0%Ov&!bX1jJoa;l6CV9QcmV4)I|S6
z=jmWy=!Z->Cz@dcuEZuJOXdi&z2>C*{X589%}1ykjiQQd0!fa!hPr+Vt1<2FSdBEI
zCU^`jd>>ciC3K$uDNeMaWb((U*^0_QCu*-wV>Mnx?RheJFTi3{zZom>C@KRNa4Alr
zu1m_{(M2yRqg|MX!&t26|1u|J#l(|OU674r-Rwf{VFr+o33DjI2r9)BsOx@2WpIWS
z>wAzgFnOr)N>pYxqQ;w0wbp|n!W`tF3*SI}aTc{l=dc{F;-k2bW!;ND)I?69s{RXn
z9PeNgZYSS*pA4h!^DSzDiKK@lnkA_5^~>0Q?PWUydJG3qTW}avG;gAc=sncLF1X{P
z_%Qves0kI4&kEd))p!y&;5b^Coo~!+tU_(+W^^9c{7@{FXBf~A52GHti>L`)L8WdI
zXP}yjhx<AiQ@@qiN~|a1h~0$teGd^&sIfy%+sN?&LRr|M5q{r1Nc5;f)7wi`t+tlX
zqnAji!qv2DwRMDwR85bsvc${NDLinR7P2>X>bxzrVr5ZV(?aOY8scd&TL?9+RF$e$
z7sEX1Dl9?;`3SL-s3o=&Dk}X$QPciEMr=}t)=cPeR#Oe_B2?tt2wKQ_gt|F<g3uO_
zX{QyrcA@^MB)I)XY$vpz|FlX@I^0e@*0|?-N~Slx;Mxf4(W#q7%Kv6M)r8tg!bfzf
zL(>aKb)e$Xlc1);(knKJQ1Pm=_Y?bw6~se?itH&uZ5iPwY~pD`PfCDL%W?MFs;l*W
zIO}}eY%A!qtpgpcwm<xVr#Q{u9q6)y_O#In&#Jlh|HeEiS*fiZ!GEuc<fk+wW$*L%
z1nr)n)zNPSTKfB+@%Ob_fj)oG-WRl6!~4_AQurCmy~-OooxUP2d~<&0%yMgONkvI%
zIAg)J1gp;Pjoe;vDBja&b+u?_(IJ1>pIMfnsYQo^_Vn?ynI#$92Lge<j_&`Ak7rtG
z(HEHF^wG$lnU@n18|`36U*u9wbNuqyOa?5wKj_ReI@BH=V(NWXw?AmL+RiHMa9(cN
S+zrms2Hg30BRg}q#QhEP+(Y>Q

delta 2511
zcmZwHeN5F=9LMp)qg}e9f)HG+dl3NzuiSeL#9IhnKqW#E@QJh}xZ*7h0<;-!w}}<2
zKWh7BW4TrS(c|oCw}SOYHG5bqTFtG+YAdT%V=kk%N>^*WKfn8PYppZB_jS(U_i)bl
zob&s=^{JNlS2^h?3?)V^A^OscQOD^_epFn>&}C9^F=pUG^k6<#Vl75cw~XREJccXr
z0Sw|KuEJULV?mZN6~@HP1}eJnPSigh$84NNJ@88`!Ef<u%)Bz`GAyPYL0#8}{F&SN
zapPT>i^s75C-4e<1<UXaT)_LyH&pb1Ur;w(M9sj>Qx@T3)WFKH0=rNTjAI^7pzeDS
zb>A7(Og}_jcL~ceXMVCB#wyyKxP<qcF)B*slc*U^Vkv&+wEsjcO(ALVVGRaw2kOD&
z=*5@OkDsEJ>Tg_yxeJmRj9?+{eUA5FTn~PXiZU>Xn#r4(foD-`J%fzF%%W2G2Qn%9
zpK?AIrK1Ox5ihdLrW#46sYfkgE3Ux-4B#^h$-gQybokIkzO|Vua1-`oGoHrf_$z9_
zMLE0-Yf&@mM9ughYT(CEsUJs8=oD&Tuc5B{2qSndhy1UgQo>c$*oGk-!?pN2>c%<L
z+GcXM9-NKZMCGXd%})Pz)QkrlM^PENANx~`c?5O+Up!PxogQc5dA3=Knpq9DVJ9lp
zr%<VU9yOp>F^m_m23K5_OzB>{mi7c{A|K;AOk=cc0~0~Lcq=NSyHI;3{sfh!RNg}S
zn4vvW@=BIWHnQBN7&Xu!>J&7i1~!P5csH^-=4q#Y3K@ergPO<}s7!u`4R{G_b^gOF
zqy{jIK716ba1wRnkEjvPVG-8wqZxLfmS7wk@Fmnz&S5!vNT=EnybcebCipBC<207*
z{9m9_M@K#jqLg*vGPF>8VG0?nIq&>G<C^3iXhOQo9#kqvaV4HaW#$7UndYq1KJT=D
zLsrjZbCZkrn^G!DT@~sd>rtC%C;G4t^}u_b{)bRYa1z(z`?wW#@oMNm4dg!51QNI%
zf507B$Mp4GIDv6J=v^wB;m=4ijEnWqT9=`YQy9srX+Z6X-DvM})ZQ4y8}UKZ0A?_Z
zZt~rL8?h0`(TCHRg+G;$f34v~Iy6!*dDrIaK)tXVb$kw^UNnZvl!Ym%q6zp2?G=?h
zL<_NoAk+4Y8IRdXq!KE9Nf=x_Ia0N^IGy#_@6;KWJs>reQhf!}368N{HaZ4TA2Jn9
zM1$0T|6P=^T~3Fxq)&Ag@3(hpH|iK^8MNC~_$b<6L)9btp>!p&f3^9Pr5l{SI^0a?
zm@RkuI<TE+blTfcORJ(Ki)&+O6SWd5WY+8>ItfmkeN@0cQZh<tNz&Ay=wr2)&<4F+
zYN*`mG&bP%PCe7{GF3YNx6twu+L8KTG!Z(lD%u-8M6VhYoeq7?bpG|VQ&~rBBD7Jp
zId$Yzb`zz<dNux2_S3$ZxJh^D=){~0wEGi>TvMr5y}QCX>aHw^4G$jZIbxdoVk5qh
z{ZU_U&q%a?VCYEVYj<0w)t(znJe*se+S2839E$dg#0Kv0H*rPS7Yc-e{y@+ls`iCK
z;ZU$L5DWye+PC;SqK9L{|8rf)7Yv1i0qgU;*~EMKN7Jlro~n$Ycb<z5S#Nvttc0h~
kI_L2w78QMxKCko8;NVc~VB&jkcbauu$?C)lB`vA{07J&{sQ>@~

diff --git a/pod/locale/fr/LC_MESSAGES/djangojs.po b/pod/locale/fr/LC_MESSAGES/djangojs.po
index 7799a42e45..a499e668a9 100644
--- a/pod/locale/fr/LC_MESSAGES/djangojs.po
+++ b/pod/locale/fr/LC_MESSAGES/djangojs.po
@@ -5,8 +5,8 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Esup-Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2021-01-25 22:21+0100\n"
-"PO-Revision-Date: 2021-01-22 12:10+0100\n"
+"POT-Creation-Date: 2021-01-29 15:49+0100\n"
+"PO-Revision-Date: 2021-01-29 15:57+0100\n"
 "Last-Translator: obado <bado@unice.fr>\n"
 "Language-Team: \n"
 "Language: fr\n"
@@ -20,24 +20,19 @@ msgstr ""
 #: pod/enrichment/static/js/enrichment.js:5
 #: pod/enrichment/static/js/enrichment.js:7
 #: pod/enrichment/static/js/enrichment.js:183
-#: pod/enrichment/static/js/enrichment.js:185 pod/static/js/chapters.js:5
-#: pod/static/js/chapters.js:7 pod/static/js/enrichment.js:5
-#: pod/static/js/enrichment.js:7 pod/static/js/enrichment.js:183
-#: pod/static/js/enrichment.js:185
+#: pod/enrichment/static/js/enrichment.js:185
 msgid "Get time from the player"
 msgstr "Obtenir le temps du lecteur"
 
 #: pod/chapter/static/js/chapters.js:16
 #: pod/completion/static/js/completion.js:50
-#: pod/enrichment/static/js/enrichment.js:17 pod/static/js/chapters.js:16
-#: pod/static/js/completion.js:50 pod/static/js/enrichment.js:17
+#: pod/enrichment/static/js/enrichment.js:17
 msgid "Error getting form."
 msgstr "Erreur lors de la récupération du formulaire."
 
 #: pod/chapter/static/js/chapters.js:16
 #: pod/completion/static/js/completion.js:50
-#: pod/enrichment/static/js/enrichment.js:17 pod/static/js/chapters.js:16
-#: pod/static/js/completion.js:50 pod/static/js/enrichment.js:17
+#: pod/enrichment/static/js/enrichment.js:17
 msgid "The form could not be recovered."
 msgstr "Le formulaire ne peut pas être récupéré."
 
@@ -56,56 +51,40 @@ msgstr "Le formulaire ne peut pas être récupéré."
 #: pod/main/static/js/main.js:300 pod/main/static/js/main.js:311
 #: pod/main/static/js/main.js:325
 #: pod/podfile/static/podfile/js/filewidget.js:365
-#: pod/podfile/static/podfile/js/filewidget.js:398 pod/static/js/chapters.js:52
-#: pod/static/js/chapters.js:72 pod/static/js/chapters.js:93
-#: pod/static/js/chapters.js:125 pod/static/js/chapters.js:159
-#: pod/static/js/completion.js:92 pod/static/js/completion.js:123
-#: pod/static/js/completion.js:166 pod/static/js/completion.js:198
-#: pod/static/js/enrichment.js:52 pod/static/js/enrichment.js:72
-#: pod/static/js/enrichment.js:93 pod/static/js/enrichment.js:120
-#: pod/static/js/enrichment.js:149 pod/static/js/main.js:293
-#: pod/static/js/main.js:300 pod/static/js/main.js:311
-#: pod/static/js/main.js:325 pod/static/podfile/js/filewidget.js:365
-#: pod/static/podfile/js/filewidget.js:398
+#: pod/podfile/static/podfile/js/filewidget.js:398
 msgid "You are no longer authenticated. Please log in again."
 msgstr "Vous n'êtes plus authentifié. Veuillez vous reconnectez."
 
 #: pod/chapter/static/js/chapters.js:146
 #: pod/enrichment/static/js/enrichment.js:136 pod/main/static/js/main.js:263
-#: pod/main/static/js/main.js:317 pod/static/js/chapters.js:146
-#: pod/static/js/enrichment.js:136 pod/static/js/main.js:263
-#: pod/static/js/main.js:317
+#: pod/main/static/js/main.js:317
 msgid "One or more errors have been found in the form."
 msgstr "Une ou plusieurs erreurs ont été trouvées dans le formulaire."
 
 #: pod/chapter/static/js/chapters.js:181
-#: pod/enrichment/static/js/enrichment.js:223 pod/static/js/chapters.js:181
-#: pod/static/js/enrichment.js:223
+#: pod/enrichment/static/js/enrichment.js:223
 msgid "Please enter a title from 2 to 100 characters."
 msgstr "Veuillez entrer un titre contenant entre 2 et 100 caractères."
 
-#: pod/chapter/static/js/chapters.js:187 pod/static/js/chapters.js:187
+#: pod/chapter/static/js/chapters.js:187
 msgid "Please enter a correct start field between 0 and"
 msgstr "Veuillez entrer un correct temps de début compris entre 0 et"
 
-#: pod/chapter/static/js/chapters.js:200 pod/static/js/chapters.js:200
+#: pod/chapter/static/js/chapters.js:200
 msgid "The chapter"
 msgstr "Le chapitre"
 
-#: pod/chapter/static/js/chapters.js:200 pod/static/js/chapters.js:200
+#: pod/chapter/static/js/chapters.js:200
 msgid "starts at the same time."
 msgstr "commencent au même moment."
 
 #: pod/chapter/static/js/videojs-chapters.js:22
 #: pod/chapter/static/js/videojs-chapters.js:24
 #: pod/chapter/static/js/videojs-chapters.js:26
-#: pod/static/js/videojs-chapters.js:22 pod/static/js/videojs-chapters.js:24
-#: pod/static/js/videojs-chapters.js:26
 msgid "Chapters"
 msgstr "Chapitres"
 
 #: pod/completion/static/js/caption_maker.js:22
-#: pod/static/js/caption_maker.js:22
 msgid ""
 "WEBVTT\n"
 "\n"
@@ -118,510 +97,451 @@ msgstr ""
 "texte de sous-titre"
 
 #: pod/completion/static/js/caption_maker.js:34
-#: pod/static/js/caption_maker.js:34
 msgid "There is no captions to save"
 msgstr "Il n’y a aucun sous-titre à sauvegarder"
 
 #: pod/completion/static/js/caption_maker.js:82
-#: pod/static/js/caption_maker.js:82
 msgid "error during exchange"
 msgstr "erreur durant le téléversement"
 
 #: pod/completion/static/js/caption_maker.js:82
-#: pod/static/js/caption_maker.js:82
 msgid "no data could be stored."
 msgstr "aucune donnée ne peut être stockée."
 
 #: pod/completion/static/js/caption_maker.js:113
-#: pod/static/js/caption_maker.js:113
 msgid "Are you sure you want to delete all caption?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer les sous-titre ?"
 
 #: pod/completion/static/js/completion.js:145
 #: pod/podfile/static/podfile/js/filewidget.js:277
-#: pod/static/js/completion.js:145 pod/static/podfile/js/filewidget.js:277
 msgid "Are you sure you want to delete this file?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce fichier ?"
 
-#: pod/completion/static/js/completion.js:147 pod/static/js/completion.js:147
+#: pod/completion/static/js/completion.js:147
 msgid "Are you sure you want to delete this contributor?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce contributeur ?"
 
-#: pod/completion/static/js/completion.js:149 pod/static/js/completion.js:149
+#: pod/completion/static/js/completion.js:149
 msgid "Are you sure you want to delete this document?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce document ?"
 
-#: pod/completion/static/js/completion.js:151 pod/static/js/completion.js:151
+#: pod/completion/static/js/completion.js:151
 msgid "Are you sure you want to delete this overlay?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer cette superposition ?"
 
 #: pod/completion/static/js/completion.js:195 pod/main/static/js/main.js:265
-#: pod/static/js/completion.js:195 pod/static/js/main.js:265
 msgid "Changes have been saved."
 msgstr "Les modifications ont été sauvegardées."
 
-#: pod/completion/static/js/completion.js:224 pod/static/js/completion.js:224
+#: pod/completion/static/js/completion.js:224
 msgid "Display"
 msgstr "Afficher"
 
-#: pod/completion/static/js/completion.js:224 pod/static/js/completion.js:224
+#: pod/completion/static/js/completion.js:224
 msgid "section"
 msgstr "section"
 
-#: pod/completion/static/js/completion.js:246 pod/static/js/completion.js:246
+#: pod/completion/static/js/completion.js:246
 msgid "Please enter a name from 2 to 100 caracteres."
 msgstr "Veuillez entrer un nom entre 2 et 200 caractères."
 
-#: pod/completion/static/js/completion.js:252 pod/static/js/completion.js:252
+#: pod/completion/static/js/completion.js:252
 msgid "You cannot enter a weblink with more than 200 caracteres."
 msgstr "Vous ne pouvez pas entrer un lien web avec plus de 200 caractères."
 
-#: pod/completion/static/js/completion.js:258 pod/static/js/completion.js:258
+#: pod/completion/static/js/completion.js:258
 msgid "Please enter a role."
 msgstr "Veuillez entrer un rôle."
 
-#: pod/completion/static/js/completion.js:267 pod/static/js/completion.js:267
+#: pod/completion/static/js/completion.js:267
 msgid ""
 "There is already a contributor with this same name and role in the list."
 msgstr ""
 "Il existe déjà un contributeur avec le même nom et le même rôle dans cette "
 "liste."
 
-#: pod/completion/static/js/completion.js:278 pod/static/js/completion.js:278
+#: pod/completion/static/js/completion.js:278
 msgid "Please enter a correct kind."
 msgstr "Veuillez entrer un genre correct."
 
-#: pod/completion/static/js/completion.js:286 pod/static/js/completion.js:286
+#: pod/completion/static/js/completion.js:286
 msgid "Please select a language."
 msgstr "Veuillez renseigner une langue."
 
-#: pod/completion/static/js/completion.js:293 pod/static/js/completion.js:293
+#: pod/completion/static/js/completion.js:293
 msgid "Please specify a track file."
 msgstr "Veuillez joindre un fichier de piste vidéo."
 
-#: pod/completion/static/js/completion.js:299 pod/static/js/completion.js:299
+#: pod/completion/static/js/completion.js:299
 msgid "Only .vtt format is allowed."
 msgstr "Seulement le format \".vtt\" est autorisé."
 
-#: pod/completion/static/js/completion.js:316 pod/static/js/completion.js:316
+#: pod/completion/static/js/completion.js:316
 msgid "There is already a track with the same kind and language in the list."
 msgstr ""
 "Il existe déjà une piste vidéo avec le même genre et la même langue dans la "
 "liste."
 
 #: pod/completion/static/js/completion.js:323
-#: pod/enrichment/static/js/enrichment.js:274 pod/static/js/completion.js:323
-#: pod/static/js/enrichment.js:274
+#: pod/enrichment/static/js/enrichment.js:274
 msgid "Please select a document."
 msgstr "Veuillez joindre un document."
 
-#: pod/completion/static/js/completion.js:331 pod/static/js/completion.js:331
+#: pod/completion/static/js/completion.js:331
 msgid "Iframe and Script tags are not allowed."
 msgstr "Les balises Iframe et Script ne sont pas autorisées."
 
-#: pod/enrichment/static/js/enrichment.js:229 pod/static/js/enrichment.js:229
+#: pod/enrichment/static/js/enrichment.js:229
 msgid "Please enter a correct start from 0 to "
 msgstr "Veuillez entrer un correct temps de début compris entre 0 et "
 
-#: pod/enrichment/static/js/enrichment.js:235 pod/static/js/enrichment.js:235
+#: pod/enrichment/static/js/enrichment.js:235
 msgid "Please enter a correct end from 1 to "
 msgstr "Veuillez entrer un correct temps de fin compris entre 1 et "
 
-#: pod/enrichment/static/js/enrichment.js:243 pod/static/js/enrichment.js:243
+#: pod/enrichment/static/js/enrichment.js:243
 msgid "Please enter a correct image."
 msgstr "Veuillez joindre une image correct."
 
-#: pod/enrichment/static/js/enrichment.js:251 pod/static/js/enrichment.js:251
+#: pod/enrichment/static/js/enrichment.js:251
 msgid "Please enter a correct richtext."
 msgstr "Veuillez entrer un texte riche correct."
 
-#: pod/enrichment/static/js/enrichment.js:259 pod/static/js/enrichment.js:259
+#: pod/enrichment/static/js/enrichment.js:259
 msgid "Please enter a correct weblink."
 msgstr "Veuillez entrer un lien web correct."
 
-#: pod/enrichment/static/js/enrichment.js:265 pod/static/js/enrichment.js:265
+#: pod/enrichment/static/js/enrichment.js:265
 msgid "Weblink must be less than 200 characters."
 msgstr "Un lien web doit contenir moins de 200 caractères."
 
-#: pod/enrichment/static/js/enrichment.js:282 pod/static/js/enrichment.js:282
+#: pod/enrichment/static/js/enrichment.js:282
 msgid "Please enter a correct embed."
 msgstr "Veuillez entrer une intégration correct."
 
-#: pod/enrichment/static/js/enrichment.js:288 pod/static/js/enrichment.js:288
+#: pod/enrichment/static/js/enrichment.js:288
 msgid "Embed field must be less than 300 characters."
 msgstr "Un lien d'intégration doit être inférieur à 300 caractères."
 
-#: pod/enrichment/static/js/enrichment.js:296 pod/static/js/enrichment.js:296
+#: pod/enrichment/static/js/enrichment.js:296
 msgid "Please enter a type in index field."
 msgstr "Veuillez entrer un type."
 
-#: pod/enrichment/static/js/enrichment.js:308 pod/static/js/enrichment.js:308
+#: pod/enrichment/static/js/enrichment.js:308
 msgid "The start field value is greater than the end field one."
 msgstr "Le temps de début est supérieur au temps de fin."
 
-#: pod/enrichment/static/js/enrichment.js:310 pod/static/js/enrichment.js:310
+#: pod/enrichment/static/js/enrichment.js:310
 msgid "The end field value is greater than the video duration."
 msgstr "La temps de fin est supérieur à la durée de la vidéo."
 
-#: pod/enrichment/static/js/enrichment.js:312 pod/static/js/enrichment.js:312
+#: pod/enrichment/static/js/enrichment.js:312
 msgid "End field and start field cannot be equal."
 msgstr "Le commencement et la fin ne peuvent être équivalents."
 
-#: pod/enrichment/static/js/enrichment.js:330 pod/static/js/enrichment.js:330
+#: pod/enrichment/static/js/enrichment.js:330
 msgid "There is an overlap with the enrichment "
 msgstr "Il y a un chevauchement avec l'enrichissement "
 
-#: pod/enrichment/static/js/enrichment.js:331 pod/static/js/enrichment.js:331
+#: pod/enrichment/static/js/enrichment.js:331
 msgid "please change start and/or end values."
 msgstr "veuillez changer de valeur de début et/ou de fin."
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gView"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gBox"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "overlay"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "loading"
 msgstr "chargement"
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.hover"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.disabled"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerSelect"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerInput"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pagerButton"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.hoverTh"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "colHeaders"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "hTable"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "states.select"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "resizer"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridFooter"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "rowFooter"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridRow"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "grid"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "top"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "bottom"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "hDiv"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "pager.pager"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "titleButton"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridTitle"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "toolbarUpper"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "toolbarBottom"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "rowNum"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridError"
 msgstr ""
 
 #: pod/main/static/js/jquery.jqgrid.min.js:10
-#: pod/static/js/jquery.jqgrid.min.js:10
 msgid "gridErrorText"
 msgstr ""
 
-#: pod/main/static/js/main.js:244 pod/static/js/main.js:244
+#: pod/main/static/js/main.js:244
 msgid "Are you sure you want to delete this element?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer cet élément ?"
 
 #: pod/main/static/js/main.js:286
-#: pod/podfile/static/podfile/js/filewidget.js:391 pod/static/js/main.js:286
-#: pod/static/podfile/js/filewidget.js:391
+#: pod/podfile/static/podfile/js/filewidget.js:114
+#: pod/podfile/static/podfile/js/filewidget.js:391
 msgid "Error during exchange"
 msgstr "Erreur durant le téléversement"
 
-#: pod/main/static/js/main.js:286 pod/static/js/main.js:286
+#: pod/main/static/js/main.js:286
+#: pod/podfile/static/podfile/js/filewidget.js:114
 msgid "No data could be stored."
 msgstr "Aucune donnée ne peut être stockée."
 
-#: pod/main/static/js/main.js:339 pod/static/js/main.js:339
+#: pod/main/static/js/main.js:339
 msgid "Change your picture"
 msgstr "Changer votre image"
 
-#: pod/main/static/js/main.js:345 pod/static/js/main.js:345
+#: pod/main/static/js/main.js:345
 msgid "Add your picture"
 msgstr "Ajouter votre image"
 
-#: pod/main/static/js/main.js:443 pod/static/js/main.js:443
+#: pod/main/static/js/main.js:443
 msgid "text copied"
 msgstr "texte copié"
 
-#: pod/main/static/js/main.js:490 pod/static/js/main.js:490
+#: pod/main/static/js/main.js:490
 msgid "Errors appear in the form, please correct them"
 msgstr "Des erreurs sont présentes dans le formulaire, veuillez les corriger"
 
-#: pod/main/static/js/main.js:513 pod/static/js/main.js:513
+#: pod/main/static/js/main.js:513
 msgid "The file size exceeds the maximum allowed value:"
 msgstr "Le fichier dépasse la taille maximum autorisée :"
 
-#: pod/main/static/js/main.js:528 pod/static/js/main.js:528
+#: pod/main/static/js/main.js:513
+msgid " GB."
+msgstr " Go."
+
+#: pod/main/static/js/main.js:528
 msgid "The file extension not in the allowed extension:"
 msgstr ""
 "Cette extension de fichier n'est pas présente dans les extensions "
 "autorisées :"
 
 #: pod/podfile/static/podfile/js/filewidget.js:11
-#: pod/static/podfile/js/filewidget.js:11
 msgid "Change image"
 msgstr "Changer d'image"
 
 #: pod/podfile/static/podfile/js/filewidget.js:13
-#: pod/static/podfile/js/filewidget.js:13
 msgid "Change file"
 msgstr "Changer de fichier"
 
 #: pod/podfile/static/podfile/js/filewidget.js:28
-#: pod/static/podfile/js/filewidget.js:28
 msgid "Open file in a new tab"
 msgstr "Ouvrir le fichier dans un nouvel onglet"
 
 #: pod/podfile/static/podfile/js/filewidget.js:55
-#: pod/static/podfile/js/filewidget.js:55
 msgid "This folder is empty"
 msgstr "Ce dossier est vide"
 
 #: pod/podfile/static/podfile/js/filewidget.js:134
 #: pod/podfile/static/podfile/js/filewidget.js:141
-#: pod/static/podfile/js/filewidget.js:134
-#: pod/static/podfile/js/filewidget.js:141
 msgid "Change"
 msgstr "Changer"
 
 #: pod/podfile/static/podfile/js/filewidget.js:149
-#: pod/static/podfile/js/filewidget.js:149
 msgid "Enter new name of folder"
 msgstr "Indiquer un nouveau nom au dossier"
 
+#: pod/podfile/static/podfile/js/filewidget.js:167
+msgid "Remove"
+msgstr "Retirer"
+
 #: pod/podfile/static/podfile/js/filewidget.js:180
 #: pod/podfile/static/podfile/js/filewidget.js:202
 #: pod/podfile/static/podfile/js/filewidget.js:235
 #: pod/podfile/static/podfile/js/filewidget.js:254
-#: pod/static/podfile/js/filewidget.js:180
-#: pod/static/podfile/js/filewidget.js:202
-#: pod/static/podfile/js/filewidget.js:235
-#: pod/static/podfile/js/filewidget.js:254
 msgid "Server error"
 msgstr "Erreur du serveur"
 
 #: pod/podfile/static/podfile/js/filewidget.js:188
-#: pod/static/podfile/js/filewidget.js:188
 msgid "Add"
 msgstr "Ajouter"
 
 #: pod/podfile/static/podfile/js/filewidget.js:268
-#: pod/static/podfile/js/filewidget.js:268
 msgid "Are you sure you want to delete this folder?"
 msgstr "Êtes-vous sûr(e) de vouloir supprimer ce dossier ?"
 
 #: pod/podfile/static/podfile/js/filewidget.js:477
-#: pod/static/podfile/js/filewidget.js:477
 msgid "See more"
 msgstr "Voir plus"
 
+#: pod/video/static/js/comment-script.js:25
+msgid "Answer"
+msgstr "Réponse"
 
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:188
-#: pod/static/admin/js/admin/DateTimeShortcuts.js:348
-#: pod/static/js/comment-script.js:85 pod/video/static/js/comment-script.js:87
-msgid "Cancel"
-msgstr "Annuler"
+#: pod/video/static/js/comment-script.js:26
+msgid "Answers"
+msgstr "Réponses"
 
-#: pod/static/js/comment-script.js:74 pod/static/js/comment-script.js:172
 #: pod/video/static/js/comment-script.js:76
-#: pod/video/static/js/comment-script.js:174
+#: pod/video/static/js/comment-script.js:181
 msgid "Delete"
 msgstr "Supprimer"
 
-#: pod/static/js/comment-script.js:145
-#: pod/video/static/js/comment-script.js:147
+#: pod/video/static/js/comment-script.js:87
+msgid "Cancel"
+msgstr "Annuler"
+
+#: pod/video/static/js/comment-script.js:148
 msgid "Agree with the comment"
 msgstr "D'accord avec ce commentaire"
 
-#: pod/static/js/comment-script.js:156
-#: pod/video/static/js/comment-script.js:158
+#: pod/video/static/js/comment-script.js:165
 msgid "Reply to comment"
 msgstr "Répondre au commentaire"
 
-#: pod/static/js/comment-script.js:156
-#: pod/video/static/js/comment-script.js:158
+#: pod/video/static/js/comment-script.js:165
 msgid "Reply"
 msgstr "Répondre"
 
-#: pod/static/js/comment-script.js:169
-#: pod/video/static/js/comment-script.js:171
+#: pod/video/static/js/comment-script.js:178
 msgid "Remove this comment"
 msgstr "Supprimer ce commentaire"
 
-#: pod/static/js/comment-script.js:185
-#: pod/video/static/js/comment-script.js:187
+#: pod/video/static/js/comment-script.js:194
 msgid "Add a public comment"
 msgstr "Ajouter un commentaire public"
 
-#: pod/static/js/comment-script.js:268 pod/static/js/comment-script.js:766
-#: pod/video/static/js/comment-script.js:26
-msgid "Answers"
-msgstr "Réponses"
-
-#: pod/static/js/comment-script.js:268 pod/static/js/comment-script.js:766
-#: pod/video/static/js/comment-script.js:25
-msgid "Answer"
-msgstr "Réponse"
-
-#: pod/static/js/comment-script.js:273
-#: pod/video/static/js/comment-script.js:275
+#: pod/video/static/js/comment-script.js:282
 msgid "Show answers"
 msgstr "Afficher les réponses"
 
-#: pod/static/js/comment-script.js:417
-#: pod/video/static/js/comment-script.js:419
+#: pod/video/static/js/comment-script.js:442
 msgid "Comment has been deleted successfully."
 msgstr "Commentaire a été supprimé avec succès."
 
-#: pod/static/js/validate-date_delete-field.js:26
 #: pod/video/static/js/validate-date_delete-field.js:26
 msgid "The date must be before or equal to"
 msgstr "La date doit être anterieure ou égale à"
 
-#: pod/static/js/video_category.js:25 pod/video/static/js/video_category.js:25
+#: pod/video/static/js/video_category.js:25
 msgid "Category changes saved successfully"
 msgstr "Les changements sur la catégorie ont été sauvegardés avec succès"
 
-#: pod/static/js/video_category.js:26 pod/video/static/js/video_category.js:26
+#: pod/video/static/js/video_category.js:26
 msgid "You cannot add two categories with the same title."
 msgstr "Vous ne pouvez pas ajouter deux catégories avec le même titre."
 
-#: pod/static/js/video_category.js:27 pod/video/static/js/video_category.js:27
+#: pod/video/static/js/video_category.js:27
 msgid "Category deleted successfully"
 msgstr "Catégorie supprimée avec succès"
 
-#: pod/static/js/video_category.js:28 pod/video/static/js/video_category.js:28
+#: pod/video/static/js/video_category.js:28
 msgid "An error occured, please refresh the page and try again."
 msgstr ""
 "Une erreur est survenue, veuillez recharger la page et réessayer à nouveau."
 
-#: pod/static/js/video_category.js:29 pod/video/static/js/video_category.js:29
+#: pod/video/static/js/video_category.js:29
 msgid "Category title field is required."
 msgstr "Le champ category titre est requis."
 
-#: pod/static/js/video_category.js:30 pod/video/static/js/video_category.js:30
+#: pod/video/static/js/video_category.js:30
 msgid "Save category"
 msgstr "Sauvegarder catégorie"
 
-#: pod/static/js/video_category.js:147
 #: pod/video/static/js/video_category.js:147
 msgid "videos found"
 msgstr "vidéos trouvées"
 
-#: pod/static/js/video_category.js:147
 #: pod/video/static/js/video_category.js:147
 msgid "video found"
 msgstr "vidéo trouvée"
 
-#: pod/static/js/video_category.js:152
 #: pod/video/static/js/video_category.js:152
 msgid "Sorry, no video found"
 msgstr "Désolé, aucune vidéo trouvée"
 
-#: pod/static/js/video_category.js:391
 #: pod/video/static/js/video_category.js:380
 #: pod/video/static/js/video_category.js:484
 msgid "Video content."
@@ -636,12 +556,10 @@ msgstr "Contenu audio."
 msgid "Edit the category"
 msgstr "Éditer la catégorie"
 
-#: pod/static/js/video_category.js:404
 #: pod/video/static/js/video_category.js:404
 msgid "Delete the category"
 msgstr "Supprimer la catégorie"
 
-#: pod/static/js/video_category.js:465
 #: pod/video/static/js/video_category.js:456
 msgid "This content is password protected."
 msgstr "Ce contenu est protégé par mot de passe."
@@ -650,15 +568,10 @@ msgstr "Ce contenu est protégé par mot de passe."
 msgid "This content is chaptered."
 msgstr "Ce contenu est chapitré."
 
-#: pod/static/js/video_category.js:474
 #: pod/video/static/js/video_category.js:474
 msgid "This content is in draft."
 msgstr "Ce contenu est en brouillon."
 
-#: pod/static/js/video_category.js:492
-#: pod/video/static/js/video_category.js:492
-msgid "Audio content."
-msgstr "Contenu audio."
 #: pod/video/static/js/video_category.js:497
 msgid "Edit the video"
 msgstr "Éditer la vidéo"
@@ -675,52 +588,42 @@ msgstr "Chapitrer la vidéo"
 msgid "Delete the video"
 msgstr "Supprimer la vidéo"
 
-#: pod/static/js/video_category.js:549
 #: pod/video/static/js/video_category.js:549
 msgid "Success.."
 msgstr "Succès.."
 
-#: pod/static/js/video_category.js:550
 #: pod/video/static/js/video_category.js:550
 msgid "Error.."
 msgstr "Erreur.."
 
-#: pod/static/js/video_category.js:768
 #: pod/video/static/js/video_category.js:768
 msgid "Category created successfully"
 msgstr "Catégorie créée avec succès"
 
-#: pod/static/js/video_category.js:788
 #: pod/video/static/js/video_category.js:788
 msgid "Create category"
 msgstr "Créer catégorie"
 
-#: pod/static/js/video_stats_view.js:14
 #: pod/video/static/js/video_stats_view.js:14
 msgid "Title"
 msgstr "Titre"
 
-#: pod/static/js/video_stats_view.js:15
 #: pod/video/static/js/video_stats_view.js:15
 msgid "View during the day"
 msgstr "Vue de la journée"
 
-#: pod/static/js/video_stats_view.js:16
 #: pod/video/static/js/video_stats_view.js:16
 msgid "View during the month"
 msgstr "Vue du mois"
 
-#: pod/static/js/video_stats_view.js:17
 #: pod/video/static/js/video_stats_view.js:17
 msgid "View during the year"
 msgstr "Vue de l'année"
 
-#: pod/static/js/video_stats_view.js:18
 #: pod/video/static/js/video_stats_view.js:18
 msgid "Total view from creation"
 msgstr "Vue totale depuis création"
 
-#: pod/static/js/video_stats_view.js:19
 #: pod/video/static/js/video_stats_view.js:19
 msgid "Slug"
 msgstr "Titre court"
diff --git a/pod/locale/nl/LC_MESSAGES/django.po b/pod/locale/nl/LC_MESSAGES/django.po
index eca509ea6d..98fc98338d 100644
--- a/pod/locale/nl/LC_MESSAGES/django.po
+++ b/pod/locale/nl/LC_MESSAGES/django.po
@@ -5,16 +5,16 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2021-01-22 11:22+0000\n"
+"POT-Creation-Date: 2021-01-29 14:49+0000\n"
 "PO-Revision-Date: 2021-01-22 12:27+0100\n"
 "Last-Translator: obado <bado@unice.fr>\n"
+"Language-Team: \n"
 "Language: nl_NL\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 "X-Generator: Poedit 2.4.2\n"
-"Language-Team: \n"
 
 #: pod/authentication/admin.py:93 pod/main/forms.py:51
 msgid "Email"
@@ -152,7 +152,7 @@ msgstr ""
 #: pod/playlist/views.py:140
 #: pod/recorder/templates/recorder/add_recording.html:36
 #: pod/recorder/templates/recorder/record_delete.html:32
-#: pod/recorder/views.py:148 pod/recorder/views.py:309
+#: pod/recorder/views.py:149 pod/recorder/views.py:318
 #: pod/video/templates/channel/channel_edit.html:48
 #: pod/video/templates/videos/video-form.html:10
 #: pod/video/templates/videos/video_delete.html:33
@@ -3686,28 +3686,28 @@ msgstr ""
 msgid "Agree required"
 msgstr ""
 
-#: pod/recorder/views.py:64
+#: pod/recorder/views.py:65
 msgid "Recorder should be indicated."
 msgstr ""
 
-#: pod/recorder/views.py:70
+#: pod/recorder/views.py:71
 msgid "Recorder not found."
 msgstr ""
 
-#: pod/recorder/views.py:85
+#: pod/recorder/views.py:86
 msgid "The selected record has been deleted."
 msgstr ""
 
-#: pod/recorder/views.py:118
+#: pod/recorder/views.py:119
 msgid "Mediapath should be indicated."
 msgstr ""
 
-#: pod/recorder/views.py:142
+#: pod/recorder/views.py:143
 msgid ""
 "Your publication is saved. Adding it to your videos will be in a few minutes."
 msgstr ""
 
-#: pod/recorder/views.py:200
+#: pod/recorder/views.py:209
 #, python-format
 msgid ""
 "Hello, \n"
@@ -3722,7 +3722,7 @@ msgid ""
 "Regards"
 msgstr ""
 
-#: pod/recorder/views.py:211
+#: pod/recorder/views.py:220
 #, python-format
 msgid ""
 "Hello, <p>a new recording has just be added on %(title_site)s from the "
@@ -3731,11 +3731,11 @@ msgid ""
 "just copy-paste it in your browser.</i> <p><p>Regards</p>"
 msgstr ""
 
-#: pod/recorder/views.py:227
+#: pod/recorder/views.py:236
 msgid "New recording added."
 msgstr ""
 
-#: pod/recorder/views.py:302
+#: pod/recorder/views.py:311
 msgid "The record has been deleted."
 msgstr ""
 
@@ -3777,7 +3777,7 @@ msgstr ""
 msgid "You can send an audio or video file."
 msgstr ""
 
-#: pod/video/forms.py:89 pod/video/views.py:1642
+#: pod/video/forms.py:89 pod/video/views.py:1644
 #, python-format
 msgid "The following formats are supported: %s"
 msgstr ""
@@ -4796,11 +4796,11 @@ msgstr ""
 msgid "Audience:"
 msgstr ""
 
-#: pod/video/templates/videos/video-info.html:90
+#: pod/video/templates/videos/video-info.html:91
 msgid "Disciplines:"
 msgstr ""
 
-#: pod/video/templates/videos/video-info.html:99
+#: pod/video/templates/videos/video-info.html:100
 msgid "Licence:"
 msgstr ""
 
@@ -4831,39 +4831,55 @@ msgid ""
 "contain a key allowing access. Anyone with this links can access it."
 msgstr ""
 
-#: pod/video/templates/videos/video-info.html:174
+#: pod/video/templates/videos/video-info.html:173
+msgid "Options"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:176
 msgid "Autoplay"
 msgstr ""
 
-#: pod/video/templates/videos/video-info.html:175
+#: pod/video/templates/videos/video-info.html:177
 msgid "Check the box to autoplay the video."
 msgstr ""
 
-#: pod/video/templates/videos/video-info.html:180
+#: pod/video/templates/videos/video-info.html:182
 msgid "Loop"
 msgstr ""
 
-#: pod/video/templates/videos/video-info.html:181
+#: pod/video/templates/videos/video-info.html:183
 msgid "Check the box to loop the video."
 msgstr ""
 
-#: pod/video/templates/videos/video-info.html:187
+#: pod/video/templates/videos/video-info.html:189
 msgid "Start video"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:190
-msgid "Check the box to indicate the beginning of playing desired."
+msgid "Start at"
 msgstr ""
 
 #: pod/video/templates/videos/video-info.html:193
+msgid "Check the box to indicate the beginning of playing desired."
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:198
+msgid "Embed in a web page"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:200
 msgid "Copy the content of this text box and paste it in the page:"
 msgstr ""
 
-#: pod/video/templates/videos/video-info.html:197
+#: pod/video/templates/videos/video-info.html:205
+msgid "Share the link"
+msgstr ""
+
+#: pod/video/templates/videos/video-info.html:207
 msgid "Use this link to share the video:"
 msgstr ""
 
-#: pod/video/templates/videos/video-info.html:201
+#: pod/video/templates/videos/video-info.html:211
 msgid "QR code for this link:"
 msgstr ""
 
@@ -4974,6 +4990,14 @@ msgstr ""
 msgid "Use this link to share the video in draft mode"
 msgstr ""
 
+#: pod/video/templates/videos/video_licencebox.html:2
+msgid "Creative Commons license:"
+msgstr ""
+
+#: pod/video/templates/videos/video_licencebox.html:2
+msgid "Creative Commons license"
+msgstr ""
+
 #: pod/video/templates/videos/video_list.html:10
 msgid "Sorry, no video found"
 msgstr ""
@@ -5191,60 +5215,60 @@ msgstr ""
 msgid "You cannot access to this view."
 msgstr ""
 
-#: pod/video/views.py:1509
-msgid "Pod video view statistics"
+#: pod/video/views.py:1511
+msgid "Pod video viewing statistics"
 msgstr ""
 
-#: pod/video/views.py:1516
+#: pod/video/views.py:1518
 #, python-format
 msgid "Video viewing statistics for %s"
 msgstr ""
 
-#: pod/video/views.py:1520
+#: pod/video/views.py:1522
 #, python-format
 msgid "Video viewing statistics for the channel %s"
 msgstr ""
 
-#: pod/video/views.py:1524
+#: pod/video/views.py:1526
 #, python-format
 msgid "Video viewing statistics for the theme %s"
 msgstr ""
 
-#: pod/video/views.py:1566
+#: pod/video/views.py:1568
 #, python-format
 msgid "You do not have access rights to this video: %s "
 msgstr ""
 
-#: pod/video/views.py:1586
+#: pod/video/views.py:1588
 #, python-format
 msgid "The following video does not exist : %s"
 msgstr ""
 
-#: pod/video/views.py:1917
+#: pod/video/views.py:1919
 msgid "You do not have rights to delete this comment"
 msgstr ""
 
-#: pod/video/views.py:2008 pod/video/views.py:2074
+#: pod/video/views.py:2010 pod/video/views.py:2076
 msgid "One or many videos already have a category."
 msgstr ""
 
-#: pod/video/views.py:2044 pod/video/views.py:2114
+#: pod/video/views.py:2046 pod/video/views.py:2116
 msgid "Title field is required"
 msgstr ""
 
-#: pod/video/views.py:2049 pod/video/views.py:2119 pod/video/views.py:2161
+#: pod/video/views.py:2051 pod/video/views.py:2121 pod/video/views.py:2163
 msgid "Method Not Allowed"
 msgstr ""
 
-#: pod/video/views.py:2091
+#: pod/video/views.py:2093
 msgid "Category updated successfully."
 msgstr ""
 
-#: pod/video/views.py:2109
+#: pod/video/views.py:2111
 msgid "You do not have rights to edit this category"
 msgstr ""
 
-#: pod/video/views.py:2155
+#: pod/video/views.py:2157
 msgid "You do not have rights to delete this category"
 msgstr ""
 
@@ -5269,6 +5293,6 @@ msgstr ""
 msgid "faceting"
 msgstr ""
 
-#: pod/video_search/views.py:55
+#: pod/video_search/views.py:57
 msgid "Remove selection"
 msgstr ""
diff --git a/pod/locale/nl/LC_MESSAGES/djangojs.po b/pod/locale/nl/LC_MESSAGES/djangojs.po
index 96a5155ce2..ce4fde9b06 100644
--- a/pod/locale/nl/LC_MESSAGES/djangojs.po
+++ b/pod/locale/nl/LC_MESSAGES/djangojs.po
@@ -5,15 +5,15 @@ msgid ""
 msgstr ""
 "Project-Id-Version: Esup-Pod\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2021-01-22 12:24+0100\n"
+"POT-Creation-Date: 2021-01-29 15:49+0100\n"
 "PO-Revision-Date: 2021-01-22 12:27+0100\n"
+"Last-Translator: obado <bado@unice.fr>\n"
+"Language-Team: \n"
 "Language: nl\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
-"Last-Translator: obado <bado@unice.fr>\n"
-"Language-Team: \n"
 "X-Generator: Poedit 2.4.2\n"
 
 #: pod/chapter/static/js/chapters.js:5 pod/chapter/static/js/chapters.js:7
@@ -150,7 +150,8 @@ msgid "Please enter a role."
 msgstr ""
 
 #: pod/completion/static/js/completion.js:267
-msgid "There is already a contributor with this same name and role in the list."
+msgid ""
+"There is already a contributor with this same name and role in the list."
 msgstr ""
 
 #: pod/completion/static/js/completion.js:278
@@ -389,6 +390,10 @@ msgstr ""
 msgid "The file size exceeds the maximum allowed value:"
 msgstr ""
 
+#: pod/main/static/js/main.js:513
+msgid " GB."
+msgstr ""
+
 #: pod/main/static/js/main.js:528
 msgid "The file extension not in the allowed extension:"
 msgstr ""
@@ -441,45 +446,48 @@ msgstr ""
 msgid "See more"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:74
-#: pod/video/static/js/comment-script.js:171
+#: pod/video/static/js/comment-script.js:25
+msgid "Answer"
+msgstr ""
+
+#: pod/video/static/js/comment-script.js:26
+msgid "Answers"
+msgstr ""
+
+#: pod/video/static/js/comment-script.js:76
+#: pod/video/static/js/comment-script.js:181
 msgid "Delete"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:85
+#: pod/video/static/js/comment-script.js:87
 msgid "Cancel"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:144
+#: pod/video/static/js/comment-script.js:148
 msgid "Agree with the comment"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:155
+#: pod/video/static/js/comment-script.js:165
 msgid "Reply to comment"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:155
+#: pod/video/static/js/comment-script.js:165
 msgid "Reply"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:168
+#: pod/video/static/js/comment-script.js:178
 msgid "Remove this comment"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:184
+#: pod/video/static/js/comment-script.js:194
 msgid "Add a public comment"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:267
-#: pod/video/static/js/comment-script.js:727
-msgid "Answers"
-msgstr ""
-
-#: pod/video/static/js/comment-script.js:272
+#: pod/video/static/js/comment-script.js:282
 msgid "Show answers"
 msgstr ""
 
-#: pod/video/static/js/comment-script.js:416
+#: pod/video/static/js/comment-script.js:442
 msgid "Comment has been deleted successfully."
 msgstr ""
 
diff --git a/pod/main/static/css/pod.css b/pod/main/static/css/pod.css
index 41bf374ff3..e452d2af88 100755
--- a/pod/main/static/css/pod.css
+++ b/pod/main/static/css/pod.css
@@ -44,8 +44,12 @@ label {
 
 /*** video ***/
 #myTabContent #info p {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+  margin-top: .5rem;
+  margin-bottom: .5rem;
+}
+#share legend{
+  /* align text with feather-icon */
+  line-height: 1em;
 }
 
 .hidespinner {
diff --git a/pod/main/static/css/ui.jqgrid.min.css b/pod/main/static/css/ui.jqgrid.min.css
index 0d462c6a29..c0ad2ec8ef 100644
--- a/pod/main/static/css/ui.jqgrid.min.css
+++ b/pod/main/static/css/ui.jqgrid.min.css
@@ -1,5 +1,4 @@
 /*!
- * jqGrid 4.15.5-pre - free jqGrid: https://github.com/free-jqgrid/jqGrid 
- * Date: 2018-08-12
+ * jqGrid 4.15.5 - free jqGrid: https://github.com/free-jqgrid/jqGrid
+ * Date: 2018-08-13
  */.ui-jqgrid{position:relative;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;-ms-touch-action:none;touch-action:manipulation}.ui-jqgrid div{line-height:normal}.ui-jqgrid table{border-collapse:separate;border-spacing:0;border-width:0;border-style:none}.ui-jqgrid table td{padding:0}.ui-jqgrid>.ui-jqgrid-view{position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;top:0;padding:0;font-size:11px}.ui-jqgrid>.ui-jqgrid-view *,.ui-jqgrid>.ui-jqgrid-view :after,.ui-jqgrid>.ui-jqgrid-view :before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.ui-jqdialog .ui-jqdialog-titlebar,.ui-jqgrid .ui-jqgrid-errorbar,.ui-jqgrid .ui-jqgrid-titlebar{padding:.3em .3em .3em .3em;position:relative;font-size:12px;border-left:0 none;border-right:0 none;border-top:0 none}.ui-jqgrid-errorbar{max-height:100px;margin-bottom:0;overflow:auto}.ui-jqgrid .ui-jqgrid-caption,.ui-jqgrid .ui-jqgrid-errorbar-ltr{text-align:left}.ui-jqgrid .ui-jqgrid-caption-rtl,.ui-jqgrid .ui-jqgrid-errorbar-rtl{text-align:right}.ui-jqdialog-titlebar>.ui-jqdialog-titlebar-close,.ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close{vertical-align:middle;text-align:center;text-decoration:none;position:absolute;top:50%;width:1.4em;line-height:1.5em;font-size:12px;margin:-.7em 0 0 0;padding:.2em;border:1px solid transparent;height:1.4em;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-jqgrid-jquery-ui .ui-jqdialog-titlebar>.ui-jqdialog-titlebar-close{margin:-8px 0 0 0}.ui-jqgrid .ui-jqgrid-caption .ui-jqgrid-titlebar-close{right:.1em}.ui-jqgrid .ui-jqgrid-caption-rtl .ui-jqgrid-titlebar-close{left:.1em}.ui-jqdialog .ui-jqdialog-titlebar-ltr .ui-jqdialog-titlebar-close{right:.3em}.ui-jqdialog .ui-jqdialog-titlebar-rtl .ui-jqdialog-titlebar-close{left:.3em}.ui-jqdialog-titlebar>.ui-jqdialog-titlebar-close,.ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close{-ms-border-radius:.5em;border-radius:.5em}.ui-jqdialog .ui-jqdialog-titlebar-ltr .ui-jqdialog-title,.ui-jqgrid .ui-jqgrid-caption .ui-jqgrid-title,.ui-jqgrid .ui-jqgrid-errorbar-ltr .ui-jqgrid-error{position:relative;left:.1em}.ui-jqdialog .ui-jqdialog-titlebar-rtl .ui-jqdialog-title,.ui-jqgrid .ui-jqgrid-caption-rtl .ui-jqgrid-title,.ui-jqgrid .ui-jqgrid-errorbar-rtl .ui-jqgrid-error{position:relative;right:.1em}.ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close span{margin-top:0;margin-left:0}.ui-jqdialog-titlebar>.ui-jqdialog-titlebar-close span,.ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close span{display:block}.ui-jqdialog-titlebar>.ui-jqdialog-titlebar-close span.ui-icon,.ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close span.ui-icon{position:relative;top:-2px}.ui-jqdialog-titlebar-ltr .ui-jqdialog-titlebar-close span.ui-icon,.ui-jqgrid .ui-jqgrid-caption .ui-jqgrid-titlebar-close span.ui-icon{right:3.5px}.ui-jqgrid .ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close>span.ui-icon{margin-top:-1px}.ui-jqgrid .ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close>span.fa,.ui-jqgrid .ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close>span.glyphicon{font-size:14px;margin-top:-2px}.ui-jqgrid .ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close>.svg-inline--fa{font-size:14px;display:block;margin-top:-.125em;margin-left:-.125em}.ui-jqgrid .ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close>span.fa{margin-left:-1px}.ui-jqdialog-titlebar-close>.svg-inline--fa{display:block;margin-left:.0625em;margin-top:-.0625em}.ui-jqgrid .ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close>span.glyphicon{margin-left:-2px}.ui-jqdialog-titlebar .ui-jqdialog-titlebar-close>span{margin-top:-1px}.ui-jqdialog-titlebar .ui-jqdialog-titlebar-close>span.glyphicon{margin-top:-.05em;margin-left:-.05em}.ui-jqdialog .ui-resizable-handle>.ui-icon{right:-1px;bottom:-1px}.ui-jqdialog .ui-resizable-handle>.fa{font-size:12px;right:-2px;position:relative}.ui-jqdialog .ui-resizable-handle>.svg-inline--fa{font-size:12px;right:-1px;position:relative}.ui-jqdialog .ui-resizable-handle>.glyphicon{font-size:12px;right:-1px;bottom:-2.8px}.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv{position:relative;margin:0;padding:0;overflow:hidden;border-left:0 none;border-top:0 none;border-right:0 none;height:auto}.ui-jqgrid .ui-jqgrid-hbox{float:left;padding-right:20px}.ui-jqgrid .ui-jqgrid-htable{table-layout:fixed;margin:0}.ui-jqgrid .ui-jqgrid-htable th{height:auto;padding:0 2px 0 2px}.ui-jqgrid-htable>thead>.jqg-first-row-header>th{padding-top:0;padding-bottom:0;border-bottom:0 none;border-top:0 none}.ui-jqgrid .ui-jqgrid-htable th.jqgh_cbox{padding:0}.ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div{overflow:hidden;position:relative;height:auto;margin:2px 2px}.ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels>th.jqgh_cbox{vertical-align:middle}.ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels .jqgh_cbox>div{text-align:center;vertical-align:baseline;margin:0}.ui-jqgrid .ui-jqgrid-labels th.ui-th-column,.ui-jqgrid .ui-jqgrid-legacy-subgrid .ui-th-subgrid,.ui-jqgrid-labels .ui-th-column-header{overflow:hidden;white-space:nowrap;text-align:center}.ui-jqgrid-labels .ui-th-column-header{vertical-align:middle;height:auto;vertical-align:middle;border-top:0 none}.ui-jqgrid .ui-jqgrid-labels th.ui-th-column{position:relative;vertical-align:middle;border-top:0 none;border-bottom:0 none}.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr,.ui-th-ltr{border-left:0 none}.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl,.ui-th-rtl{border-right:0 none}.ui-first-th-ltr{border-right:1px solid}.ui-first-th-rtl{border-left:1px solid}.ui-jqgrid .ui-th-div-ie{white-space:nowrap;zoom:1;height:17px}.ui-jqgrid .ui-th-column>.jqgh_cbox{margin:3px 0}.ui-jqgrid .ui-th-column .cbox{margin:.1em;cursor:pointer;text-align:center;vertical-align:middle}.ui-jqgrid.ui-jqgrid-bootstrap .ui-th-column .cbox{height:18px;width:18px}.ui-jqgrid .ui-th-column .ui-th-div-ie>.cbox{margin-left:-1px;margin-right:-1px}.ui-jqgrid .ui-jqgrid-labels>.ui-th-column>.ui-jqgrid-resize{top:0;height:100%;width:.3em;position:absolute;cursor:col-resize;-webkit-touch-callout:none;-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none;display:inline;overflow:hidden}.ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div.ui-jqgrid-rotate{-webkit-transform:translateX(-50%) translateY(0) rotate(-90deg);-moz-transform:translateX(-50%) translateY(0) (-90deg);-o-transform:translateX(-50%) translateY(0) rotate(-90deg);-ms-transform:translateX(-50%) translateY(0) rotate(-90deg);transform:translateX(-50%) translateY(0) rotate(-90deg);transform-origin:center center;margin:0;left:50%}.ui-jqgrid .ui-grid-ico-sort{overflow:hidden;position:absolute;display:inline}.ui-grid-ico-sort{cursor:pointer}.ui-state-disabled.ui-grid-ico-sort{cursor:pointer!important}.ui-jqgrid .s-ico{position:relative;width:.87em;height:1.125em;display:inline-block;vertical-align:middle;margin:0 .1em}.ui-jqgrid .s-ico>.ui-grid-ico-sort{display:block;position:relative}.ui-jqgrid .s-ico>.ui-grid-ico-sort.ui-icon{width:12px;margin-top:0}.ui-jqgrid .s-ico>.ui-icon-asc.ui-icon{top:-6px}.ui-jqgrid .s-ico>.ui-icon-desc.ui-icon{top:-16px}.ui-jqgrid .s-ico>.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-jqgrid .s-ico>.ui-icon.ui-sort-ltr{margin-left:-3px}.ui-jqgrid .s-ico>.ui-icon.ui-sort-rtl{margin-right:0}.ui-jqgrid-sortable>.ui-jqgrid-sort-order{position:relative;left:-.1em;top:0;font-size:75%;vertical-align:super}.ui-jqgrid .ui-th-column>div{cursor:default}.ui-jqgrid .ui-th-column>div.ui-jqgrid-sortable{cursor:pointer}.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar{border-top-width:1px;border-top-style:solid}.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar .ui-th-column{border-top-width:1px;border-top-style:solid}.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar input{margin:1px 0 0 0}.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar select{margin:1px 0 0 0}.ui-jqgrid .ui-jqgrid-bdiv{min-height:1px;position:relative;margin:0;padding:0;overflow:auto;text-align:left}.ui-jqgrid .ui-jqgrid-btable{table-layout:fixed;margin:0;outline-style:none;height:1px}.ui-jqgrid tr.jqgroup,.ui-jqgrid tr.jqgrow{outline-style:none}.ui-jqgrid tr.jqfoot>td,.ui-jqgrid tr.jqgroup>td,.ui-jqgrid tr.jqgrow>td,.ui-jqgrid tr.ui-subgrid>td,.ui-jqgrid tr.ui-subtblcell>td{overflow:hidden;white-space:pre;vertical-align:middle;text-align:center;height:22px;border-top:0 none;border-bottom-width:1px;border-bottom-style:solid}.ui-jqgrid-jquery-ui.ui-jqgrid tr.jqfoot>td,.ui-jqgrid-jquery-ui.ui-jqgrid tr.jqgroup>td,.ui-jqgrid-jquery-ui.ui-jqgrid tr.jqgrow>td,.ui-jqgrid-jquery-ui.ui-jqgrid tr.ui-subgrid>td{border-bottom-color:inherit}.ui-jqgrid tr.jqfoot>td,.ui-jqgrid tr.jqgroup>td,.ui-jqgrid tr.jqgrow>td{padding:0 2px 0 2px}.ui-jqgrid tr.ui-subgrid>td{padding:0}.ui-jqgrid tr.jqgfirstrow>td{padding:0 2px 0 2px;border-top:0 none;border-left:0 none;height:0;border-right-width:1px;border-right-style:solid;border-bottom:0 none}.ui-jqgrid-jquery-ui.ui-jqgrid tr.jqgfirstrow>td{border-right-color:inherit}.ui-jqgrid tr.jqgfirstrow>td.td_cbox{padding:0}.ui-jqgrid tr.jqfoot>td,.ui-jqgrid tr.jqgroup>td,.ui-jqgrid tr.jqgrow>td{font-weight:400}.ui-jqgrid tr.jqfoot>td{font-weight:700}.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr>td{text-align:left;border-left-width:0;border-left-style:none;border-right-width:1px;border-right-style:solid}.ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr>td{border-color:inherit}.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-rtl>td{text-align:right;border-right-width:0;border-right-style:none;border-left-width:1px;border-left-style:solid}.ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-rtl>td{border-color:inherit}.ui-jqgrid .ui-jqgrid-btable td.jqgrid-rownum{padding:0 2px 0 2px;margin:0;border-width:0;border-style:none}.ui-jqgrid .ui-jqgrid-btable td.jqgrid-rownum{border-bottom-width:1px;border-bottom-style:solid}.ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-btable td.jqgrid-rownum{border-bottom-color:inherit}.ui-jqgrid .jqgrow>td.td_cbox{padding:0;text-align:center;vertical-align:middle}.ui-jqgrid .jqgrow>td.ui-sgcollapsed{text-align:center;vertical-align:middle}.ui-jqgrid tr.jqgrow>td.td_cbox{padding:0}.ui-jqgrid .jqgrow>td>.cbox{height:14px;width:14px;cursor:pointer;text-align:center;vertical-align:middle}.ui-jqgrid>.ui-jqgrid-resize-mark,body>.ui-jqgrid-resize-mark{width:0;left:0;cursor:col-resize;-webkit-touch-callout:none;-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none;position:absolute;top:0;overflow:hidden;display:none;border-left-width:1px;border-right-width:1px;z-index:99999}span.ui-jqgrid-cell-wrapper{margin:0!important;padding:0!important}.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-sdiv{position:relative;margin:0;padding:0;overflow:hidden;border-left:0 none;border-top:0 none;border-right:0 none}.ui-jqgrid .ui-jqgrid-ftable{table-layout:fixed;margin-bottom:0}.ui-jqgrid tr.footrow td{font-weight:700;overflow:hidden;white-space:nowrap;height:21px;padding:0 2px 0 2px;border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}.ui-jqgrid-jquery-ui.ui-jqgrid tr.footrow td{border-top-color:inherit;border-bottom-color:inherit}.ui-jqgrid tr.footrow-ltr td{text-align:left;border-left-width:0;border-left-style:none;border-right-width:1px;border-right-style:solid}.ui-jqgrid-jquery-ui.ui-jqgrid tr.footrow-ltr td{border-color:inherit}.ui-jqgrid tr.footrow-rtl td{text-align:right;border-left-width:1px;border-left-style:solid;border-right-width:0;border-right-style:none}.ui-jqgrid-jquery-ui.ui-jqgrid tr.footrow-rtl td{border-color:inherit}.ui-jqgrid>.ui-jqgrid-pager{border:0 none;margin:0;padding:0;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;min-height:22px;overflow:hidden;font-size:11px}.ui-jqgrid>.ui-jqgrid-pager *,.ui-jqgrid>.ui-jqgrid-pager :after,.ui-jqgrid>.ui-jqgrid-pager :before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}.ui-jqgrid .ui-jqgrid-pager .ui-pager-control,.ui-jqgrid .ui-jqgrid-toppager .ui-pager-control{position:relative;border-left:0;border-bottom:0;border-top:0}.ui-pager-control .ui-jqgrid-pg-left{text-align:left}.ui-pager-control .ui-jqgrid-pg-center{text-align:center;white-space:pre}.ui-pager-control .ui-jqgrid-pg-right{text-align:right}.ui-jqgrid .ui-pg-table{position:relative;padding:0;width:auto;margin:0}.jqgrow .ui-jqgrid-actions{background:inherit;border-style:none}.ui-jqgrid .ui-pg-button:not(.ui-state-hover),.ui-jqgrid-jquery-ui .jqgrow .ui-jqgrid-actions .ui-pg-div:not(.ui-state-hover){border:1px solid transparent}.ui-pager-control .ui-pg-table{border-color:inherit}.jqgrow .ui-jqgrid-actions .ui-pg-div.ui-state-hover,.jqgrow .ui-jqgrid-actions .ui-pg-div:focus,.jqgrow .ui-jqgrid-actions .ui-pg-div:hover,.ui-jqgrid .ui-pg-button.ui-state-hover,.ui-jqgrid .ui-pg-button:focus,.ui-jqgrid .ui-pg-button:hover{border-style:solid;border-color:inherit}.ui-jqgrid .ui-pg-table td{font-weight:400;vertical-align:middle;padding:1px}.ui-jqgrid .ui-pager-control .ui-pg-button{display:inline-block;height:auto}.ui-jqgrid .ui-pg-button span{display:block;margin:1px;float:left}.ui-jqgrid .ui-pg-table .ui-pg-input,.ui-jqgrid .ui-pg-table .ui-pg-selbox{height:auto;width:auto;margin:0;line-height:inherit}select.form-control.ui-pg-selbox:not([size]):not([multiple]){height:auto}.ui-jqgrid .ui-pg-table .ui-pg-selbox{display:block;padding:1px}.ui-jqgrid .ui-separator{height:12px;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:-1px;float:right}.ui-jqgrid .ui-paging-info{font-weight:400;height:auto;margin:0 .2em 0 .2em;display:inline}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div{padding:1px 0;float:left;position:relative}.ui-jqgrid .ui-jqgrid-pager .ui-pg-button{cursor:pointer}.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon{float:left;margin:0 2px}.ui-jqgrid td input,.ui-jqgrid td select,.ui-jqgrid td textarea{margin:0}.ui-jqgrid td textarea{width:auto;height:auto}.ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-toppager{border-left:0 none;border-right:0 none;border-top:0 none;margin:0;padding:0;position:relative;height:auto;min-height:22px;overflow:hidden}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div{padding:1px 0;float:left;position:relative}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button{cursor:pointer}.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon{float:left;margin:0 2px}.ui-jqgrid .ui-pg-table .ui-pg-button{margin:2px;vertical-align:middle}.ui-jqgrid .navtable .ui-pg-div span.ui-pg-button-text{padding-left:.2em;padding-right:.2em}.ui-pg-button.ui-state-hover>.ui-pg-div>.ui-pg-button-text,.ui-pg-button:hover>.ui-pg-div>.ui-pg-button-text{font-weight:400}.ui-jqgrid .ui-pg-div{text-align:center;vertical-align:middle;display:inline-block}.ui-jqgrid .navtable .ui-pg-div>span.ui-pg-button-icon-over-text{margin-left:auto;margin-right:auto;float:none}.subgrid-data>.tablediv>.ui-jqgrid{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.subgrid-data>.tablediv>.ui-jqgrid>.ui-jqgrid-view{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.ui-jqgrid .ui-jqgrid-btable .jqgrow>.ui-sgcollapsed{text-align:center;vertical-align:middle}.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span{display:inline-block}.ui-jqgrid .ui-subgrid{margin:0;padding:0;width:100%}.sgbutton{cursor:pointer}.ui-jqgrid .ui-subgrid table{table-layout:fixed}.ui-jqgrid .ui-subgrid tr.ui-subtblcell td{height:18px;border-top:0 none;border-bottom-width:1px;border-bottom-style:solid}.ui-jqgrid-jquery-ui.ui-jqgrid .ui-subgrid tr.ui-subtblcell td{border-bottom-color:inherit}.ui-jqgrid .ui-th-subgrid{height:20px}.ui-jqgrid .ui-row-ltr.ui-subgrid>.subgrid-cell>span{float:right}.ui-jqgrid .ui-row-rtl.ui-subgrid>.subgrid-cell>span{float:left}.ui-jqgrid>.loading{position:absolute;top:45%;left:45%;width:auto;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:700;display:none;border-width:2px;font-size:11px}.ui-jqgrid .jqgrid-overlay{display:none;z-index:100}* .jqgrid-overlay iframe{position:absolute;top:0;left:0;z-index:-1}.ui-jqgrid>.ui-jqgrid-view>.ui-userdata{border-left:0 none;border-right:0 none;height:21px;overflow:hidden}.ui-jqgrid .ui-jqdialog{font-size:11px}.ui-jqdialog{display:none;width:300px;position:absolute;font-size:11px;overflow:visible}.ui-jqdialog.ui-jqgrid-jquery-ui{padding:.2em}.ui-jqgrid-bootstrap.modal{right:auto;left:auto}.ui-jqgrid-bootstrap.modal>.modal-dialog{max-width:none}.ui-jqdialog .ui-jqdialog-content,.ui-jqdialog-content{border:0;padding:.3em .2em;background:0 0;height:auto}.ui-jqdialog .ui-jqconfirm{padding:.4em 1em;border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center}.ui-jqdialog>.ui-resizable-se,.ui-jqgrid>.ui-resizable-se{bottom:-3px;right:-3px}.ui-jqdialog-content .FormGrid{margin:0}.ui-jqdialog-content .EditTable{width:100%;margin-bottom:0}.ui-jqdialog-content .DelTable{width:100%;margin-bottom:0}.EditTable td input,.EditTable td select,.EditTable td textarea{margin:0}.EditTable td textarea{width:auto;height:auto}.ui-jqdialog-content td.EditButton{border-top:0 none;border-left:0 none;border-right:0 none;padding:5px 0}.ui-jqdialog-content td.EditButton-ltr{text-align:right}.ui-jqdialog-content td.EditButton-rtl{text-align:left}.ui-jqdialog-content td.navButton{text-align:left;border-left:0 none;border-top:0 none;border-right:0 none;padding:5px 0}.ui-jqdialog-content td.navButton-ltr{text-align:left}.ui-jqdialog-content td.navButton-ltr>.fm-button{float:left}.ui-jqdialog-content td.navButton-rtl{text-align:right}.ui-jqdialog-content td.navButton-rtl>.fm-button{float:right}.ui-jqdialog-content .FormElement{width:100%;box-sizing:border-box}.ui-jqdialog-content input.FormElement,.ui-jqdialog-content select.FormElement{padding:.3em}.ui-jqdialog-content .data-line{padding-top:.1em;border:0 none}.ui-jqdialog-content .CaptionTD{vertical-align:middle;border:0 none;padding:2px;white-space:nowrap}.ui-jqdialog-content .DataTD{padding:2px;border-width:0;border-style:none;vertical-align:top}.ui-jqgrid-jquery-ui.ui-jqdialog .form-view-data>span{border-width:1px;border-style:solid;border-color:inherit;border-radius:3px;display:block;padding:.2em}.ui-jqgrid-jquery-ui.ui-jqdialog .form-view-label>label{font-weight:700}.ui-jqgrid-bootstrap.ui-jqdialog .ui-jqdialog-content .form-view-data>span{height:100%;width:auto}.ui-jqdialog .fm-button{display:inline-block;padding:.4em .5em;text-decoration:none;cursor:pointer;position:relative;text-align:center;zoom:1}.ui-jqdialog.ui-jqgrid-bootstrap .navButton .fm-button{padding:.375em .75em;margin-left:.125em}.ui-jqdialog .fm-button>span{display:inline-block;vertical-align:middle}.ui-jqdialog .fm-button .fm-button-text{padding:0 .2em}.ui-jqdialog .EditButton-ltr .fm-button-icon-left .fm-button-icon{margin-right:.2em}.ui-jqdialog .EditButton-ltr .fm-button-icon-right .fm-button-icon{margin-left:.2em}.ui-jqdialog .EditButton-rtl .fm-button-icon-right .fm-button-icon{margin-right:.2em}.ui-jqdialog .EditButton-rtl .fm-button-icon-left .fm-button-icon{margin-left:.2em}.delmsg{padding:.5em}.ui-jqgrid .selected-row,.ui-jqgrid .selected-row td{font-style:normal;border-left:0 none}.ui-jqgrid .jqgrow .ui-jqgrid-actions{display:inline-block;vertical-align:middle;margin:0}.jqgrow .ui-jqgrid-actions .ui-pg-div{cursor:pointer;float:left;margin:0 1px}.ui-jqgrid .tree-wrap{display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden}.ui-jqgrid .treeclick{cursor:pointer;display:inline-block;vertical-align:middle;width:18px;overflow:hidden}.ui-jqgrid .ui-jqgrid-bdiv .jqgroup .tree-wrap{text-align:center;padding-left:.1em}.ui-jqgrid .ui-jqgrid-bdiv .jqgroup .tree-wrap.glyphicon{margin-top:-.18em}* iframe.jqm{position:absolute;top:0;left:0;z-index:-1}.ui-jqgrid-dnd tr td{border-right-width:1px;border-right-color:inherit;border-right-style:solid;height:20px}.ui-jqgrid .ui-jqgrid-caption-rtl{text-align:right}.ui-jqgrid .ui-jqgrid-hbox-rtl{float:right;padding-left:20px}.ui-jqgrid .ui-jqgrid-resize-ltr{right:0;margin:0}.ui-jqgrid .ui-jqgrid-resize-rtl{left:0;margin:0}.ui-jqgrid .ui-sort-rtl{left:0}.ui-jqgrid .cell-wrapper,.ui-jqgrid .cell-wrapperleaf{display:inline-block;vertical-align:middle}.ui-jqgrid .ui-ellipsis{-moz-text-overflow:ellipsis;text-overflow:ellipsis}.ui-search-menu{position:absolute;padding:.2em}.ui-search-menu.ui-menu .ui-jqgrid-menu-item{list-style-image:none;padding-right:0;padding-left:0}.ui-search-menu.ui-menu .ui-jqgrid-menu-item a{text-decoration:none;display:block}.ui-search-toolbar>.ui-th-column>div{position:relative;height:auto;overflow:hidden}.ui-search-toolbar .ui-search-table{padding:0;border:0 none;height:20px;width:100%}.table-hover .ui-search-table tbody tr:hover{background-color:inherit}.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th{padding:0 .1em}.ui-search-toolbar .ui-search-table .ui-search-oper{width:20px;text-align:center}.ui-search-toolbar .ui-th-column .ui-search-table .ui-search-input{padding:0 .1em}.ui-search-input input[type=text]{width:100%}a.clearsearchclass,a.g-menu-item,a.soptclass{text-decoration:none;cursor:pointer}.ui-search-menu .ui-jqgrid-menu-item .g-menu-item{padding:.2em}.ui-menu-jqueryui .ui-jqgrid-menu-item .g-menu-item:not(.ui-state-hover){border:1px solid transparent}.ui-menu-jqueryui .ui-jqgrid-menu-item .g-menu-item:hover{font-weight:400}.ui-search-oper{padding:0}.ui-search-clear{text-align:center;padding:0}.ui-search-clear .clearsearchclass,.ui-search-oper .soptclass{padding:.1em;line-height:1em}.ui-jqgrid-jquery-ui .ui-search-clear .clearsearchclass:not(.ui-state-hover),.ui-jqgrid-jquery-ui .ui-search-oper .soptclass:not(.ui-state-hover){border:1px solid transparent}.ui-search-clear .clearsearchclass span{position:relative}.ui-search-input{text-align:center}.ui-jqgrid .ui-search-table .ui-search-input>input[type=text],.ui-jqgrid .ui-search-table .ui-search-input>select{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.ui-jqgrid>.ui-jqgrid-view button,.ui-jqgrid>.ui-jqgrid-view input,.ui-jqgrid>.ui-jqgrid-view select,.ui-jqgrid>.ui-jqgrid-view textarea{font-size:inherit;text-align:inherit}.ui-jqgrid .s-ico>.ui-grid-ico-sort.glyphicon{font-size:10px}.ui-jqgrid .s-ico>.ui-icon-asc.glyphicon{margin-top:-.23em}.ui-jqgrid .s-ico>.ui-icon-desc.glyphicon{margin-top:-.34em}.ui-jqgrid .s-ico>.ui-grid-ico-sort.fa{width:.63em}.ui-jqgrid .s-ico>.ui-icon-asc.fa{line-height:.81em;top:.07em}.ui-jqgrid .s-ico>.ui-icon-desc.fa{line-height:.81em;top:-.81em}.ui-jqgrid .s-ico>.ui-icon-asc.fa.ui-sort-ltr,.ui-jqgrid .s-ico>.ui-icon-desc.fa.ui-sort-ltr{left:0}.ui-jqgrid .s-ico>.ui-icon-asc.fa.ui-sort-rtl,.ui-jqgrid .s-ico>.ui-icon-desc.fa.ui-sort-rtl{right:0}.ui-jqgrid .s-ico>.ui-state-disabled.fa{padding:0}.ui-jqgrid .s-ico>.svg-inline--fa.fa-sort-down{margin-top:-1.05em}.jqgrow .ui-pg-div>span.fa{font-weight:400;font-size:12px;vertical-align:baseline;background:0 0;border:0 none}.ui-subgrid>.subgrid-cell span.fa{font-weight:400;font-size:12px;text-indent:0;background:0 0;border:0 none;margin-bottom:4px}.jqgrow>.ui-sgcollapsed span.fa{font-weight:400;font-size:12px;text-indent:0;background:0 0;border:0 none;margin:0}.ui-jqgrid .ui-resizable-se.fa{-webkit-filter:alpha(opacity=40);-moz-filter:alpha(opacity=40);-o-filter:alpha(opacity=40);-ms-opacity:.4;opacity:.4;background:0 0;border-style:none;right:-3px;font-weight:400}.ui-jqgrid-ltr .ui-resizable-se.fa{right:-3px;bottom:0}.ui-jqgrid-rtl .ui-resizable-se.fa{left:0;bottom:1px}.jqContextMenu .ui-menu .ui-jqgrid-menu-item a.ui-state-hover{font-weight:400;margin:-1px}.jqContextMenu .ui-menu .ui-jqgrid-menu-item.ui-state-hover{font-weight:400;margin:-1px}.jqContextMenu .ui-menu-icons>.ui-jqgrid-menu-item{font-size:11px}.ui-jqgrid-showHideColumnMenu .ui-jqgrid-menu-item:hover{font-weight:400}.ui-jqgrid-disablePointerEvents{pointer-events:none}.ui-jqgrid.ui-jqgrid-bootstrap{border:1px solid #ddd;-ms-border-radius:6px;border-radius:6px}.ui-jqgrid.ui-jqgrid-bootstrap>.ui-jqgrid-view>.ui-jqgrid-toppager{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui-jqgrid.ui-jqgrid-bootstrap>.ui-jqgrid-view>.ui-userdata{background-color:#f0f0f0}.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-hdiv,.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-legacy-subgrid>thead{background-color:#e5e5e5}.ui-jqgrid.ui-jqgrid-bootstrap>.ui-jqgrid-view>.ui-jqgrid-sdiv td{background-color:#f9f9f9}.ui-jqdialog.ui-jqgrid-bootstrap>.modal-dialog{margin-top:0}.ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar .ui-jqdialog-title,.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-errorbar .ui-jqgrid-error,.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-titlebar .ui-jqgrid-title{font-size:16px}.ui-jqgrid.ui-jqgrid-bootstrap>.ui-jqgrid-view{font-size:12px}.ui-jqgrid.ui-jqgrid-bootstrap>.ui-jqgrid-pager .btn,.ui-jqgrid.ui-jqgrid-bootstrap>.ui-jqgrid-view .btn{font-size:12px}.ui-jqgrid.ui-jqgrid-bootstrap>.ui-jqgrid-pager .fa,.ui-jqgrid.ui-jqgrid-bootstrap>.ui-jqgrid-view .fa{font-size:14px}.ui-jqdialog.ui-jqgrid-bootstrap{font-size:14px}.ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-content .CaptionTD{padding:.5em}.ui-jqgrid.ui-jqgrid-bootstrap .frozen-bdiv.ui-jqgrid-bdiv .ui-jqgrid-btable{background-color:#fff}.ui-jqgrid.ui-jqgrid-bootstrap tr.jqfoot>td,.ui-jqgrid.ui-jqgrid-bootstrap tr.jqgfirstrow>td,.ui-jqgrid.ui-jqgrid-bootstrap tr.jqgroup>td,.ui-jqgrid.ui-jqgrid-bootstrap tr.jqgrow>td{padding:.2em .3em}.ui-jqgrid.ui-jqgrid-bootstrap tr.jqgfirstrow>td{padding:0 .3em}.ui-jqgrid.ui-jqgrid-bootstrap tr.jqgfirstrow>td.td_cbox,.ui-jqgrid.ui-jqgrid-bootstrap tr.jqgrow>td.td_cbox{padding:0}.ui-jqgrid.ui-jqgrid-bootstrap .jqgrow>td>.cbox{height:18px;width:18px;display:inline-block;vertical-align:middle;text-align:center}.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-btable td.jqgrid-rownum{padding:.2em .3em}.ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar,.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-caption{background-color:#cacaca;-ms-border-top-left-radius:6px;border-top-left-radius:6px;-ms-border-top-right-radius:6px;border-top-right-radius:6px}.modal-backdrop.jqgrid-overlay{-ms-opacity:.35;opacity:.35;-webkit-filter:Alpha(Opacity=35);-moz-filter:Alpha(Opacity=35);-o-filter:Alpha(Opacity=35);filter:Alpha(Opacity=35)}.ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-content{border:0;padding:.3em .2em;background:#fff;height:auto}.ui-jqdialog.ui-jqgrid-bootstrap .modal-dialog{width:auto}.ui-jqdialog.ui-widget{overflow:hidden}.ui-jqdialog .ui-resizable-handle{cursor:se-resize;position:absolute;-ms-touch-action:none;touch-action:none}.ui-jqdialog.ui-jqgrid-bootstrap .modal-content{overflow:hidden}.ui-jqdialog.ui-jqgrid-bootstrap .modal-content>.ui-resizable-handle.fa{bottom:1px;right:1px;height:12px;width:12px}.ui-jqdialog.ui-jqgrid-bootstrap .modal-content>.ui-resizable-handle.glyphicon{right:-.4em}.ui-jqgrid.ui-jqgrid-bootstrap .disabled{opacity:.35;filter:Alpha(Opacity=35)}.ui-jqgrid-bootstrap.ui-jqgrid-resize-mark{border:1px solid #aaa;background-color:#ccc;color:#222;font-weight:700}.ui-jqgrid .jqgfirstrow{border-bottom:0 none;border-top:0 none;height:0}.ui-jqgrid.ui-jqgrid-bootstrap .jqgfirstrow td{border-bottom:0 none;border-top:0 none}.ui-jqgrid.ui-jqgrid-bootstrap .ui-pg-table .ui-pg-button.ui-state-disabled:hover{margin:0}.ui-jqgrid.ui-jqgrid-bootstrap .navtable .ui-pg-button.ui-state-disabled:hover{margin:0}.ui-jqgrid.ui-jqgrid-bootstrap .ui-pg-table .ui-pg-button{margin:.2em 0;padding:.2em 0;border-radius:.4em}.ui-search-input .form-control:not([size]):not([multiple]){height:auto;min-height:18px}.ui-search-input input[type=text]{padding:0}.ui-search-input input[type=text].form-control{padding:0 .3em}.ui-search-input select.form-control{padding:0}.ui-search-input input[type=checkbox].form-control{width:auto;margin-left:auto;margin-right:auto;border-radius:0;background:0 transparent}.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-actions .ui-pg-div.btn{padding:0;margin:0;box-shadow:none}.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-actions .ui-pg-div.btn:not(:first-child){margin-left:.125em}.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-actions .ui-pg-div.btn.ui-inline-save{margin-left:0}.ui-jqgrid.ui-jqgrid-bootstrap tr.jqgrow .sgbutton-div .sgbutton.btn{padding:0;cursor:pointer;border:1px solid transparent;margin:-.3em -.3em}.ui-jqgrid.ui-jqgrid-bootstrap .sgbutton-div .sgbutton.btn:focus,.ui-jqgrid.ui-jqgrid-bootstrap .sgbutton-div .sgbutton.btn:hover{border:1px solid #333}.ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-content{border-top-left-radius:0;border-top-right-radius:0}.ui-jqgrid.ui-jqgrid-bootstrap .ui-pager-control .ui-pg-input{display:inline-block;font-size:12px;padding:.3em}.ui-jqgrid.ui-jqgrid-bootstrap>.ui-jqgrid-pager{font-size:12px}.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-bootstrap-corner-top{border-top-left-radius:6px;border-top-right-radius:6px}.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-bootstrap-corner-bottom{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.ui-jqgrid.ui-jqgrid-bootstrap .ui-pager-control .ui-pg-selbox{font-size:12px;padding:0}.ui-jqdialog.ui-jqgrid-bootstrap .FormData .CaptionTD{font-size:14px}.FormData .DataTD{vertical-align:middle}.FormData .DataTD input[type=checkbox]{width:auto;vertical-align:middle}.ui-jqdialog.ui-jqgrid-bootstrap .FormData .DataTD input.form-control[type=checkbox]{width:2.193em;height:2.193em}.DelTable .delmsg{padding:.2em}.queryresult{margin-bottom:.5em;padding:.25em}.group.modal-content tr td{padding:.2em .1em}.searchFilter .form-control{padding:.1em}.searchFilter .form-control:not([size]):not([multiple]){height:2em}.searchFilter .btn{margin-left:.125em;padding:.2em .375em}.ui-jqgrid .searchFilter table.group td{padding:1px}.ui-jqgrid .searchFilter table{border-spacing:2px}.ui-jqdialog.ui-jqgrid-bootstrap .modal-header .close{margin-top:-.7em}.ui-jqdialog .glyphicon,.ui-jqgrid .glyphicon{font-size:12px;top:auto}.ui-jqdialog.ui-jqgrid-bootstrap .glyphicon,.ui-jqgrid.ui-jqgrid-bootstrap .glyphicon{font-size:14px;top:auto;height:1em;width:1.28em}.ui-jqgrid .ui-pg-button span.glyphicon{display:inline-block;text-align:center;vertical-align:middle}.ui-jqgrid-actions .glyphicon{padding:.1em}.ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-titlebar>.ui-jqgrid-titlebar-close>span.glyphicon{margin-top:-.125em;margin-left:-.275em}.ui-jqdialog.ui-jqgrid-bootstrap .ui-jqdialog-titlebar>.ui-jqdialog-titlebar-close>span.glyphicon{margin-top:-.1em;margin-left:-.28em}.tree-wrap>.treeclick{line-height:1}.tree-wrap>.treeclick.glyphicon{margin-top:-.2em;font-size:12px}.subgrid-data .ui-jqgrid-bootstrap .ui-jqgrid-bdiv .ui-jqgrid-btable,.subgrid-data .ui-jqgrid-bootstrap .ui-jqgrid-hdiv .ui-jqgrid-htable{background-color:transparent}.subgrid-data .ui-jqgrid-legacy-subgrid{margin:0}
-/*# sourceMappingURL=ui.jqgrid.min.css.map */
\ No newline at end of file
diff --git a/pod/main/static/js/main.js b/pod/main/static/js/main.js
index 8e40fbd9ff..c42f55227b 100644
--- a/pod/main/static/js/main.js
+++ b/pod/main/static/js/main.js
@@ -510,7 +510,7 @@ var videocheck = function(form,event) {
         if(listext.indexOf(extension) !== -1) {
             if(fileSize>video_max_upload_size){
                 window.scrollTo($("#video_form").scrollTop(), 0);
-                showalert(gettext("The file size exceeds the maximum allowed value:")+" "+VIDEO_MAX_UPLOAD_SIZE+" Go.","alert-danger");
+                showalert(gettext("The file size exceeds the maximum allowed value:")+" "+VIDEO_MAX_UPLOAD_SIZE+ gettext(" GB."),"alert-danger");
                 event.preventDefault();
                 event.stopPropagation();
             } else {
diff --git a/pod/video/static/css/video_stats_view.css b/pod/video/static/css/video_stats_view.css
index 046efaa968..4f79445ef0 100644
--- a/pod/video/static/css/video_stats_view.css
+++ b/pod/video/static/css/video_stats_view.css
@@ -29,12 +29,28 @@
 ui-icon, .ui-widget-content .ui-icon {
     background-image: url("/static/img/ui-icons_469bdd_256x240.png");
 }
+
+/* Override jqgrid default css background-image */
+.ui-widget-content,
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default,
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus{
+    background-image:none;
+}
+
+
 .stat-form-group{
     display: flex;
     justify-content: flex-start;
     max-width: 755px;
     align-items: center;
-} 
+}
 .stat-form-group .col-form-label{
     font-weight: 700;
     color: var(--secondary);
diff --git a/pod/video/templates/videos/video-info.html b/pod/video/templates/videos/video-info.html
index a060d6184f..43a9bc1c04 100644
--- a/pod/video/templates/videos/video-info.html
+++ b/pod/video/templates/videos/video-info.html
@@ -87,20 +87,20 @@ <h5><i data-feather="info"></i>&nbsp;{% trans 'Infos' %}</h5>
           <p><strong>{% trans 'Audience:' %}</strong><br />{{video.get_cursus}}
         {%endif%}
         {% if video.discipline.all %}
-        <p><strong>{% trans 'Disciplines:' %}</strong><br />
-        {% for disc in video.discipline.all %}
-        <a href="{% url 'videos' %}?discipline={{ disc.slug }}" title="{{ disc.title }}" {% if request.GET.is_iframe %}target="_blank"{% endif %}>
-            {{ disc.title }}
-        </a>
-        {% endfor %}
-        </p>
+          <p>
+            <strong>{% trans 'Disciplines:' %}</strong><br />
+            {% for disc in video.discipline.all %}
+              <a href="{% url 'videos' %}?discipline={{ disc.slug }}" title="{{ disc.title }}" {% if request.GET.is_iframe %}target="_blank"{% endif %}>
+                  {{ disc.title }}
+              </a>
+            {% endfor %}
+          </p>
         {%endif%}
-      {% if request.GET.is_iframe and video.licence %}
-       <p><strong>{% trans 'Licence:' %}</strong><br />
-          {% include "videos/video_licencebox.html" %}
-       </p>
-       {% endif %}
-
+        {% if request.GET.is_iframe and video.licence %}
+          <p><strong>{% trans 'Licence:' %}</strong><br />
+            {% include "videos/video_licencebox.html" %}
+          </p>
+        {% endif %}
       </div>
     </div>
   </div>
@@ -151,57 +151,69 @@ <h5><i data-feather="download"></i>&nbsp;{% trans 'Downloads' %}</h5>
 
    {% if video.is_draft == False or video.owner == request.user or request.user in video.additional_owners.all%}
   <div class="tab-pane fade" id="share" role="tabpanel" aria-labelledby="share-tab" {% if video.is_draft %}style="border:1px solid red"{% endif %}>
-    <h5><i data-feather="share-2"></i>&nbsp;{% if video.is_draft %}{% trans 'Embed/Share (Draft Mode)' %} {% else %}{% trans 'Embed/Share' %} {%endif%}</h5>
+    <h5><i data-feather="share-2"></i>&nbsp;{% if video.is_draft %}{% trans 'Embed/Share (Draft Mode)' %}{% else %}{% trans 'Embed/Share' %}{%endif%}</h5>
     {% if not video.is_draft and not video.is_restricted and video.password != '' %}
       <p>
         <label>{% trans 'Social Networks' %}</label>
-        <a target="_blank" href="http://www.facebook.com/sharer.php?u={{request.build_absolute_uri|urlencode}}" class="btn btn-outline-primary btn-sm m-1" title="{% trans "Share on" %} Facebook"><i data-feather="facebook"></i></a>
-        <a target="_blank" href="http://twitter.com/share?url={{request.build_absolute_uri|urlencode}}" class="btn btn-outline-primary btn-sm m-1" title="{% trans "Share on" %} Twitter"><i data-feather="twitter"></i></a>
-        <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{request.build_absolute_uri|urlencode}}" class="btn btn-outline-primary btn-sm m-1" title="{% trans "Share on" %} LinkedIn"><i data-feather="linkedin"></i></a>
+        <a target="_blank" href="http://www.facebook.com/sharer.php?u={{request.build_absolute_uri|urlencode}}" class="btn btn-outline-primary btn-sm m-1" title="{% trans 'Share on' %} Facebook"><i data-feather="facebook"></i></a>
+        <a target="_blank" href="http://twitter.com/share?url={{request.build_absolute_uri|urlencode}}" class="btn btn-outline-primary btn-sm m-1" title="{% trans 'Share on' %} Twitter"><i data-feather="twitter"></i></a>
+        <a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{request.build_absolute_uri|urlencode}}" class="btn btn-outline-primary btn-sm m-1" title="{% trans 'Share on' %} LinkedIn"><i data-feather="linkedin"></i></a>
       </p>
       <hr />
     {% endif %}
     {% if video.is_draft %}
-    <div class="card text-white bg-danger mb-3">
-      <div class="card-body">
-      {% blocktrans %}Please note that your video is in draft mode.<br/>The following links contain a key allowing access. Anyone with this links can access it.{% endblocktrans %}
+      <div class="card text-white bg-danger mb-3">
+        <div class="card-body">
+        {% blocktrans %}Please note that your video is in draft mode.<br/>The following links contain a key allowing access. Anyone with this links can access it.{% endblocktrans %}
+        </div>
       </div>
-    </div>
     {% endif %}
-      <fieldset>
+    <div class="row">
+      <fieldset class="col-md-6">
+        <legend><i data-feather="settings"></i>&nbsp;{% trans 'Options' %}</legend>
         <div class="form-group">
-        <div class="form-check">
-        <input type="checkbox" id="autoplay" class="form-check-input" /><label for="autoplay" class="form-check-label" >{% trans 'Autoplay' %}</label>
-        <small id="autoplayHelp" class="form-text text-muted">{% trans 'Check the box to autoplay the video.' %}</small>
-        </div>
+          <div class="form-check">
+            <input type="checkbox" id="autoplay" class="form-check-input" /><label for="autoplay" class="form-check-label" >{% trans 'Autoplay' %}</label>
+            <small id="autoplayHelp" class="form-text text-muted">{% trans 'Check the box to autoplay the video.' %}</small>
+          </div>
         </div>
         <div class="form-group">
-        <div class="form-check">
-        <input type="checkbox" id="loop" class="form-check-input" /><label for="loop" class="form-check-label" >{% trans 'Loop' %}</label>
-        <small id="loopHelp" class="form-text text-muted">{% trans 'Check the box to loop the video.' %}</small>
-        </div>
+          <div class="form-check">
+            <input type="checkbox" id="loop" class="form-check-input" /><label for="loop" class="form-check-label" >{% trans 'Loop' %}</label>
+            <small id="loopHelp" class="form-text text-muted">{% trans 'Check the box to loop the video.' %}</small>
+          </div>
         </div>
-        <div class="form-group ">
+        <div class="form-group">
           <div class="form-check">
             <input name="displaytime" class="form-check-input " id="displaytime" type="checkbox">
             <label for="displaytime" class="form-check-label">{% trans 'Start video' %}</label>
+            <label for="txtposition" class="sr-only">{% trans 'Start at' %}</label>
             <input type="text" class="start-at input-sm" name="txtposition" id="txtposition" readonly />
           </div>
           <small id="displaytimeHelp" class="form-text text-muted">{% trans 'Check the box to indicate the beginning of playing desired.' %}</small>
         </div>
-        <div class="form-group ">
-          <label for="txtintegration">{% trans 'Copy the content of this text box and paste it in the page:' %}</label>
-          <textarea name="txtintegration" id="txtintegration" class="form-control" rows="4">&lt;iframe src="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{%if enrichment%}{% url 'enrichment:video_enrichment' slug=video.slug %}{%else%}{% url 'video' slug=video.slug %}{%endif%}{% if video.is_draft == True %}{{ video.get_hashkey }}/{% endif %}?is_iframe=true" width="640" height="360" style="padding: 0; margin: 0; border:0" allowfullscreen &gt;&lt;/iframe&gt;</textarea>
-        </div>
-        <div class="form-group">
-          <label for="txtpartage">{% trans 'Use this link to share the video:' %}</label>
-          <input class="form-control" type="text" name="txtpartage" id="txtpartage" value="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{%if enrichment%}{% url 'enrichment:video_enrichment' slug=video.slug %}{%else%}{% url 'video' slug=video.slug %}{%endif%}{% if video.is_draft == True %}{{ video.get_hashkey }}/{% endif %}" />
-        </div>
-        <div class="form-group">
-          <label>{% trans 'QR code for this link:' %}</label>
-          <img src="//chart.apis.google.com/chart?cht=qr&chs=200x200&chl={% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{%if enrichment%}{% url 'enrichment:video_enrichment' slug=video.slug %}{%else%}{% url 'video' slug=video.slug %}{%endif%}{% if video.is_draft == True %}{{ video.get_hashkey }}/{% endif %}" alt="qrcode" id="qrcode"/>
-        </div>
       </fieldset>
+      <div class="col-md-6">
+        <fieldset>
+          <legend><i data-feather="code"></i>&nbsp;{% trans 'Embed in a web page' %}</legend>
+          <div class="form-group ">
+            <label for="txtintegration">{% trans 'Copy the content of this text box and paste it in the page:' %}</label>
+            <textarea name="txtintegration" id="txtintegration" class="form-control" rows="4">&lt;iframe src="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{%if enrichment%}{% url 'enrichment:video_enrichment' slug=video.slug %}{%else%}{% url 'video' slug=video.slug %}{%endif%}{% if video.is_draft == True %}{{ video.get_hashkey }}/{% endif %}?is_iframe=true" width="640" height="360" style="padding: 0; margin: 0; border:0" allowfullscreen &gt;&lt;/iframe&gt;</textarea>
+          </div>
+        </fieldset>
+        <fieldset>
+          <legend><i data-feather="link"></i>&nbsp;{% trans 'Share the link' %}</legend>
+          <div class="form-group">
+            <label for="txtpartage">{% trans 'Use this link to share the video:' %}</label>
+            <input class="form-control" type="text" name="txtpartage" id="txtpartage" value="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{%if enrichment%}{% url 'enrichment:video_enrichment' slug=video.slug %}{%else%}{% url 'video' slug=video.slug %}{%endif%}{% if video.is_draft == True %}{{ video.get_hashkey }}/{% endif %}" />
+          </div>
+          <div class="form-group">
+            <label>{% trans 'QR code for this link:' %}</label>
+            <img src="//chart.apis.google.com/chart?cht=qr&chs=200x200&chl={% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{%if enrichment%}{% url 'enrichment:video_enrichment' slug=video.slug %}{%else%}{% url 'video' slug=video.slug %}{%endif%}{% if video.is_draft == True %}{{ video.get_hashkey }}/{% endif %}" alt="qrcode" id="qrcode"/>
+          </div>
+        </fieldset>
+      </div>
+    </div>
   </div>
   {%endif%}
 </div>
diff --git a/pod/video/templates/videos/video_licencebox.html b/pod/video/templates/videos/video_licencebox.html
index 5050cfc5e6..844eab9743 100644
--- a/pod/video/templates/videos/video_licencebox.html
+++ b/pod/video/templates/videos/video_licencebox.html
@@ -1 +1,2 @@
-   <a href="https://creativecommons.org/licenses/{{video.licence}}/4.0" title="{{video.get_licence}}" target="_blank"><img src="https://licensebuttons.net/l/{{video.licence}}/4.0/88x31.png"></a>
\ No newline at end of file
+{% load i18n %}
+<a href="https://creativecommons.org/licenses/{{video.licence}}/4.0" title="{% trans 'Creative Commons license:' %} {{video.get_licence}}" target="_blank"><img src="https://licensebuttons.net/l/{{video.licence}}/4.0/88x31.png" alt="{% trans 'Creative Commons license' %}"></a>
\ No newline at end of file
diff --git a/pod/video/templates/videos/video_stats_view.html b/pod/video/templates/videos/video_stats_view.html
index e7c7171d76..fa065427ea 100644
--- a/pod/video/templates/videos/video_stats_view.html
+++ b/pod/video/templates/videos/video_stats_view.html
@@ -10,9 +10,9 @@
 {% block page_extra_head %}
     <link type="text/css" rel="stylesheet" href="{% static 'css/jquery-ui.min.css' %}">
     <link type="text/css" rel="stylesheet" href="{% static 'css/ui.jqgrid.min.css' %}">
-    <script src="{% static "js/jquery.jqgrid.min.js" %}" charset="utf-8"></script>
+    <script src="{% static 'js/jquery.jqgrid.min.js' %}" charset="utf-8"></script>
         <!-- https://free-jqgrid.github.io/getting-started/index.html -->
-    <script src="{% static "js/video_stats_view.js" %}" charset="utf-8"></script>
+    <script src="{% static 'js/video_stats_view.js' %}" charset="utf-8"></script>
     <link rel="stylesheet" href="{% static 'css/video_stats_view.css' %}">
 {% endblock page_extra_head %}
 {% block content %}
@@ -27,7 +27,9 @@ <h1 class="title">{{ title }}</h1>
                 <input class="form-control" type="date" name="periode" id="jsperiode">
             </div>
         </div>
-        <table id="grid"></table>
+        <div class="table-responsive-md mb-2">
+            <table id="grid"></table>
+        </div>
         <div id="pager"></div>
     {% endif %}
 </div>
diff --git a/pod/video/views.py b/pod/video/views.py
index 405461cd21..756d6820cf 100644
--- a/pod/video/views.py
+++ b/pod/video/views.py
@@ -1499,14 +1499,16 @@ def get_all_views_count(v_id, date_filter=date.today()):
     return all_views
 
 
-# Retourne une ou plusieurs videos et le titre de
-# (theme, ou video ou channel ou videos pour toutes)
-# selon la réference du slug donnée
-# (video ou channel ou theme ou videos pour toutes les videos)
 def get_videos(p_slug, target, p_slug_t=None):
+    """Retourne une ou plusieurs videos selon le slug donné.
 
+    Renvoi vidéo/s et titre de
+    (theme, ou video ou channel ou videos pour toutes)
+    selon la réference du slug donnée
+    (video ou channel ou theme ou videos pour toutes les videos)
+    """
     videos = []
-    title = _("Pod video view statistics")
+    title = _("Pod video viewing statistics")
 
     if target.lower() == "video":
         video_founded = Video.objects.filter(slug=p_slug).first()

From ea150d74431f8c977722a8cb965ad321f5cfd0df Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Fri, 29 Jan 2021 16:23:50 +0100
Subject: [PATCH 119/145] Update test with new strings

---
 pod/video/tests/test_stats_view.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/video/tests/test_stats_view.py b/pod/video/tests/test_stats_view.py
index cef1bb97c5..7b07e79db1 100644
--- a/pod/video/tests/test_stats_view.py
+++ b/pod/video/tests/test_stats_view.py
@@ -135,7 +135,7 @@ def test_stats_view_GET_request_videos(self):
         response = self.client.get(stat_url_videos, {"from": "videos"})
         self.assertContains(
                 response,
-                b"Pod video view statistics",
+                b"Pod video viewing statistics",
                 status_code=200)
 
     @skipUnless(USE_STATS_VIEW, "Require acitvate URL video_stats_view")

From 2f9a8af50c6e16a0c53bd5a4d57ff80c2e4085fa Mon Sep 17 00:00:00 2001
From: Olivier Bado <bado@unice.fr>
Date: Fri, 29 Jan 2021 17:20:38 +0100
Subject: [PATCH 120/145] change video itemprop format to comply with
 schema.org (@see https://schema.org/Date)

---
 pod/video/templates/videos/video.html | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/pod/video/templates/videos/video.html b/pod/video/templates/videos/video.html
index a484ea0b10..5ede401f46 100644
--- a/pod/video/templates/videos/video.html
+++ b/pod/video/templates/videos/video.html
@@ -84,14 +84,15 @@
 
 <div itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
 
-<meta itemprop="duration" content="P{{ video.duration }}S" />
-<meta itemprop="uploadDate" content="{{ video.date_added|date:"SHORT_DATE_FORMAT" }}" />
-<meta itemprop="thumbnailUrl" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}" />
-<meta itemprop="contentURL" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}" />
-<meta itemprop="embedURL" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}?is_iframe=true" />
-<meta itemprop="image" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}" />
-<meta itemprop="name" content="{{ video.title }}" />
-<meta itemprop="description" content="{{ video.description|metaformat|safe|striptags|truncatechars:150 }} - {% trans 'Added by' %}: {{ video.owner.get_full_name }}" />
+  <meta itemprop="duration" content="P{{ video.duration }}S" />
+  {# uploadDate doit être au format 'c' - ISO 8601 (yyyy-mm-dd) #}
+  <meta itemprop="uploadDate" content="{{ video.date_added|date:'c' }}" />
+  <meta itemprop="thumbnailUrl" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}" />
+  <meta itemprop="contentURL" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}" />
+  <meta itemprop="embedURL" content="{% if request.is_secure %}https{% else %}http{% endif %}://{{ request.META.HTTP_HOST }}{% url 'video' slug=video.slug %}?is_iframe=true" />
+  <meta itemprop="image" content="{% if request.is_secure %}https{% else %}http{% endif %}:{{ video.get_thumbnail_url }}" />
+  <meta itemprop="name" content="{{ video.title }}" />
+  <meta itemprop="description" content="{{ video.description|metaformat|safe|striptags|truncatechars:150 }} - {% trans 'Added by' %}: {{ video.owner.get_full_name }}" />
 
 {%if channel %}
 <h1>{{channel.title}}{% if request.user in channel.owners.all %}<span class="float-right"><a href="{% url 'channel_edit' slug=channel.slug %}" title="{% trans "Edit the themes"%}" class="btn btn btn-outline-primary btn-sm"><svg height="32" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>&nbsp;{% trans "Edit the channel"%}</a></span>{%endif%}</h1>

From 93be6ca371a5740450d9455975dbfaf1aec2a714 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 2 Feb 2021 11:15:40 +0100
Subject: [PATCH 121/145] using window api scrollTo instead of element api
 scrollIntoView

---
 pod/video/static/js/comment-script.js | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index c5015a0690..d6f9ca31d9 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -491,13 +491,31 @@ function delete_comment_child_DOM(comment, comment_top_parent_id, is_child) {
     }
 }
 
+/*********** Get Html element his position ************
+ * ****************************************************/
+function getElementPosition(element) {
+    let xPosition = 0;
+    let yPosition = 0;
+    // get body padding top if exists that will be 
+    let bodyPaddingTop = getComputedStyle(document.body)['padding-top'];
+
+    while(element) {
+        xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
+        yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
+        element = element.offsetParent;
+    }
+    // subtract the padding top from the body to the yPosition to get closer to the exact value
+    return { x: xPosition, y: (yPosition - bodyPaddingTop) };
+}
+
 /*********** Scroll to a specific comment *************
  * ****************************************************/
 function scrollToComment(targetComment) {
-    targetComment.scrollIntoView({
-        behavior: "smooth",
-        block: "center",
-        inline: "nearest"
+    let currentElementPosition = getElementPosition(targetComment);
+    window.scrollTo({
+        top: currentElementPosition.y,
+        left: currentElementPosition.x,
+        behavior: "smooth"
     });
     let htmlTarget = targetComment.querySelector(".comment_content");
     if (htmlTarget.classList.contains("scroll_to"))
@@ -511,6 +529,7 @@ function scrollToComment(targetComment) {
 }
 
 
+
 /****** Add the owner of parent comment as a tag ******
  ******************************************************/
 function add_user_tag(comment_value, parent_comment) {

From ba577c973d439412e12089f3beff1428b9806ef0 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Tue, 2 Feb 2021 11:38:16 +0100
Subject: [PATCH 122/145] Prevent undefined value

---
 pod/video/static/js/comment-script.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index d6f9ca31d9..6dd59f6f89 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -497,7 +497,9 @@ function getElementPosition(element) {
     let xPosition = 0;
     let yPosition = 0;
     // get body padding top if exists that will be 
-    let bodyPaddingTop = getComputedStyle(document.body)['padding-top'];
+    let bodyPaddingTop = Number.parseInt(
+        getComputedStyle(document.body)['padding-top']??0
+    );
 
     while(element) {
         xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);

From 3cdb1ff5c7c86e7ea77fdb6996079f01cff10d2f Mon Sep 17 00:00:00 2001
From: gcondess <gcondess@u-bordeaux.fr>
Date: Thu, 4 Feb 2021 15:26:04 +0100
Subject: [PATCH 123/145] Restore user notification for obsolete videos

---
 pod/video/management/commands/check_obsolete_videos.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pod/video/management/commands/check_obsolete_videos.py b/pod/video/management/commands/check_obsolete_videos.py
index 4d7e4a1ab2..16d2a19420 100644
--- a/pod/video/management/commands/check_obsolete_videos.py
+++ b/pod/video/management/commands/check_obsolete_videos.py
@@ -94,7 +94,7 @@ def get_video_treatment_and_notify_user(self):
                                           sites=get_current_site(
                                               settings.SITE_ID))
             for video in videos:
-                # self.notify_user(video, step_day)
+                self.notify_user(video, step_day)
                 if (
                     USE_ESTABLISHMENT and
                     MANAGERS and
@@ -370,7 +370,7 @@ def get_manager_emails(self, video):
             video_estab = video.owner.owner.establishment.lower()
             return dict(MANAGERS)[video_estab]
         else:
-            return CONTACT_US_EMAIL
+            return dict(CONTACT_US_EMAIL)
 
     def write_in_csv(self, vid, type):
         file = '%s/%s.csv' % (settings.LOG_DIRECTORY, type)

From 2ec8b750a15c1ab3923b80c7b9dd251430353af3 Mon Sep 17 00:00:00 2001
From: gcondess <gcondess@u-bordeaux.fr>
Date: Thu, 4 Feb 2021 16:24:13 +0100
Subject: [PATCH 124/145] Active chapters on enriched video version

---
 .../enrichment/video_enrichment-iframe.html   | 23 +++++++++++++++---
 .../enrichment/video_enrichment.html          | 24 +++++++++++++++----
 2 files changed, 40 insertions(+), 7 deletions(-)

diff --git a/pod/enrichment/templates/enrichment/video_enrichment-iframe.html b/pod/enrichment/templates/enrichment/video_enrichment-iframe.html
index b11bc31458..452fd2b749 100644
--- a/pod/enrichment/templates/enrichment/video_enrichment-iframe.html
+++ b/pod/enrichment/templates/enrichment/video_enrichment-iframe.html
@@ -22,14 +22,31 @@
       </p>
       <track kind="metadata" src="{{video.enrichmentvtt.src.file.url}}?{% now "U" %}" label="enrichment">
 
-    {% for track in video.track_set.all%}
-      <track id= "track_{{ track.id }}" kind="{{ track.kind }}" src="{{ track.src.url }}?{% now "U" %}" srclang="{{ track.lang }}" label="{{track.get_label_lang}}">
-    {%endfor%}
+      {% for track in video.track_set.all%}
+      <track id= "track_{{ track.id }}" kind="{{ track.kind }}" src="{{ track.src.file.url }}?{% now "U" %}" srclang="{{ track.lang }}" label="{{track.get_label_lang}}" {% if forloop.first %}default{%endif%}>
+      {%endfor%}
     </video>
 
     <form method="post" action="{% url 'video_count' id=video.id %}" id="video_count_form">
     {% csrf_token %}
     </form>
+
+    {% if video.chapter_set.all %}
+      <div class="chapters-list inactive" role="menu">
+        <h6><span class="vjs-icon-chapters"></span>{% trans "Chapters" %}</h6>
+        <ol id="chapters-list"></ol>
+      </div>
+      <ul id="chapters">
+        {% for chapter in video.chapter_set.all %}
+          <li data-start="{{chapter.time_start}}"
+            data-id="{{chapter.id}}"
+            data-title="{{chapter.title}}">
+            {{chapter.title}}
+          </li>
+        {% endfor %}
+      </ul>
+    {% endif %}
+
 {% endif %}
 {% endblock video-element %}
 
diff --git a/pod/enrichment/templates/enrichment/video_enrichment.html b/pod/enrichment/templates/enrichment/video_enrichment.html
index 0eb5d322c4..8bf373cf4e 100644
--- a/pod/enrichment/templates/enrichment/video_enrichment.html
+++ b/pod/enrichment/templates/enrichment/video_enrichment.html
@@ -8,7 +8,6 @@
 <script src="{% static 'js/videojs-slides.js' %}"></script>
 {% endblock page_extra_head %}
 
-
 {% block breadcrumbs %}{{ block.super }}
 {% endblock %}
 
@@ -29,15 +28,32 @@
       </p>
       <track kind="metadata" src="{{video.enrichmentvtt.src.file.url}}?{% now "U" %}" label="enrichment">
 
-    {% for track in video.track_set.all%}
-      <track id= "track_{{ track.id }}" kind="{{ track.kind }}" src="{{ track.src.url }}?{% now "U" %}" srclang="{{ track.lang }}" label="{{track.get_label_lang}}">
-    {%endfor%}
+
+    {% for track in video.track_set.all %}
+    <track id= "track_{{ track.id }}" kind="{{ track.kind }}" src="{{ track.src.file.url }}?{% now "U" %}" srclang="{{ track.lang }}" label="{{track.get_label_lang}}" {% if forloop.first %}default{%endif%}>
+    {% endfor %}
     </video>
 
     <form method="post" action="{% url 'video_count' id=video.id %}" id="video_count_form">
     {% csrf_token %}
     </form>
 
+    {% if video.chapter_set.all %}
+      <div class="chapters-list inactive" role="menu">
+        <h6><span class="vjs-icon-chapters"></span>{% trans "Chapters" %}</h6>
+        <ol id="chapters-list"></ol>
+      </div>
+      <ul id="chapters">
+        {% for chapter in video.chapter_set.all %}
+          <li data-start="{{chapter.time_start}}"
+            data-id="{{chapter.id}}"
+            data-title="{{chapter.title}}">
+            {{chapter.title}}
+          </li>
+        {% endfor %}
+      </ul>
+    {% endif %}
+
     <h1 class="pt-2">
 {% if video.licence %}<a href="https://creativecommons.org/licenses/{{video.licence}}/4.0" title="{{video.get_licence}}" target="_blank"><img src="https://licensebuttons.net/l/{{video.licence}}/4.0/88x31.png"></a>{% endif %} {{video.title|title}}
 {% if video.date_evt %}<small>[{{ video.date_evt }}]</small>{% endif %}

From b364051802bbabbe33e4e3faac64b3273f21c743 Mon Sep 17 00:00:00 2001
From: gcondess <gcondess@u-bordeaux.fr>
Date: Thu, 4 Feb 2021 19:10:33 +0100
Subject: [PATCH 125/145] Fix check_obsolete_videos user notification

---
 pod/video/management/commands/check_obsolete_videos.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/video/management/commands/check_obsolete_videos.py b/pod/video/management/commands/check_obsolete_videos.py
index 16d2a19420..58e1c7d5ad 100644
--- a/pod/video/management/commands/check_obsolete_videos.py
+++ b/pod/video/management/commands/check_obsolete_videos.py
@@ -370,7 +370,7 @@ def get_manager_emails(self, video):
             video_estab = video.owner.owner.establishment.lower()
             return dict(MANAGERS)[video_estab]
         else:
-            return dict(CONTACT_US_EMAIL)
+            return CONTACT_US_EMAIL
 
     def write_in_csv(self, vid, type):
         file = '%s/%s.csv' % (settings.LOG_DIRECTORY, type)

From d8295002bfb2d4bb9ba2dd241070ee0055f1124a Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 6 Feb 2021 16:27:18 +0100
Subject: [PATCH 126/145] Fix bug click on thumbnail, Indent code properly

---
 .../templates/podfile/list_folder_files.html  | 534 ++++++++++++------
 1 file changed, 366 insertions(+), 168 deletions(-)

diff --git a/pod/podfile/templates/podfile/list_folder_files.html b/pod/podfile/templates/podfile/list_folder_files.html
index 453280f0c0..db9ddc4b46 100644
--- a/pod/podfile/templates/podfile/list_folder_files.html
+++ b/pod/podfile/templates/podfile/list_folder_files.html
@@ -1,188 +1,386 @@
 {% load i18n static podfile_filters %}
-
 <!-- Image and text -->
 <nav class="navbar navbar-expand-lg navbar-link">
-
-  <span class="navbar-brand text-truncate">
-    <span class="current-folder-icon">
-        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="folder-open" class="svg-inline--fa fa-folder-open fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"></path></svg>
+    <span class="navbar-brand text-truncate">
+        <span class="current-folder-icon">
+            <svg
+                aria-hidden="true"
+                focusable="false"
+                data-prefix="fas"
+                data-icon="folder-open"
+                class="svg-inline--fa fa-folder-open fa-w-18"
+                role="img"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 576 512"
+            >
+                <path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"></path>
+            </svg>
+        </span>
+        <span
+            class="current-folder-name"
+            data-toggle="tooltip"
+            data-placement="top"
+            title="{{folder.name}} - {{folder.get_all_file.count}} {% trans "
+            file
+            "%}{{ folder.get_all_file.count|pluralize }}"
+        >{{folder.name}}</span>
     </span>
-    <span class="current-folder-name" data-toggle="tooltip" data-placement="top" title="{{folder.name}} - {{folder.get_all_file.count}} {% trans "file"%}{{ folder.get_all_file.count|pluralize }}">{{folder.name}}</span>
-  </span>
-  
-  <button class="navbar-toggler btn btn-outline-primary active" type="button" data-toggle="collapse" data-target="#currentfolder" aria-controls="currentfolder" aria-expanded="false" aria-label="Toggle navigation">
-      <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="ellipsis-v" class="svg-inline--fa fa-ellipsis-v fa-w-6" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="currentColor" d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"></path></svg>
-  </button>
-  
-  <div class="collapse navbar-collapse" id="currentfolder">
-    <ul class="navbar-nav mr-auto">
-
-      {% if request.user == folder.owner or request.user.is_superuser or perms.podfile.change_userfolder or request.user in folder.users.all %}
+    <button
+        class="navbar-toggler btn btn-outline-primary active"
+        type="button"
+        data-toggle="collapse"
+        data-target="#currentfolder"
+        aria-controls="currentfolder"
+        aria-expanded="false"
+        aria-label="Toggle navigation"
+    >
+        <svg
+            aria-hidden="true"
+            focusable="false"
+            data-prefix="fas"
+            data-icon="ellipsis-v"
+            class="svg-inline--fa fa-ellipsis-v fa-w-6"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 192 512"
+        >
+            <path fill="currentColor" d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"></path>
+        </svg>
+    </button>
+    <div class="collapse navbar-collapse" id="currentfolder">
+        <ul class="navbar-nav mr-auto">
+            {% if request.user == folder.owner or request.user.is_superuser or perms.podfile.change_userfolder or request.user in folder.users.all %}
       {% if folder.name != "home" %}
-         <li class="nav-item">
-        <button id="currentfolderrename" type="button" class="btn btn-link btn-sm nav-link" data-toggle="modal" data-target="#folderModalCenter" data-oldname="{{folder.name}}" data-folderid="{{folder.id}}">
-	    <span class="edit-folder" id="edit-folder-icon">
-		        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="pen-square" class="svg-inline--fa fa-pen-square fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zM238.1 177.9L102.4 313.6l-6.3 57.1c-.8 7.6 5.6 14.1 13.3 13.3l57.1-6.3L302.2 242c2.3-2.3 2.3-6.1 0-8.5L246.7 178c-2.5-2.4-6.3-2.4-8.6-.1zM345 165.1L314.9 135c-9.4-9.4-24.6-9.4-33.9 0l-23.1 23.1c-2.3 2.3-2.3 6.1 0 8.5l55.5 55.5c2.3 2.3 6.1 2.3 8.5 0L345 199c9.3-9.3 9.3-24.5 0-33.9z"></path></svg>
-	    </span>
-        <span class="sr-only">{% trans "Rename"%}</span>
-        </button>
-      </li>
-    
-   
-      {% if request.user == folder.owner or request.user.is_superuser or perms.podfile.change_userfolder %}
-      <li class="nav-item">
-        <button id="currentfolderdelete" type="button" class="btn btn-link btn-sm nav-link" data-folderid="{{folder.id}}">
-        {% csrf_token %}
-	    <span class="delete-folder" id="delete-folder-icon">
-		        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"></path></svg>
-	    </span>
-        <span class="sr-only">{% trans "Delete"%}</span>
-        </button>
-      </li>
-      {% endif %}
+            <li class="nav-item">
+                <button
+                    id="currentfolderrename"
+                    type="button"
+                    class="btn btn-link btn-sm nav-link"
+                    data-toggle="modal"
+                    data-target="#folderModalCenter"
+                    data-oldname="{{folder.name}}"
+                    data-folderid="{{folder.id}}"
+                >
+                    <span class="edit-folder" id="edit-folder-icon">
+                        <svg
+                            aria-hidden="true"
+                            focusable="false"
+                            data-prefix="fas"
+                            data-icon="pen-square"
+                            class="svg-inline--fa fa-pen-square fa-w-14"
+                            role="img"
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 448 512"
+                        >
+                            <path fill="currentColor" d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zM238.1 177.9L102.4 313.6l-6.3 57.1c-.8 7.6 5.6 14.1 13.3 13.3l57.1-6.3L302.2 242c2.3-2.3 2.3-6.1 0-8.5L246.7 178c-2.5-2.4-6.3-2.4-8.6-.1zM345 165.1L314.9 135c-9.4-9.4-24.6-9.4-33.9 0l-23.1 23.1c-2.3 2.3-2.3 6.1 0 8.5l55.5 55.5c2.3 2.3 6.1 2.3 8.5 0L345 199c9.3-9.3 9.3-24.5 0-33.9z"></path>
+                        </svg>
+                    </span>
+                    <span class="sr-only">{% trans "Rename"%}</span>
+                </button>
+            </li>
+            {% if request.user == folder.owner or request.user.is_superuser or perms.podfile.change_userfolder %}
+            <li class="nav-item">
+                <button
+                    id="currentfolderdelete"
+                    type="button"
+                    class="btn btn-link btn-sm nav-link"
+                    data-folderid="{{folder.id}}"
+                >
+                    {% csrf_token %}
+                    <span class="delete-folder" id="delete-folder-icon">
+                        <svg
+                            aria-hidden="true"
+                            focusable="false"
+                            data-prefix="fas"
+                            data-icon="trash-alt"
+                            class="svg-inline--fa fa-trash-alt fa-w-14"
+                            role="img"
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 448 512"
+                        >
+                            <path fill="currentColor" d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"></path>
+                        </svg>
+                    </span>
+                    <span class="sr-only">{% trans "Delete"%}</span>
+                </button>
+            </li>
+            {% endif %}
         {%endif%}
        {% if folder.owner == request.user or request.user.is_superuser %}
-      <li class="nav-item">
-        <button id="currentfoldershare" type="button" class="btn btn-link btn-sm nav-link" data-toggle="modal" data-name="{{folder.name}}"  data-target="#shareModalCenter" data-folderid="{{folder.id}}">
-	    <span class="share-folder" id="share-folder-icon">
-			    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="share-alt" class="svg-inline--fa fa-share-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z"></path></svg>
-	    </span>
-          <span class="sr-only">{% trans "Share this folder"%}</span>
-          </button>
-      </li>
-        {% endif %}
+            <li class="nav-item">
+                <button
+                    id="currentfoldershare"
+                    type="button"
+                    class="btn btn-link btn-sm nav-link"
+                    data-toggle="modal"
+                    data-name="{{folder.name}}"
+                    data-target="#shareModalCenter"
+                    data-folderid="{{folder.id}}"
+                >
+                    <span class="share-folder" id="share-folder-icon">
+                        <svg
+                            aria-hidden="true"
+                            focusable="false"
+                            data-prefix="fas"
+                            data-icon="share-alt"
+                            class="svg-inline--fa fa-share-alt fa-w-14"
+                            role="img"
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 448 512"
+                        >
+                            <path fill="currentColor" d="M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z"></path>
+                        </svg>
+                    </span>
+                    <span class="sr-only">{% trans "Share this folder"%}</span>
+                </button>
+            </li>
+            {% endif %}
       {% endif %}
-      <li class="nav-item">
-    <form class="form-inline my-2 my-lg-0" method="POST" id="formuploadfile" enctype="multipart/form-data" style="" action="{% url "podfile:uploadfiles" %}">
-        {% csrf_token %}
-        <input type="hidden" name="folderid" value="{{folder.id}}">
-        {% if type %}
-        <input type="hidden" name="type" value="{{type}}">
-        {% endif %}
-        <div class="custom-file">
-          <input type="file" class="custom-file-input" id="ufile" name="ufile" multiple style="position:fixed;top:-100px">
-          <label class="" for="ufile" style="cursor:pointer;">
-	      <span class="upload-file" id="upload-file-icon">
-	          <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="file-upload" class="svg-inline--fa fa-file-upload fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm65.18 216.01H224v80c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-80H94.82c-14.28 0-21.41-17.29-11.27-27.36l96.42-95.7c6.65-6.61 17.39-6.61 24.04 0l96.42 95.7c10.15 10.07 3.03 27.36-11.25 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"></path></svg>
-	      </span>
-            <span class="sr-only">{% trans "Upload Files"%}</span>
-          </label>
-        </div>
-          </form>
-      </li>
-    </ul>
-  </div>
-
+            <li class="nav-item">
+                <form
+                    class="form-inline my-2 my-lg-0"
+                    method="POST"
+                    id="formuploadfile"
+                    enctype="multipart/form-data"
+                    style=""
+                    action="{% url "
+                    podfile:uploadfiles
+                    " %}"
+                >
+                    {% csrf_token %}
+                    <input type="hidden" name="folderid" value="{{folder.id}}">
+                    {% if type %}
+                    <input type="hidden" name="type" value="{{type}}">
+                    {% endif %}
+                    <div class="custom-file">
+                        <input
+                            type="file"
+                            class="custom-file-input"
+                            id="ufile"
+                            name="ufile"
+                            multiple
+                            style="position:fixed;top:-100px"
+                        >
+                        <label class="" for="ufile" style="cursor:pointer;">
+                            <span class="upload-file" id="upload-file-icon">
+                                <svg
+                                    aria-hidden="true"
+                                    focusable="false"
+                                    data-prefix="fas"
+                                    data-icon="file-upload"
+                                    class="svg-inline--fa fa-file-upload fa-w-12"
+                                    role="img"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    viewBox="0 0 384 512"
+                                >
+                                    <path fill="currentColor" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm65.18 216.01H224v80c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-80H94.82c-14.28 0-21.41-17.29-11.27-27.36l96.42-95.7c6.65-6.61 17.39-6.61 24.04 0l96.42 95.7c10.15 10.07 3.03 27.36-11.25 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"></path>
+                                </svg>
+                            </span>
+                            <span class="sr-only">{% trans "Upload Files"%}</span>
+                        </label>
+                    </div>
+                </form>
+            </li>
+        </ul>
+    </div>
 </nav>
-
-  <div class="row loadingformfiles" style="display: none">
-  <div class="d-flex align-items-center col" >
-    <strong>{% trans "Loading"%}...</strong>
-    <div class="spinner-border ml-auto" role="status" aria-hidden="true"></div>
-  </div>
-  </div>
-  
-  <div class="row" id="listfiles">
-      {% for file in folder.get_all_files %}
-      <div class="col-sm-2 p-0">
+<div class="row loadingformfiles" style="display: none">
+    <div class="d-flex align-items-center col">
+        <strong>{% trans "Loading"%}...</strong>
+        <div class="spinner-border ml-auto" role="status" aria-hidden="true"></div>
+    </div>
+</div>
+<div class="row" id="listfiles">
+    {% for file in folder.get_all_files %}
+    <div class="col-sm-2 p-0">
         <div class="card bg-light mb-3 m-1 p-1 text-truncate" style="border: 1px solid grey;">
-          <div class="card-header p-0  m-0" style="background: none">
-            {% if request.user == file.created_by or request.user.is_superuser or perms.podfile.change_customfilemodel or perms.podfile.change_customimagemodel or request.user in folder.users.all %}
-            <nav class="navbar navbar-expand-lg navbar-light p-0 m-0">
-              
-              <button class="btn btn-light btn-sm p-0 m-0" type="button" data-toggle="collapse" data-target="#currentfile{{file.id}}" aria-expanded="false" aria-controls="currentfile{{file.id}}" style="opacity:0.8;">
-                <span class="navbar-toggler-icon file-options-icon">
-			<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="ellipsis-v" class="svg-inline--fa fa-ellipsis-v fa-w-6" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="currentColor" d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"></path></svg>
-		</span>
-              </button>
-              
-              <div class="file collapse" id="currentfile{{file.id}}">
-              <ul class="file-navbar navbar-nav mr-auto p-0 m-0">
-                <li class="nav-item p-0 m-0">
-                  <button type="button" class="btn btn-link btn-sm nav-link p-0 m-0" data-toggle="modal" data-target="#folderModalCenter" data-filename="{{file.name}}" data-fileid="{{file.id}}" data-folderid="{{file.folder.id}}" data-filetype="{{file.class_name}}">
-		      <span class="edit-file" id="edit-file-icon">
-			          <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="pen-square" class="svg-inline--fa fa-pen-square fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zM238.1 177.9L102.4 313.6l-6.3 57.1c-.8 7.6 5.6 14.1 13.3 13.3l57.1-6.3L302.2 242c2.3-2.3 2.3-6.1 0-8.5L246.7 178c-2.5-2.4-6.3-2.4-8.6-.1zM345 165.1L314.9 135c-9.4-9.4-24.6-9.4-33.9 0l-23.1 23.1c-2.3 2.3-2.3 6.1 0 8.5l55.5 55.5c2.3 2.3 6.1 2.3 8.5 0L345 199c9.3-9.3 9.3-24.5 0-33.9z"></path></svg>
-		      </span>
-                  <span class="sr-only">{% trans "Modify"%}</span>
-                  </button>
-                </li>
-                <li class="nav-item p-0 m-0">
-                  <form method="post" action="{% url 'download_file' %}" class="form-inline my-2 my-lg-0 nav-link p-0 m-0">
-                    {% csrf_token %}
-                    <input type="hidden" value="{{file.file.name}}" name="filename" />
-                    <button type="submit" class="btn btn-link btn-sm nav-link p-0 m-0">
-		        <span class="download-file" id="download-file-icon">
-				        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="file-download" class="svg-inline--fa fa-file-download fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"></path></svg>
-			</span>
-                    <span class="sr-only">{% trans "Download"%}</span>
+            <div class="card-header p-0  m-0" style="background: none">
+                {% if request.user == file.created_by or request.user.is_superuser or perms.podfile.change_customfilemodel or perms.podfile.change_customimagemodel or request.user in folder.users.all %}
+                <nav class="navbar navbar-expand-lg navbar-light p-0 m-0">
+                    <button
+                        class="btn btn-light btn-sm p-0 m-0"
+                        type="button"
+                        data-toggle="collapse"
+                        data-target="#currentfile{{file.id}}"
+                        aria-expanded="false"
+                        aria-controls="currentfile{{file.id}}"
+                        style="opacity:0.8;"
+                    >
+                        <span class="navbar-toggler-icon file-options-icon">
+                            <svg
+                                aria-hidden="true"
+                                focusable="false"
+                                data-prefix="fas"
+                                data-icon="ellipsis-v"
+                                class="svg-inline--fa fa-ellipsis-v fa-w-6"
+                                role="img"
+                                xmlns="http://www.w3.org/2000/svg"
+                                viewBox="0 0 192 512"
+                            >
+                                <path fill="currentColor" d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"></path>
+                            </svg>
+                        </span>
                     </button>
-                  </form>
-                </li>
-                <li class="nav-item p-0 m-0">
-                  <button type="button" class="btn btn-link btn-sm nav-link p-0 m-0 btn-delete-file" data-fileid="{{file.id}}" data-filetype="{{file.class_name}}">
-                  {% csrf_token %}
-		      <span class="delete-file" id="delete-file-icon">
-			          <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"></path></svg>
-		      </span>
-                  <span class="sr-only">{% trans "Delete"%}</span>
-                  </button>
-                </li>
-                
-              </ul>
-              </div>
-            </nav>
+                    <div class="file collapse" id="currentfile{{file.id}}">
+                        <ul class="file-navbar navbar-nav mr-auto p-0 m-0">
+                            <li class="nav-item p-0 m-0">
+                                <button
+                                    type="button"
+                                    class="btn btn-link btn-sm nav-link p-0 m-0"
+                                    data-toggle="modal"
+                                    data-target="#folderModalCenter"
+                                    data-filename="{{file.name}}"
+                                    data-fileid="{{file.id}}"
+                                    data-folderid="{{file.folder.id}}"
+                                    data-filetype="{{file.class_name}}"
+                                >
+                                    <span class="edit-file" id="edit-file-icon">
+                                        <svg
+                                            aria-hidden="true"
+                                            focusable="false"
+                                            data-prefix="fas"
+                                            data-icon="pen-square"
+                                            class="svg-inline--fa fa-pen-square fa-w-14"
+                                            role="img"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            viewBox="0 0 448 512"
+                                        >
+                                            <path fill="currentColor" d="M400 480H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zM238.1 177.9L102.4 313.6l-6.3 57.1c-.8 7.6 5.6 14.1 13.3 13.3l57.1-6.3L302.2 242c2.3-2.3 2.3-6.1 0-8.5L246.7 178c-2.5-2.4-6.3-2.4-8.6-.1zM345 165.1L314.9 135c-9.4-9.4-24.6-9.4-33.9 0l-23.1 23.1c-2.3 2.3-2.3 6.1 0 8.5l55.5 55.5c2.3 2.3 6.1 2.3 8.5 0L345 199c9.3-9.3 9.3-24.5 0-33.9z"></path>
+                                        </svg>
+                                    </span>
+                                    <span class="sr-only">{% trans "Modify"%}</span>
+                                </button>
+                            </li>
+                            <li class="nav-item p-0 m-0">
+                                <form method="post" action="{% url 'download_file' %}" class="form-inline my-2 my-lg-0 nav-link p-0 m-0">
+                                    {% csrf_token %}
+                                    <input type="hidden" value="{{file.file.name}}" name="filename">
+                                    <button type="submit" class="btn btn-link btn-sm nav-link p-0 m-0">
+                                        <span class="download-file" id="download-file-icon">
+                                            <svg
+                                                aria-hidden="true"
+                                                focusable="false"
+                                                data-prefix="fas"
+                                                data-icon="file-download"
+                                                class="svg-inline--fa fa-file-download fa-w-12"
+                                                role="img"
+                                                xmlns="http://www.w3.org/2000/svg"
+                                                viewBox="0 0 384 512"
+                                            >
+                                                <path fill="currentColor" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"></path>
+                                            </svg>
+                                        </span>
+                                        <span class="sr-only">{% trans "Download"%}</span>
+                                    </button>
+                                </form>
+                            </li>
+                            <li class="nav-item p-0 m-0">
+                                <button
+                                    type="button"
+                                    class="btn btn-link btn-sm nav-link p-0 m-0 btn-delete-file"
+                                    data-fileid="{{file.id}}"
+                                    data-filetype="{{file.class_name}}"
+                                >
+                                    {% csrf_token %}
+                                    <span class="delete-file" id="delete-file-icon">
+                                        <svg
+                                            aria-hidden="true"
+                                            focusable="false"
+                                            data-prefix="fas"
+                                            data-icon="trash-alt"
+                                            class="svg-inline--fa fa-trash-alt fa-w-14"
+                                            role="img"
+                                            xmlns="http://www.w3.org/2000/svg"
+                                            viewBox="0 0 448 512"
+                                        >
+                                            <path fill="currentColor" d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"></path>
+                                        </svg>
+                                    </span>
+                                    <span class="sr-only">{% trans "Delete"%}</span>
+                                </button>
+                            </li>
+                        </ul>
+                    </div>
+                </nav>
+                {% endif %}
+            </div>
+            {% if file.class_name.lower == "customimagemodel" and file.file_exist %}
+                {% if type.lower == "image" and file.class_name.lower == "customimagemodel" %}
+            <a
+                href="{{file.file.url}}"
+                class="card-image {% if request.is_ajax %} file-image {% endif %}"
+                title="{{file.name}}"
+                target="_blank"
+                data-fileid="{{file.id}}"
+                data-filetype="{{file.class_name}}"
+            >
+                <img class="card-img-top p-1" src="{{file.file.url}}" alt="Card image">
+            </a>
+            {% else %}
+            <img class="card-img-top p-1" src="{{file.file.url}}" alt="Card image">
             {% endif %}
-          </div>
-          {% if file.class_name == "CustomImageModel" and file.file_exist %}
-                {% if type == "image" and file.class_name == "CustomImageModel" %}
-	            <a href="{{file.file.url}}" class="card-image {% if request.is_ajax %} file-image {% endif %}" title="{{file.name}}" target="_blank" data-fileid="{{file.id}}" data-filetype="{{file.class_name}}" ><img class="card-img-top p-1" src="{{file.file.url}}" alt="Card image"></a>
-		{% else %}
-		    <img class="card-img-top p-1" src="{{file.file.url}}" alt="Card image">
-		{% endif %}
           {% else %}
             {% with file.file.name|icon_exists as icon %}
-              {% if type == "file" and file.class_name == "CustomFileModel"%}
-	          <a href="{{file.file.url}}" class="card-image {% if request.is_ajax %} file-image {% endif %}" title="{{file.name}}" target="_blank" data-fileid="{{file.id}}" data-filetype="{{file.class_name}}" ><img class="card-img-top p-1" src="{% static "podfile/images/icons/"|add:icon|add:".png" %}" alt="Card image"></a>
-	      {% else %}
-		  <img class="card-img-top p-1" src="{% static "podfile/images/icons/"|add:icon|add:".png" %}" alt="Card image">
-	      {% endif%}
+              {% if type.lower == "file" and file.class_name.lower == "customfilemodel" or type.lower == "image" and file.class_name.lower == "customimagemodel" %}
+            <a
+                href="{{file.file.url}}"
+                class="card-image {% if request.is_ajax %} file-image {% endif %}"
+                title="{{file.name}}"
+                target="_blank"
+                data-fileid="{{file.id}}"
+                data-filetype="{{file.class_name}}"
+            >
+                <img class="card-img-top p-1" src="{% static 'podfile/images/icons/'|add:icon|add:'.png' %}" alt="Card image">
+            </a>
+            {% else %}
+            <img class="card-img-top p-1" src="{% static 'podfile/images/icons/'|add:icon|add:'.png' %}" alt="Card image">
+            {% endif%}
             {%endwith%}
           {% endif %}
-          <div class="card-body">
-            <p class="card-text p-0 m-0">
-              {% if type %}
+            <div class="card-body">
+                <p class="card-text p-0 m-0">
+                    {% if type %}
                 {% if type == "image" and file.class_name == "CustomImageModel" %}
-                <a href="{{file.file.url}}" class="card-title {% if request.is_ajax %}file-name{% endif%}" title="{{file.name}}" target="_blank" data-fileid="{{file.id}}" data-filetype="{{file.class_name}}">
-                  <small class="text-muted">{{file.name}}</small>
-                </a>
-                {% elif type == "file" and file.class_name == "CustomFileModel"%}
-                <a href="{{file.file.url}}" class="card-title {% if request.is_ajax %}file-name{% endif%}" title="{{file.name}}" target="_blank" data-fileid="{{file.id}}" data-filetype="{{file.class_name}}">
-                  <small class="text-muted">{{file.name}}</small>
-                </a>
-                {% else %}
-                <small class="text-muted">{{file.name}}</small>
-                {% endif %}
+                    <a
+                        href="{{file.file.url}}"
+                        class="card-title {% if request.is_ajax %}file-name{% endif%}"
+                        title="{{file.name}}"
+                        target="_blank"
+                        data-fileid="{{file.id}}"
+                        data-filetype="{{file.class_name}}"
+                    >
+                        <small class="text-muted">{{file.name}}</small>
+                    </a>
+                    {% elif type == "file" and file.class_name == "CustomFileModel"%}
+                    <a
+                        href="{{file.file.url}}"
+                        class="card-title {% if request.is_ajax %}file-name{% endif%}"
+                        title="{{file.name}}"
+                        target="_blank"
+                        data-fileid="{{file.id}}"
+                        data-filetype="{{file.class_name}}"
+                    >
+                        <small class="text-muted">{{file.name}}</small>
+                    </a>
+                    {% else %}
+                    <small class="text-muted">{{file.name}}</small>
+                    {% endif %}
               {% else %}
-              <a href="{{file.file.url}}" class="card-title {% if request.is_ajax %}file-name{% endif%}" title="{{file.name}}" target="_blank" data-fileid="{{file.id}}" data-filetype="{{file.class_name}}">
-                <small class="text-muted">{{file.name}}</small>
-              </a>
-              {% endif %}
-            </p>
-          </div>
-
+                    <a
+                        href="{{file.file.url}}"
+                        class="card-title {% if request.is_ajax %}file-name{% endif%}"
+                        title="{{file.name}}"
+                        target="_blank"
+                        data-fileid="{{file.id}}"
+                        data-filetype="{{file.class_name}}"
+                    >
+                        <small class="text-muted">{{file.name}}</small>
+                    </a>
+                    {% endif %}
+                </p>
+            </div>
         </div>
-
-      </div>
-      {% endfor %}
-  </div>
-
+    </div>
+    {% endfor %}
+</div>
 </div>
-
-
-
-
-
-
-
-
-

From 6eb125ea9f96c16fb5d5ee430ad6b548689fec0d Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 6 Feb 2021 16:29:00 +0100
Subject: [PATCH 127/145] unnecessary code

---
 pod/podfile/views.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/podfile/views.py b/pod/podfile/views.py
index e1dbb00d08..66fdd63d8b 100644
--- a/pod/podfile/views.py
+++ b/pod/podfile/views.py
@@ -687,7 +687,7 @@ def user_folders(request):
     if not request.user.is_superuser:
         user_folder = user_folder.filter(owner=request.user)
 
-    user_folder = user_folder.values(*list(VALUES_LIST))
+    user_folder = user_folder.values(*VALUES_LIST)
 
     search = request.GET.get('search', "")
     current_fold = json.loads(

From 550a63a42dfed8d29d1b38e55d3e376c883d6c05 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 6 Feb 2021 16:32:16 +0100
Subject: [PATCH 128/145] Add 'folder_name' css class, fix and indent html

---
 pod/podfile/templates/podfile/userfolder.html | 272 ++++++++++++++----
 1 file changed, 209 insertions(+), 63 deletions(-)

diff --git a/pod/podfile/templates/podfile/userfolder.html b/pod/podfile/templates/podfile/userfolder.html
index 52cd5d6b0e..3181305a6a 100644
--- a/pod/podfile/templates/podfile/userfolder.html
+++ b/pod/podfile/templates/podfile/userfolder.html
@@ -1,74 +1,220 @@
 {% load i18n static %}
-      <div class="dirs-nav">
-	<div class="dirs-nav-container">
-            <a href="#" id="folder_{{user_home_folder.id}}" class="{% if user_home_folder == current_session_folder%}font-weight-bold{%endif%} folder" data-id="{{user_home_folder.id}}" data-target="{% if type %}{% url 'podfile:get_folder_files' id=user_home_folder.id type=type %}{% else %}{% url 'podfile:get_folder_files' id=user_home_folder.id %}{%endif%}">
-		<span class="home-directory" id="home-directory-icon">
-		    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="home" class="svg-inline--fa fa-home fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path></svg>
-		</span>{% trans "My folders"%}
-            </a>
-            <button type="button" class="btn btn-link btn-sm add-folder-btn" data-toggle="modal" data-target="#folderModalCenter" data-oldname="" data-folderid="">
-		<span class="add-folder" id="add-folder-icon">
-		    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="folder-plus" class="svg-inline--fa fa-folder-plus fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path></svg>
-		</span>{% trans "Add new folder" %}
-                <span class="sr-only">{% trans "Add new folder"%}</span>
-            </button>
-	</div>
-	<div class="close-folder" id="close-folder-icon">
-	    <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="times-circle" class="svg-inline--fa fa-times-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"></path></svg>
-        </div>
+<div class="dirs-nav">
+    <div class="dirs-nav-container">
+        <a
+            href="#"
+            id="folder_{{user_home_folder.id}}"
+            class="{% if user_home_folder == current_session_folder%}font-weight-bold{%endif%} folder"
+            data-id="{{user_home_folder.id}}"
+            data-target="{% if type %}{% url 'podfile:get_folder_files' id=user_home_folder.id type=type %}{% else %}{% url 'podfile:get_folder_files' id=user_home_folder.id %}{%endif%}"
+        >
+            <span class="home-directory" id="home-directory-icon">
+                <svg
+                    aria-hidden="true"
+                    focusable="false"
+                    data-prefix="fas"
+                    data-icon="home"
+                    class="svg-inline--fa fa-home fa-w-18"
+                    role="img"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 576 512"
+                >
+                    <path fill="currentColor" d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path>
+                </svg>
+            </span>
+            {% trans "My folders"%}
+        </a>
+        <button
+            type="button"
+            class="btn btn-link btn-sm add-folder-btn"
+            data-toggle="modal"
+            data-target="#folderModalCenter"
+            data-oldname=""
+            data-folderid=""
+        >
+            <span class="add-folder" id="add-folder-icon">
+                <svg
+                    aria-hidden="true"
+                    focusable="false"
+                    data-prefix="fas"
+                    data-icon="folder-plus"
+                    class="svg-inline--fa fa-folder-plus fa-w-16"
+                    role="img"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 512 512"
+                >
+                    <path fill="currentColor" d="M464,128H272L208,64H48A48,48,0,0,0,0,112V400a48,48,0,0,0,48,48H464a48,48,0,0,0,48-48V176A48,48,0,0,0,464,128ZM359.5,296a16,16,0,0,1-16,16h-64v64a16,16,0,0,1-16,16h-16a16,16,0,0,1-16-16V312h-64a16,16,0,0,1-16-16V280a16,16,0,0,1,16-16h64V200a16,16,0,0,1,16-16h16a16,16,0,0,1,16,16v64h64a16,16,0,0,1,16,16Z"></path>
+                </svg>
+            </span>
+            {% trans "Add new folder" %}
+            <span class="sr-only">{% trans "Add new folder"%}</span>
+        </button>
+    </div>
+    <div class="close-folder" id="close-folder-icon">
+        <svg
+            aria-hidden="true"
+            focusable="false"
+            data-prefix="far"
+            data-icon="times-circle"
+            class="svg-inline--fa fa-times-circle fa-w-16"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 512 512"
+        >
+            <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"></path>
+        </svg>
     </div>
-    <input class="folder-search" placeholder="{% trans 'Filter files' %}" type="search" id="folder-search" name="q">
-    {% if user.is_superuser %}<span class="alert-warning"><span class="warning-icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="exclamation-triangle" class="svg-inline--fa fa-exclamation-triangle fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path></svg></span><b>{%trans "SuperUser mode : the folders of all users are listed (the owner is noted in brackets)" %}</b><strong onClick="closeWarning(event)" class="close">X</strong></span>{%endif%}
-    <div class="flex">
-        <div class="list_folders" id="list_folders_sub" data-type="{{type}}"></div>
-        {% if share_folder.count > 0 or share_folder_user.count > 0 %}
-        <div class="share-folders" style="padding-left: 0px">
-            <!-- <a href="#" class="directory-sign" >[-]</a> -->
-            <span class="folder_title">
-	        <span class="home-directory" id="home-directory-icon">
-		    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="home" class="svg-inline--fa fa-home fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path></svg>
-	        </span>
-		<span class="folder_title">{% trans "Shared folders" %}</span>
-	    </span>
-            <div class="list_folders">
+</div>
+<input
+    class="folder-search"
+    placeholder="{% trans 'Filter files' %}"
+    type="search"
+    id="folder-search"
+    name="q"
+>
+{% if user.is_superuser %}
+<span class="alert-warning">
+    <span class="warning-icon">
+        <svg
+            aria-hidden="true"
+            focusable="false"
+            data-prefix="fas"
+            data-icon="exclamation-triangle"
+            class="svg-inline--fa fa-exclamation-triangle fa-w-18"
+            role="img"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 576 512"
+        >
+            <path fill="currentColor" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path>
+        </svg>
+    </span>
+    <b>{%trans "SuperUser mode : the folders of all users are listed (the owner is noted in brackets)" %}</b>
+    <strong onClick="closeWarning(event)" class="close">X</strong>
+</span>
+{%endif%}
+<div class="flex">
+    <div class="list_folders" id="list_folders_sub" data-type="{{type}}"></div>
+    {% if share_folder.count > 0 or share_folder_user.count > 0 %}
+    <div class="share-folders" style="padding-left: 0px">
+        <span class="folder_title">
+            <span class="home-directory" id="home-directory-icon">
+                <svg
+                    aria-hidden="true"
+                    focusable="false"
+                    data-prefix="fas"
+                    data-icon="home"
+                    class="svg-inline--fa fa-home fa-w-18"
+                    role="img"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 576 512"
+                >
+                    <path fill="currentColor" d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path>
+                </svg>
+            </span>
+            <span class="folder_title">{% trans "Shared folders" %}</span>
+        </span>
+        <div class="list_folders">
             {% for folder in share_folder %}
-                <div>
-                    <a href="#" id="folder_{{folder.id}}" class="{% if folder == current_session_folder%}font-weight-bold{%endif%} home-folder" data-foldname="{{ folder.name }}" data-id="{{folder.id}}" data-target="{% if type %}{% url 'podfile:get_folder_files' id=folder.id type=type %}{% else %}{% url 'podfile:get_folder_files' id=folder.id %}{%endif%}">
-                        {% if folder == current_session_folder%}
-	                    <span class="folder-open" id="folder-open-icon">
-	                        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="folder-open" class="svg-inline--fa fa-folder-open fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"></path></svg>
-	                    </span>
-                            <img class="directory-image" src="{% static "podfile/images/opened_folder.png"%}">
-                        {% else %}
-                            <span class="folder" id="folder-icon">
-	                        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="folder" class="svg-inline--fa fa-folder fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"></path></svg>
-	                    </span>
-                        {% endif %}
-                        <span id="folder-name-{{folder.id}}">{{folder.name}}</span> ({{folder.owner.username}})
-                    </a>
-                </div>
+            <div class="folder_container">
+                <a
+                    href="#"
+                    id="folder_{{folder.id}}"
+                    class="{% if folder == current_session_folder%}font-weight-bold{%endif%} home-folder"
+                    data-foldname="{{ folder.name }}"
+                    data-id="{{folder.id}}"
+                    data-target="{% if type %}{% url 'podfile:get_folder_files' id=folder.id type=type %}{% else %}{% url 'podfile:get_folder_files' id=folder.id %}{%endif%}"
+                >
+                    {% if folder == current_session_folder%}
+                    <span class="folder-open" id="folder-open-icon">
+                        <svg
+                            aria-hidden="true"
+                            focusable="false"
+                            data-prefix="fas"
+                            data-icon="folder-open"
+                            class="svg-inline--fa fa-folder-open fa-w-18"
+                            role="img"
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 576 512"
+                        >
+                            <path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"></path>
+                        </svg>
+                    </span>
+                    <img class="directory-image" src="{% static 'podfile/images/opened_folder.png' %}">
+                    {% else %}
+                    <span class="folder" id="folder-icon">
+                        <svg
+                            aria-hidden="true"
+                            focusable="false"
+                            data-prefix="fas"
+                            data-icon="folder"
+                            class="svg-inline--fa fa-folder fa-w-16"
+                            role="img"
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 512 512"
+                        >
+                            <path fill="currentColor" d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"></path>
+                        </svg>
+                    </span>
+                    {% endif %}
+                    <span class="folder_name" id="folder-name-{{folder.id}}">{{folder.name}}</span>
+                    <span>
+                        <b>({{folder.owner.username}})</b>
+                    </span>
+                </a>
+            </div>
             {% endfor %}
             {% for folder in share_folder_user %}
-                <div>
-                    <a href="#" id="folder_{{folder.id}}" class="{% if folder == current_session_folder%}font-weight-bold{%endif%} folder" data-foldname="{{ folder.name }}" data-id="{{folder.id}}" data-target="{% if type %}{% url 'podfile:get_folder_files' id=folder.id type=type %}{% else %}{% url 'podfile:get_folder_files' id=folder.id %}{%endif%}">
-                        {% if folder == current_session_folder%}
-	                    <span class="folder-open" id="folder-open-icon">
-	                        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="folder-open" class="svg-inline--fa fa-folder-open fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"></path></svg>
-	                    </span>
-                        {%else%}
-	                    <span class="folder" id="folder-icon">
-	                        <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="folder" class="svg-inline--fa fa-folder fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"></path></svg>
-	                    </span>
-                        {% endif %}
-                        <span id="folder-name-{{folder.id}}">{{folder.name}}</span> ({{folder.owner.username}})
-                    </a>
-                </div>
-            {% endfor %}
+            <div class="folder_container">
+                <a
+                    href="#"
+                    id="folder_{{folder.id}}"
+                    class="{% if folder == current_session_folder%}font-weight-bold{%endif%} folder"
+                    data-foldname="{{ folder.name }}"
+                    data-id="{{folder.id}}"
+                    data-target="{% if type %}{% url 'podfile:get_folder_files' id=folder.id type=type %}{% else %}{% url 'podfile:get_folder_files' id=folder.id %}{%endif%}"
+                >
+                    {% if folder == current_session_folder%}
+                    <span class="folder-open" id="folder-open-icon">
+                        <svg
+                            aria-hidden="true"
+                            focusable="false"
+                            data-prefix="fas"
+                            data-icon="folder-open"
+                            class="svg-inline--fa fa-folder-open fa-w-18"
+                            role="img"
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 576 512"
+                        >
+                            <path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"></path>
+                        </svg>
+                    </span>
+                    {%else%}
+                    <span class="folder" id="folder-icon">
+                        <svg
+                            aria-hidden="true"
+                            focusable="false"
+                            data-prefix="fas"
+                            data-icon="folder"
+                            class="svg-inline--fa fa-folder fa-w-16"
+                            role="img"
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 512 512"
+                        >
+                            <path fill="currentColor" d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"></path>
+                        </svg>
+                    </span>
+                    {% endif %}
+                    <span class="folder_name" id="folder-name-{{folder.id}}">{{folder.name}}</span>
+                    <span>
+                        <b>({{folder.owner.username}})</b>
+                    </span>
+                </a>
             </div>
+            {% endfor %}
         </div>
-        {% endif %}
     </div>
-
+    {% endif %}
+</div>
 <style>
     #formalertdiv{
         z-index: 1090;

From 0e9d007db43cfbd4e84ec5327d48cb51a4fa01e7 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 6 Feb 2021 16:34:38 +0100
Subject: [PATCH 129/145] Add 'folder_container, folder_name' css class

---
 pod/podfile/static/podfile/js/filewidget.js | 28 ++++++---------------
 1 file changed, 7 insertions(+), 21 deletions(-)

diff --git a/pod/podfile/static/podfile/js/filewidget.js b/pod/podfile/static/podfile/js/filewidget.js
index cae8d3c57a..60a39b85c7 100644
--- a/pod/podfile/static/podfile/js/filewidget.js
+++ b/pod/podfile/static/podfile/js/filewidget.js
@@ -309,7 +309,7 @@ $(document).on("click", ".btn-remove", function(e) {
             success: function (response) {
               let nextPage = response.next_page;
                 response.folders.forEach(elt => {
-                  $("#list_folders_sub").append('<div style="padding:0; margin:0;">' + createFolder(elt.id,elt.name,(currentFolder == elt.name),type,elt.owner) + '</div>')
+                  $("#list_folders_sub").append('<div class="folder_container">' + createFolder(elt.id,elt.name,(currentFolder == elt.name),type,elt.owner) + '</div>')
                 })
                 if(nextPage != -1){
 		    $("#list_folders_sub").append(seeMoreElement(nextPage, response.current_page+1, response.total_pages, text));
@@ -348,7 +348,7 @@ $(document).on("click", ".btn-remove", function(e) {
 
         if(data.new_folder == true){
           let type = $("#list_folders_sub").data("type")
-          $("#list_folders_sub").prepend('<div style="padding:0; margin:0;">' + createFolder(data.folder_id,data.folder_name,true,type,undefined) + '</div>')
+          $("#list_folders_sub").prepend('<div class="folder_container">' + createFolder(data.folder_id,data.folder_name,true,type,undefined) + '</div>')
         }
 
         if(data.deleted){
@@ -426,7 +426,7 @@ var folder_open_icon = `
 	    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="folder-open" class="svg-inline--fa fa-folder-open fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"></path></svg>
 	</span>`;
 var folder_icon = `
-	<span class="folder" id="folder-icon">
+	<span class="folder-close" id="folder-icon">
 	    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="folder" class="svg-inline--fa fa-folder fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"></path></svg>
 	</span>`;
 
@@ -436,10 +436,10 @@ function createFolder(foldid, foldname, isCurrent,type,owner=undefined){
     let isType = (type != "None" && type != undefined)
     construct+= ('/podfile/get_folder_files/' + foldid + (isType ? ('?type=' +type) : "") + '">')
     if(owner != undefined){
-      foldname = '<i><span id="folder-name-'+ foldid + '">  ' + foldname + '</span></i> <b>(' + owner+')</b>'
+      foldname = '<span class="folder_name" id="folder-name-'+ foldid + '">  ' + foldname + '</span> <span><b>(' + owner+')</b></span>'
     }
     else{
-      foldname = '<span id="folder-name-' +foldid +  '">  ' +foldname+ '</span>'
+      foldname = '<span class="folder_name" id="folder-name-' +foldid +  '">  ' +foldname+ '</span>'
     }
     construct += `${folder_open_icon} ${folder_icon} ${foldname}</a>`;
     return construct
@@ -456,7 +456,7 @@ function initFolders(){
           success: function (response) {
               let nextPage = response.next_page;
               response.folders.forEach(elt => {
-                $("#list_folders_sub").append('<div style="padding:0; margin:0;">' + createFolder(elt.id,elt.name,(currentFolder == elt.name),type,elt.owner) + '</div>')
+                $("#list_folders_sub").append('<div class="folder_container">' + createFolder(elt.id,elt.name,(currentFolder == elt.name),type,elt.owner) + '</div>')
               })
               if(nextPage != -1){
 		$("#list_folders_sub").append(seeMoreElement(nextPage, response.current_page+1, response.total_pages));
@@ -502,7 +502,7 @@ var seeMoreElement = function (nextPage, curr_page, tot_page, search=null){
     	    parent_el.remove();
             let nextPage = response.next_page
                response.folders.forEach(elt => {
-                $("#list_folders_sub").append('<div style="padding:0; margin:0;">' + createFolder(elt.id,elt.name,(currentFolder == elt.name),type,elt.owner) + '</div>')
+                $("#list_folders_sub").append('<div class="folder_container">' + createFolder(elt.id,elt.name,(currentFolder == elt.name),type,elt.owner) + '</div>')
               })
               if(nextPage != -1){
 		$("#list_folders_sub").append(seeMoreElement(nextPage, response.current_page+1, response.total_pages, search));
@@ -519,18 +519,4 @@ var seeMoreElement = function (nextPage, curr_page, tot_page, search=null){
     setTimeout(function(){initFolders()}, 500);
 
   });
-
-
-/*
-var send_form_data = function(url,data_form, fct, method="post") {
-    var jqxhr= '';
-    if(method=="post") jqxhr = $.post(url, data_form);
-    else jqxhr = $.get(url);
-    jqxhr.done(function(data){ window[fct](data); });
-    jqxhr.fail(function($xhr) {
-        var data = $xhr.status+ " : " +$xhr.statusText;
-        showalert(gettext("Error during exchange") + "("+data+")<br/>"+gettext("No data could be stored."), "alert-danger");
-    });
-}
-*/
 }

From ca1ed91fac45eafd3191d814499722551e6a677b Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 6 Feb 2021 16:54:41 +0100
Subject: [PATCH 130/145] Fix css, add folder_name css

---
 pod/podfile/static/podfile/css/podfile.css | 34 +++++++++++++++++-----
 1 file changed, 26 insertions(+), 8 deletions(-)

diff --git a/pod/podfile/static/podfile/css/podfile.css b/pod/podfile/static/podfile/css/podfile.css
index 823a7760ca..625b523e6b 100644
--- a/pod/podfile/static/podfile/css/podfile.css
+++ b/pod/podfile/static/podfile/css/podfile.css
@@ -79,13 +79,14 @@ button.close {
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
-    width: 100%;
     pointer-events: auto;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, 0.2);
-    /*border-radius: 0.3rem;*/
     outline: 0;
+    max-width: 100% !important;
+    width: calc(100% - 2em);
+    margin: 0 auto !important;
   }
   
   .modal-backdrop {
@@ -219,6 +220,14 @@ button.close {
       max-height:350px;
       overflow: auto;
   }
+  
+  #podfile .list_folders .folder_name{
+    max-width: 600px;
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   #podfile #listfiles{
       max-height:600px;
       overflow: auto;
@@ -250,9 +259,6 @@ button.close {
   #shareModalCenter #shared-people.list-group .list-group-item .username{
       color: var(--gray-dark);
       font-weight: 700;
-      -webkit-box-ordinal-group: 3;
-          -ms-flex-order: 2;
-              order: 2;
   }
   #shareModalCenter #shared-people.list-group .list-group-item .btn-share.btn-remove{
       -webkit-box-ordinal-group: 2;
@@ -392,6 +398,14 @@ button.close {
           -ms-flex-align: center;
               align-items: center;
   }
+  #podfile .list_folders .folder_container:nth-child(2n),
+  #podfile .list_folders_sub .folder_container:nth-child(2n) {
+    background-color: #ececec;
+  }
+  #podfile .list_folders .folder_container,
+  #podfile .list_folders_sub .folder_container{padding: .4em;}
+  #podfile .list_folders .folder,
+  #podfile .list_folders_sub .folder,
   #podfile #dirs .dirs-nav a.folder{
       display: -webkit-box;
       display: -ms-flexbox;
@@ -401,6 +415,10 @@ button.close {
               align-items: flex-end;
       margin-right: 1em;
   }
+  #podfile .list_folders .folder,
+  #podfile .list_folders_sub .folder{ align-items: center;}
+  #podfile .list_folders_sub .folder > *,
+  #podfile .list_folders .folder > *{flex: none;}
   #podfile #dirs .dirs-nav-container .add-folder-btn{ color: var(--secondary); -webkit-transition: .3s transform; -o-transition: .3s transform; transition: .3s transform; }
   #podfile #dirs .dirs-nav-container .add-folder-btn:hover{ text-decoration: none; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
   
@@ -410,16 +428,16 @@ button.close {
   #podfile .share-folders .folder_title{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .4em; color: var(--primary);}
   #podfile .share-folders .home-directory{-webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);transform: translateY(-8px) }
   #podfile #list_folders_sub a.folder:not(.folder-opened) span.folder-open,
-  #podfile #list_folders_sub a.folder-opened span.folder
+  #podfile #list_folders_sub a.folder-opened span#folder-icon
   { display: none;}
-  #podfile #list_folders_sub a.folder:not(.folder-opened) span.folder,
+  #podfile #list_folders_sub a.folder:not(.folder-opened) span#folder-icon,
   #podfile #list_folders_sub a.folder.folder-opened span.folder-open
   { display: inline-block;}
   
   #podfile #dirs .dirs-nav span.home-directory,
   #podfile #dirs .share-folders span.home-directory,
   #podfile #dirs .dirs-nav span.add-folder,
-  #podfile .list_folders span.folder,
+  #podfile .list_folders span#folder-icon,
   #podfile .list_folders span.folder-open
   {
       display: inline-block;

From d8da4e5d6737e2adcb2588187416b2b3d33b675d Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 6 Feb 2021 20:45:33 +0100
Subject: [PATCH 131/145] Filter folders to keep those that have files

---
 pod/podfile/views.py | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/pod/podfile/views.py b/pod/podfile/views.py
index 66fdd63d8b..e7520539e5 100644
--- a/pod/podfile/views.py
+++ b/pod/podfile/views.py
@@ -10,7 +10,7 @@
 from django.template.loader import render_to_string
 from django.contrib.admin.views.decorators import staff_member_required
 from django.core.exceptions import SuspiciousOperation
-from django.db.models import Q
+from django.db.models import Count, Q
 from django.core.exceptions import ObjectDoesNotExist
 from django.contrib.auth.models import User
 from .models import UserFolder
@@ -687,6 +687,15 @@ def user_folders(request):
     if not request.user.is_superuser:
         user_folder = user_folder.filter(owner=request.user)
 
+    # filter folders to keep only those that have files
+    user_folder = user_folder.annotate(
+        nbr_image=Count('customimagemodel', distinct=True)
+    ).annotate(
+        nbr_file=Count('customfilemodel', distinct=True)
+    ).filter(
+        Q(nbr_image__gt=0) | Q(nbr_file__gt=0)
+    )
+
     user_folder = user_folder.values(*VALUES_LIST)
 
     search = request.GET.get('search', "")

From c8aac68d63a27f4d3ca34fa3563e322565956c11 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 6 Feb 2021 21:03:54 +0100
Subject: [PATCH 132/145] if app not testing, get only folders with files truly
 exist

---
 pod/podfile/views.py | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/pod/podfile/views.py b/pod/podfile/views.py
index e7520539e5..c279aa7a4b 100644
--- a/pod/podfile/views.py
+++ b/pod/podfile/views.py
@@ -56,6 +56,8 @@
         'srt',
     )
 )
+
+TEST_SETTINGS = getattr(settings, "TEST_SETTINGS", False)
 FOLDER_FILE_TYPE = ['image', 'file']
 
 
@@ -686,15 +688,16 @@ def user_folders(request):
 
     if not request.user.is_superuser:
         user_folder = user_folder.filter(owner=request.user)
-
-    # filter folders to keep only those that have files
-    user_folder = user_folder.annotate(
-        nbr_image=Count('customimagemodel', distinct=True)
-    ).annotate(
-        nbr_file=Count('customfilemodel', distinct=True)
-    ).filter(
-        Q(nbr_image__gt=0) | Q(nbr_file__gt=0)
-    )
+    
+    if not TEST_SETTINGS:
+        # filter folders to keep only those that have files
+        user_folder = user_folder.annotate(
+            nbr_image=Count('customimagemodel', distinct=True)
+        ).annotate(
+            nbr_file=Count('customfilemodel', distinct=True)
+        ).filter(
+            Q(nbr_image__gt=0) | Q(nbr_file__gt=0)
+        )
 
     user_folder = user_folder.values(*VALUES_LIST)
 

From 4b81e8ebace9747c192a1c0ab4c55464f03ab5af Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Sat, 6 Feb 2021 21:20:09 +0100
Subject: [PATCH 133/145] Fix Flake8 extract filter folders in function

---
 pod/podfile/views.py | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/pod/podfile/views.py b/pod/podfile/views.py
index c279aa7a4b..d8e3f75f36 100644
--- a/pod/podfile/views.py
+++ b/pod/podfile/views.py
@@ -678,6 +678,18 @@ def fetch_owners(request, folders_list):
     return folders_list
 
 
+def filter_folders_with_truly_files(folders):
+    if not TEST_SETTINGS:
+        return folders.annotate(
+            nbr_image=Count('customimagemodel', distinct=True)
+        ).annotate(
+            nbr_file=Count('customfilemodel', distinct=True)
+        ).filter(
+            Q(nbr_image__gt=0) | Q(nbr_file__gt=0)
+        )
+    return folders
+
+
 @staff_member_required(redirect_field_name='referrer')
 def user_folders(request):
     VALUES_LIST = ['id', 'name']
@@ -688,16 +700,9 @@ def user_folders(request):
 
     if not request.user.is_superuser:
         user_folder = user_folder.filter(owner=request.user)
-    
-    if not TEST_SETTINGS:
-        # filter folders to keep only those that have files
-        user_folder = user_folder.annotate(
-            nbr_image=Count('customimagemodel', distinct=True)
-        ).annotate(
-            nbr_file=Count('customfilemodel', distinct=True)
-        ).filter(
-            Q(nbr_image__gt=0) | Q(nbr_file__gt=0)
-        )
+
+    # filter folders to keep only those that have files
+    user_folder = filter_folders_with_truly_files(user_folder)
 
     user_folder = user_folder.values(*VALUES_LIST)
 

From 4706926d6f5f27d50ebd0f1451ab34d428007512 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Mon, 8 Feb 2021 15:50:12 +0100
Subject: [PATCH 134/145] add FFMPEG_SCALE parameter

---
 pod/video/encode.py | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/pod/video/encode.py b/pod/video/encode.py
index 04867b55f3..0e2967d8ba 100755
--- a/pod/video/encode.py
+++ b/pod/video/encode.py
@@ -90,6 +90,9 @@
 FFMPEG_MISC_PARAMS = getattr(
     settings, 'FFMPEG_MISC_PARAMS', " -hide_banner -y ")
 
+FFMPEG_SCALE = getattr(
+    settings, 'FFMPEG_SCALE', ' -vf "scale=-2:{height}" ')
+
 AUDIO_BITRATE = getattr(settings, 'AUDIO_BITRATE', "192k")
 
 ENCODING_M4A = getattr(

From f8939d9126a0204dcd104ec784d8cfe5911f71d4 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Mon, 8 Feb 2021 16:03:27 +0100
Subject: [PATCH 135/145] use FFMPEG_SCALE to create cmd to encode

---
 pod/video/encode.py | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/pod/video/encode.py b/pod/video/encode.py
index 0e2967d8ba..0bda1b8f0d 100755
--- a/pod/video/encode.py
+++ b/pod/video/encode.py
@@ -506,8 +506,9 @@ def get_video_command_mp4(video_id, video_data, output_dir):
 
             name = "%sp" % height
 
-            cmd += " %s -vf " % (static_params,)
-            cmd += "\"scale=-2:%s\"" % (height)
+            cmd += " %s " % (static_params,)
+            cmd += FFMPEG_SCALE.format(height=360)
+            # cmd += " -vf \"scale=-2:%s\" " % (height)
             # cmd += "force_original_aspect_ratio=decrease"
             cmd += " -minrate %s -b:v %s -maxrate %s -bufsize %sk -b:a %s" % (
                 minrate, bitrate, maxrate, int(bufsize), audiorate)
@@ -741,10 +742,14 @@ def get_video_command_playlist(video_id, video_data, output_dir):
 
             name = "%sp" % height
 
-            cmd += " %s -vf " % (static_params,)
-            cmd += "\"scale=-2:%s\"" % (height)
+            cmd += " %s " % (static_params,)
+            cmd += FFMPEG_SCALE.format(height=360)
+
+            # cmd += " %s -vf " % (static_params,)
+            # cmd += "\"scale=-2:%s\"" % (height)
             # cmd += "scale=w=%s:h=%s:" % (width, height)
             # cmd += "force_original_aspect_ratio=decrease"
+
             cmd += " -minrate %s -b:v %s -maxrate %s -bufsize %sk -b:a %s" % (
                 minrate, bitrate, maxrate, int(bufsize), audiorate)
             cmd += " -hls_playlist_type vod -hls_time %s \

From 0831cca634ae40e48d6138ac6d948838154701fc Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Mon, 8 Feb 2021 16:14:19 +0100
Subject: [PATCH 136/145] add example in encode module to use GPU

---
 pod/video/encode.py | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/pod/video/encode.py b/pod/video/encode.py
index 0bda1b8f0d..3ebfb10201 100755
--- a/pod/video/encode.py
+++ b/pod/video/encode.py
@@ -89,9 +89,13 @@
 
 FFMPEG_MISC_PARAMS = getattr(
     settings, 'FFMPEG_MISC_PARAMS', " -hide_banner -y ")
+# to use in GPU, specify for example
+# -y -vsync 0 -hwaccel_device {hwaccel_device} \
+# -hwaccel cuvid -c:v {codec}_cuvid
 
 FFMPEG_SCALE = getattr(
     settings, 'FFMPEG_SCALE', ' -vf "scale=-2:{height}" ')
+# to use in GPU, specify ' -vf "scale_npp=-2:{height}:interp_algo=super" '
 
 AUDIO_BITRATE = getattr(settings, 'AUDIO_BITRATE', "192k")
 

From b3ebebeeeaf410100c44f5831e0ea1bb2106ab9a Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 8 Feb 2021 16:43:24 +0100
Subject: [PATCH 137/145] Add reply button, indent code properly

---
 pod/video/static/js/comment-script.js | 1648 ++++++++++++++-----------
 1 file changed, 907 insertions(+), 741 deletions(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 6dd59f6f89..da2cba8895 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -1,65 +1,70 @@
 let base_url = window.location.href.replace("/video/", "/comment/");
-let base_vote_url = base_url.replace('comment', 'comment/vote');
-let base_delete_url = base_url.replace('comment', 'comment/del');
+let base_vote_url = base_url.replace("comment", "comment/vote");
+let base_delete_url = base_url.replace("comment", "comment/del");
 let all_comment = null;
 const lang_btn = document.querySelector(".btn-lang.btn-lang-active");
-const comment_label = document.querySelector('.comment_label');
+const comment_label = document.querySelector(".comment_label");
 // Loader Element
 const loader = document.querySelector(".comment_content > .lds-ring");
 let VOTED_COMMENTS = [];
 const COLORS = [
-    "rgb(15,166,2)",
-    "sienna",
-    "#f44040",
-    "teal",
-    "darkorchid",
-    "orange",
-    "yellowgreen",
-    "steelblue",
-    "darkgray",
-]
+	"rgb(15,166,2)",
+	"sienna",
+	"#f44040",
+	"teal",
+	"darkorchid",
+	"orange",
+	"yellowgreen",
+	"steelblue",
+	"darkgray",
+];
 const LANG = lang_btn ? lang_btn.textContent.trim() : "fr";
 const ACTION_COMMENT = {
-    comment_to_delete: null
-}
+	comment_to_delete: null,
+};
 const answer_sing = gettext("Answer");
 const answer_plural = gettext("Answers");
 if (!is_authenticated)
-    document.querySelector(".comment_counter_container").style.margin = "2em 0";
+	document.querySelector(".comment_counter_container").style.margin = "2em 0";
 
 class AlertMessage extends HTMLElement {
-    constructor(message, alert_class = "alert_success") {
-        super();
-        this.setAttribute('class', "alert " + `alert_${alert_class}`);
-        let html = document.createElement('DIV');
-        html.setAttribute("class", "alert_content");
-        let content = document.createElement('DIV');
-        content.setAttribute('class', 'alert_message');
-        content.textContent = message;
-        html.appendChild(content);
-        this.appendChild(html);
-    }
-    connectedCallback() {
-        super.connectedCallback && super.connectedCallback();
-        window.setTimeout(() => {
-            this.classList.add('alert_close');
-            window.setTimeout(() => {
-                this.parentElement.removeChild(this);
-            }, 1000);
-        }, 3000);
-    }
+	constructor(message, alert_class = "alert_success") {
+		super();
+		this.setAttribute("class", "alert " + `alert_${alert_class}`);
+		let html = document.createElement("DIV");
+		html.setAttribute("class", "alert_content");
+		let content = document.createElement("DIV");
+		content.setAttribute("class", "alert_message");
+		content.textContent = message;
+		html.appendChild(content);
+		this.appendChild(html);
+	}
+	connectedCallback() {
+		super.connectedCallback && super.connectedCallback();
+		window.setTimeout(() => {
+			this.classList.add("alert_close");
+			window.setTimeout(() => {
+				this.parentElement.removeChild(this);
+			}, 1000);
+		}, 3000);
+	}
 }
 customElements.define("alert-message", AlertMessage);
 
 class ConfirmModal extends HTMLElement {
-    constructor(title = null, message = null, delete_text = null, cancel_text = null) {
-        super();
-        title = title ? title : this.getAttribute('confirm_title');
-        message = message ? message : this.getAttribute("message");
-        delete_text = delete_text ? delete_text : this.getAttribute("delete_text");
-        cancel_text = cancel_text ? cancel_text : this.getAttribute("cancel_text");
-
-        let modal = `
+	constructor(
+		title = null,
+		message = null,
+		delete_text = null,
+		cancel_text = null
+	) {
+		super();
+		title = title ? title : this.getAttribute("confirm_title");
+		message = message ? message : this.getAttribute("message");
+		delete_text = delete_text ? delete_text : this.getAttribute("delete_text");
+		cancel_text = cancel_text ? cancel_text : this.getAttribute("cancel_text");
+
+		let modal = `
         <div class="confirm_delete">
             <div class="confirm_delete_container">
 		<div class="confirm_title" ><h4>${title}</h4></div>
@@ -71,62 +76,74 @@ class ConfirmModal extends HTMLElement {
             </div>
         </div>
         `;
-        let delete_btn = document.createElement("BUTTON");
-        delete_btn.setAttribute("class", "delete");
-        delete_btn.innerHTML = delete_text ? delete_text : gettext("Delete");
-
-        delete_btn.addEventListener("click", (e) => {
-            e.preventDefault();
-            document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.remove("show");
-            // Delete comment
-            delete_comment(ACTION_COMMENT.comment_to_delete);
-            ACTION_COMMENT.comment_to_delete = null;
-        });
-        let cancel_btn = document.createElement("BUTTON");
-        cancel_btn.setAttribute("class", "cancel");
-        cancel_btn.innerHTML = cancel_text ? cancel_text : gettext("Cancel");
-        cancel_btn.addEventListener("click", (e) => {
-            e.preventDefault();
-            document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.remove("show");
-            ACTION_COMMENT.comment_to_delete = null;
-        });
-        this.innerHTML = modal;
-        this.querySelector(".actions").appendChild(delete_btn);
-        this.querySelector(".actions").appendChild(cancel_btn);
-    }
+		let delete_btn = document.createElement("BUTTON");
+		delete_btn.setAttribute("class", "delete");
+		delete_btn.innerHTML = delete_text ? delete_text : gettext("Delete");
+
+		delete_btn.addEventListener("click", (e) => {
+			e.preventDefault();
+			document
+				.querySelector("#custom_element_confirm_modal .confirm_delete")
+				.classList.remove("show");
+			// Delete comment
+			delete_comment(ACTION_COMMENT.comment_to_delete);
+			ACTION_COMMENT.comment_to_delete = null;
+		});
+		let cancel_btn = document.createElement("BUTTON");
+		cancel_btn.setAttribute("class", "cancel");
+		cancel_btn.innerHTML = cancel_text ? cancel_text : gettext("Cancel");
+		cancel_btn.addEventListener("click", (e) => {
+			e.preventDefault();
+			document
+				.querySelector("#custom_element_confirm_modal .confirm_delete")
+				.classList.remove("show");
+			ACTION_COMMENT.comment_to_delete = null;
+		});
+		this.innerHTML = modal;
+		this.querySelector(".actions").appendChild(delete_btn);
+		this.querySelector(".actions").appendChild(cancel_btn);
+	}
 }
 customElements.define("confirm-modal", ConfirmModal);
 
 class CommentSince extends HTMLElement {
-    constructor(since) {
-        super();
-        since = this.getAttribute("since") ? this.getAttribute("since") : since;
-        since = typeof (since) === "string" ? new Date(since) : since;
-        this.setAttribute('title', since.toLocaleString());
-        let date_since = moment(since).locale(LANG).fromNow();
-        let div = document.createElement("DIV");
-        div.setAttribute("class", "comment_since");
-        div.innerText = date_since;
-        this.appendChild(div);
-        window.setInterval(() => {
-            date_since = moment(since).locale(LANG).fromNow();
-            div.innerText = date_since;
-        }, 60000);
-    }
+	constructor(since) {
+		super();
+		since = this.getAttribute("since") ? this.getAttribute("since") : since;
+		since = typeof since === "string" ? new Date(since) : since;
+		this.setAttribute("title", since.toLocaleString());
+		let date_since = moment(since).locale(LANG).fromNow();
+		let div = document.createElement("DIV");
+		div.setAttribute("class", "comment_since");
+		div.innerText = date_since;
+		this.appendChild(div);
+		window.setInterval(() => {
+			date_since = moment(since).locale(LANG).fromNow();
+			div.innerText = date_since;
+		}, 60000);
+	}
 }
 customElements.define("comment-since", CommentSince);
 class Comment extends HTMLElement {
-    constructor(owner, content, likes, added_since, id, is_parent = null, is_comment_owner = false) {
-        super();
-        this.setAttribute("class", "comment_element");
-        this.setAttribute("id", id);
-        let comment = document.createElement("DIV");
-        comment.setAttribute("class", "comment");
-        let comment_container = document.createElement("DIV");
-        comment_container.setAttribute("class", "comment_container");
-        let comment_content = document.createElement('div');
-        comment_content.setAttribute('class', 'comment_content');
-        comment_content.innerHTML = `
+	constructor(
+		owner,
+		content,
+		likes,
+		added_since,
+		id,
+		is_parent = null,
+		is_comment_owner = false
+	) {
+		super();
+		this.setAttribute("class", "comment_element");
+		this.setAttribute("id", id);
+		let comment = document.createElement("DIV");
+		comment.setAttribute("class", "comment");
+		let comment_container = document.createElement("DIV");
+		comment_container.setAttribute("class", "comment_container");
+		let comment_content = document.createElement("div");
+		comment_content.setAttribute("class", "comment_content");
+		comment_content.innerHTML = `
             <div class="comment_content_header inline_flex_space">
                 <h1 class="user_name">${owner}</h1>
 		<comment-since since=${added_since.toISOString()}></comment-since>
@@ -138,585 +155,727 @@ class Comment extends HTMLElement {
                 <div class="form" data-comment="${id}"></div>
             </div>
         `;
-        comment_container.appendChild(comment_content);
-        if (is_parent)
-            comment_container.querySelector('.comment_content_body').innerHTML = content;
-        else
-            comment_container.querySelector('.comment_content_body').appendChild(content);
-        let svg_icon = [`<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="unvoted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>`, `<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="voted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>`];
-        let vote_text = (likes > 1) ? `${likes} votes` : `${likes} vote`;
-        let vote_action = createFooterBtnAction("comment_actions comment_vote_action", "icon comment_vote_icon", gettext("Agree with the comment"), is_authenticated ? svg_icon : '', "comment_vote_btn", vote_text, id);
-        if (is_authenticated) {
-            const vote_loader = document.createElement('DIV');
-            vote_loader.setAttribute('class', 'lds-ring hide');
-            vote_loader.innerHTML = `<div></div><div></div><div></div><div></div>`;
-            vote_action.prepend(vote_loader);
-            vote_action.addEventListener("click", () => {
-                if (!vote_action.classList.contains('voting'))
-                    vote_action.classList.add('voting');
-                let comment_id = get_comment_attribute(document.getElementById(id));
-                vote(vote_action, comment_id, vote_action);
-            });
-        }
-        comment_container.querySelector(".comment_content_footer .actions").appendChild(vote_action);
-
-        if (user_id) {
-            svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment" class="svg-inline--fa fa-comment fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>`;
-            let response_action = createFooterBtnAction("comment_actions comment_response_action", "icon comment_response_icon", gettext("Reply to comment"), svg_icon, "comment_response_btn", gettext("Reply"));
-            response_action.addEventListener("click", function () {
-                let target_node = get_node(this, "form");
-                target_node.classList.toggle("show");
-                this.parentElement.nextElementSibling.querySelector(".new_comment").focus();
-            });
-            comment_container.querySelector(".comment_content_footer .actions").appendChild(response_action);
-
-            if (is_comment_owner || is_video_owner || is_superuser) {
-                svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"></path></svg>`;
-                let delete_action = createFooterBtnAction(
-                    "comment_actions comment_delete_action",
-                    "icon comment_delete_icon",
-                    gettext("Remove this comment"),
-                    svg_icon,
-                    "comment_delete_btn",
-                    gettext("Delete"),
-                    id
-                );
-                delete_action.addEventListener("click", () => {
-                    // display confirm modal
-                    document.querySelector("#custom_element_confirm_modal .confirm_delete").classList.add("show");
-                    let el = document.getElementById(id);
-                    ACTION_COMMENT.comment_to_delete = el;
-                });
-                comment_container.querySelector(".comment_content_footer .actions").appendChild(delete_action);
-            }
-            let add_comment = document.createElement("DIV");
-            add_comment.setAttribute("class", "add_comment");
-            add_comment.innerHTML = '<textarea class="new_comment" name="new_comment" id="comment" rows="10" placeholder="' + gettext("Add a public comment") + '"></textarea>';
-            let new_comment = add_comment.querySelector(".new_comment");
-            new_comment.addEventListener("keyup", function (e) {
-                if (!((e.ctrlKey && e.keyCode === 13) || (e.shiftKey && e.keyCode === 13)) && e.keyCode === 13) {
-                    this.value = "";
-                    this.blur();
-                }
-            });
-            new_comment.addEventListener("keydown", function (e) {
-                if (
-                    (e.ctrlKey && e.keyCode === 13) ||
-                    (e.shiftKey && e.keyCode === 13)
-                ) {
-                    e.preventDefault();
-                    this.value = this.value + '\r\n';
-                    this.scrollTop = this.scrollHeight;
-                }
-                else if (e.keyCode === 13) {
-                    let child_container = get_node(this, "comments_children_container");
-                    if (!child_container.classList.contains("show"))
-                        child_container.classList.add("show");
-                    if (this.value.trim() !== "") {
-                        let comment_parent = get_node(this, "comment_element", "comment_child");
-                        add_comment.parentElement.classList.toggle("show");
-                        if (!comment_parent.classList.contains("show"))
-                            comment_parent.classList.add("show")
-                        add_child_comment(this, child_container, comment_parent);
-                        this.value = "";
-                    }
-                }
-            });
-            comment_container.querySelector(".comment_content_footer .form").appendChild(add_comment);
-        }
-        if (is_parent) {
-            let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comments" class="svg-inline--fa fa-comments fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"></path></svg>`;
-            let comment_icon = document.createElement("DIV");
-            comment_icon.innerHTML = comment_icon_svg;
-            comment_icon.setAttribute("class", "icon comments_icon");
-            let children_container = document.createElement("DIV");
-            children_container.setAttribute("class", "comments_children_container");
-            comment_container.appendChild(children_container);
-            comment.appendChild(comment_icon);
-            comment.appendChild(comment_container);
-            this.appendChild(comment);
-        }
-        else {
-            let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="replyd" class="svg-inline--fa fa-replyd fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 480H128C57.6 480 0 422.4 0 352V160C0 89.6 57.6 32 128 32h192c70.4 0 128 57.6 128 128v192c0 70.4-57.6 128-128 128zM193.4 273.2c-6.1-2-11.6-3.1-16.4-3.1-7.2 0-13.5 1.9-18.9 5.6-5.4 3.7-9.6 9-12.8 15.8h-1.1l-4.2-18.3h-28v138.9h36.1v-89.7c1.5-5.4 4.4-9.8 8.7-13.2 4.3-3.4 9.8-5.1 16.2-5.1 4.6 0 9.8 1 15.6 3.1l4.8-34zm115.2 103.4c-3.2 2.4-7.7 4.8-13.7 7.1-6 2.3-12.8 3.5-20.4 3.5-12.2 0-21.1-3-26.5-8.9-5.5-5.9-8.5-14.7-9-26.4h83.3c.9-4.8 1.6-9.4 2.1-13.9.5-4.4.7-8.6.7-12.5 0-10.7-1.6-19.7-4.7-26.9-3.2-7.2-7.3-13-12.5-17.2-5.2-4.3-11.1-7.3-17.8-9.2-6.7-1.8-13.5-2.8-20.6-2.8-21.1 0-37.5 6.1-49.2 18.3s-17.5 30.5-17.5 55c0 22.8 5.2 40.7 15.6 53.7 10.4 13.1 26.8 19.6 49.2 19.6 10.7 0 20.9-1.5 30.4-4.6 9.5-3.1 17.1-6.8 22.6-11.2l-12-23.6zm-21.8-70.3c3.8 5.4 5.3 13.1 4.6 23.1h-51.7c.9-9.4 3.7-17 8.2-22.6 4.5-5.6 11.5-8.5 21-8.5 8.2-.1 14.1 2.6 17.9 8zm79.9 2.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4s2 11.7 6.1 15.6zm0 100.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4 0 6.6 2 11.7 6.1 15.6z"></path></svg>`;
-            let comment_icon = document.createElement("DIV");
-            comment_icon.innerHTML = comment_icon_svg;
-            comment_icon.setAttribute("class", "icon comments_icon");
-
-            // add show children button action
-            comment_container.setAttribute("class", "comment_child_container");
-            comment_container.prepend(comment_icon)
-            comment_container.querySelector(".comment_content").classList.add("comment_content_child");
-            this.classList.add("comment_child");
-            this.appendChild(comment_container);
-        }
-    }
+		comment_container.appendChild(comment_content);
+		if (is_parent)
+			comment_container.querySelector(
+				".comment_content_body"
+			).innerHTML = content;
+		else
+			comment_container
+				.querySelector(".comment_content_body")
+				.appendChild(content);
+		let svg_icon = [
+			`<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="star" class="unvoted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>`,
+			`<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="voted svg-inline--fa fa-star fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg>`,
+		];
+		let vote_text = likes > 1 ? `${likes} votes` : `${likes} vote`;
+		let vote_action = createFooterBtnAction(
+			"comment_actions comment_vote_action",
+			"icon comment_vote_icon",
+			gettext("Agree with the comment"),
+			is_authenticated ? svg_icon : "",
+			"comment_vote_btn",
+			vote_text,
+			id
+		);
+		if (is_authenticated) {
+			const vote_loader = document.createElement("DIV");
+			vote_loader.setAttribute("class", "lds-ring hide");
+			vote_loader.innerHTML = `<div></div><div></div><div></div><div></div>`;
+			vote_action.prepend(vote_loader);
+			vote_action.addEventListener("click", () => {
+				if (!vote_action.classList.contains("voting"))
+					vote_action.classList.add("voting");
+				let comment_id = get_comment_attribute(document.getElementById(id));
+				vote(vote_action, comment_id, vote_action);
+			});
+		}
+		comment_container
+			.querySelector(".comment_content_footer .actions")
+			.appendChild(vote_action);
+
+		if (user_id) {
+			svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comment" class="svg-inline--fa fa-comment fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z"></path></svg>`;
+			let response_action = createFooterBtnAction(
+				"comment_actions comment_response_action",
+				"icon comment_response_icon",
+				gettext("Reply to comment"),
+				svg_icon,
+				"comment_response_btn",
+				gettext("Reply")
+			);
+			response_action.addEventListener("click", function () {
+				let target_node = get_node(this, "form");
+				target_node.classList.toggle("show");
+				this.parentElement.nextElementSibling
+					.querySelector(".new_comment")
+					.focus();
+			});
+			comment_container
+				.querySelector(".comment_content_footer .actions")
+				.appendChild(response_action);
+
+			if (is_comment_owner || is_video_owner || is_superuser) {
+				svg_icon = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="trash-alt" class="svg-inline--fa fa-trash-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z"></path></svg>`;
+				let delete_action = createFooterBtnAction(
+					"comment_actions comment_delete_action",
+					"icon comment_delete_icon",
+					gettext("Remove this comment"),
+					svg_icon,
+					"comment_delete_btn",
+					gettext("Delete"),
+					id
+				);
+				delete_action.addEventListener("click", () => {
+					// display confirm modal
+					document
+						.querySelector("#custom_element_confirm_modal .confirm_delete")
+						.classList.add("show");
+					let el = document.getElementById(id);
+					ACTION_COMMENT.comment_to_delete = el;
+				});
+				comment_container
+					.querySelector(".comment_content_footer .actions")
+					.appendChild(delete_action);
+			}
+			let add_comment = document.createElement("DIV");
+			add_comment.setAttribute("class", "add_comment");
+			add_comment.innerHTML = `
+                <textarea class="new_comment" name="new_comment" id="comment" rows="10" placeholder="${gettext(
+									"Add a public comment"
+								)}"></textarea>
+                <div class="send_reply" id="sendReply">
+                    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="paper-plane" class="svg-inline--fa fa-paper-plane fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z"></path></svg>
+                </div>
+            `;
+			let new_comment = add_comment.querySelector(".new_comment");
+			let comment_reply_btn = add_comment.querySelector("#sendReply");
+			comment_reply_btn.addEventListener("click", (e) => {
+				this.submit_comment_reply(new_comment, add_comment, comment_reply_btn);
+			});
+			new_comment.addEventListener("keyup", function (e) {
+				// Active send button
+				if (
+					this.value.trim().length > 0 &&
+					!comment_reply_btn.classList.contains("active")
+				)
+					comment_reply_btn.classList.add("active");
+			});
+			new_comment.addEventListener("keydown", (e) => {
+				if (
+					(e.ctrlKey && e.keyCode === 13) ||
+					(e.shiftKey && e.keyCode === 13)
+				) {
+					e.preventDefault();
+					new_comment.value = new_comment.value + "\r\n";
+					new_comment.scrollTop = new_comment.scrollHeight;
+				} else if (e.keyCode === 13) {
+					this.submit_comment_reply(
+						new_comment,
+						add_comment,
+						comment_reply_btn
+					);
+				}
+			});
+			comment_container
+				.querySelector(".comment_content_footer .form")
+				.appendChild(add_comment);
+		}
+		if (is_parent) {
+			let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="comments" class="svg-inline--fa fa-comments fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M532 386.2c27.5-27.1 44-61.1 44-98.2 0-80-76.5-146.1-176.2-157.9C368.3 72.5 294.3 32 208 32 93.1 32 0 103.6 0 192c0 37 16.5 71 44 98.2-15.3 30.7-37.3 54.5-37.7 54.9-6.3 6.7-8.1 16.5-4.4 25 3.6 8.5 12 14 21.2 14 53.5 0 96.7-20.2 125.2-38.8 9.2 2.1 18.7 3.7 28.4 4.9C208.1 407.6 281.8 448 368 448c20.8 0 40.8-2.4 59.8-6.8C456.3 459.7 499.4 480 553 480c9.2 0 17.5-5.5 21.2-14 3.6-8.5 1.9-18.3-4.4-25-.4-.3-22.5-24.1-37.8-54.8zm-392.8-92.3L122.1 305c-14.1 9.1-28.5 16.3-43.1 21.4 2.7-4.7 5.4-9.7 8-14.8l15.5-31.1L77.7 256C64.2 242.6 48 220.7 48 192c0-60.7 73.3-112 160-112s160 51.3 160 112-73.3 112-160 112c-16.5 0-33-1.9-49-5.6l-19.8-4.5zM498.3 352l-24.7 24.4 15.5 31.1c2.6 5.1 5.3 10.1 8 14.8-14.6-5.1-29-12.3-43.1-21.4l-17.1-11.1-19.9 4.6c-16 3.7-32.5 5.6-49 5.6-54 0-102.2-20.1-131.3-49.7C338 339.5 416 272.9 416 192c0-3.4-.4-6.7-.7-10C479.7 196.5 528 238.8 528 288c0 28.7-16.2 50.6-29.7 64z"></path></svg>`;
+			let comment_icon = document.createElement("DIV");
+			comment_icon.innerHTML = comment_icon_svg;
+			comment_icon.setAttribute("class", "icon comments_icon");
+			let children_container = document.createElement("DIV");
+			children_container.setAttribute("class", "comments_children_container");
+			comment_container.appendChild(children_container);
+			comment.appendChild(comment_icon);
+			comment.appendChild(comment_container);
+			this.appendChild(comment);
+		} else {
+			let comment_icon_svg = `<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="replyd" class="svg-inline--fa fa-replyd fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M320 480H128C57.6 480 0 422.4 0 352V160C0 89.6 57.6 32 128 32h192c70.4 0 128 57.6 128 128v192c0 70.4-57.6 128-128 128zM193.4 273.2c-6.1-2-11.6-3.1-16.4-3.1-7.2 0-13.5 1.9-18.9 5.6-5.4 3.7-9.6 9-12.8 15.8h-1.1l-4.2-18.3h-28v138.9h36.1v-89.7c1.5-5.4 4.4-9.8 8.7-13.2 4.3-3.4 9.8-5.1 16.2-5.1 4.6 0 9.8 1 15.6 3.1l4.8-34zm115.2 103.4c-3.2 2.4-7.7 4.8-13.7 7.1-6 2.3-12.8 3.5-20.4 3.5-12.2 0-21.1-3-26.5-8.9-5.5-5.9-8.5-14.7-9-26.4h83.3c.9-4.8 1.6-9.4 2.1-13.9.5-4.4.7-8.6.7-12.5 0-10.7-1.6-19.7-4.7-26.9-3.2-7.2-7.3-13-12.5-17.2-5.2-4.3-11.1-7.3-17.8-9.2-6.7-1.8-13.5-2.8-20.6-2.8-21.1 0-37.5 6.1-49.2 18.3s-17.5 30.5-17.5 55c0 22.8 5.2 40.7 15.6 53.7 10.4 13.1 26.8 19.6 49.2 19.6 10.7 0 20.9-1.5 30.4-4.6 9.5-3.1 17.1-6.8 22.6-11.2l-12-23.6zm-21.8-70.3c3.8 5.4 5.3 13.1 4.6 23.1h-51.7c.9-9.4 3.7-17 8.2-22.6 4.5-5.6 11.5-8.5 21-8.5 8.2-.1 14.1 2.6 17.9 8zm79.9 2.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4s2 11.7 6.1 15.6zm0 100.5c4.1 3.9 9.4 5.8 16.1 5.8 7 0 12.6-1.9 16.7-5.8s6.1-9.1 6.1-15.6-2-11.6-6.1-15.4c-4.1-3.8-9.6-5.7-16.7-5.7-6.7 0-12 1.9-16.1 5.7-4.1 3.8-6.1 8.9-6.1 15.4 0 6.6 2 11.7 6.1 15.6z"></path></svg>`;
+			let comment_icon = document.createElement("DIV");
+			comment_icon.innerHTML = comment_icon_svg;
+			comment_icon.setAttribute("class", "icon comments_icon");
+
+			// add show children button action
+			comment_container.setAttribute("class", "comment_child_container");
+			comment_container.prepend(comment_icon);
+			comment_container
+				.querySelector(".comment_content")
+				.classList.add("comment_content_child");
+			this.classList.add("comment_child");
+			this.appendChild(comment_container);
+		}
+	}
+	submit_comment_reply(html_field, html_container, reply_btn) {
+		if (html_field.value.trim() !== "") {
+			html_field.blur();
+			// Disable send button
+			reply_btn.classList.remove("active");
+
+			let child_container = get_node(html_field, "comments_children_container");
+			if (!child_container.classList.contains("show"))
+				child_container.classList.add("show");
+
+			let comment_parent = get_node(
+				html_field,
+				"comment_element",
+				"comment_child"
+			);
+			html_container.parentElement.classList.toggle("show");
+			if (!comment_parent.classList.contains("show"))
+				comment_parent.classList.add("show");
+			add_child_comment(html_field, child_container, comment_parent);
+			html_field.value = "";
+		}
+	}
 }
-function createFooterBtnAction(classes, icon_classes, title, svg, span_classes, span_text, comment_id = null) {
-    let el = document.createElement("DIV");
-    el.setAttribute("class", classes);
-    if (comment_id) el.setAttribute("data-comment", comment_id);
-    let el_icon = document.createElement("DIV");
-    el_icon.setAttribute("class", icon_classes)
-    el_icon.setAttribute("title", title)
-    if (Array.isArray(svg))
-        el_icon.innerHTML = svg.join(" ")
-    else
-        el_icon.innerHTML = svg
-    let el_span = document.createElement("SPAN");
-    el_span.setAttribute("class", span_classes);
-    el_span.innerHTML = span_text;
-    el.appendChild(
-        el_icon
-    );
-    el.appendChild(el_span);
-    return el;
+function createFooterBtnAction(
+	classes,
+	icon_classes,
+	title,
+	svg,
+	span_classes,
+	span_text,
+	comment_id = null
+) {
+	let el = document.createElement("DIV");
+	el.setAttribute("class", classes);
+	if (comment_id) el.setAttribute("data-comment", comment_id);
+	let el_icon = document.createElement("DIV");
+	el_icon.setAttribute("class", icon_classes);
+	el_icon.setAttribute("title", title);
+	if (Array.isArray(svg)) el_icon.innerHTML = svg.join(" ");
+	else el_icon.innerHTML = svg;
+	let el_span = document.createElement("SPAN");
+	el_span.setAttribute("class", span_classes);
+	el_span.innerHTML = span_text;
+	el.appendChild(el_icon);
+	el.appendChild(el_span);
+	return el;
 }
 function hide_or_add_show_children_btn(parent_comment, parent_id, nb_child) {
-    let svg_icon_show = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="show svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>`
-    let svg_icon_hide = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye-slash" class="hide svg-inline--fa fa-eye-slash fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"></path></svg>`
-    let txt = (nb_child > 1) ? answer_plural : answer_sing;
-    txt = nb_child ? `${nb_child} ${txt}` : txt;
-    let children_action = createFooterBtnAction(
-        "comment_actions comment_show_children_action",
-        "icon comment_show_children_icon",
-        gettext("Show answers"),
-        [svg_icon_show, svg_icon_hide],
-        "comment_show_children_btn",
-        txt
-    );
-    children_action.addEventListener("click", function () {
-        parent_comment.classList.toggle("show");
-        fetch_comment_children(parent_comment, parent_id);
-    });
-
-    let children_container = parent_comment.querySelector(".comments_children_container");
-    if (!parent_comment.querySelector(".actions .comment_show_children_action") && nb_child > 0) {
-        parent_comment.querySelector(".comment_content_footer .actions .comment_vote_action").after(children_action);
-    }
-    else if (parent_comment.querySelector(".actions .comment_show_children_action") && nb_child === 0) {
-        // remove action if exists
-        parent_comment.querySelector(".comment_content_footer .actions").removeChild(
-            parent_comment.querySelector(".comment_content_footer .actions .comment_show_children_action")
-        )
-    }
+	let svg_icon_show = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye" class="show svg-inline--fa fa-eye fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>`;
+	let svg_icon_hide = `<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="eye-slash" class="hide svg-inline--fa fa-eye-slash fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M634 471L36 3.51A16 16 0 0 0 13.51 6l-10 12.49A16 16 0 0 0 6 41l598 467.49a16 16 0 0 0 22.49-2.49l10-12.49A16 16 0 0 0 634 471zM296.79 146.47l134.79 105.38C429.36 191.91 380.48 144 320 144a112.26 112.26 0 0 0-23.21 2.47zm46.42 219.07L208.42 260.16C210.65 320.09 259.53 368 320 368a113 113 0 0 0 23.21-2.46zM320 112c98.65 0 189.09 55 237.93 144a285.53 285.53 0 0 1-44 60.2l37.74 29.5a333.7 333.7 0 0 0 52.9-75.11 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64c-36.7 0-71.71 7-104.63 18.81l46.41 36.29c18.94-4.3 38.34-7.1 58.22-7.1zm0 288c-98.65 0-189.08-55-237.93-144a285.47 285.47 0 0 1 44.05-60.19l-37.74-29.5a333.6 333.6 0 0 0-52.89 75.1 32.35 32.35 0 0 0 0 29.19C89.72 376.41 197.08 448 320 448c36.7 0 71.71-7.05 104.63-18.81l-46.41-36.28C359.28 397.2 339.89 400 320 400z"></path></svg>`;
+	let txt = nb_child > 1 ? answer_plural : answer_sing;
+	txt = nb_child ? `${nb_child} ${txt}` : txt;
+	let children_action = createFooterBtnAction(
+		"comment_actions comment_show_children_action",
+		"icon comment_show_children_icon",
+		gettext("Show answers"),
+		[svg_icon_show, svg_icon_hide],
+		"comment_show_children_btn",
+		txt
+	);
+	children_action.addEventListener("click", function () {
+		parent_comment.classList.toggle("show");
+		fetch_comment_children(parent_comment, parent_id);
+	});
+
+	let children_container = parent_comment.querySelector(
+		".comments_children_container"
+	);
+	if (
+		!parent_comment.querySelector(".actions .comment_show_children_action") &&
+		nb_child > 0
+	) {
+		parent_comment
+			.querySelector(".comment_content_footer .actions .comment_vote_action")
+			.after(children_action);
+	} else if (
+		parent_comment.querySelector(".actions .comment_show_children_action") &&
+		nb_child === 0
+	) {
+		// remove action if exists
+		parent_comment
+			.querySelector(".comment_content_footer .actions")
+			.removeChild(
+				parent_comment.querySelector(
+					".comment_content_footer .actions .comment_show_children_action"
+				)
+			);
+	}
 }
-customElements.define("comment-element", Comment)
+customElements.define("comment-element", Comment);
 
 /*******************  Voting for a comment  ********************
  ***************************************************************/
 function vote(comment_action_html, comment_id, target_html_el) {
-    // send request to the server to check if the current user already vote
-    let vote_url = base_vote_url + comment_id + "/";
-    let btn = target_html_el.querySelector('.comment_vote_btn')
-    let data = new FormData();
-    data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
-    fetch(vote_url, {
-        method: "POST",
-        body: data
-    }).then(response => {
-        response.json().then(data => {
-            comment_action_html.classList.remove('voting');
-            const target_comment = get_node(target_html_el, "comment_element");
-
-            if (data.voted === true) {
-                const nb_vote = update_comment_attribute(target_comment, null, "nbr_vote", "increment")
-                btn.innerHTML = nb_vote + ((nb_vote > 1) ? " votes" : " vote");
-                if (!target_html_el.classList.contains('voted'))
-                    target_html_el.classList.add('voted');
-            }
-            else {
-                const nb_vote = update_comment_attribute(target_comment, null, "nbr_vote", "decrement")
-                btn.innerHTML = nb_vote + ((nb_vote > 1) ? " votes" : " vote");
-                if (target_html_el.classList.contains('voted'))
-                    target_html_el.classList.remove('voted');
-            }
-        })
-    }).catch(error => {
-        console.log(error);
-    });
+	// send request to the server to check if the current user already vote
+	let vote_url = base_vote_url + comment_id + "/";
+	let btn = target_html_el.querySelector(".comment_vote_btn");
+	let data = new FormData();
+	data.append("csrfmiddlewaretoken", Cookies.get("csrftoken"));
+	fetch(vote_url, {
+		method: "POST",
+		body: data,
+	})
+		.then((response) => {
+			response.json().then((data) => {
+				comment_action_html.classList.remove("voting");
+				const target_comment = get_node(target_html_el, "comment_element");
+
+				if (data.voted === true) {
+					const nb_vote = update_comment_attribute(
+						target_comment,
+						null,
+						"nbr_vote",
+						"increment"
+					);
+					btn.innerHTML = nb_vote + (nb_vote > 1 ? " votes" : " vote");
+					if (!target_html_el.classList.contains("voted"))
+						target_html_el.classList.add("voted");
+				} else {
+					const nb_vote = update_comment_attribute(
+						target_comment,
+						null,
+						"nbr_vote",
+						"decrement"
+					);
+					btn.innerHTML = nb_vote + (nb_vote > 1 ? " votes" : " vote");
+					if (target_html_el.classList.contains("voted"))
+						target_html_el.classList.remove("voted");
+				}
+			});
+		})
+		.catch((error) => {
+			console.log(error);
+		});
 }
 
 /****************  Save comment into the server  ****************
  ***************************************************************/
-function save_comment(content, date, comment_html, comment_container_html, direct_parent_id = null, top_parent_comment_html = null) {
-    // show loader
-    const current_loader = loader.cloneNode(true);
-    current_loader.classList.remove('hide'); // waiting for charging child
-    comment_container_html.appendChild(current_loader);
-
-    let post_url = base_url.replace("comment", "comment/add");
-    let top_parent_id = null;
-    let data = new FormData();
-    if (top_parent_comment_html) {
-        top_parent_id = get_comment_attribute(top_parent_comment_html);
-        post_url = post_url + top_parent_id + '/';
-        data.append('direct_parent', direct_parent_id);
-    }
-    data.append('content', content);
-    data.append('date_added', date);
-    data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
-    fetch(post_url, {
-        method: "POST",
-        body: data
-    }).then(response => {
-        // remove loader
-        comment_container_html.removeChild(current_loader);
-        if (response.ok) {
-            response.json().then(data => {
-                let c = {
-                    author_name: data.author_name,
-                    is_owner: true,
-                    content: content,
-                    id: data.id,
-                    added: date,
-                    parent__id: top_parent_id,
-                    direct_parent__id: direct_parent_id,
-                    nbr_vote: 0,
-                }
-                if (!top_parent_id) {
-                    c.children = [];
-                    c.nbr_child = 0;
-                    // update all_comment data
-                    all_comment = [...all_comment, c];
-                    comment_container_html.after(comment_html);
-                }
-                else {
-                    // Fetch comment"s children if not already loaded
-                    if (get_comment_attribute(top_parent_comment_html, "children").length === 0)
-                        fetch_comment_children(top_parent_comment_html, top_parent_id, scroll_to_last = true);
-                    else {
-                        // Add comment child into the DOM
-                        comment_container_html.appendChild(comment_html);
-                        // Scroll to the comment child
-                        scrollToComment(comment_html);
-                    }
-                    // update local saved data (all_comment)
-                    all_comment = all_comment.map((comment) => {
-                        if (comment.id === top_parent_id) {
-                            comment.children = [...comment.children, c];
-                            comment.nbr_child += 1;
-                        }
-                        return comment;
-                    });
-                    let nbr_child = get_comment_attribute(top_parent_comment_html, 'nbr_child');
-                    hide_or_add_show_children_btn(
-                        top_parent_comment_html,
-                        top_parent_id,
-                        nbr_child
-                    );
-                    update_answer_text(top_parent_comment_html, nbr_child);
-                }
-                set_comments_number()
-            });
-        }
-        else { console.log("Mauvaise réponse du réseau", response); }
-    })
-        .catch(error => {
-            console.log(error)
-            console.log(error.message)
-        });
+function save_comment(
+	content,
+	date,
+	comment_html,
+	comment_container_html,
+	direct_parent_id = null,
+	top_parent_comment_html = null
+) {
+	// show loader
+	const current_loader = loader.cloneNode(true);
+	current_loader.classList.remove("hide"); // waiting for charging child
+	comment_container_html.appendChild(current_loader);
+
+	let post_url = base_url.replace("comment", "comment/add");
+	let top_parent_id = null;
+	let data = new FormData();
+	if (top_parent_comment_html) {
+		top_parent_id = get_comment_attribute(top_parent_comment_html);
+		post_url = post_url + top_parent_id + "/";
+		data.append("direct_parent", direct_parent_id);
+	}
+	data.append("content", content);
+	data.append("date_added", date);
+	data.append("csrfmiddlewaretoken", Cookies.get("csrftoken"));
+	fetch(post_url, {
+		method: "POST",
+		body: data,
+	})
+		.then((response) => {
+			// remove loader
+			comment_container_html.removeChild(current_loader);
+			if (response.ok) {
+				response.json().then((data) => {
+					let c = {
+						author_name: data.author_name,
+						is_owner: true,
+						content: content,
+						id: data.id,
+						added: date,
+						parent__id: top_parent_id,
+						direct_parent__id: direct_parent_id,
+						nbr_vote: 0,
+					};
+					if (!top_parent_id) {
+						c.children = [];
+						c.nbr_child = 0;
+						// update all_comment data
+						all_comment = [...all_comment, c];
+						comment_container_html.after(comment_html);
+					} else {
+						// Fetch comment"s children if not already loaded
+						if (
+							get_comment_attribute(top_parent_comment_html, "children")
+								.length === 0
+						)
+							fetch_comment_children(
+								top_parent_comment_html,
+								top_parent_id,
+								(scroll_to_last = true)
+							);
+						else {
+							// Add comment child into the DOM
+							comment_container_html.appendChild(comment_html);
+							// Scroll to the comment child
+							scrollToComment(comment_html);
+						}
+						// update local saved data (all_comment)
+						all_comment = all_comment.map((comment) => {
+							if (comment.id === top_parent_id) {
+								comment.children = [...comment.children, c];
+								comment.nbr_child += 1;
+							}
+							return comment;
+						});
+						let nbr_child = get_comment_attribute(
+							top_parent_comment_html,
+							"nbr_child"
+						);
+						hide_or_add_show_children_btn(
+							top_parent_comment_html,
+							top_parent_id,
+							nbr_child
+						);
+						update_answer_text(top_parent_comment_html, nbr_child);
+					}
+					set_comments_number();
+				});
+			} else {
+				console.log("Mauvaise réponse du réseau", response);
+			}
+		})
+		.catch((error) => {
+			console.log(error);
+			console.log(error.message);
+		});
 }
 
 /****************  Delete Comment  ****************
  ******************************************************/
 function deleteWithAnimation(comment, is_child = false) {
-    let selector = is_child ? ".comment_child_container" : ".comment";
-    comment.querySelector(selector).classList.add('onDelete');
-    window.setTimeout(() => {
-        comment.parentElement.removeChild(comment);
-    }, 999);
+	let selector = is_child ? ".comment_child_container" : ".comment";
+	comment.querySelector(selector).classList.add("onDelete");
+	window.setTimeout(() => {
+		comment.parentElement.removeChild(comment);
+	}, 999);
 }
 function delete_comment(comment) {
-    let comment_id = get_comment_attribute(comment);
-    let is_child = !!get_comment_attribute(comment, 'parent__id');
-    let url = base_delete_url + comment_id + '/';
-    let data = new FormData();
-    data.append('csrfmiddlewaretoken', Cookies.get('csrftoken'));
-    fetch(url, {
-        method: "POST",
-        body: data
-    }
-    ).then(response => {
-        response.json().then(data => {
-            if (data.deleted) {
-                document.body.appendChild(new AlertMessage(gettext("Comment has been deleted successfully.")));
-                let parent_el = null
-                if (is_child) {
-                    parent_el = get_node(comment, "comment_element", "comment_child");
-                    let parent_id = get_comment_attribute(parent_el);
-                    delete_comment_child_DOM(comment, parent_id, is_child); // delete all children from the DOM
-                    let remaining_children = get_comment_attribute(parent_el, 'nbr_child');
-                    deleteWithAnimation(comment, is_child = true); // delete comment from the DOM
-                    hide_or_add_show_children_btn(parent_el, parent_id, remaining_children); // Manage show answers button
-                    update_answer_text(parent_el, remaining_children); // Update number of child text displayed
-                    set_comments_number();
-                    return;
-                }
-                all_comment = all_comment.filter(c => c.id != data.comment_deleted);
-                deleteWithAnimation(comment, is_child = false);
-                set_comments_number();
-            }
-            else
-                document.body.appendChild(new AlertMessage(data.message));
-        });
-    }).catch(error => {
-        console.log(error);
-        console.log(error.message);
-    })
+	let comment_id = get_comment_attribute(comment);
+	let is_child = !!get_comment_attribute(comment, "parent__id");
+	let url = base_delete_url + comment_id + "/";
+	let data = new FormData();
+	data.append("csrfmiddlewaretoken", Cookies.get("csrftoken"));
+	fetch(url, {
+		method: "POST",
+		body: data,
+	})
+		.then((response) => {
+			response.json().then((data) => {
+				if (data.deleted) {
+					document.body.appendChild(
+						new AlertMessage(gettext("Comment has been deleted successfully."))
+					);
+					let parent_el = null;
+					if (is_child) {
+						parent_el = get_node(comment, "comment_element", "comment_child");
+						let parent_id = get_comment_attribute(parent_el);
+						delete_comment_child_DOM(comment, parent_id, is_child); // delete all children from the DOM
+						let remaining_children = get_comment_attribute(
+							parent_el,
+							"nbr_child"
+						);
+						deleteWithAnimation(comment, (is_child = true)); // delete comment from the DOM
+						hide_or_add_show_children_btn(
+							parent_el,
+							parent_id,
+							remaining_children
+						); // Manage show answers button
+						update_answer_text(parent_el, remaining_children); // Update number of child text displayed
+						set_comments_number();
+						return;
+					}
+					all_comment = all_comment.filter((c) => c.id != data.comment_deleted);
+					deleteWithAnimation(comment, (is_child = false));
+					set_comments_number();
+				} else document.body.appendChild(new AlertMessage(data.message));
+			});
+		})
+		.catch((error) => {
+			console.log(error);
+			console.log(error.message);
+		});
 }
 
 function delete_comment_child_DOM(comment, comment_top_parent_id, is_child) {
-    if (is_child) {
-        let comment_id = get_comment_attribute(comment);
-        let list_parent_id = [comment_id];
-
-        all_comment = all_comment.map(parent_comment => {
-            if (parent_comment.id === comment_top_parent_id) {
-                parent_comment.children = parent_comment.children
-                    .filter(child_comment => child_comment.id !== comment_id)
-                    .filter(child_comment => {
-                        if (list_parent_id.includes(child_comment.direct_parent__id)) {
-                            list_parent_id = [...list_parent_id, child_comment.id];
-                            // Remove comment html element from DOM
-                            let html_id = `#comment_${new Date(child_comment.added).getTime()}`;
-                            let child_comment_html = document.querySelector(html_id);
-                            deleteWithAnimation(child_comment_html, is_child = true);
-                        }
-                        return !list_parent_id.includes(child_comment.direct_parent__id); // Remove comment data from all_comment
-                    });
-                parent_comment.nbr_child = parent_comment.children.length;
-            }
-            return parent_comment;
-        });
-    }
+	if (is_child) {
+		let comment_id = get_comment_attribute(comment);
+		let list_parent_id = [comment_id];
+
+		all_comment = all_comment.map((parent_comment) => {
+			if (parent_comment.id === comment_top_parent_id) {
+				parent_comment.children = parent_comment.children
+					.filter((child_comment) => child_comment.id !== comment_id)
+					.filter((child_comment) => {
+						if (list_parent_id.includes(child_comment.direct_parent__id)) {
+							list_parent_id = [...list_parent_id, child_comment.id];
+							// Remove comment html element from DOM
+							let html_id = `#comment_${new Date(
+								child_comment.added
+							).getTime()}`;
+							let child_comment_html = document.querySelector(html_id);
+							deleteWithAnimation(child_comment_html, (is_child = true));
+						}
+						return !list_parent_id.includes(child_comment.direct_parent__id); // Remove comment data from all_comment
+					});
+				parent_comment.nbr_child = parent_comment.children.length;
+			}
+			return parent_comment;
+		});
+	}
 }
 
 /*********** Get Html element his position ************
  * ****************************************************/
 function getElementPosition(element) {
-    let xPosition = 0;
-    let yPosition = 0;
-    // get body padding top if exists that will be 
-    let bodyPaddingTop = Number.parseInt(
-        getComputedStyle(document.body)['padding-top']??0
-    );
-
-    while(element) {
-        xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
-        yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
-        element = element.offsetParent;
-    }
-    // subtract the padding top from the body to the yPosition to get closer to the exact value
-    return { x: xPosition, y: (yPosition - bodyPaddingTop) };
+	let xPosition = 0;
+	let yPosition = 0;
+	// get body padding top if exists that will be
+	let bodyPaddingTop = Number.parseInt(
+		getComputedStyle(document.body)["padding-top"] ?? 0
+	);
+
+	while (element) {
+		xPosition += element.offsetLeft - element.scrollLeft + element.clientLeft;
+		yPosition += element.offsetTop - element.scrollTop + element.clientTop;
+		element = element.offsetParent;
+	}
+	// subtract the padding top from the body to the yPosition to get closer to the exact value
+	return { x: xPosition, y: yPosition - bodyPaddingTop };
 }
 
 /*********** Scroll to a specific comment *************
  * ****************************************************/
 function scrollToComment(targetComment) {
-    let currentElementPosition = getElementPosition(targetComment);
-    window.scrollTo({
-        top: currentElementPosition.y,
-        left: currentElementPosition.x,
-        behavior: "smooth"
-    });
-    let htmlTarget = targetComment.querySelector(".comment_content");
-    if (htmlTarget.classList.contains("scroll_to"))
-        htmlTarget.classList.remove("scroll_to");
-
-    window.setTimeout(() => {
-        htmlTarget.classList.remove('scroll_to');
-    }, 4000);
-
-    htmlTarget.classList.add('scroll_to');
-}
+	let currentElementPosition = getElementPosition(targetComment);
+	window.scrollTo({
+		top: currentElementPosition.y,
+		left: currentElementPosition.x,
+		behavior: "smooth",
+	});
+	let htmlTarget = targetComment.querySelector(".comment_content");
+	if (htmlTarget.classList.contains("scroll_to"))
+		htmlTarget.classList.remove("scroll_to");
 
+	window.setTimeout(() => {
+		htmlTarget.classList.remove("scroll_to");
+	}, 4000);
 
+	htmlTarget.classList.add("scroll_to");
+}
 
 /****** Add the owner of parent comment as a tag ******
  ******************************************************/
 function add_user_tag(comment_value, parent_comment) {
-    let reply_to = get_comment_attribute(
-        parent_comment,
-        attr = "author_name"
-    );
-    reply_content = get_comment_attribute(parent_comment, attr = "content");
-    let htmlTarget = parent_comment.querySelector(".comment_content");
-    let tag = document.createElement("a");
-    tag.setAttribute("href", "#");
-    tag.addEventListener("click", (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        scrollToComment(parent_comment)
-    });
-    tag.innerHTML = `
+	let reply_to = get_comment_attribute(parent_comment, (attr = "author_name"));
+	reply_content = get_comment_attribute(parent_comment, (attr = "content"));
+	let htmlTarget = parent_comment.querySelector(".comment_content");
+	let tag = document.createElement("a");
+	tag.setAttribute("href", "#");
+	tag.addEventListener("click", (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		scrollToComment(parent_comment);
+	});
+	tag.innerHTML = `
 	<span class="reply_to">
 	    <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="reply" class="svg-inline--fa fa-reply fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M8.309 189.836L184.313 37.851C199.719 24.546 224 35.347 224 56.015v80.053c160.629 1.839 288 34.032 288 186.258 0 61.441-39.581 122.309-83.333 154.132-13.653 9.931-33.111-2.533-28.077-18.631 45.344-145.012-21.507-183.51-176.59-185.742V360c0 20.7-24.3 31.453-39.687 18.164l-176.004-152c-11.071-9.562-11.086-26.753 0-36.328z"></path></svg>
 	    <span class="reply_author">@${reply_to}</span>
 	    <span class="reply_content">${reply_content}</span>
         </span>`;
-    let comment_text = document.createElement("span");
-    comment_text.setAttribute('class', 'comment_text');
-    comment_text.innerText = comment_value;
-
-    let comment_content = document.createElement("p");
-    comment_content.appendChild(tag);
-    comment_content.appendChild(comment_text);
-    return comment_content;
+	let comment_text = document.createElement("span");
+	comment_text.setAttribute("class", "comment_text");
+	comment_text.innerText = comment_value;
+
+	let comment_content = document.createElement("p");
+	comment_content.appendChild(tag);
+	comment_content.appendChild(comment_text);
+	return comment_content;
 }
 
 /****************  return color index  ****************
  ******************************************************/
 function setBorderLeftColor(comment, parent_element) {
-    try {
-        let index = Number.parseInt(parent_element.dataset.level) + 1;
-        if (index >= COLORS.length) {
-            comment.dataset.level = COLORS.length - 1;
-            comment.querySelector(".comment_content")
-                .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`;
-            comment.querySelector(".comments_icon")
-                .style.color = `${COLORS[COLORS.length - 1]}`;
-        }
-        else {
-            comment.dataset.level = index;
-            comment.querySelector(".comment_content")
-                .style.borderLeft = `4px solid ${COLORS[index]}`;
-            comment.querySelector(".comments_icon")
-                .style.color = `${COLORS[index]}`;
-        }
-    } catch (e) {
-        comment.dataset.level = COLORS.length - 1;
-        comment.querySelector(".comment_content")
-            .style.borderLeft = `4px solid ${COLORS[COLORS.length - 1]}`;
-        comment.querySelector(".comments_icon")
-            .style.color = `${COLORS[COLORS.length - 1]}`;
-    }
+	try {
+		let index = Number.parseInt(parent_element.dataset.level) + 1;
+		if (index >= COLORS.length) {
+			comment.dataset.level = COLORS.length - 1;
+			comment.querySelector(".comment_content").style.borderLeft = `4px solid ${
+				COLORS[COLORS.length - 1]
+			}`;
+			comment.querySelector(".comments_icon").style.color = `${
+				COLORS[COLORS.length - 1]
+			}`;
+		} else {
+			comment.dataset.level = index;
+			comment.querySelector(
+				".comment_content"
+			).style.borderLeft = `4px solid ${COLORS[index]}`;
+			comment.querySelector(".comments_icon").style.color = `${COLORS[index]}`;
+		}
+	} catch (e) {
+		comment.dataset.level = COLORS.length - 1;
+		comment.querySelector(".comment_content").style.borderLeft = `4px solid ${
+			COLORS[COLORS.length - 1]
+		}`;
+		comment.querySelector(".comments_icon").style.color = `${
+			COLORS[COLORS.length - 1]
+		}`;
+	}
 }
 /****************  Add parent Comment  ****************
  ******************************************************/
 if (is_authenticated) {
-    let add_parent_comment = document.querySelector("form.add_parent_comment");
-    add_parent_comment.addEventListener("submit", (e) => {
-        e.preventDefault();
-        let date_added = new Date();
-        let el = add_parent_comment.querySelector(".new_parent_comment")
-        if (el.value.trim() != "") {
-            let comment_content = el.value;
-            let c = new Comment(
-                owner = user_fullName,
-                content = comment_content,
-                likes = 0,
-                added_since = date_added,
-                id = `comment_${date_added.getTime()}`,
-                is_parent = true,
-                is_comment_owner = true);
-            c.dataset.level = '-1';
-            el.value = "";
-            // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-            save_comment(
-                comment_content,
-                date_added.toISOString(),
-                c,
-                document.querySelector(".comment_container .comment_content form.add_parent_comment")
-            );
-        }
-    });
+	let add_parent_comment = document.querySelector("form.add_parent_comment");
+	add_parent_comment.addEventListener("submit", (e) => {
+		e.preventDefault();
+		let date_added = new Date();
+		let el = add_parent_comment.querySelector(".new_parent_comment");
+		if (el.value.trim() != "") {
+			let comment_content = el.value;
+			let c = new Comment(
+				(owner = user_fullName),
+				(content = comment_content),
+				(likes = 0),
+				(added_since = date_added),
+				(id = `comment_${date_added.getTime()}`),
+				(is_parent = true),
+				(is_comment_owner = true)
+			);
+			c.dataset.level = "-1";
+			el.value = "";
+			// INSERT INTO DATABASE THE CURRENT COMMENT CHILD
+			save_comment(
+				comment_content,
+				date_added.toISOString(),
+				c,
+				document.querySelector(
+					".comment_container .comment_content form.add_parent_comment"
+				)
+			);
+		}
+	});
 }
 /*****  Fetch children and add them into the DOM  *****
  ******************************************************/
-function fetch_comment_children(parent_comment_html, parent_comment_id, scroll_to_last = false) {
-    // fetch children only once
-    if (all_comment.find(c => c.id === parent_comment_id).children.length === 0) {
-        const children_loader = loader.cloneNode(true);
-        children_loader.classList.remove('hide'); // waiting for charging children
-        parent_comment_html.querySelector(".comments_children_container").appendChild(children_loader);
-
-        let url = base_url.replace('/comment/', `/comment/${parent_comment_id}/`);
-        fetch(url).then(response => {
-            response.json().then(data => {
-                // Saving children in all_comment
-                all_comment = all_comment.map(parent_comment => {
-                    if (parent_comment.id === parent_comment_id) {
-                        parent_comment_html.querySelector(".comments_children_container").removeChild(children_loader);
-                        parent_comment.children = data.children
-                        // Update DOM with children comments
-                        parent_comment.children.forEach((comment_child, index) => {
-                            let parent_to_scroll = parent_comment_html;
-                            if (comment_child.direct_parent__id != null && comment_child.direct_parent__id !== comment_child.parent__id) {
-                                let direct_parent_comment = parent_comment.children.find(
-                                    (c_obj) => c_obj.id === comment_child.direct_parent__id);
-                                let direct_parent_html_id = `comment_${new Date(
-                                    direct_parent_comment.added).getTime().toString()}`;
-                                parent_to_scroll = parent_comment_html.querySelector(`#${direct_parent_html_id}`);
-                            }
-
-                            let date_added = new Date(comment_child.added);
-
-                            let comment_child_content = add_user_tag(
-                                comment_child.content,
-                                parent_to_scroll,
-                                parent_comment.author_name
-                            );
-
-                            let comment_child_html = new Comment(
-                                owner = `${comment_child.author_name}`,
-                                content = comment_child_content,
-                                likes = comment_child.nbr_vote,
-                                added_since = date_added,
-                                id = `comment_${date_added.getTime()}`,
-                                is_parent = false,
-                                is_comment_owner = comment_child.is_owner
-                            );
-
-                            parent_comment_html.querySelector(".comments_children_container").appendChild(comment_child_html)
-                            setBorderLeftColor(comment_child_html, parent_to_scroll)
-                            manage_vote_frontend(comment_child.id, comment_child_html);
-
-                            // Scrolling to the last comment child added
-                            if (scroll_to_last && index === (parent_comment.children.length - 1))
-                                scrollToComment(comment_child_html);
-                        });
-                    }
-                    return parent_comment;
-                });
-            });
-        });
-    }
+function fetch_comment_children(
+	parent_comment_html,
+	parent_comment_id,
+	scroll_to_last = false
+) {
+	// fetch children only once
+	if (
+		all_comment.find((c) => c.id === parent_comment_id).children.length === 0
+	) {
+		const children_loader = loader.cloneNode(true);
+		children_loader.classList.remove("hide"); // waiting for charging children
+		parent_comment_html
+			.querySelector(".comments_children_container")
+			.appendChild(children_loader);
+
+		let url = base_url.replace("/comment/", `/comment/${parent_comment_id}/`);
+		fetch(url).then((response) => {
+			response.json().then((data) => {
+				// Saving children in all_comment
+				all_comment = all_comment.map((parent_comment) => {
+					if (parent_comment.id === parent_comment_id) {
+						parent_comment_html
+							.querySelector(".comments_children_container")
+							.removeChild(children_loader);
+						parent_comment.children = data.children;
+						// Update DOM with children comments
+						parent_comment.children.forEach((comment_child, index) => {
+							let parent_to_scroll = parent_comment_html;
+							if (
+								comment_child.direct_parent__id != null &&
+								comment_child.direct_parent__id !== comment_child.parent__id
+							) {
+								let direct_parent_comment = parent_comment.children.find(
+									(c_obj) => c_obj.id === comment_child.direct_parent__id
+								);
+								let direct_parent_html_id = `comment_${new Date(
+									direct_parent_comment.added
+								)
+									.getTime()
+									.toString()}`;
+								parent_to_scroll = parent_comment_html.querySelector(
+									`#${direct_parent_html_id}`
+								);
+							}
+
+							let date_added = new Date(comment_child.added);
+
+							let comment_child_content = add_user_tag(
+								comment_child.content,
+								parent_to_scroll,
+								parent_comment.author_name
+							);
 
+							let comment_child_html = new Comment(
+								(owner = `${comment_child.author_name}`),
+								(content = comment_child_content),
+								(likes = comment_child.nbr_vote),
+								(added_since = date_added),
+								(id = `comment_${date_added.getTime()}`),
+								(is_parent = false),
+								(is_comment_owner = comment_child.is_owner)
+							);
+
+							parent_comment_html
+								.querySelector(".comments_children_container")
+								.appendChild(comment_child_html);
+							setBorderLeftColor(comment_child_html, parent_to_scroll);
+							manage_vote_frontend(comment_child.id, comment_child_html);
+
+							// Scrolling to the last comment child added
+							if (
+								scroll_to_last &&
+								index === parent_comment.children.length - 1
+							)
+								scrollToComment(comment_child_html);
+						});
+					}
+					return parent_comment;
+				});
+			});
+		});
+	}
 }
 
 /****************  Add child Comment  *****************
  ******************************************************/
 function add_child_comment(el, container_el, top_parent_comment_html) {
-    let date_added = new Date();
-    if (el.value.trim() !== "") {
-        let child_direct_parent = document.querySelector(
-            `#${el.parentElement.parentElement.dataset.comment}`)
-
-        let comment_child_content = add_user_tag(
-            el.value,
-            child_direct_parent,
-        );
-        let c = new Comment(
-            owner = user_fullName,
-            content = comment_child_content,
-            likes = 0,
-            added_since = date_added,
-            id = `comment_${date_added.getTime()}`,
-            is_parent = false,
-            is_comment_owner = true);
-        setBorderLeftColor(c, child_direct_parent)
-        // INSERT INTO DATABASE THE CURRENT COMMENT CHILD
-        let direct_parent_id = get_comment_attribute(child_direct_parent);
-
-        save_comment(
-            el.value,
-            date_added.toISOString(),
-            c,
-            container_el,
-            direct_parent_id,
-            top_parent_comment_html,
-        );
-    }
+	let date_added = new Date();
+	if (el.value.trim() !== "") {
+		let child_direct_parent = document.querySelector(
+			`#${el.parentElement.parentElement.dataset.comment}`
+		);
+
+		let comment_child_content = add_user_tag(el.value, child_direct_parent);
+		let c = new Comment(
+			(owner = user_fullName),
+			(content = comment_child_content),
+			(likes = 0),
+			(added_since = date_added),
+			(id = `comment_${date_added.getTime()}`),
+			(is_parent = false),
+			(is_comment_owner = true)
+		);
+		setBorderLeftColor(c, child_direct_parent);
+		// INSERT INTO DATABASE THE CURRENT COMMENT CHILD
+		let direct_parent_id = get_comment_attribute(child_direct_parent);
+
+		save_comment(
+			el.value,
+			date_added.toISOString(),
+			c,
+			container_el,
+			direct_parent_id,
+			top_parent_comment_html
+		);
+	}
 }
 
 /**** Set comment backend attribute from saved data ****
@@ -727,166 +886,173 @@ function add_child_comment(el, container_el, top_parent_comment_html) {
  * @return any
  ******************************************************/
 function update_comment_attribute(comment_html, value, attr, action = null) {
-
-    let curr_html_id = comment_html.getAttribute('id');
-    let new_value = value;
-    all_comment = all_comment.map(comment_data => {
-        let comment_htmlID = `comment_${new Date(comment_data.added).getTime()}`;
-        if (comment_htmlID == curr_html_id) {
-            if (action !== null && action === "increment") {
-                comment_data[attr] += 1;
-                new_value = comment_data[attr];
-            }
-            else if (action !== null && action === "decrement") {
-                comment_data[attr] -= 1;
-                new_value = comment_data[attr];
-            }
-            else
-                comment_data[attr] = value;
-        }
-        comment_data.children = comment_data.children.map(child_comment_data => {
-            comment_htmlID = `comment_${new Date(child_comment_data.added).getTime()}`;
-            if (comment_htmlID == curr_html_id) {
-                if (action !== null && action === "increment") {
-                    child_comment_data[attr] += 1;
-                    new_value = child_comment_data[attr];
-                }
-                else if (action !== null && action === "decrement") {
-                    child_comment_data[attr] -= 1;
-                    new_value = child_comment_data[attr];
-                }
-                else
-                    child_comment_data[attr] = value;
-            }
-            return child_comment_data;
-        });
-        return comment_data;
-    });
-    return new_value;
+	let curr_html_id = comment_html.getAttribute("id");
+	let new_value = value;
+	all_comment = all_comment.map((comment_data) => {
+		let comment_htmlID = `comment_${new Date(comment_data.added).getTime()}`;
+		if (comment_htmlID == curr_html_id) {
+			if (action !== null && action === "increment") {
+				comment_data[attr] += 1;
+				new_value = comment_data[attr];
+			} else if (action !== null && action === "decrement") {
+				comment_data[attr] -= 1;
+				new_value = comment_data[attr];
+			} else comment_data[attr] = value;
+		}
+		comment_data.children = comment_data.children.map((child_comment_data) => {
+			comment_htmlID = `comment_${new Date(
+				child_comment_data.added
+			).getTime()}`;
+			if (comment_htmlID == curr_html_id) {
+				if (action !== null && action === "increment") {
+					child_comment_data[attr] += 1;
+					new_value = child_comment_data[attr];
+				} else if (action !== null && action === "decrement") {
+					child_comment_data[attr] -= 1;
+					new_value = child_comment_data[attr];
+				} else child_comment_data[attr] = value;
+			}
+			return child_comment_data;
+		});
+		return comment_data;
+	});
+	return new_value;
 }
 
 /** Return comment backend attribute from saved data  **
  ******************************************************/
 function get_comment_attribute(comment_html, attr = "id") {
-    let curr_html_id = comment_html.getAttribute('id');
-    let comment_attr = null
-    for (const comment_data of all_comment) {
-        let comment_htmlID = `comment_${new Date(comment_data.added).getTime()}`;
-        if (comment_htmlID == curr_html_id) {
-            comment_attr = comment_data[attr];
-            break;
-        }
-        for (const child_comment_data of comment_data.children) {
-            comment_htmlID = `comment_${new Date(child_comment_data.added).getTime()}`;
-            if (comment_htmlID == curr_html_id) {
-                comment_attr = child_comment_data[attr];
-                break;
-            }
-        }
-        if (comment_attr) return comment_attr;
-    }
-    return comment_attr;
+	let curr_html_id = comment_html.getAttribute("id");
+	let comment_attr = null;
+	for (const comment_data of all_comment) {
+		let comment_htmlID = `comment_${new Date(comment_data.added).getTime()}`;
+		if (comment_htmlID == curr_html_id) {
+			comment_attr = comment_data[attr];
+			break;
+		}
+		for (const child_comment_data of comment_data.children) {
+			comment_htmlID = `comment_${new Date(
+				child_comment_data.added
+			).getTime()}`;
+			if (comment_htmlID == curr_html_id) {
+				comment_attr = child_comment_data[attr];
+				break;
+			}
+		}
+		if (comment_attr) return comment_attr;
+	}
+	return comment_attr;
 }
 
 function htmlContainsClass(html_el, classes) {
-    let ctn = true;
-    classes.split('.').forEach(cls => {
-        if (!html_el.classList.contains(cls))
-            ctn = false;
-    });
-    return ctn;
+	let ctn = true;
+	classes.split(".").forEach((cls) => {
+		if (!html_el.classList.contains(cls)) ctn = false;
+	});
+	return ctn;
 }
 
 /**********  Get parentNode or sibling node  **********
  ******************************************************/
 function get_node(el, class_name, not) {
-    class_name = class_name || "comment_container";
-    not = not || "";
-    let selector = !!not ? `.${class_name}:not(.${not})` : `.${class_name}`;
-    let foundedElement = el.querySelector(selector);
-    if (htmlContainsClass(el, class_name) && !htmlContainsClass(el, not)) {
-        return el;
-    }
-    if (foundedElement) {
-        return foundedElement;
-    }
-    else {
-        return get_node(el.parentElement, class_name, not);
-    }
+	class_name = class_name || "comment_container";
+	not = not || "";
+	let selector = !!not ? `.${class_name}:not(.${not})` : `.${class_name}`;
+	let foundedElement = el.querySelector(selector);
+	if (htmlContainsClass(el, class_name) && !htmlContainsClass(el, not)) {
+		return el;
+	}
+	if (foundedElement) {
+		return foundedElement;
+	} else {
+		return get_node(el.parentElement, class_name, not);
+	}
 }
 
 /*******  Manage hide/show child comment text  ********
  * update the number of child comments displayed
- * only if element exists 
+ * only if element exists
  ******************************************************/
 function update_answer_text(el, nb_child = 0) {
-    let children_container = get_node(el, "comments_children_container");
-    nb_child = nb_child === 0 ? '' : nb_child;
-    let txt = (nb_child > 1) ? answer_plural : answer_sing;
-    txt = `${nb_child} ${txt}`;
-    let answer_text_element = el.querySelector(".comment_show_children_btn");
-    if (answer_text_element)
-        answer_text_element.innerText = txt;
+	let children_container = get_node(el, "comments_children_container");
+	nb_child = nb_child === 0 ? "" : nb_child;
+	let txt = nb_child > 1 ? answer_plural : answer_sing;
+	txt = `${nb_child} ${txt}`;
+	let answer_text_element = el.querySelector(".comment_show_children_btn");
+	if (answer_text_element) answer_text_element.innerText = txt;
 }
 
 /*****************  Manage vote svg  ******************
  ******************************************************/
 function manage_vote_frontend(id, el) {
-    VOTED_COMMENTS.forEach(obj => {
-        if (obj.comment__id === id) {
-            el.querySelector(".comment_vote_action").classList.add('voted');
-        }
-    });
+	VOTED_COMMENTS.forEach((obj) => {
+		if (obj.comment__id === id) {
+			el.querySelector(".comment_vote_action").classList.add("voted");
+		}
+	});
 }
 
 /******* Set number comments in comment label *********
  * ****************************************************/
 function set_comments_number() {
-    let label_text = comment_label.innerText.replace(/\d+\s+/, '');
-    let nb_comments = all_comment.reduce((acc, curr) => acc += curr.nbr_child, 0) + all_comment.length;
-    comment_label.innerText = `${nb_comments} ${label_text}`;
+	let label_text = comment_label.innerText.replace(/\d+\s+/, "");
+	let nb_comments =
+		all_comment.reduce((acc, curr) => (acc += curr.nbr_child), 0) +
+		all_comment.length;
+	comment_label.innerText = `${nb_comments} ${label_text}`;
 }
 
-
 /************  Get vote from the server  **************
  ******************************************************/
-fetch(base_vote_url).then(response => {
-    loader.classList.remove('hide'); // show loader
-    response.json().then(data => {
-        VOTED_COMMENTS = data.comments_votes;
-    });
-}).finally(function () {
-    /************  Get data from the server  **************
-     ******************************************************/
-    let url = `${base_url}?only=parents`;
-    fetch(url).then(response => {
-        response.json().then(data => {
-            loader.classList.add('hide'); // hide loader
-            all_comment = [];
-            data.forEach(comment_data => {
-                comment_data.children = []; // init children to empty array
-                all_comment = [...all_comment, comment_data] // updating all_comment
-                let parent_container = document.querySelector('.comment_container .comment_content');
-                let date_added = new Date(comment_data.added);
-                let html_id = `comment_${date_added.getTime().toString()}`;
-                let parent_c = new Comment(
-                    owner = `${comment_data.author_name}`,
-                    content = comment_data.content,
-                    likes = comment_data.nbr_vote,
-                    added_since = date_added,
-                    id = html_id,
-                    is_parent = true,
-                    is_comment_owner = comment_data.is_owner
-                );
-                parent_c.dataset.level = '-1';
-                manage_vote_frontend(comment_data.id, parent_c);
-                if (is_authenticated)
-                    parent_container.querySelector('form.add_parent_comment').after(parent_c);
-                else
-                    parent_container.querySelector(".comment_counter_container").after(parent_c);
-                hide_or_add_show_children_btn(parent_c, comment_data.id, comment_data.nbr_child);
-            });
-            set_comments_number() // update number of comments from comment label
-        });
-    });
-});
+fetch(base_vote_url)
+	.then((response) => {
+		loader.classList.remove("hide"); // show loader
+		response.json().then((data) => {
+			VOTED_COMMENTS = data.comments_votes;
+		});
+	})
+	.finally(function () {
+		/************  Get data from the server  **************
+		 ******************************************************/
+		let url = `${base_url}?only=parents`;
+		fetch(url).then((response) => {
+			response.json().then((data) => {
+				loader.classList.add("hide"); // hide loader
+				all_comment = [];
+				data.forEach((comment_data) => {
+					comment_data.children = []; // init children to empty array
+					all_comment = [...all_comment, comment_data]; // updating all_comment
+					let parent_container = document.querySelector(
+						".comment_container .comment_content"
+					);
+					let date_added = new Date(comment_data.added);
+					let html_id = `comment_${date_added.getTime().toString()}`;
+					let parent_c = new Comment(
+						(owner = `${comment_data.author_name}`),
+						(content = comment_data.content),
+						(likes = comment_data.nbr_vote),
+						(added_since = date_added),
+						(id = html_id),
+						(is_parent = true),
+						(is_comment_owner = comment_data.is_owner)
+					);
+					parent_c.dataset.level = "-1";
+					manage_vote_frontend(comment_data.id, parent_c);
+					if (is_authenticated)
+						parent_container
+							.querySelector("form.add_parent_comment")
+							.after(parent_c);
+					else
+						parent_container
+							.querySelector(".comment_counter_container")
+							.after(parent_c);
+					hide_or_add_show_children_btn(
+						parent_c,
+						comment_data.id,
+						comment_data.nbr_child
+					);
+				});
+				set_comments_number(); // update number of comments from comment label
+			});
+		});
+	});

From 2c9cbd22b62e62a9b75cf3634f1d2bcdeec7ed35 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 8 Feb 2021 16:44:09 +0100
Subject: [PATCH 138/145] Add css to reply button,  indent code properly

---
 pod/video/static/css/comment-style.css | 1436 ++++++++++++------------
 1 file changed, 746 insertions(+), 690 deletions(-)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 550d38652e..4ac49b2e82 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -1,41 +1,40 @@
-:root
-{
-    --primary-background-color: #f8f9fa;
-    --secondary-background-color: #f3f3f3;
-    --third-background-color: rgb(255, 255, 255);
-    --content-primary-color: rgba(6, 14, 29, 0.75);
-    --content-secondary-color: rgba(54, 56, 58, 0.65);
-    --content-third-color: rgb(156, 154, 154);
-    --background-color: #ccc;
-    --padding-comment-content: 25px;
-    --margin-between-comment: 1em;
-    --red-color: rgb(255, 95, 95);
-    --green-color: rgb(60, 196, 48);
-    --voted-color: rgb(249, 165, 6);
-}
-.comment_disable{
-    text-align: center;
-    padding: .4em .8em;
-    color: #386066;
-    background: #afe0e8;
-    margin-top: .8em;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
+:root {
+	--primary-background-color: #f8f9fa;
+	--secondary-background-color: #f3f3f3;
+	--third-background-color: rgb(255, 255, 255);
+	--content-primary-color: rgba(6, 14, 29, 0.75);
+	--content-secondary-color: rgba(54, 56, 58, 0.65);
+	--content-third-color: rgb(156, 154, 154);
+	--background-color: #ccc;
+	--padding-comment-content: 25px;
+	--margin-between-comment: 1em;
+	--red-color: rgb(255, 95, 95);
+	--green-color: rgb(60, 196, 48);
+	--voted-color: rgb(249, 165, 6);
+}
+.comment_disable {
+	text-align: center;
+	padding: 0.4em 0.8em;
+	color: #386066;
+	background: #afe0e8;
+	margin-top: 0.8em;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
 }
 .comment_main *,
 .comment_main *::after,
-.comment_main *::before{
-    margin: 0;
-    padding: 0;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
+.comment_main *::before {
+	margin: 0;
+	padding: 0;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 .comment_label,
@@ -44,718 +43,775 @@
 .comment_main h3,
 .comment_main h4,
 .comment_main h5,
-.comment_main h6
-{
-    font-weight: 600;
-    color: var(--padding-comment-content) !important;
-    font-size: 16px;
-}
-.comment_main .icon
-{
-    width: 18px;
-}
-.reply_to{
-    letter-spacing: 1.1px;
-    color: var(--content-third-color) !important;
-    margin-bottom: .8em;
-    margin-left: .8em;
+.comment_main h6 {
+	font-weight: 600;
+	color: var(--padding-comment-content) !important;
+	font-size: 16px;
 }
-.reply_to svg {
-    width: 16px;
-}
-.reply_author{
-    font-weight: 600;
-}
-.reply_content{font-weight: 500;}
-.comment_main .icon.comment_vote_icon svg
-{
-    -webkit-transform: translateY(-1px);
-        -ms-transform: translateY(-1px);
-            transform: translateY(-1px);
-}
-.comment_main .icon.comments_icon
-{
-    width: var(--padding-comment-content);
-    margin:0 6px;
-    -webkit-box-flex: 0;
-        -ms-flex: none;
-            flex: none;
-}
-.comment_main .inline_flex_space{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
-.comment_main .comment_disable::before{
-    content: "";
-    display: block;
-    height: 1px;
-    background-color: var(--background-color);
-    width: 100%;
-    margin-bottom: 2em;
-}
-.comment_main .comment_disable{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-    font-weight: 400;
-    color: var(--primary);
-    padding-top: 2em;
-}
-@media only screen and (max-width: 512px)
-{
-    .jumbotron{
-        padding: 0 !important;
-    }
+.comment_main .icon {
+	width: 18px;
 }
-.comment_main
-{
-    overflow-y: auto;
-    font-size: 14px;
-    font-weight: 300;
-    color: var(--primary);
-    line-height: 1.4;
-    background-color: var(--primary-background-color);
-}
-.comment_main .comment_container
-{
-    margin: 0 auto;
-    /*padding: 0 2em;*/
-    padding: 0 0;
-}
-.comment_main .comment_container .add_comment_footer{
-    border-bottom: 1px solid var(--background-color);
-    padding-bottom: 1em;
+.reply_to {
+	letter-spacing: 1.1px;
+	color: var(--content-third-color) !important;
+	margin-bottom: 0.8em;
+	margin-left: 0.8em;
+}
+.reply_to svg {
+	width: 16px;
+}
+.reply_author {
+	font-weight: 600;
+}
+.reply_content {
+	font-weight: 500;
+}
+.comment_main .icon.comment_vote_icon svg {
+	-webkit-transform: translateY(-1px);
+	-ms-transform: translateY(-1px);
+	transform: translateY(-1px);
+}
+.comment_main .icon.comments_icon {
+	width: var(--padding-comment-content);
+	margin: 0 6px;
+	-webkit-box-flex: 0;
+	-ms-flex: none;
+	flex: none;
+}
+.comment_main .inline_flex_space {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	-webkit-box-pack: justify;
+	-ms-flex-pack: justify;
+	justify-content: space-between;
+	-ms-flex-wrap: wrap;
+	flex-wrap: wrap;
+}
+.comment_main .comment_disable::before {
+	content: "";
+	display: block;
+	height: 1px;
+	background-color: var(--background-color);
+	width: 100%;
+	margin-bottom: 2em;
+}
+.comment_main .comment_disable {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
+	-ms-flex-wrap: wrap;
+	flex-wrap: wrap;
+	font-weight: 400;
+	color: var(--primary);
+	padding-top: 2em;
+}
+@media only screen and (max-width: 512px) {
+	.jumbotron {
+		padding: 0 !important;
+	}
+}
+.comment_main {
+	overflow-y: auto;
+	font-size: 14px;
+	font-weight: 300;
+	color: var(--primary);
+	line-height: 1.4;
+	background-color: var(--primary-background-color);
+}
+.comment_main .comment_container {
+	margin: 0 auto;
+	/*padding: 0 2em;*/
+	padding: 0 0;
+}
+.comment_main .comment_container .add_comment_footer {
+	border-bottom: 1px solid var(--background-color);
+	padding-bottom: 1em;
 }
 
 /* Alert message */
-.alert{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    background-color: #00baf3;
-    font-family: "Source Sans Pro", Arial, sans-serif;
-    padding: 11px 30px;
-    border-radius: 4px;
-    font-weight: 400;
-    position: fixed;
-    bottom: 20px;
-    right: 20px;
-    font-size: 16px;
-    color: #fff;
-    -webkit-animation: up 1s cubic-bezier(.77,0,.18,1) forwards;
-            animation: up 1s cubic-bezier(.77,0,.18,1) forwards;
-    -webkit-animation-direction: normal;
-            animation-direction: normal;
-    z-index: 9;
-}
-.alert_close
-{
-    -webkit-animation: down 1s cubic-bezier(.77,0,.18,1) forwards;
-            animation: down 1s cubic-bezier(.77,0,.18,1) forwards;
-}
-.alert_success{
-    background-color: #99c93d;
+.alert {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+	-ms-flex-direction: column;
+	flex-direction: column;
+	background-color: #00baf3;
+	font-family: "Source Sans Pro", Arial, sans-serif;
+	padding: 11px 30px;
+	border-radius: 4px;
+	font-weight: 400;
+	position: fixed;
+	bottom: 20px;
+	right: 20px;
+	font-size: 16px;
+	color: #fff;
+	-webkit-animation: up 1s cubic-bezier(0.77, 0, 0.18, 1) forwards;
+	animation: up 1s cubic-bezier(0.77, 0, 0.18, 1) forwards;
+	-webkit-animation-direction: normal;
+	animation-direction: normal;
+	z-index: 9;
+}
+.alert_close {
+	-webkit-animation: down 1s cubic-bezier(0.77, 0, 0.18, 1) forwards;
+	animation: down 1s cubic-bezier(0.77, 0, 0.18, 1) forwards;
+}
+.alert_success {
+	background-color: #99c93d;
 }
 .alert_warning {
-    color: #8a6d3b;
-    background-color: #fcf8e3;
-    border-color: #faebcc;
+	color: #8a6d3b;
+	background-color: #fcf8e3;
+	border-color: #faebcc;
 }
 .alert_error {
-    background: #d14130;
-    color: #fff;
-}
-.alert .close_btn{
-    width: 10px;
-    position: absolute;
-    right: 8px;
-    top: 5px;
-    cursor: pointer;
-}
-@-webkit-keyframes down{
-    0%{
-        bottom: 20px;
-        background-color: rgba(153, 201, 61, 1);
-    }
-    100%{
-	bottom: -100%;
-        background-color: rgba(153, 201, 61, 0);
-    }
-}
-@keyframes down{
-    0%{
-        bottom: 20px;
-        background-color: rgba(153, 201, 61, 1);
-    }
-    100%{
-	bottom: -100%;
-        background-color: rgba(153, 201, 61, 0);
-    }
-}
-@-webkit-keyframes up{
-    0%{
-        bottom: -100%;
-        background-color: rgba(153, 201, 61, .1);
-    }
-    100%{
-        bottom: 20px;
-        background-color: rgba(153, 201, 61, 1);
-    }									
-}
-@keyframes up{
-    0%{
-        bottom: -100%;
-        background-color: rgba(153, 201, 61, .1);
-    }
-    100%{
-        bottom: 20px;
-        background-color: rgba(153, 201, 61, 1);
-    }									
+	background: #d14130;
+	color: #fff;
+}
+.alert .close_btn {
+	width: 10px;
+	position: absolute;
+	right: 8px;
+	top: 5px;
+	cursor: pointer;
+}
+@-webkit-keyframes down {
+	0% {
+		bottom: 20px;
+		background-color: rgba(153, 201, 61, 1);
+	}
+	100% {
+		bottom: -100%;
+		background-color: rgba(153, 201, 61, 0);
+	}
+}
+@keyframes down {
+	0% {
+		bottom: 20px;
+		background-color: rgba(153, 201, 61, 1);
+	}
+	100% {
+		bottom: -100%;
+		background-color: rgba(153, 201, 61, 0);
+	}
+}
+@-webkit-keyframes up {
+	0% {
+		bottom: -100%;
+		background-color: rgba(153, 201, 61, 0.1);
+	}
+	100% {
+		bottom: 20px;
+		background-color: rgba(153, 201, 61, 1);
+	}
+}
+@keyframes up {
+	0% {
+		bottom: -100%;
+		background-color: rgba(153, 201, 61, 0.1);
+	}
+	100% {
+		bottom: 20px;
+		background-color: rgba(153, 201, 61, 1);
+	}
 }
 /* End Alert message */
 
 /* Confirm Modal */
-.comment_main .confirm_delete
-{
-    display: none;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center;
-    padding-top: 20px;
-    z-index: 9;
-    position: fixed;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    min-height: 100vh;
-    background-color:rgba(54, 56, 58, 0.5);
-}
-.comment_main .confirm_delete.show{display: -webkit-box;display: -ms-flexbox;display: flex;}
+.comment_main .confirm_delete {
+	display: none;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	-webkit-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
+	padding-top: 20px;
+	z-index: 9;
+	position: fixed;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	min-height: 100vh;
+	background-color: rgba(54, 56, 58, 0.5);
+}
+.comment_main .confirm_delete.show {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+}
 
-.comment_main .confirm_delete_container
-{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    overflow: hidden;
-    width: 500px;
-    background-color: #fff;
-    border-radius: 4px;
-    padding: .8em;
-    -webkit-box-shadow: 2px 2px 4px rgba(54, 56, 58, 0.6);
-            box-shadow: 2px 2px 4px rgba(54, 56, 58, 0.6);
-}
-.comment_main .confirm_delete_container .confirm_title
-{
-    text-align: center;
-    text-transform: uppercase;
-	
-}
-.comment_main .confirm_delete_container .content
-{
-    border: none;
-    text-align: center;
-    font-size: 16px;
-    padding-top: .8em;
-    padding-bottom: .4em;
-    font-weight: 400;
-}
-.comment_main .confirm_delete_container .actions
-{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-pack: distribute;
-        justify-content: space-around;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    padding: .8em 0;
+.comment_main .confirm_delete_container {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+	-ms-flex-direction: column;
+	flex-direction: column;
+	overflow: hidden;
+	width: 500px;
+	background-color: #fff;
+	border-radius: 4px;
+	padding: 0.8em;
+	-webkit-box-shadow: 2px 2px 4px rgba(54, 56, 58, 0.6);
+	box-shadow: 2px 2px 4px rgba(54, 56, 58, 0.6);
+}
+.comment_main .confirm_delete_container .confirm_title {
+	text-align: center;
+	text-transform: uppercase;
+}
+.comment_main .confirm_delete_container .content {
+	border: none;
+	text-align: center;
+	font-size: 16px;
+	padding-top: 0.8em;
+	padding-bottom: 0.4em;
+	font-weight: 400;
+}
+.comment_main .confirm_delete_container .actions {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-ms-flex-pack: distribute;
+	justify-content: space-around;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	padding: 0.8em 0;
 }
 .comment_main .confirm_delete_container .actions .delete,
-.comment_main .confirm_delete_container .actions .cancel
-{
-    border: 1px solid var(--red-color);
-    background-color: var(--red-color);
-    color: #fff;
-    padding: .8em 2em;
-    border-radius: 4px;
-    -webkit-box-shadow: 0 4px 8px var(--content-third-color);
-            box-shadow: 0 4px 8px var(--content-third-color);
-    cursor: pointer;
-    -webkit-transition: .3s box-shadow;
-    -o-transition: .3s box-shadow;
-    transition: .3s box-shadow;
-    font-weight: 600;
-}
-.comment_main .confirm_delete_container .actions .cancel
-{
-    border: 1px solid var(--green-color);
-    background-color: var(--green-color);
+.comment_main .confirm_delete_container .actions .cancel {
+	border: 1px solid var(--red-color);
+	background-color: var(--red-color);
+	color: #fff;
+	padding: 0.8em 2em;
+	border-radius: 4px;
+	-webkit-box-shadow: 0 4px 8px var(--content-third-color);
+	box-shadow: 0 4px 8px var(--content-third-color);
+	cursor: pointer;
+	-webkit-transition: 0.3s box-shadow;
+	-o-transition: 0.3s box-shadow;
+	transition: 0.3s box-shadow;
+	font-weight: 600;
+}
+.comment_main .confirm_delete_container .actions .cancel {
+	border: 1px solid var(--green-color);
+	background-color: var(--green-color);
 }
 .comment_main .confirm_delete_container .actions .delete:hover,
-.comment_main .confirm_delete_container .actions .cancel:hover
-{
-    -webkit-box-shadow: none;
-            box-shadow: none;
+.comment_main .confirm_delete_container .actions .cancel:hover {
+	-webkit-box-shadow: none;
+	box-shadow: none;
 }
 /* End Confirm Modal */
 
-.comment_main .comment_content
-{
-    background-color: var(--third-background-color);
-    /*padding: 2em var(--padding-comment-content);*/
-    padding: 1em 0 1em 0;
-    border-left: 2px solid var(--primary-background-color);
-}
-.comment_main .add_comment
-{
-    width: 100%;
-    padding: 1em 0;
-}
-.comment_main .form-wrapper
-{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    font-size: 14px;
+.comment_main .comment_content {
+	background-color: var(--third-background-color);
+	/*padding: 2em var(--padding-comment-content);*/
+	padding: 1em 0 1em 0;
+	border-left: 2px solid var(--primary-background-color);
+}
+.comment_main .add_comment {
+	width: 100%;
+	padding: 1em 0;
+}
+.comment_main .form-wrapper {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+	-ms-flex-direction: column;
+	flex-direction: column;
+	font-size: 14px;
 }
 
-.comment_main .add_comment .new_comment
-{
-    padding: .4em; 
-    margin-top: .4em;
-    resize: none;
-    min-height: 50px;
-    font-size: 14px;
-    border: 1px solid var(--background-color);
-    border-radius: 4px;
-    -webkit-box-shadow: none;
-            box-shadow: none;
-    outline: none;
-}
-.comment_main .add_comment .new_comment::-webkit-input-placeholder
-{
-    font-size: 14px;
-    color: #6b6b6b;
-}
-.comment_main .add_comment .new_comment::-moz-placeholder
-{
-    font-size: 14px;
-    color: #6b6b6b;
-}
-.comment_main .add_comment .new_comment:-ms-input-placeholder
-{
-    font-size: 14px;
-    color: #6b6b6b;
-}
-.comment_main .add_comment .new_comment::-ms-input-placeholder
-{
-    font-size: 14px;
-    color: #6b6b6b;
-}
-.comment_main .add_comment .new_comment::placeholder
-{
-    font-size: 14px;
-    color: #6b6b6b;
-}
-.comment_main .add_comment .add_comment_btn
-{
-    background-color: var(--primary);
-    border: 1px solid var(--primary);
-    border-radius: 4px;
-    -webkit-box-shadow: 0 4px 8px var(--content-third-color);
-            box-shadow: 0 4px 8px var(--content-third-color);
-    outline: none;
-    color: #fff;
-    padding: .4em .8em;
-    margin-top: .4em;
-    cursor: pointer;
-    -webkit-transition: .3s all;
-    -o-transition: .3s all;
-    transition: .3s all;
-    text-transform: uppercase;
-    font-weight: 600;
-}
-.comment_main .add_comment .add_comment_btn:hover
-{
-    -webkit-box-shadow: none;
-            box-shadow: none;
-}
-.comment_main .comment
-{
-    position: relative;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    padding-bottom: var(--margin-between-comment);
+.comment_main .add_comment .new_comment {
+	resize: none;
+	font-size: 14px;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	outline: none;
+	border: none;
+	margin: 0;
+	padding: 0;
+}
+.comment_main .add_comment .new_comment::-webkit-input-placeholder {
+	font-size: 14px;
+	color: #6b6b6b;
+}
+.comment_main .add_comment .new_comment::-moz-placeholder {
+	font-size: 14px;
+	color: #6b6b6b;
+}
+.comment_main .add_comment .new_comment:-ms-input-placeholder {
+	font-size: 14px;
+	color: #6b6b6b;
+}
+.comment_main .add_comment .new_comment::-ms-input-placeholder {
+	font-size: 14px;
+	color: #6b6b6b;
+}
+.comment_main .add_comment .new_comment::placeholder {
+	font-size: 14px;
+	color: #6b6b6b;
+}
+.comment_main .add_comment .add_comment_btn {
+	background-color: var(--primary);
+	border: 1px solid var(--primary);
+	border-radius: 4px;
+	-webkit-box-shadow: 0 4px 8px var(--content-third-color);
+	box-shadow: 0 4px 8px var(--content-third-color);
+	outline: none;
+	color: #fff;
+	padding: 0.4em 0.8em;
+	margin-top: 0.4em;
+	cursor: pointer;
+	-webkit-transition: 0.3s all;
+	-o-transition: 0.3s all;
+	transition: 0.3s all;
+	text-transform: uppercase;
+	font-weight: 600;
+}
+.comment_main .add_comment .add_comment_btn:hover {
+	-webkit-box-shadow: none;
+	box-shadow: none;
+}
+.comment_main .comment {
+	position: relative;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	padding-bottom: var(--margin-between-comment);
 }
 
-.comment_main .comment_container
-{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-flex: 1;
-        -ms-flex-positive: 1;
-            flex-grow: 1;
-    position: relative;
-    width: calc(100% - 37px);
-}
-.comment_main .comment .comment_content
-{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-pack: justify;
-        -ms-flex-pack: justify;
-            justify-content: space-between;
-    border-left: 4px solid var(--primary);
-    padding: .4em;
-    background-color: var(--third-background-color);
-    -webkit-box-shadow: 2px 2px 12px #e6e2e2;
-            box-shadow: 2px 2px 12px #e6e2e2;
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-}
-.comment_main .comment_element .comment_container >  .comments_children_container
-{
-    height: 0;
-    overflow: hidden;
-    -webkit-transition: .5s height;
-    -o-transition: .5s height;
-    transition: .5s height;
-}
-.comment_main .comment_element.show .comment_container >  .comments_children_container{ height: auto; }
-.comment_main .comment_element .comment_container .comment_element > .comment_child_container{ 
-    display: -webkit-box; 
-    display: -ms-flexbox; 
-    display: flex;
-    margin-top: calc(var(--margin-between-comment) - .2em);
+.comment_main .comment_container {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+	-ms-flex-direction: column;
+	flex-direction: column;
+	-webkit-box-flex: 1;
+	-ms-flex-positive: 1;
+	flex-grow: 1;
+	position: relative;
+	width: calc(100% - 37px);
+}
+.comment_main .comment .comment_content {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+	-ms-flex-direction: column;
+	flex-direction: column;
+	-webkit-box-pack: justify;
+	-ms-flex-pack: justify;
+	justify-content: space-between;
+	border-left: 4px solid var(--primary);
+	padding: 0.4em;
+	background-color: var(--third-background-color);
+	-webkit-box-shadow: 2px 2px 12px #e6e2e2;
+	box-shadow: 2px 2px 12px #e6e2e2;
+	border-top-right-radius: 4px;
+	border-bottom-right-radius: 4px;
+}
+.comment_main
+	.comment_element
+	.comment_container
+	> .comments_children_container {
+	height: 0;
+	overflow: hidden;
+	-webkit-transition: 0.5s height;
+	-o-transition: 0.5s height;
+	transition: 0.5s height;
+}
+.comment_main
+	.comment_element.show
+	.comment_container
+	> .comments_children_container {
+	height: auto;
+}
+.comment_main
+	.comment_element
+	.comment_container
+	.comment_element
+	> .comment_child_container {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	margin-top: calc(var(--margin-between-comment) - 0.2em);
 }
 .comment_main .comment_element > .comment.onDelete,
-.comment_main .comment_element .comment_container .comment_element > .comment_child_container.onDelete{ 
-    -webkit-animation-name: deletecomment; 
-            animation-name: deletecomment;
-    -webkit-animation-duration: 1s;
-            animation-duration: 1s;
-    -webkit-animation-fill-mode: forwards;
-            animation-fill-mode: forwards;
-}
-.comment_main .comment_element .comment_container .comment_element > .comment_child_container .comments_icon{margin-left: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center}
-.comment_main .comment .comment_content_child
-{
-
-    border-left: 4px solid var(--content-secondary-color);
-    border-radius: 5px;
-    border-top: 1px solid var(--primary-background-color);
-    border-bottom: 1px solid var(--primary-background-color);
-    border-right: 1px solid var(--primary-background-color);
-    width: calc(100% - 42px);
+.comment_main
+	.comment_element
+	.comment_container
+	.comment_element
+	> .comment_child_container.onDelete {
+	-webkit-animation-name: deletecomment;
+	animation-name: deletecomment;
+	-webkit-animation-duration: 1s;
+	animation-duration: 1s;
+	-webkit-animation-fill-mode: forwards;
+	animation-fill-mode: forwards;
+}
+.comment_main
+	.comment_element
+	.comment_container
+	.comment_element
+	> .comment_child_container
+	.comments_icon {
+	margin-left: 0;
+	-webkit-box-flex: 0;
+	-ms-flex: none;
+	flex: none;
+	-ms-flex-item-align: center;
+	-ms-grid-row-align: center;
+	align-self: center;
+}
+.comment_main .comment .comment_content_child {
+	border-left: 4px solid var(--content-secondary-color);
+	border-radius: 5px;
+	border-top: 1px solid var(--primary-background-color);
+	border-bottom: 1px solid var(--primary-background-color);
+	border-right: 1px solid var(--primary-background-color);
+	width: calc(100% - 42px);
 }
 
-.comment_main .comment .comment_content_header .comment_since
-{
-    color: var(--content-third-color);
-    font-size: 14px;
-}
-.comment_main .comment .comment_content_body
-{
-    color: var(--content-primary-color);
-}
-.comment_main .comment .comment_content_body{
-    margin: 1em 0 2em 0;
-    font-weight: 400;
-    word-break: break-all;
-    font-size: 14px;
-}
-.comment_main .comment .comment_content_body a{
-    display: block;
-    width: 500px;
-    max-width: 100%;
-    white-space: nowrap;
-    overflow: hidden;
-    -o-text-overflow: ellipsis;
-       text-overflow: ellipsis;
-    margin-bottom: .8em;
-}
-.comment_main .comment .comment_content_body .comment_text{
-    font-weight: 500;
-}
-.comment_main .comment .comment_content_footer
-{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-    color: var(--content-secondary-color);
-}
-.comment_main .comment .comment_content_footer >*
-{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    cursor: pointer;
-    font-size: 13px;
-}
-.comment_main .comment .comment_content_footer >* .icon
-{
-    margin-right: 4px;
-}
-.comment_main .actions.inline_flex_space{
-    -ms-flex-pack: distribute;
-        justify-content: space-around;
-}
-.comment_main .comment .comment_content_footer .comment_actions
-{
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    color: var(--content-third-color);
-    -webkit-transition: .3s color;
-    -o-transition: .3s color;
-    transition: .3s color;
-    font-weight: 400;
-}
-.comment_main .comment .comment_content_footer .comment_actions:hover
-{
-    color: var(--primary);
-}
-.comment_main .comment .comment_content_footer .comment_actions.voting .lds-ring{
-    opacity: 1;
-    width: 18px;
-    height: 18px;
-    margin: 0;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    margin-right: .4em;
-}
-.comment_main .comment .comment_content_footer .comment_actions.voting .lds-ring > div{
-    width: 18px;
-    height: 18px;
-}
-.comment_main .comment .comment_content_footer .comment_actions.voting .comment_vote_icon{
-    display: none;
+.comment_main .comment .comment_content_header .comment_since {
+	color: var(--content-third-color);
+	font-size: 14px;
+}
+.comment_main .comment .comment_content_body {
+	color: var(--content-primary-color);
+}
+.comment_main .comment .comment_content_body {
+	margin: 1em 0 2em 0;
+	font-weight: 400;
+	word-break: break-all;
+	font-size: 14px;
+}
+.comment_main .comment .comment_content_body a {
+	display: block;
+	width: 500px;
+	max-width: 100%;
+	white-space: nowrap;
+	overflow: hidden;
+	-o-text-overflow: ellipsis;
+	text-overflow: ellipsis;
+	margin-bottom: 0.8em;
+}
+.comment_main .comment .comment_content_body .comment_text {
+	font-weight: 500;
+}
+.comment_main .comment .comment_content_footer {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+	-ms-flex-direction: column;
+	flex-direction: column;
+	-ms-flex-wrap: wrap;
+	flex-wrap: wrap;
+	color: var(--content-secondary-color);
+}
+.comment_main .comment .comment_content_footer > * {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	cursor: pointer;
+	font-size: 13px;
+}
+.comment_main .comment .comment_content_footer > * .icon {
+	margin-right: 4px;
+}
+.comment_main .actions.inline_flex_space {
+	-ms-flex-pack: distribute;
+	justify-content: space-around;
+}
+.comment_main .comment .comment_content_footer .comment_actions {
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	color: var(--content-third-color);
+	-webkit-transition: 0.3s color;
+	-o-transition: 0.3s color;
+	transition: 0.3s color;
+	font-weight: 400;
+}
+.comment_main .comment .comment_content_footer .comment_actions:hover {
+	color: var(--primary);
+}
+.comment_main
+	.comment
+	.comment_content_footer
+	.comment_actions.voting
+	.lds-ring {
+	opacity: 1;
+	width: 18px;
+	height: 18px;
+	margin: 0;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+	margin-right: 0.4em;
+}
+.comment_main
+	.comment
+	.comment_content_footer
+	.comment_actions.voting
+	.lds-ring
+	> div {
+	width: 18px;
+	height: 18px;
+}
+.comment_main
+	.comment
+	.comment_content_footer
+	.comment_actions.voting
+	.comment_vote_icon {
+	display: none;
 }
 .comment_main .comment_vote_action.voted svg.unvoted,
 .comment_main .comment_vote_action svg.voted,
 .comment_main .comment_element svg.hide,
-.comment_main .comment_element.show svg.show
-{
-    display: none;
+.comment_main .comment_element.show svg.show {
+	display: none;
 }
 .comment_main .comment_vote_action svg.unvoted,
 .comment_main .comment_vote_action.voted svg.voted,
 .comment_main .comment_element.show svg.hide,
-.comment_main .comment_element svg.show
-{
-    display: inline-block;
+.comment_main .comment_element svg.show {
+	display: inline-block;
 }
 .comment_main .comment_vote_action.voted:hover svg.voted,
-.comment_main .comment_vote_action.voted svg.voted
-{
-    color: var(--voted-color);
+.comment_main .comment_vote_action.voted svg.voted {
+	color: var(--voted-color);
+}
+
+.comment_main .comment_element .comment_content_footer .form {
+	height: 0;
+	overflow: hidden;
+	-webkit-transition: 0.5s height;
+	-o-transition: 0.5s height;
+	transition: 0.5s height;
+}
+.comment_main .comment_element .comment_content_footer .form.show {
+	height: 60px;
+}
+.comment_main .comment .comment_content_footer .add_comment {
+	z-index: 9;
+	width: 100%;
+	border: 1px solid var(--background-color);
+	padding: 0.8em 0.2em 0;
+	display: flex;
+	border-radius: 4px;
+}
+.comment_main .comment .comment_content_footer .add_comment > * {
+	width: 100%;
+}
+.comment_main
+	.comment
+	.comment_content_footer
+	.add_comment
+	.new_comment::-webkit-input-placeholder {
+	font-size: 12px;
+}
+.comment_main
+	.comment
+	.comment_content_footer
+	.add_comment
+	.new_comment::-moz-placeholder {
+	font-size: 12px;
+}
+.comment_main
+	.comment
+	.comment_content_footer
+	.add_comment
+	.new_comment:-ms-input-placeholder {
+	font-size: 12px;
+}
+.comment_main
+	.comment
+	.comment_content_footer
+	.add_comment
+	.new_comment::-ms-input-placeholder {
+	font-size: 12px;
+}
+.comment_main
+	.comment
+	.comment_content_footer
+	.add_comment
+	.new_comment::placeholder {
+	font-size: 12px;
+}
+.comment_main .comment .comment_content_footer .add_comment .new_comment {
+	height: 30px;
+	font-size: 12px;
+	min-height: 20px;
+}
+.comment_main .comment .comment_content_footer .add_comment .send_reply {
+	width: 44px;
+	padding: 0 0.8em;
+	flex: none;
+	transform: translateY(-0.4em);
+	cursor: default;
+	color: var(--background-color);
+}
+.comment_main .comment .comment_content_footer .add_comment .send_reply.active {
+	cursor: pointer;
+	color: var(--primary);
+}
+.comment_main .comment .comment_content_footer .add_comment .send_reply svg {
+	width: 100%;
+	height: 100%;
 }
 
-.comment_main .comment_element .comment_content_footer .form
-{
-    height: 0;
-    overflow:hidden;
-    -webkit-transition: .5s height;
-    -o-transition: .5s height;
-    transition: .5s height;
-}
-.comment_main .comment_element .comment_content_footer .form.show
-{
-    height: 60px;
-}
-.comment_main .comment .comment_content_footer .add_comment
-{
-    z-index: 9;
-    width: 100%;
-    border-bottom: none;
-    margin-top: .4em;
-    margin-bottom: 0;
-    padding-top: .4em;
-    padding-bottom: 0;
-}
-.comment_main .comment .comment_content_footer .add_comment > *{
-    width: 100%;
-}
-.comment_main .comment .comment_content_footer .add_comment .new_comment::-webkit-input-placeholder{font-size: 12px;}
-.comment_main .comment .comment_content_footer .add_comment .new_comment::-moz-placeholder{font-size: 12px;}
-.comment_main .comment .comment_content_footer .add_comment .new_comment:-ms-input-placeholder{font-size: 12px;}
-.comment_main .comment .comment_content_footer .add_comment .new_comment::-ms-input-placeholder{font-size: 12px;}
-.comment_main .comment .comment_content_footer .add_comment .new_comment::placeholder{font-size: 12px;}
-.comment_main .comment .comment_content_footer .add_comment .new_comment
-{
-    height: 40px;
-    font-size: 12px;
-    min-height: 20px;
-}
-@media only screen and (max-width: 650px)
-{
-    .comment_main .comment_actions:not(.comment_vote_action) span
-    {
-        display: none;
-    }
-    .comment_main{
-        padding: 0;
-    }
+@media only screen and (max-width: 650px) {
+	.comment_main .comment_actions:not(.comment_vote_action) span {
+		display: none;
+	}
+	.comment_main {
+		padding: 0;
+	}
 }
 /* ***** on scroll to comment background */
-.scroll_to{
-    -webkit-animation-name: scrolltocomment;
-            animation-name: scrolltocomment;
-    -webkit-animation-duration: 5s;
-            animation-duration: 5s;
-    -webkit-animation-fill-mode: forwards;
-            animation-fill-mode: forwards;
-}
-@-webkit-keyframes scrolltocomment{
-    0% {
-        background-color: #f9f99b; /* rgba(255, 234, 59)*/
-    }
-    100% {
-	 background-color: var(--third-background-color);
-    }
- }
-@keyframes scrolltocomment{
-    0% {
-        background-color: #f9f99b; /* rgba(255, 234, 59)*/
-    }
-    100% {
-	 background-color: var(--third-background-color);
-    }
- }
+.scroll_to {
+	-webkit-animation-name: scrolltocomment;
+	animation-name: scrolltocomment;
+	-webkit-animation-duration: 5s;
+	animation-duration: 5s;
+	-webkit-animation-fill-mode: forwards;
+	animation-fill-mode: forwards;
+}
+@-webkit-keyframes scrolltocomment {
+	0% {
+		background-color: #f9f99b; /* rgba(255, 234, 59)*/
+	}
+	100% {
+		background-color: var(--third-background-color);
+	}
+}
+@keyframes scrolltocomment {
+	0% {
+		background-color: #f9f99b; /* rgba(255, 234, 59)*/
+	}
+	100% {
+		background-color: var(--third-background-color);
+	}
+}
 /* ******* on delete comment ******* */
-@-webkit-keyframes deletecomment{
-    0%{
-	position: relative;
-	-webkit-box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
-	        box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
-	z-index: 9999;
-	-webkit-transform: translateX(0);
-	        transform: translateX(0);
-    }
-    100%{
-	-webkit-transform: translateX(110%);
-	        transform: translateX(110%);
-    }
-}
-@keyframes deletecomment{
-    0%{
-	position: relative;
-	-webkit-box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
-	        box-shadow: 0 0 8px 8px rgba(255, 0, 0, .3) !important;
-	z-index: 9999;
-	-webkit-transform: translateX(0);
-	        transform: translateX(0);
-    }
-    100%{
-	-webkit-transform: translateX(110%);
-	        transform: translateX(110%);
-    }
+@-webkit-keyframes deletecomment {
+	0% {
+		position: relative;
+		-webkit-box-shadow: 0 0 8px 8px rgba(255, 0, 0, 0.3) !important;
+		box-shadow: 0 0 8px 8px rgba(255, 0, 0, 0.3) !important;
+		z-index: 9999;
+		-webkit-transform: translateX(0);
+		transform: translateX(0);
+	}
+	100% {
+		-webkit-transform: translateX(110%);
+		transform: translateX(110%);
+	}
+}
+@keyframes deletecomment {
+	0% {
+		position: relative;
+		-webkit-box-shadow: 0 0 8px 8px rgba(255, 0, 0, 0.3) !important;
+		box-shadow: 0 0 8px 8px rgba(255, 0, 0, 0.3) !important;
+		z-index: 9999;
+		-webkit-transform: translateX(0);
+		transform: translateX(0);
+	}
+	100% {
+		-webkit-transform: translateX(110%);
+		transform: translateX(110%);
+	}
 }
 /* ************ Loader ************* */
-.lds-ring.hide{display: none; opacity: 0; visibility: none;}
+.lds-ring.hide {
+	display: none;
+	opacity: 0;
+	visibility: none;
+}
 .lds-ring {
-  position: relative;
-  width: 50px;
-  height: 50px;
-  margin: 1em auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+	position: relative;
+	width: 50px;
+	height: 50px;
+	margin: 1em auto;
+	display: -webkit-box;
+	display: -ms-flexbox;
+	display: flex;
+	-webkit-box-pack: center;
+	-ms-flex-pack: center;
+	justify-content: center;
 }
 .lds-ring div {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  display: block;
-  position: absolute;
-  width: 34px;
-  height: 34px;
-  margin: 8px;
-  border: 4px solid #fff;
-  border-radius: 50%;
-  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: var(--background-color) transparent transparent transparent;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+	display: block;
+	position: absolute;
+	width: 34px;
+	height: 34px;
+	margin: 8px;
+	border: 4px solid #fff;
+	border-radius: 50%;
+	-webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+	border-color: var(--background-color) transparent transparent transparent;
 }
 .lds-ring div:nth-child(1) {
-  -webkit-animation-delay: -0.45s;
-          animation-delay: -0.45s;
+	-webkit-animation-delay: -0.45s;
+	animation-delay: -0.45s;
 }
 .lds-ring div:nth-child(2) {
-  -webkit-animation-delay: -0.3s;
-          animation-delay: -0.3s;
+	-webkit-animation-delay: -0.3s;
+	animation-delay: -0.3s;
 }
 .lds-ring div:nth-child(3) {
-  -webkit-animation-delay: -0.15s;
-          animation-delay: -0.15s;
+	-webkit-animation-delay: -0.15s;
+	animation-delay: -0.15s;
 }
 @-webkit-keyframes lds-ring {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
+	0% {
+		-webkit-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+	100% {
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
 }
 @keyframes lds-ring {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
+	0% {
+		-webkit-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+	100% {
+		-webkit-transform: rotate(360deg);
+		transform: rotate(360deg);
+	}
 }
-

From 0643dc864af4d3567fa7a4db5e28d227f5bf202a Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 8 Feb 2021 16:57:34 +0100
Subject: [PATCH 139/145] disable send button if no text

---
 pod/video/static/js/comment-script.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index da2cba8895..4fb4a00bbb 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -260,6 +260,9 @@ class Comment extends HTMLElement {
 					!comment_reply_btn.classList.contains("active")
 				)
 					comment_reply_btn.classList.add("active");
+
+				if (this.value.trim().length === 0)
+					comment_reply_btn.classList.remove("active");
 			});
 			new_comment.addEventListener("keydown", (e) => {
 				if (

From 13676eca57d51d8672da7ca593a7cd9e902b2324 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 8 Feb 2021 17:58:52 +0100
Subject: [PATCH 140/145] standby

---
 pod/video/static/js/comment-script.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/video/static/js/comment-script.js b/pod/video/static/js/comment-script.js
index 4fb4a00bbb..0e76f957c1 100644
--- a/pod/video/static/js/comment-script.js
+++ b/pod/video/static/js/comment-script.js
@@ -254,7 +254,7 @@ class Comment extends HTMLElement {
 				this.submit_comment_reply(new_comment, add_comment, comment_reply_btn);
 			});
 			new_comment.addEventListener("keyup", function (e) {
-				// Active send button
+				// Active/Disable send button
 				if (
 					this.value.trim().length > 0 &&
 					!comment_reply_btn.classList.contains("active")

From 13f5107f93fcd5755c11c040a0f52793e8193fd9 Mon Sep 17 00:00:00 2001
From: Eliam LOTONGA <e.m.lotonga@gmail.com>
Date: Mon, 8 Feb 2021 18:07:34 +0100
Subject: [PATCH 141/145] fix break style

---
 pod/video/static/css/comment-style.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/pod/video/static/css/comment-style.css b/pod/video/static/css/comment-style.css
index 4ac49b2e82..3c5dd167ea 100644
--- a/pod/video/static/css/comment-style.css
+++ b/pod/video/static/css/comment-style.css
@@ -346,6 +346,11 @@
 	margin: 0;
 	padding: 0;
 }
+.comment_main .add_comment .form-wrapper .new_comment.new_parent_comment {
+	border: 1px solid var(--background-color);
+	padding: 0.4em 0.8em;
+	border-radius: 4px;
+}
 .comment_main .add_comment .new_comment::-webkit-input-placeholder {
 	font-size: 14px;
 	color: #6b6b6b;

From 4e37309ffd56a85637f6b4f671c041425b531f1a Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Wed, 10 Feb 2021 17:39:23 +0100
Subject: [PATCH 142/145] bump version of Pod to 2.7.3

---
 pod/settings.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pod/settings.py b/pod/settings.py
index d991bb4da2..23759290c5 100644
--- a/pod/settings.py
+++ b/pod/settings.py
@@ -9,7 +9,7 @@
 ##
 # Version of the project
 #
-VERSION = '2.7.2'
+VERSION = '2.7.3'
 
 ##
 # Installed applications list

From 590d33676e3b8c93a5f074d9cf8ebc118c7438ec Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Wed, 10 Feb 2021 17:40:31 +0100
Subject: [PATCH 143/145] add mx_queue for ffmpeg, change add info video

---
 pod/video/encode_gpu.py | 181 +++++++++++++---------------------------
 1 file changed, 57 insertions(+), 124 deletions(-)

diff --git a/pod/video/encode_gpu.py b/pod/video/encode_gpu.py
index 5c7be421a7..e38cbd500d 100755
--- a/pod/video/encode_gpu.py
+++ b/pod/video/encode_gpu.py
@@ -27,6 +27,8 @@
 VIDEOS_OUTPUT_DIR = "encoding_videos"
 HWACCEL_DEVICE = 0
 
+RENDITION = {"360": "640x360", "720": "1280x720", "1080": "1920x1080"}
+
 image_codec = ["jpeg", "gif", "png", "bmp", "jpg"]
 
 LIST_CODEC = ("h264",
@@ -72,22 +74,23 @@
 rate_1080 = '-b:a 192k -minrate 2M -b:v 3M -maxrate 4500k -bufsize 6M '
 
 end_360_m3u8 = rate_360 +\
-    '-hls_playlist_type vod -hls_time 2 \
+    '-max_muxing_queue_size 9999 -hls_playlist_type vod -hls_time 2 \
     -hls_flags single_file {output_dir}/360p_{output}.m3u8 '
 
 end_360_mp4 = rate_360 +\
-    '-movflags faststart -write_tmcd 0 \
+    '-max_muxing_queue_size 9999 -movflags faststart -write_tmcd 0 \
     "{output_dir}/360p_{output}.mp4" '
 
 end_720_m3u8 = rate_720 +\
-    '-hls_playlist_type vod -hls_time 2 \
+    '-max_muxing_queue_size 9999 -hls_playlist_type vod -hls_time 2 \
     -hls_flags single_file {output_dir}/720p_{output}.m3u8 '
 
 end_720_mp4 = rate_720 +\
-    '-movflags faststart -write_tmcd 0 "{output_dir}/720p_{output}.mp4" '
+    '-max_muxing_queue_size 9999 -movflags faststart -write_tmcd 0 \
+    "{output_dir}/720p_{output}.mp4" '
 
 end_1080_m3u8 = rate_720 +\
-    '-hls_playlist_type vod -hls_time 2 \
+    '-max_muxing_queue_size 9999 -hls_playlist_type vod -hls_time 2 \
     -hls_flags single_file {output_dir}/1080p_{output}.m3u8 '
 
 # :force_original_aspect_ratio=decrease,pad=1280:720:-1:-1:color=black
@@ -161,30 +164,12 @@ def get_cmd_gpu(format, codec, height, file):
                 output_dir=VIDEOS_OUTPUT_DIR,
                 output=filename
             )
-        add_info_video(
-            "encode_video",
-            {
-                "encoding_format": "video/mp2t",
-                "rendition": "640x360",
-                "filename": "360p_{output}.m3u8".format(output=filename),
-            },
-            True
-        )
     else:
         ffmpeg_cmd = ffmpeg_cmd + SUBTIME +\
             end_360_mp4.format(
                 output_dir=VIDEOS_OUTPUT_DIR,
                 output=filename
             )
-        add_info_video(
-            "encode_video",
-            {
-                "encoding_format": "video/mp4",
-                "rendition": "640x360",
-                "filename": "360p_{output}.mp4".format(output=filename),
-            },
-            True
-        )
     if height >= 720:
         ffmpeg_cmd = ffmpeg_cmd + scale_gpu.format(height=720)
         if format == "m3u8":
@@ -193,45 +178,17 @@ def get_cmd_gpu(format, codec, height, file):
                     output_dir=VIDEOS_OUTPUT_DIR,
                     output=filename
                 )
-            add_info_video(
-                "encode_video",
-                {
-                    "encoding_format": "video/mp2t",
-                    "rendition": "1280x720",
-                    "filename": "720p_{output}.m3u8".format(output=filename),
-                },
-                True
-            )
         else:
             ffmpeg_cmd = ffmpeg_cmd + SUBTIME +\
                 end_720_mp4.format(
                     output_dir=VIDEOS_OUTPUT_DIR,
                     output=filename)
-            add_info_video(
-                "encode_video",
-                {
-                    "encoding_format": "video/mp4",
-                    "rendition": "1280x720",
-                    "filename": "720p_{output}.mp4".format(output=filename),
-                },
-                True
-            )
-    if height >= 1080:
+    if height >= 1080 and format == "m3u8":
         ffmpeg_cmd = ffmpeg_cmd + COMMON + scale_gpu.format(height=1080)
-        if format == "m3u8":
-            ffmpeg_cmd = ffmpeg_cmd + SUBTIME +\
-                end_1080_m3u8.format(
-                    output_dir=VIDEOS_OUTPUT_DIR,
-                    output=filename)
-            add_info_video(
-                "encode_video",
-                {
-                    "encoding_format": "video/mp2t",
-                    "rendition": "1920x1080",
-                    "filename": "1080p_{output}.m3u8".format(output=filename),
-                },
-                True
-            )
+        ffmpeg_cmd = ffmpeg_cmd + SUBTIME +\
+            end_1080_m3u8.format(
+                output_dir=VIDEOS_OUTPUT_DIR,
+                output=filename)
     return ffmpeg_cmd
 
 
@@ -350,30 +307,12 @@ def get_cmd_cpu(format, codec, height, file):
                 output_dir=VIDEOS_OUTPUT_DIR,
                 output=filename
             )
-        add_info_video(
-            "encode_video",
-            {
-                "encoding_format": "video/mp2t",
-                "rendition": "640x360",
-                "filename": "360p_{output}.m3u8".format(output=filename),
-            },
-            True
-        )
     else:
         ffmpeg_cmd = ffmpeg_cmd + SUBTIME +\
             end_360_mp4.format(
                 output_dir=VIDEOS_OUTPUT_DIR,
                 output=filename
             )
-        add_info_video(
-            "encode_video",
-            {
-                "encoding_format": "video/mp4",
-                "rendition": "640x360",
-                "filename": "360p_{output}.mp4".format(output=filename),
-            },
-            True
-        )
     if height >= 720:
         ffmpeg_cmd = ffmpeg_cmd + scale_cpu.format(height=720)
         if format == "m3u8":
@@ -382,30 +321,12 @@ def get_cmd_cpu(format, codec, height, file):
                     output_dir=VIDEOS_OUTPUT_DIR,
                     output=filename
                 )
-            add_info_video(
-                "encode_video",
-                {
-                    "encoding_format": "video/mp2t",
-                    "rendition": "1280x720",
-                    "filename": "720p_{output}.m3u8".format(output=filename),
-                },
-                True
-            )
         else:
             ffmpeg_cmd = ffmpeg_cmd + SUBTIME +\
                 end_720_mp4.format(
                     output_dir=VIDEOS_OUTPUT_DIR,
                     output=filename
                 )
-            add_info_video(
-                "encode_video",
-                {
-                    "encoding_format": "video/mp4",
-                    "rendition": "1280x720",
-                    "filename": "720p_{output}.mp4".format(output=filename),
-                },
-                True
-            )
     if height >= 1080:
         ffmpeg_cmd = ffmpeg_cmd + scale_cpu.format(height=1080)
         if format == "m3u8":
@@ -414,15 +335,6 @@ def get_cmd_cpu(format, codec, height, file):
                     output_dir=VIDEOS_OUTPUT_DIR,
                     output=filename
                 )
-            add_info_video(
-                "encode_video",
-                {
-                    "encoding_format": "video/mp2t",
-                    "rendition": "1920x1080",
-                    "filename": "1080p_{output}.m3u8".format(output=filename),
-                },
-                True
-            )
     return ffmpeg_cmd
 
 
@@ -475,51 +387,72 @@ def encode(type, format, codec, height, file):
 
     if type == "gpu":
         ffmpeg_cmd = get_cmd_gpu(format, codec, height, file)
+        add_info_video_title = "encode_video"
+        add_info_video_content = {
+            "encoding_format":
+            "video/mp2t" if format == "m3u8" else "video/mp4",
+            "rendition": RENDITION[str(height)],
+            "filename":
+            "360p_{output}.{ext}".format(output=filename, ext=format)
+        }
+        add_info_video_append = True
+
     """
     if type == "mixed":
         ffmpeg_cmd = get_cmd_mixed(format, codec, height, file)
     """
     if type == "cpu":
         ffmpeg_cmd = get_cmd_cpu(format, codec, height, file)
+        add_info_video_title = "encode_video"
+        add_info_video_content = {
+            "encoding_format":
+                "video/mp2t" if format == "m3u8" else "video/mp4",
+            "rendition": RENDITION[str(height)],
+            "filename":
+                "360p_{output}.{ext}".format(output=filename, ext=format)
+        }
+        add_info_video_append = True
 
     if type == "mp3":
         ffmpeg_cmd = MP3.format(
             input=os.path.join(VIDEOS_DIR, file),
             output_dir=VIDEOS_OUTPUT_DIR,
             output=filename)
-        add_info_video(
-            "encode_audio",
-            {
-                "encoding_format": "audio/mp3",
-                "filename": "audio_192k_{output}.mp3".format(output=filename),
-            },
-            True
-        )
+
+        add_info_video_title = "encode_audio"
+        add_info_video_content = {
+            "encoding_format": "audio/mp3",
+            "filename": "audio_192k_{output}.mp3".format(output=filename),
+        }
+        add_info_video_append = True
     if type == "m4a":
         ffmpeg_cmd = M4A.format(
             input=os.path.join(VIDEOS_DIR, file),
             output_dir=VIDEOS_OUTPUT_DIR,
             output=filename)
-        add_info_video(
-            "encode_audio",
-            {
-                "encoding_format": "video/mp4",
-                "filename": "audio_192k_{output}.m4a".format(output=filename),
-            },
-            True
-        )
+        add_info_video_title = "encode_audio"
+        add_info_video_content = {
+            "encoding_format": "video/mp4",
+            "filename": "audio_192k_{output}.m4a".format(output=filename),
+        }
+        add_info_video_append = True
+
     if type == "thumbnail":
         ffmpeg_cmd = EXTRACT_THUMBNAIL.format(
             output_dir=VIDEOS_OUTPUT_DIR, input=os.path.join(VIDEOS_DIR, file))
-        add_info_video(
-            "encode_thumbnail",
-            {
-                "filename": "thumbnail.jpg",
-            },
-            False
-        )
+        add_info_video_title = "encode_thumbnail"
+        add_info_video_content = {
+            "filename": "thumbnail.jpg",
+        }
+        add_info_video_append = False
 
     return_value, return_msg = launch_cmd(ffmpeg_cmd, type, format)
+    if return_value is True:
+        add_info_video(
+            add_info_video_title,
+            add_info_video_content,
+            add_info_video_append
+        )
 
     encode_log(msg+return_msg)
     return return_value

From 6ab290d5f7a3430f60f178af1dbef98f54e7aee2 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 11 Feb 2021 09:48:28 +0100
Subject: [PATCH 144/145] fix more info video for video

---
 pod/video/encode_gpu.py | 36 ++++++++++++++++++++++++++++++++----
 1 file changed, 32 insertions(+), 4 deletions(-)

diff --git a/pod/video/encode_gpu.py b/pod/video/encode_gpu.py
index e38cbd500d..6f6196b098 100755
--- a/pod/video/encode_gpu.py
+++ b/pod/video/encode_gpu.py
@@ -384,19 +384,17 @@ def encode(type, format, codec, height, file):
             ) if unicodedata.category(c) != 'Mn'
         )
     )
-
     if type == "gpu":
         ffmpeg_cmd = get_cmd_gpu(format, codec, height, file)
         add_info_video_title = "encode_video"
         add_info_video_content = {
             "encoding_format":
             "video/mp2t" if format == "m3u8" else "video/mp4",
-            "rendition": RENDITION[str(height)],
+            "rendition": RENDITION["360"],
             "filename":
             "360p_{output}.{ext}".format(output=filename, ext=format)
         }
         add_info_video_append = True
-
     """
     if type == "mixed":
         ffmpeg_cmd = get_cmd_mixed(format, codec, height, file)
@@ -407,7 +405,7 @@ def encode(type, format, codec, height, file):
         add_info_video_content = {
             "encoding_format":
                 "video/mp2t" if format == "m3u8" else "video/mp4",
-            "rendition": RENDITION[str(height)],
+            "rendition": RENDITION["360"],
             "filename":
                 "360p_{output}.{ext}".format(output=filename, ext=format)
         }
@@ -453,11 +451,41 @@ def encode(type, format, codec, height, file):
             add_info_video_content,
             add_info_video_append
         )
+        add_more_info_video(add_info_video_title, height, filename, format)
 
     encode_log(msg+return_msg)
     return return_value
 
 
+def add_more_info_video(add_info_video_title, height, filename, format):
+    if add_info_video_title == "encode_video" and height >= 720:
+        add_info_video_content = {
+            "encoding_format":
+            "video/mp2t" if format == "m3u8" else "video/mp4",
+            "rendition": RENDITION["720"],
+            "filename":
+            "720p_{output}.{ext}".format(output=filename, ext=format)
+        }
+        add_info_video(
+            add_info_video_title,
+            add_info_video_content,
+            True
+        )
+        if height >= 1080 and format == "m3u8":
+            add_info_video_content = {
+                "encoding_format":
+                "video/mp2t" if format == "m3u8" else "video/mp4",
+                "rendition": RENDITION["1080"],
+                "filename":
+                "1080p_{output}.{ext}".format(output=filename, ext=format)
+            }
+            add_info_video(
+                add_info_video_title,
+                add_info_video_content,
+                True
+            )
+
+
 def get_info_from_video(probe_cmd):
     info = None
     msg = ""

From e19fc222f5079b7f533573dd848dfc2eecc03274 Mon Sep 17 00:00:00 2001
From: ptitloup <nicolas.can@univ-lille.fr>
Date: Thu, 11 Feb 2021 10:03:26 +0100
Subject: [PATCH 145/145] ad FFMPEG_SCALE parameter in settings local example

---
 pod/custom/settings_local.py.example | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/pod/custom/settings_local.py.example b/pod/custom/settings_local.py.example
index e89380c05b..d510eeb18a 100644
--- a/pod/custom/settings_local.py.example
+++ b/pod/custom/settings_local.py.example
@@ -476,6 +476,15 @@ FFMPEG_STATIC_PARAMS = " -c:a aac -ar 48000 -c:v h264 -profile:v high -pix_fmt y
 # autres paramètres qui sont placés au début de la commande
 """
 FFMPEG_MISC_PARAMS = " -hide_banner -y "
+# to use in GPU, specify for example
+# -y -vsync 0 -hwaccel_device {hwaccel_device} \
+# -hwaccel cuvid -c:v {codec}_cuvid
+
+"""
+# gestion de la taille de la vidéo pour l'encodage ffmpeg
+"""
+FFMPEG_SCALE = ' -vf "scale=-2:{height}" '
+# to use in GPU, specify ' -vf "scale_npp=-2:{height}:interp_algo=super" '
 
 """
 # bitrate audio pour l'encodage M4A