npm - @clappr/player - Versions diffs - 0.5.0 → 0.7.0 - Mend

@clappr/player 0.5.0 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/clappr.js +27046 -25855
package/dist/clappr.js.map +1 -1
package/dist/clappr.min.js +280 -187
package/dist/clappr.min.js.map +1 -1
package/dist/clappr.plainhtml5.js +756 -685
package/dist/clappr.plainhtml5.js.map +1 -1
package/dist/clappr.plainhtml5.min.js +1 -1
package/dist/clappr.plainhtml5.min.js.map +1 -1
package/package.json +18 -4
package/LICENSE +0 -25

package/dist/clappr.plainhtml5.js CHANGED Viewed

@@ -4,29 +4,29 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Clappr = factory());
 })(this, (function () { 'use strict';
-  function ownKeys$1(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function ownKeys$1(e, r) {
+    var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
     }
-    return keys;
+    return t;
   }
-  function _objectSpread2$1(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) {
-        _defineProperty$1(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  function _objectSpread2$1(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) {
+        _defineProperty$1(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-    return target;
+    return e;
   }
   function _defineProperty$1(obj, key, value) {
-    key = _toPropertyKey$1(key);
+    key = _toPropertyKey$2(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -39,7 +39,7 @@
     }
     return obj;
   }
-  function _toPrimitive$1(input, hint) {
+  function _toPrimitive$2(input, hint) {
     if (typeof input !== "object" || input === null) return input;
     var prim = input[Symbol.toPrimitive];
     if (prim !== undefined) {
@@ -49,40 +49,92 @@
     }
     return (hint === "string" ? String : Number)(input);
   }
-  function _toPropertyKey$1(arg) {
-    var key = _toPrimitive$1(arg, "string");
+  function _toPropertyKey$2(arg) {
+    var key = _toPrimitive$2(arg, "string");
     return typeof key === "symbol" ? key : String(key);
   }
-  function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
+  function _callSuper$1(t, o, e) {
+    return o = _getPrototypeOf$1(o), _possibleConstructorReturn$1(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf$1(t).constructor) : o.apply(t, e));
+  }
+  function _isNativeReflectConstruct$1() {
+    try {
+      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (t) {}
+    return (_isNativeReflectConstruct$1 = function () {
+      return !!t;
+    })();
+  }
+  function _iterableToArrayLimit(r, l) {
+    var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+    if (null != t) {
+      var e,
+        n,
+        i,
+        u,
+        a = [],
+        f = !0,
+        o = !1;
+      try {
+        if (i = (t = t.call(r)).next, 0 === l) {
+          if (Object(t) !== t) return;
+          f = !1;
+        } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      } catch (r) {
+        o = !0, n = r;
+      } finally {
+        try {
+          if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+        } finally {
+          if (o) throw n;
+        }
+      }
+      return a;
+    }
+  }
+  function ownKeys(e, r) {
+    var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
-      var symbols = Object.getOwnPropertySymbols(object);
-      enumerableOnly && (symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      })), keys.push.apply(keys, symbols);
+      var o = Object.getOwnPropertySymbols(e);
+      r && (o = o.filter(function (r) {
+        return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      })), t.push.apply(t, o);
     }
-    return keys;
+    return t;
   }
-  function _objectSpread2(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  function _objectSpread2(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = null != arguments[r] ? arguments[r] : {};
+      r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+        _defineProperty(e, r, t[r]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+        Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
       });
     }
-    return target;
+    return e;
   }
-  function _typeof(obj) {
+  function _toPrimitive$1(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+      var i = e.call(t, r);
+      if ("object" != typeof i) return i;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return String(t);
+  }
+  function _toPropertyKey$1(t) {
+    var i = _toPrimitive$1(t, "string");
+    return "symbol" == typeof i ? i : i + "";
+  }
+  function _typeof(o) {
     "@babel/helpers - typeof";
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
   }
   function _classCallCheck$1(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -95,7 +147,7 @@
       descriptor.enumerable = descriptor.enumerable || false;
       descriptor.configurable = true;
       if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+      Object.defineProperty(target, _toPropertyKey$1(descriptor.key), descriptor);
     }
   }
   function _createClass$1(Constructor, protoProps, staticProps) {
@@ -107,6 +159,7 @@
     return Constructor;
   }
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey$1(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -148,17 +201,6 @@
     };
     return _setPrototypeOf$1(o, p);
   }
-  function _isNativeReflectConstruct$1() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
   function _assertThisInitialized$1(self) {
     if (self === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -173,20 +215,6 @@
     }
     return _assertThisInitialized$1(self);
   }
-  function _createSuper$1(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct$1();
-    return function _createSuperInternal() {
-      var Super = _getPrototypeOf$1(Derived),
-        result;
-      if (hasNativeReflectConstruct) {
-        var NewTarget = _getPrototypeOf$1(this).constructor;
-        result = Reflect.construct(Super, arguments, NewTarget);
-      } else {
-        result = Super.apply(this, arguments);
-      }
-      return _possibleConstructorReturn$1(this, result);
-    };
-  }
   function _superPropBase$1(object, property) {
     while (!Object.prototype.hasOwnProperty.call(object, property)) {
       object = _getPrototypeOf$1(object);
@@ -225,30 +253,6 @@
   function _iterableToArray(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
   }
-  function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-      for (_i = _i.call(arr); !(_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"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
   function _unsupportedIterableToArray(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -271,7 +275,7 @@
   function _createForOfIteratorHelper(o, allowArrayLike) {
     var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
     if (!it) {
-      if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+      if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike) {
         if (it) o = it;
         var i = 0;
         var F = function () {};
@@ -319,173 +323,10 @@
       }
     };
   }
-  // Copyright 2014 Globo.com Player authors. All rights reserved.
-  // Use of this source code is governed by a BSD-style
-  // license that can be found in the LICENSE file.
-  /* istanbul ignore file */
-  /**
-   * Array.prototype.find
-   *
-   * Original source : https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find
-   * See also : https://tc39.github.io/ecma262/#sec-array.prototype.find
-   */
-  if (!Array.prototype.find) {
-    // eslint-disable-next-line
-    Object.defineProperty(Array.prototype, 'find', {
-      // Note: ES6 arrow function syntax is not used on purpose to avoid this to be undefined
-      value: function value(predicate) {
-        // 1. Let O be ? ToObject(this value).
-        if (this == null) throw new TypeError('"this" is null or not defined');
-        var o = Object(this);
-        // 2. Let len be ? ToLength(? Get(O, "length")).
-        var len = o.length >>> 0;
-        // 3. If IsCallable(predicate) is false, throw a TypeError exception.
-        if (typeof predicate !== 'function') throw new TypeError('predicate must be a function');
-        // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
-        var thisArg = arguments[1];
-        // 5. Let k be 0.
-        var k = 0;
-        // 6. Repeat, while k < len
-        while (k < len) {
-          // a. Let Pk be ! ToString(k).
-          // b. Let kValue be ? Get(O, Pk).
-          // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
-          // d. If testResult is true, return kValue.
-          var kValue = o[k];
-          if (predicate.call(thisArg, kValue, k, o)) return kValue;
-          // e. Increase k by 1.
-          k++;
-        }
-        // 7. Return undefined.
-        return undefined;
-      }
-    });
-  }
-  // polyfills for smart TVs
-  if (!Object.entries) {
-    Object.entries = function (obj) {
-      var ownProps = Object.keys(obj),
-        i = ownProps.length,
-        resArray = new Array(i); // preallocate the Array
-      while (i--) {
-        resArray[i] = [ownProps[i], obj[ownProps[i]]];
-      }
-      return resArray;
-    };
-  }
-  if (!Object.values) {
-    Object.values = function (obj) {
-      var ownProps = Object.keys(obj),
-        i = ownProps.length,
-        resArray = new Array(i); // preallocate the Array
-      while (i--) {
-        resArray[i] = obj[ownProps[i]];
-      }
-      return resArray;
-    };
-  }
-  /**
-   * Object.assign
-   * This polyfill doesn't support symbol properties, since ES5 doesn't have symbols anyway
-   *
-   * Original source : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
-   */
-  if (typeof Object.assign != 'function') {
-    // Must be writable: true, enumerable: false, configurable: true
-    Object.defineProperty(Object, 'assign', {
-      // length of function is 2.
-      value: function assign(target, varArgs) {
-        if (target == null) {
-          // TypeError if undefined or null
-          throw new TypeError('Cannot convert undefined or null to object');
-        }
-        var to = Object(target);
-        for (var index = 1; index < arguments.length; index++) {
-          var nextSource = arguments[index];
-          if (nextSource != null) {
-            // Skip over if undefined or null
-            for (var nextKey in nextSource) {
-              // Avoid bugs when hasOwnProperty is shadowed
-              if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
-                to[nextKey] = nextSource[nextKey];
-              }
-            }
-          }
-        }
-        return to;
-      },
-      writable: true,
-      configurable: true
-    });
-  }
-  // https://tc39.github.io/ecma262/#sec-array.prototype.findindex
-  if (!Array.prototype.findIndex) {
-    Object.defineProperty(Array.prototype, 'findIndex', {
-      value: function value(predicate) {
-        // 1. Let O be ? ToObject(this value).
-        if (this == null) {
-          throw new TypeError('"this" is null or not defined');
-        }
-        var o = Object(this);
-        // 2. Let len be ? ToLength(? Get(O, "length")).
-        var len = o.length >>> 0;
-        // 3. If IsCallable(predicate) is false, throw a TypeError exception.
-        if (typeof predicate !== 'function') {
-          throw new TypeError('predicate must be a function');
-        }
-        // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
-        var thisArg = arguments[1];
-        // 5. Let k be 0.
-        var k = 0;
-        // 6. Repeat, while k < len
-        while (k < len) {
-          // a. Let Pk be ! ToString(k).
-          // b. Let kValue be ? Get(O, Pk).
-          // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
-          // d. If testResult is true, return k.
-          var kValue = o[k];
-          if (predicate.call(thisArg, kValue, k, o)) {
-            return k;
-          }
-          // e. Increase k by 1.
-          k++;
-        }
-        // 7. Return -1.
-        return -1;
-      },
-      configurable: true,
-      writable: true
-    });
+  function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
   }
-  /* istanbul ignore file */
-  // https://github.com/mathiasbynens/small
-  var mp4 = 'data:video/mp4;base64,AAAAHGZ0eXBpc29tAAACAGlzb21pc28ybXA0MQAAAAhmcmVlAAAC721kYXQhEAUgpBv/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3pwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcCEQBSCkG//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADengAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcAAAAsJtb292AAAAbG12aGQAAAAAAAAAAAAAAAAAAAPoAAAALwABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAB7HRyYWsAAABcdGtoZAAAAAMAAAAAAAAAAAAAAAIAAAAAAAAALwAAAAAAAAAAAAAAAQEAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAAC8AAAAAAAEAAAAAAWRtZGlhAAAAIG1kaGQAAAAAAAAAAAAAAAAAAKxEAAAIAFXEAAAAAAAtaGRscgAAAAAAAAAAc291bgAAAAAAAAAAAAAAAFNvdW5kSGFuZGxlcgAAAAEPbWluZgAAABBzbWhkAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAADTc3RibAAAAGdzdHNkAAAAAAAAAAEAAABXbXA0YQAAAAAAAAABAAAAAAAAAAAAAgAQAAAAAKxEAAAAAAAzZXNkcwAAAAADgICAIgACAASAgIAUQBUAAAAAAfQAAAHz+QWAgIACEhAGgICAAQIAAAAYc3R0cwAAAAAAAAABAAAAAgAABAAAAAAcc3RzYwAAAAAAAAABAAAAAQAAAAIAAAABAAAAHHN0c3oAAAAAAAAAAAAAAAIAAAFzAAABdAAAABRzdGNvAAAAAAAAAAEAAAAsAAAAYnVkdGEAAABabWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAbWRpcmFwcGwAAAAAAAAAAAAAAAAtaWxzdAAAACWpdG9vAAAAHWRhdGEAAAABAAAAAExhdmY1Ni40MC4xMDE=';
-  var Media = {
-    mp4: mp4
-  };
   /* Zepto v1.2.0 - zepto ajax callbacks deferred event ie selector - zeptojs.com/license */
   var Zepto = function () {
     var undefined$1,
@@ -1317,6 +1158,7 @@
     // Generate the `width` and `height` functions
     ;
     ['width', 'height'].forEach(function (dimension) {
       var dimensionProperty = dimension.replace(/./, function (m) {
         return m[0].toUpperCase();
@@ -2183,6 +2025,7 @@
     // shortcut methods for `.bind(event, fn)` for each event type
     ;
     ('focusin focusout focus blur load resize scroll unload click dblclick ' + 'mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave ' + 'change select keydown keypress keyup error').split(' ').forEach(function (event) {
       $.fn[event] = function (callback) {
         return 0 in arguments ? this.bind(event, callback) : this.trigger(event);
@@ -2311,6 +2154,168 @@
     };
   })(Zepto);
   var zepto = Zepto;
+  var $ = /*@__PURE__*/getDefaultExportFromCjs(zepto);
+  // Copyright 2014 Globo.com Player authors. All rights reserved.
+  // Use of this source code is governed by a BSD-style
+  // license that can be found in the LICENSE file.
+  /* istanbul ignore file */
+  /**
+   * Array.prototype.find
+   *
+   * Original source : https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/find
+   * See also : https://tc39.github.io/ecma262/#sec-array.prototype.find
+   */
+  if (!Array.prototype.find) {
+    // eslint-disable-next-line
+    Object.defineProperty(Array.prototype, 'find', {
+      // Note: ES6 arrow function syntax is not used on purpose to avoid this to be undefined
+      value: function value(predicate) {
+        // 1. Let O be ? ToObject(this value).
+        if (this == null) throw new TypeError('"this" is null or not defined');
+        var o = Object(this);
+        // 2. Let len be ? ToLength(? Get(O, "length")).
+        var len = o.length >>> 0;
+        // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+        if (typeof predicate !== 'function') throw new TypeError('predicate must be a function');
+        // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+        var thisArg = arguments[1];
+        // 5. Let k be 0.
+        var k = 0;
+        // 6. Repeat, while k < len
+        while (k < len) {
+          // a. Let Pk be ! ToString(k).
+          // b. Let kValue be ? Get(O, Pk).
+          // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+          // d. If testResult is true, return kValue.
+          var kValue = o[k];
+          if (predicate.call(thisArg, kValue, k, o)) return kValue;
+          // e. Increase k by 1.
+          k++;
+        }
+        // 7. Return undefined.
+        return undefined;
+      }
+    });
+  }
+  // polyfills for smart TVs
+  if (!Object.entries) {
+    Object.entries = function (obj) {
+      var ownProps = Object.keys(obj),
+        i = ownProps.length,
+        resArray = new Array(i); // preallocate the Array
+      while (i--) resArray[i] = [ownProps[i], obj[ownProps[i]]];
+      return resArray;
+    };
+  }
+  if (!Object.values) {
+    Object.values = function (obj) {
+      var ownProps = Object.keys(obj),
+        i = ownProps.length,
+        resArray = new Array(i); // preallocate the Array
+      while (i--) resArray[i] = obj[ownProps[i]];
+      return resArray;
+    };
+  }
+  /**
+   * Object.assign
+   * This polyfill doesn't support symbol properties, since ES5 doesn't have symbols anyway
+   *
+   * Original source : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
+   */
+  if (typeof Object.assign != 'function') {
+    // Must be writable: true, enumerable: false, configurable: true
+    Object.defineProperty(Object, 'assign', {
+      // length of function is 2.
+      value: function assign(target, varArgs) {
+        if (target == null) {
+          // TypeError if undefined or null
+          throw new TypeError('Cannot convert undefined or null to object');
+        }
+        var to = Object(target);
+        for (var index = 1; index < arguments.length; index++) {
+          var nextSource = arguments[index];
+          if (nextSource != null) {
+            // Skip over if undefined or null
+            for (var nextKey in nextSource) {
+              // Avoid bugs when hasOwnProperty is shadowed
+              if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+                to[nextKey] = nextSource[nextKey];
+              }
+            }
+          }
+        }
+        return to;
+      },
+      writable: true,
+      configurable: true
+    });
+  }
+  // https://tc39.github.io/ecma262/#sec-array.prototype.findindex
+  if (!Array.prototype.findIndex) {
+    Object.defineProperty(Array.prototype, 'findIndex', {
+      value: function value(predicate) {
+        // 1. Let O be ? ToObject(this value).
+        if (this == null) {
+          throw new TypeError('"this" is null or not defined');
+        }
+        var o = Object(this);
+        // 2. Let len be ? ToLength(? Get(O, "length")).
+        var len = o.length >>> 0;
+        // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+        if (typeof predicate !== 'function') {
+          throw new TypeError('predicate must be a function');
+        }
+        // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+        var thisArg = arguments[1];
+        // 5. Let k be 0.
+        var k = 0;
+        // 6. Repeat, while k < len
+        while (k < len) {
+          // a. Let Pk be ! ToString(k).
+          // b. Let kValue be ? Get(O, Pk).
+          // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+          // d. If testResult is true, return k.
+          var kValue = o[k];
+          if (predicate.call(thisArg, kValue, k, o)) {
+            return k;
+          }
+          // e. Increase k by 1.
+          k++;
+        }
+        // 7. Return -1.
+        return -1;
+      },
+      configurable: true,
+      writable: true
+    });
+  }
+  /* istanbul ignore file */
+  // https://github.com/mathiasbynens/small
+  var mp4 = 'data:video/mp4;base64,AAAAHGZ0eXBpc29tAAACAGlzb21pc28ybXA0MQAAAAhmcmVlAAAC721kYXQhEAUgpBv/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3pwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcCEQBSCkG//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADengAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcAAAAsJtb292AAAAbG12aGQAAAAAAAAAAAAAAAAAAAPoAAAALwABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAB7HRyYWsAAABcdGtoZAAAAAMAAAAAAAAAAAAAAAIAAAAAAAAALwAAAAAAAAAAAAAAAQEAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAAC8AAAAAAAEAAAAAAWRtZGlhAAAAIG1kaGQAAAAAAAAAAAAAAAAAAKxEAAAIAFXEAAAAAAAtaGRscgAAAAAAAAAAc291bgAAAAAAAAAAAAAAAFNvdW5kSGFuZGxlcgAAAAEPbWluZgAAABBzbWhkAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAADTc3RibAAAAGdzdHNkAAAAAAAAAAEAAABXbXA0YQAAAAAAAAABAAAAAAAAAAAAAgAQAAAAAKxEAAAAAAAzZXNkcwAAAAADgICAIgACAASAgIAUQBUAAAAAAfQAAAHz+QWAgIACEhAGgICAAQIAAAAYc3R0cwAAAAAAAAABAAAAAgAABAAAAAAcc3RzYwAAAAAAAAABAAAAAQAAAAIAAAABAAAAHHN0c3oAAAAAAAAAAAAAAAIAAAFzAAABdAAAABRzdGNvAAAAAAAAAAEAAAAsAAAAYnVkdGEAAABabWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAbWRpcmFwcGwAAAAAAAAAAAAAAAAtaWxzdAAAACWpdG9vAAAAHWRhdGEAAAABAAAAAExhdmY1Ni40MC4xMDE=';
+  var Media = {
+    mp4: mp4
+  };
   /* eslint-disable no-useless-escape */
   // The order of the following arrays is important, be careful if you change it.
@@ -2551,7 +2556,6 @@
     group: 'BlackBerry',
     identifier: 'BlackBerry'
   }];
   var Browser = {};
   var hasLocalstorage = function hasLocalstorage() {
     try {
@@ -2708,8 +2712,8 @@
   // Set viewport size
   var getViewportSize = function getViewportSize() {
     var viewportObject = {};
-    viewportObject.width = zepto(window).width();
-    viewportObject.height = zepto(window).height();
+    viewportObject.width = $(window).width();
+    viewportObject.height = $(window).height();
     return viewportObject;
   };
@@ -2772,7 +2776,6 @@
   Browser.viewport = getViewportSize();
   Browser.device = getDevice(Browser.userAgent);
   typeof window.orientation !== 'undefined' && setViewportOrientation();
   var idsCounter = {};
   var videoStack = [];
   var requestAnimationFrame = (window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
@@ -2790,23 +2793,29 @@
   }
   function extend$1(parent, properties) {
     var Surrogate = /*#__PURE__*/function (_parent) {
-      _inherits$1(Surrogate, _parent);
-      var _super = _createSuper$1(Surrogate);
       function Surrogate() {
         var _this;
         _classCallCheck$1(this, Surrogate);
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
         }
-        _this = _super.call.apply(_super, [this].concat(args));
-        if (properties.initialize) properties.initialize.apply(_assertThisInitialized$1(_this), args);
+        _this = _callSuper$1(this, Surrogate, [].concat(args));
+        if (properties.initialize) properties.initialize.apply(_this, args);
         return _this;
       }
+      _inherits$1(Surrogate, _parent);
       return _createClass$1(Surrogate);
     }(parent);
     assign(Surrogate.prototype, properties);
     return Surrogate;
   }
+  /**
+   *
+   * @param {number} time
+   * @param {*=} paddedHours
+   * @returns
+   */
   function formatTime$2(time, paddedHours) {
     if (!isFinite(time)) return '--:--';
     time = time * 1000;
@@ -2859,7 +2868,7 @@
     function Config() {
       _classCallCheck$1(this, Config);
     }
-    _createClass$1(Config, null, [{
+    return _createClass$1(Config, null, [{
       key: "_defaultConfig",
       value: function _defaultConfig() {
         return {
@@ -2902,13 +2911,12 @@
         }
       }
     }]);
-    return Config;
   }();
   var QueryString = /*#__PURE__*/function () {
     function QueryString() {
       _classCallCheck$1(this, QueryString);
     }
-    _createClass$1(QueryString, null, [{
+    return _createClass$1(QueryString, null, [{
       key: "params",
       get: function get() {
         var query = window.location.search.substring(1);
@@ -2946,7 +2954,6 @@
         return params;
       }
     }]);
-    return QueryString;
   }();
   function seekStringToSeconds() {
     var paramName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 't';
@@ -3045,10 +3052,10 @@
     function DomRecycler() {
       _classCallCheck$1(this, DomRecycler);
     }
-    _createClass$1(DomRecycler, null, [{
+    return _createClass$1(DomRecycler, null, [{
       key: "configure",
       value: function configure(options) {
-        this.options = zepto.extend(true, this.options, options);
+        this.options = $.extend(true, this.options, options);
       }
     }, {
       key: "create",
@@ -3060,14 +3067,13 @@
       key: "garbage",
       value: function garbage(el) {
         if (!this.options.recycleVideo || el.tagName.toUpperCase() !== 'VIDEO') return;
-        zepto(el).children().remove();
+        $(el).children().remove();
         Object.values(el.attributes).forEach(function (attr) {
           return el.removeAttribute(attr.name);
         });
         videoStack.push(el);
       }
     }]);
-    return DomRecycler;
   }();
   DomRecycler.options = {
     recycleVideo: false
@@ -3079,7 +3085,7 @@
       this.delay = delay;
       this.lastTime = 0;
     }
-    _createClass$1(DoubleEventHandler, [{
+    return _createClass$1(DoubleEventHandler, [{
       key: "handle",
       value: function handle(event, cb) {
         var prevented = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
@@ -3093,7 +3099,6 @@
         this.lastTime = currentTime;
       }
     }]);
-    return DoubleEventHandler;
   }();
   var Utils = {
     Config: Config$1,
@@ -3143,7 +3148,7 @@
       this.previousLevel = this.level;
       this.offLevel = offLevel;
     }
-    _createClass$1(Log, [{
+    return _createClass$1(Log, [{
       key: "level",
       get: function get() {
         return this._level;
@@ -3198,7 +3203,6 @@
         window.console && window.console.log && window.console.log.apply(console, ['%c[' + DESCRIPTIONS[level] + ']' + klassDescription, color].concat(message));
       }
     }]);
-    return Log;
   }();
   Log.LEVEL_DEBUG = LEVEL_DEBUG;
   Log.LEVEL_INFO = LEVEL_INFO;
@@ -3223,7 +3227,6 @@
   Log.error = function () {
     this.getInstance().error.apply(this.getInstance(), arguments);
   };
   var slice = Array.prototype.slice;
   var eventSplitter = /\s+/;
   var eventsApi = function eventsApi(obj, action, name, rest) {
@@ -3231,18 +3234,14 @@
     // Handle event maps.
     if (_typeof(name) === 'object') {
-      for (var key in name) {
-        obj[action].apply(obj, [key, name[key]].concat(rest));
-      }
+      for (var key in name) obj[action].apply(obj, [key, name[key]].concat(rest));
       return false;
     }
     // Handle space separated event names.
     if (eventSplitter.test(name)) {
       var names = name.split(eventSplitter);
-      for (var i = 0, l = names.length; i < l; i++) {
-        obj[action].apply(obj, [names[i]].concat(rest));
-      }
+      for (var i = 0, l = names.length; i < l; i++) obj[action].apply(obj, [names[i]].concat(rest));
       return false;
     }
     return true;
@@ -3301,7 +3300,7 @@
     function Events() {
       _classCallCheck$1(this, Events);
     }
-    _createClass$1(Events, [{
+    return _createClass$1(Events, [{
       key: "on",
       value:
       /**
@@ -3343,6 +3342,7 @@
           off();
           callback.apply(this, arguments);
         };
+        _once._callback = callback;
         return this.on(name, _once, context);
       }
@@ -3443,22 +3443,36 @@
         });
       }
     }]);
-    return Events;
   }();
-  var listenMethods = {
-    listenTo: 'on',
-    listenToOnce: 'once'
+  Events.prototype.listenTo = function (obj, name, callback) {
+    var listeningTo = this._listeningTo || (this._listeningTo = {});
+    var id = obj._listenId || (obj._listenId = uniqueId('l'));
+    listeningTo[id] = obj;
+    if (!callback && _typeof(name) === 'object') callback = this;
+    obj.on(name, callback, this);
+    return this;
+  };
+  /**
+   * listen to an event once for a given `obj`
+   * @method listenToOnce
+   * @param {Object} obj
+   * @param {String} name
+   * @param {Function} callback
+   * @param {Object} context
+   * @example
+   * ```javascript
+   * this.listenToOnce(this.core.playback, Events.PLAYBACK_PAUSE, this.callback)
+   * ```
+   */
+  Events.prototype.listenToOnce = function (obj, name, callback) {
+    var listeningTo = this._listeningTo || (this._listeningTo = {});
+    var id = obj._listenId || (obj._listenId = uniqueId('l'));
+    listeningTo[id] = obj;
+    if (!callback && _typeof(name) === 'object') callback = this;
+    obj.once(name, callback, this);
+    return this;
   };
-  Object.keys(listenMethods).forEach(function (method) {
-    Events.prototype[method] = function (obj, name, callback) {
-      var listeningTo = this._listeningTo || (this._listeningTo = {});
-      var id = obj._listenId || (obj._listenId = uniqueId('l'));
-      listeningTo[id] = obj;
-      if (!callback && _typeof(name) === 'object') callback = this;
-      obj[listenMethods[method]](name, callback, this);
-      return this;
-    };
-  });
   // PLAYER EVENTS
   /**
@@ -3567,6 +3581,16 @@
   Events.PLAYER_SUBTITLE_AVAILABLE = 'subtitleavailable';
   // Playback Events
+  /** Fired when picture-in-picture mode is entered
+   *
+   * @event PLAYBACK_PIP_ENTER
+   */
+  Events.PLAYBACK_PIP_ENTER = 'playback:picture-in-picture:enter';
+  /** Fired when picture-in-picture mode is exited
+   *
+   * @event PLAYBACK_PIP_EXIT
+   */
+  Events.PLAYBACK_PIP_EXIT = 'playback:picture-in-picture:exit';
   /**
    * Fired when the playback is downloading the media
    *
@@ -3998,6 +4022,17 @@
   Events.CONTAINER_MOUSE_UP = 'container:mouseup';
   Events.CONTAINER_MOUSE_DOWN = 'container:mousedown';
+  /**
+   *  Fired when the container enters on Picture-in-Picture mode
+   * @event CONTAINER_PIP_ENTER
+   */
+  Events.CONTAINER_PIP_ENTER = 'container:picture-in-picture:enter';
+  /**
+   * Fired when the container exits from Picture-in-Picture mode
+   * @event CONTAINER_PIP_EXIT
+   */
+  Events.CONTAINER_PIP_EXIT = 'container:picture-in-picture:exit';
   /**
    * Fired when the container seeks the video
    *
@@ -4131,8 +4166,6 @@
    * @module base
    */
   var BaseObject = /*#__PURE__*/function (_Events) {
-    _inherits$1(BaseObject, _Events);
-    var _super = _createSuper$1(BaseObject);
     /**
      * @method constructor
      * @param {Object} options
@@ -4141,7 +4174,7 @@
       var _this;
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       _classCallCheck$1(this, BaseObject);
-      _this = _super.call(this, options);
+      _this = _callSuper$1(this, BaseObject, [options]);
       _this._options = options;
       _this.uniqueId = uniqueId('o');
       return _this;
@@ -4152,7 +4185,8 @@
     * @property uniqueId
     * @type String
     */
-    _createClass$1(BaseObject, [{
+    _inherits$1(BaseObject, _Events);
+    return _createClass$1(BaseObject, [{
       key: "options",
       get:
       /**
@@ -4164,7 +4198,6 @@
         return this._options;
       }
     }]);
-    return BaseObject;
   }(Events);
   /* eslint-disable no-var */
@@ -4216,9 +4249,14 @@
   };
   var counter = 0;
-  // JavaScript micro-templating, similar to John Resig's implementation.
-  // Underscore templating handles arbitrary delimiters, preserves whitespace,
-  // and correctly escapes quotes within interpolated code.
+  /**
+   * JavaScript micro-templating, similar to John Resig's implementation.
+   * Underscore templating handles arbitrary delimiters, preserves whitespace,
+   * and correctly escapes quotes within interpolated code.
+   * @param {string} text
+   * @param {*=} data
+   * @returns
+   */
   var tmpl = function tmpl(text, data) {
     var render;
@@ -4263,15 +4301,17 @@
   tmpl.settings = settings;
   // Copyright 2014 Globo.com Player authors. All rights reserved.
+  // Use of this source code is governed by a BSD-style
+  // license that can be found in the LICENSE file.
   var Styler = {
     getStyleFor: function getStyleFor(style) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
         baseUrl: ''
       };
-      return zepto('<style class="clappr-style"></style>').html(tmpl(style.toString())(options));
+      return $('<style class="clappr-style"></style>').html(tmpl(style.toString())(options));
     }
   };
   var delegateEventSplitter = /^(\S+)\s*(.*)$/;
   /**
@@ -4282,8 +4322,6 @@
    * @module base
    */
   var UIObject = /*#__PURE__*/function (_BaseObject) {
-    _inherits$1(UIObject, _BaseObject);
-    var _super = _createSuper$1(UIObject);
     /**
      * it builds an ui component by:
      *  * creating an id for the component `cid`
@@ -4295,7 +4333,13 @@
     function UIObject(options) {
       var _this;
       _classCallCheck$1(this, UIObject);
-      _this = _super.call(this, options);
+      _this = _callSuper$1(this, UIObject, [options]);
+      /**
+       * a unique id prefixed with `'c'`, `c1, c232`
+       *
+       * @property cid
+       * @type String
+       */
       _this.cid = uniqueId('c');
       _this._ensureElement();
       _this.delegateEvents();
@@ -4311,29 +4355,11 @@
      * ```javascript
      * fullScreenBarUIComponent.$('.button-full') //will return only `.button-full` within the component
      * ```
-     */
-    _createClass$1(UIObject, [{
-      key: "tagName",
-      get:
-      /**
-       * a unique id prefixed with `'c'`, `c1, c232`
-       *
-       * @property cid
-       * @type String
-       */
-      /**
-       * the dom element itself
-       *
-       * @property el
-       * @type HTMLElement
-       */
-      /**
-       * the dom element wrapped by `$`
-       *
-       * @property $el
-       * @type HTMLElement
-       */
+     */
+    _inherits$1(UIObject, _BaseObject);
+    return _createClass$1(UIObject, [{
+      key: "tagName",
+      get:
       /**
        * gets the tag name for the ui component
        * @method tagName
@@ -4432,7 +4458,19 @@
       key: "setElement",
       value: function setElement(element, delegate) {
         if (this.$el) this.undelegateEvents();
-        this.$el = zepto.zepto.isZ(element) ? element : zepto(element);
+        /**
+         * the dom element wrapped by `$`
+         *
+         * @property $el
+         * @type import("clappr-zepto").ZeptoCollection
+         */
+        this.$el = $.zepto.isZ(element) ? element : $(element);
+        /**
+         * the dom element itself
+         *
+         * @property el
+         * @type HTMLElement
+         */
         this.el = this.$el[0];
         if (delegate !== false) this.delegateEvents();
         return this;
@@ -4483,17 +4521,16 @@
       key: "_ensureElement",
       value: function _ensureElement() {
         if (!this.el) {
-          var attrs = zepto.extend(true, {}, this.attributes);
+          var attrs = $.extend(true, {}, this.attributes);
           if (this.id) attrs.id = this.id;
           if (this.className) attrs['class'] = this.className;
-          var $el = zepto(DomRecycler.create(this.tagName)).attr(attrs);
+          var $el = $(DomRecycler.create(this.tagName)).attr(attrs);
           this.setElement($el, false);
         } else {
           this.setElement(this.el, false);
         }
       }
     }]);
-    return UIObject;
   }(BaseObject);
   /**
@@ -4504,14 +4541,12 @@
    * @module components
    */
   var PlayerError = /*#__PURE__*/function (_BaseObject) {
-    _inherits$1(PlayerError, _BaseObject);
-    var _super = _createSuper$1(PlayerError);
     function PlayerError() {
       var _this;
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var core = arguments.length > 1 ? arguments[1] : undefined;
       _classCallCheck$1(this, PlayerError);
-      _this = _super.call(this, options);
+      _this = _callSuper$1(this, PlayerError, [options]);
       _this.core = core;
       return _this;
     }
@@ -4521,7 +4556,8 @@
      * @method createError
      * @param {Object} err should be an object with code, description, level, origin, scope and raw error.
      */
-    _createClass$1(PlayerError, [{
+    _inherits$1(PlayerError, _BaseObject);
+    return _createClass$1(PlayerError, [{
       key: "name",
       get: function get() {
         return 'error';
@@ -4550,9 +4586,7 @@
         };
       }
     }]);
-    return PlayerError;
   }(BaseObject);
   var ErrorMixin = {
     /**
      * creates an error.
@@ -4589,21 +4623,19 @@
       return errorData;
     }
   };
   var UICorePlugin = /*#__PURE__*/function (_UIObject) {
-    _inherits$1(UICorePlugin, _UIObject);
-    var _super = _createSuper$1(UICorePlugin);
     function UICorePlugin(core) {
       var _this;
       _classCallCheck$1(this, UICorePlugin);
-      _this = _super.call(this, core.options);
+      _this = _callSuper$1(this, UICorePlugin, [core.options]);
       _this.core = core;
       _this.enabled = true;
       _this.bindEvents();
       _this.render();
       return _this;
     }
-    _createClass$1(UICorePlugin, [{
+    _inherits$1(UICorePlugin, _UIObject);
+    return _createClass$1(UICorePlugin, [{
       key: "playerError",
       get: function get() {
         return this.core.playerError;
@@ -4638,14 +4670,12 @@
         return this;
       }
     }]);
-    return UICorePlugin;
   }(UIObject);
   Object.assign(UICorePlugin.prototype, ErrorMixin);
   UICorePlugin.extend = function (properties) {
     return extend$1(UICorePlugin, properties);
   };
   UICorePlugin.type = 'core';
   var css_248z$5$1 = ".container[data-container] {\n  position: absolute;\n  background-color: black;\n  height: 100%;\n  width: 100%;\n  max-width: 100%; }\n  .container[data-container] .chromeless {\n    cursor: default; }\n\n[data-player]:not(.nocursor) .container[data-container]:not(.chromeless).pointer-enabled {\n  cursor: pointer; }\n";
   /**
@@ -4657,8 +4687,6 @@
    * @module base
    */
   var Container = /*#__PURE__*/function (_UIObject) {
-    _inherits$1(Container, _UIObject);
-    var _super = _createSuper$1(Container);
     /**
      * it builds a container
      * @method constructor
@@ -4668,13 +4696,13 @@
     function Container(options, i18n, playerError) {
       var _this;
       _classCallCheck$1(this, Container);
-      _this = _super.call(this, options);
+      _this = _callSuper$1(this, Container, [options]);
       _this._i18n = i18n;
       _this.currentTime = 0;
       _this.volume = 100;
       _this.playback = options.playback;
       _this.playerError = playerError;
-      _this.settings = zepto.extend(true, {}, _this.playback.settings);
+      _this.settings = $.extend(true, {}, _this.playback.settings);
       _this.isReady = false;
       _this.mediaControlDisabled = false;
       _this.plugins = [_this.playback];
@@ -4709,12 +4737,15 @@
      * | play |
      * | pause |
      * | error |
+     * | pip_enter |
+     * | pip_exit |
      *
      * ps: the events usually translate from PLABACK_x to CONTAINER_x, you can check all the events at `Event` class.
      *
      * @method bindEvents
      */
-    _createClass$1(Container, [{
+    _inherits$1(Container, _UIObject);
+    return _createClass$1(Container, [{
       key: "name",
       get:
       /**
@@ -4845,6 +4876,16 @@
       get: function get() {
         return this.playback.currentAudioTrack;
       }
+      /**
+      * returns the picture-in-picture state.
+      * @type {Boolean}
+      */
+    }, {
+      key: "isPiPActive",
+      get: function get() {
+        return this.playback.isPiPActive;
+      }
     }, {
       key: "bindEvents",
       value: function bindEvents() {
@@ -4872,6 +4913,8 @@
         this.listenTo(this.playback, Events.PLAYBACK_SUBTITLE_CHANGED, this.subtitleChanged);
         this.listenTo(this.playback, Events.PLAYBACK_AUDIO_AVAILABLE, this.audioAvailable);
         this.listenTo(this.playback, Events.PLAYBACK_AUDIO_CHANGED, this.audioChanged);
+        this.listenTo(this.playback, Events.PLAYBACK_PIP_ENTER, this.onEnterPiP);
+        this.listenTo(this.playback, Events.PLAYBACK_PIP_EXIT, this.onExitPiP);
       }
     }, {
       key: "subtitleAvailable",
@@ -4957,6 +5000,7 @@
           return plugin.destroy();
         });
         this.$el.remove();
+        this.undelegateEvents();
       }
     }, {
       key: "setStyle",
@@ -5176,6 +5220,16 @@
       value: function bufferfull() {
         this.trigger(Events.CONTAINER_STATE_BUFFERFULL, this.name);
       }
+    }, {
+      key: "onEnterPiP",
+      value: function onEnterPiP() {
+        this.trigger(Events.CONTAINER_PIP_ENTER, this.name);
+      }
+    }, {
+      key: "onExitPiP",
+      value: function onExitPiP() {
+        this.trigger(Events.CONTAINER_PIP_EXIT, this.name);
+      }
       /**
        * adds plugin to the container
@@ -5232,6 +5286,16 @@
       value: function mouseDown() {
         if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events.CONTAINER_MOUSE_DOWN);
       }
+    }, {
+      key: "enterPiP",
+      value: function enterPiP() {
+        this.playback.enterPiP();
+      }
+    }, {
+      key: "exitPiP",
+      value: function exitPiP() {
+        this.playback.exitPiP();
+      }
     }, {
       key: "settingsUpdate",
       value: function settingsUpdate() {
@@ -5308,7 +5372,7 @@
     }, {
       key: "configure",
       value: function configure(options) {
-        this._options = zepto.extend(true, this._options, options);
+        this._options = $.extend(true, this._options, options);
         this.updateStyle();
         this.playback.configure(this.options);
         this.trigger(Events.CONTAINER_OPTIONS_CHANGE);
@@ -5327,7 +5391,6 @@
         return this;
       }
     }]);
-    return Container;
   }(UIObject);
   Object.assign(Container.prototype, ErrorMixin);
@@ -5349,8 +5412,6 @@
    * @module base
    */
   var Playback = /*#__PURE__*/function (_UIObject) {
-    _inherits$1(Playback, _UIObject);
-    var _super = _createSuper$1(Playback);
     /**
      * @method constructor
      * @param {Object} options the options object
@@ -5359,7 +5420,7 @@
     function Playback(options, i18n, playerError) {
       var _this;
       _classCallCheck$1(this, Playback);
-      _this = _super.call(this, options);
+      _this = _callSuper$1(this, Playback, [options]);
       _this.settings = {};
       _this._i18n = i18n;
       _this.playerError = playerError;
@@ -5372,7 +5433,8 @@
      * @method consent
      * @param {Function} callback function called when playback is consented
      */
-    _createClass$1(Playback, [{
+    _inherits$1(Playback, _UIObject);
+    return _createClass$1(Playback, [{
       key: "isAudioOnly",
       get:
       /**
@@ -5423,6 +5485,41 @@
       get: function get() {
         return false;
       }
+      /**
+       * The estimated time (in seconds) of a video's live edge plus time sync playlist advanced.
+       * (i.e if first playlist hasn't been loaded, will return 0)
+       * @property latency
+       * @type {Number}
+       */
+    }, {
+      key: "latency",
+      get: function get() {
+        return null;
+      }
+      /**
+       * The datetime value relative for a video's active level Program Date Time, if present.
+       * (i.e if first playlist hasn't been loaded, will return null)
+       * @property currentProgramDateTime
+       * @return {Date}
+       */
+    }, {
+      key: "currentProgramDateTime",
+      get: function get() {
+        return null;
+      }
+      /**
+       * checks if picture in picture mode is active.
+       * @property isPiPActive
+       * @type {Boolean} `true` if the current playback is in picture in picture mode, otherwise `false`
+       */
+    }, {
+      key: "isPiPActive",
+      get: function get() {
+        return false;
+      }
     }, {
       key: "consent",
       value: function consent(cb) {
@@ -5453,6 +5550,22 @@
       key: "stop",
       value: function stop() {}
+      /**
+       * enter in picture in picture mode
+       * @method enterPiP
+       */
+    }, {
+      key: "enterPiP",
+      value: function enterPiP() {}
+      /**
+       * exit from picture in picture mode
+       * @method exitPiP
+       */
+    }, {
+      key: "exitPiP",
+      value: function exitPiP() {}
       /**
        * seeks the playback to a given `time` in seconds
        * @method seek
@@ -5647,7 +5760,7 @@
     }, {
       key: "configure",
       value: function configure(options) {
-        this._options = zepto.extend(true, this._options, options);
+        this._options = $.extend(true, this._options, options);
       }
       /**
@@ -5675,7 +5788,6 @@
         cb(true, null); // Assume playback can autoplay by default
       }
     }]);
-    return Playback;
   }(UIObject);
   Object.assign(Playback.prototype, ErrorMixin);
   Playback.extend = function (properties) {
@@ -5737,20 +5849,18 @@
    * @type String
    */
   Playback.type = 'playback';
   var ContainerFactory = /*#__PURE__*/function (_BaseObject) {
-    _inherits$1(ContainerFactory, _BaseObject);
-    var _super = _createSuper$1(ContainerFactory);
     function ContainerFactory(options, loader, i18n, playerError) {
       var _this;
       _classCallCheck$1(this, ContainerFactory);
-      _this = _super.call(this, options);
+      _this = _callSuper$1(this, ContainerFactory, [options]);
       _this._i18n = i18n;
       _this.loader = loader;
       _this.playerError = playerError;
       return _this;
     }
-    _createClass$1(ContainerFactory, [{
+    _inherits$1(ContainerFactory, _BaseObject);
+    return _createClass$1(ContainerFactory, [{
       key: "options",
       get: function get() {
         return this._options;
@@ -5762,7 +5872,7 @@
       key: "createContainers",
       value: function createContainers() {
         var _this2 = this;
-        return zepto.Deferred(function (promise) {
+        return $.Deferred(function (promise) {
           promise.resolve(_this2.options.sources.map(function (source) {
             return _this2.createContainer(source);
           }));
@@ -5799,7 +5909,7 @@
           playback: playback
         });
         var container = new Container(options, this._i18n, this.playerError);
-        var defer = zepto.Deferred();
+        var defer = $.Deferred();
         defer.promise(container);
         this.addContainerPlugins(container);
         this.listenToOnce(container, Events.CONTAINER_READY, function () {
@@ -5815,11 +5925,8 @@
         });
       }
     }]);
-    return ContainerFactory;
   }(BaseObject);
   var css_248z$4$1 = "[data-player] {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -o-user-select: none;\n  user-select: none;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  transform: translate3d(0, 0, 0);\n  position: relative;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-style: normal;\n  font-weight: normal;\n  text-align: center;\n  overflow: hidden;\n  font-size: 100%;\n  font-family: \"Roboto\", \"Open Sans\", Arial, sans-serif;\n  text-shadow: 0 0 0;\n  box-sizing: border-box; }\n  [data-player]:focus {\n    outline: 0; }\n  [data-player] * {\n    box-sizing: inherit; }\n  [data-player] > * {\n    float: none;\n    max-width: none; }\n  [data-player] > div {\n    display: block; }\n  [data-player].fullscreen {\n    width: 100% !important;\n    height: 100% !important;\n    top: 0;\n    left: 0; }\n  [data-player].nocursor {\n    cursor: none; }\n\n.clappr-style {\n  display: none !important; }\n";
   var css_248z$3$1 = "[data-player] div, [data-player] span, [data-player] applet, [data-player] object, [data-player] iframe,\n[data-player] h1, [data-player] h2, [data-player] h3, [data-player] h4, [data-player] h5, [data-player] h6, [data-player] p, [data-player] blockquote, [data-player] pre,\n[data-player] a, [data-player] abbr, [data-player] acronym, [data-player] address, [data-player] big, [data-player] cite, [data-player] code,\n[data-player] del, [data-player] dfn, [data-player] em, [data-player] img, [data-player] ins, [data-player] kbd, [data-player] q, [data-player] s, [data-player] samp,\n[data-player] small, [data-player] strike, [data-player] strong, [data-player] sub, [data-player] sup, [data-player] tt, [data-player] var,\n[data-player] b, [data-player] u, [data-player] i, [data-player] center,\n[data-player] dl, [data-player] dt, [data-player] dd, [data-player] ol, [data-player] ul, [data-player] li,\n[data-player] fieldset, [data-player] form, [data-player] label, [data-player] legend,\n[data-player] table, [data-player] caption, [data-player] tbody, [data-player] tfoot, [data-player] thead, [data-player] tr, [data-player] th, [data-player] td,\n[data-player] article, [data-player] aside, [data-player] canvas, [data-player] details, [data-player] embed,\n[data-player] figure, [data-player] figcaption, [data-player] footer, [data-player] header, [data-player] hgroup,\n[data-player] menu, [data-player] nav, [data-player] output, [data-player] ruby, [data-player] section, [data-player] summary,\n[data-player] time, [data-player] mark, [data-player] audio, [data-player] video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font: inherit;\n  font-size: 100%;\n  vertical-align: baseline; }\n\n[data-player] table {\n  border-collapse: collapse;\n  border-spacing: 0; }\n\n[data-player] caption, [data-player] th, [data-player] td {\n  text-align: left;\n  font-weight: normal;\n  vertical-align: middle; }\n\n[data-player] q, [data-player] blockquote {\n  quotes: none; }\n  [data-player] q:before, [data-player] q:after, [data-player] blockquote:before, [data-player] blockquote:after {\n    content: \"\";\n    content: none; }\n\n[data-player] a img {\n  border: none; }\n";
   /**
@@ -5830,30 +5937,31 @@
    * @module components
    */
   var Core = /*#__PURE__*/function (_UIObject) {
-    _inherits$1(Core, _UIObject);
-    var _super = _createSuper$1(Core);
     function Core(options) {
       var _this;
       _classCallCheck$1(this, Core);
-      _this = _super.call(this, options);
-      _this.playerError = new PlayerError(options, _assertThisInitialized$1(_this));
+      _this = _callSuper$1(this, Core, [options]);
+      _this.playerError = new PlayerError(options, _this);
       _this.configureDomRecycler();
       _this.firstResize = true;
+      _this.styleRendered = false;
       _this.plugins = [];
       _this.containers = [];
       //FIXME fullscreen api sucks
       _this._boundFullscreenHandler = function () {
         return _this.handleFullscreenChange();
       };
-      zepto(document).bind('fullscreenchange', _this._boundFullscreenHandler);
-      zepto(document).bind('MSFullscreenChange', _this._boundFullscreenHandler);
-      zepto(document).bind('mozfullscreenchange', _this._boundFullscreenHandler);
-      Browser.isMobile && zepto(window).bind('resize', function (o) {
-        _this.handleWindowResize(o);
-      });
+      _this._boundHandleWindowResize = function (o) {
+        return _this.handleWindowResize(o);
+      };
+      $(document).bind('fullscreenchange', _this._boundFullscreenHandler);
+      $(document).bind('MSFullscreenChange', _this._boundFullscreenHandler);
+      $(document).bind('mozfullscreenchange', _this._boundFullscreenHandler);
+      Browser.isMobile && $(window).bind('resize', _this._boundHandleWindowResize);
       return _this;
     }
-    _createClass$1(Core, [{
+    _inherits$1(Core, _UIObject);
+    return _createClass$1(Core, [{
       key: "events",
       get: function get() {
         return {
@@ -5970,7 +6078,7 @@
     }, {
       key: "createContainers",
       value: function createContainers(options) {
-        this.defer = zepto.Deferred();
+        this.defer = $.Deferred();
         this.defer.promise(this);
         this.containerFactory = new ContainerFactory(options, options.loader, this.i18n, this.playerError);
         this.prepareContainers();
@@ -6001,8 +6109,8 @@
             height: this.options.height
           };
           this.currentSize = {
-            width: zepto(window).width(),
-            height: zepto(window).height()
+            width: $(window).width(),
+            height: $(window).height()
           };
         }
       }
@@ -6012,8 +6120,8 @@
         this.$el.removeClass('fullscreen');
         this.currentSize = this.previousSize;
         this.previousSize = {
-          width: zepto(window).width(),
-          height: zepto(window).height()
+          width: $(window).width(),
+          height: $(window).height()
         };
         this.resize(this.currentSize);
       }
@@ -6071,7 +6179,7 @@
       key: "resolveOnContainersReady",
       value: function resolveOnContainersReady(containers) {
         var _this4 = this;
-        zepto.when.apply(zepto, containers).done(function () {
+        $.when.apply($, containers).done(function () {
           _this4.defer.resolve(_this4);
           _this4.ready = true;
           _this4.trigger(Events.CORE_READY);
@@ -6103,7 +6211,7 @@
         this.containers.forEach(function (container) {
           return container.destroy();
         });
-        this.containerFactory.options = zepto.extend(true, this.options, {
+        this.containerFactory.options = $.extend(true, this.options, {
           sources: sources
         });
         this.prepareContainers();
@@ -6119,10 +6227,12 @@
           return plugin.destroy();
         });
         this.$el.remove();
-        zepto(document).unbind('fullscreenchange', this._boundFullscreenHandler);
-        zepto(document).unbind('MSFullscreenChange', this._boundFullscreenHandler);
-        zepto(document).unbind('mozfullscreenchange', this._boundFullscreenHandler);
+        $(document).unbind('fullscreenchange', this._boundFullscreenHandler);
+        $(document).unbind('MSFullscreenChange', this._boundFullscreenHandler);
+        $(document).unbind('mozfullscreenchange', this._boundFullscreenHandler);
+        Browser.isMobile && $(window).unbind('resize', this._boundHandleWindowResize);
         this.stopListening();
+        this.undelegateEvents();
       }
     }, {
       key: "handleFullscreenChange",
@@ -6149,6 +6259,7 @@
       key: "removeContainer",
       value: function removeContainer(container) {
         this.stopListening(container);
+        this.containerFactory.stopListening(container);
         this.containers = this.containers.filter(function (c) {
           return c !== container;
         });
@@ -6262,7 +6373,7 @@
       key: "configure",
       value: function configure(options) {
         var _this7 = this;
-        this._options = zepto.extend(true, this._options, options);
+        this._options = $.extend(true, this._options, options);
         this.configureDomRecycler();
         var sources = options.source || options.sources;
         sources && this.load(sources, options.mimeType || this.options.mimeType);
@@ -6274,20 +6385,29 @@
     }, {
       key: "appendToParent",
       value: function appendToParent() {
+        var hasCoreParent = this.$el.parent() && this.$el.parent().length;
+        !hasCoreParent && this.$el.appendTo(this.options.parentElement);
+      }
+    }, {
+      key: "appendStyles",
+      value: function appendStyles() {
+        if (this.styleRendered) return;
         var style = Styler.getStyleFor(css_248z$4$1.toString(), {
           baseUrl: this.options.baseUrl
         });
-        var resetStyle = Styler.getStyleFor(css_248z$3$1.toString(), {
-          baseUrl: this.options.baseUrl
-        });
         this.$el.append(style[0]);
-        this.options.includeResetStyle && this.$el.append(resetStyle[0]);
-        var hasCoreParent = this.$el.parent() && this.$el.parent().length;
-        !hasCoreParent && this.$el.appendTo(this.options.parentElement);
+        if (this.options.includeResetStyle) {
+          var resetStyle = Styler.getStyleFor(css_248z$3$1.toString(), {
+            baseUrl: this.options.baseUrl
+          });
+          this.$el.append(resetStyle[0]);
+        }
+        this.styleRendered = true;
       }
     }, {
       key: "render",
       value: function render() {
+        this.appendStyles();
         this.options.width = this.options.width || this.$el.width();
         this.options.height = this.options.height || this.$el.height();
         var size = {
@@ -6300,7 +6420,6 @@
         return this;
       }
     }]);
-    return Core;
   }(UIObject);
   Object.assign(Core.prototype, ErrorMixin);
@@ -6312,8 +6431,6 @@
    * @module components
    */
   var CoreFactory = /*#__PURE__*/function (_BaseObject) {
-    _inherits$1(CoreFactory, _BaseObject);
-    var _super = _createSuper$1(CoreFactory);
     /**
      * it builds the core factory
      * @method constructor
@@ -6322,7 +6439,7 @@
     function CoreFactory(player) {
       var _this;
       _classCallCheck$1(this, CoreFactory);
-      _this = _super.call(this, player.options);
+      _this = _callSuper$1(this, CoreFactory, [player.options]);
       _this.player = player;
       return _this;
     }
@@ -6332,7 +6449,8 @@
      * @method create
      * @return {Core} created core
      */
-    _createClass$1(CoreFactory, [{
+    _inherits$1(CoreFactory, _BaseObject);
+    return _createClass$1(CoreFactory, [{
       key: "loader",
       get: function get() {
         return this.player.loader;
@@ -6367,14 +6485,10 @@
       key: "setupExternalInterface",
       value: function setupExternalInterface(plugin) {
         var externalFunctions = plugin.getExternalInterface();
-        for (var key in externalFunctions) {
-          this.player[key] = externalFunctions[key].bind(plugin);
-        }
+        for (var key in externalFunctions) this.player[key] = externalFunctions[key].bind(plugin);
       }
     }]);
-    return CoreFactory;
   }(BaseObject);
   var VERSION_REGEX = /(\d+)(?:\.(\d+))?(?:\.(\d+))?/;
   var Version = /*#__PURE__*/function () {
     function Version(major, minor, patch) {
@@ -6383,7 +6497,7 @@
       this.minor = parseInt(minor || 0, 10);
       this.patch = parseInt(patch || 0, 10);
     }
-    _createClass$1(Version, [{
+    return _createClass$1(Version, [{
       key: "compare",
       value: function compare(other) {
         var diff = this.major - other.major;
@@ -6421,9 +6535,7 @@
         return new Version(major, minor, patch);
       }
     }]);
-    return Version;
   }();
   var filterPluginsByType = function filterPluginsByType(plugins, type) {
     if (!plugins || !type) return {};
     return Object.entries(plugins).filter(function (_ref) {
@@ -6445,12 +6557,12 @@
    * @extends BaseObject
    * @module components
    */
-  var Loader = (function () {
+  var Loader = function () {
     var registry = {
       plugins: {},
       playbacks: []
     };
-    var currentVersion = "0.4.27";
+    var currentVersion = "0.8.0";
     return /*#__PURE__*/function () {
       /**
        * builds the loader
@@ -6480,7 +6592,7 @@
        * @param {Object} an config object or an array of plugins
        * @return {Object} plugins the config object with the plugins separated by type
        */
-      _createClass$1(Loader, [{
+      return _createClass$1(Loader, [{
         key: "groupPluginsByType",
         value: function groupPluginsByType(plugins) {
           if (Array.isArray(plugins)) {
@@ -6504,9 +6616,7 @@
           };
           var pluginsMap = list.reduceRight(groupUp, Object.create(null));
           var plugins = [];
-          for (var key in pluginsMap) {
-            plugins.unshift(pluginsMap[key]);
-          }
+          for (var key in pluginsMap) plugins.unshift(pluginsMap[key]);
           return plugins;
         }
@@ -6659,10 +6769,8 @@
           registry.playbacks = [];
         }
       }]);
-      return Loader;
     }();
-  })();
+  }();
   var baseUrl = currentScriptUrl().replace(/\/[^/]+$/, '');
   /**
@@ -6690,8 +6798,6 @@
    * ```
    */
   var Player = /*#__PURE__*/function (_BaseObject) {
-    _inherits$1(Player, _BaseObject);
-    var _super = _createSuper$1(Player);
     /**
      * @typedef {Object} PlaybackConfig
      * @prop {boolean} disableContextMenu
@@ -6823,7 +6929,7 @@
     function Player(options) {
       var _this;
       _classCallCheck$1(this, Player);
-      _this = _super.call(this, options);
+      _this = _callSuper$1(this, Player, [options]);
       var playbackDefaultOptions = {
         recycleVideo: true
       };
@@ -6837,7 +6943,7 @@
         includeResetStyle: true,
         playback: playbackDefaultOptions
       };
-      _this._options = zepto.extend(true, defaultOptions, options);
+      _this._options = $.extend(true, defaultOptions, options);
       _this.options.sources = _this._normalizeSources(options);
       if (!_this.options.chromeless) {
         // "allowUserInteraction" cannot be false if not in chromeless mode.
@@ -6848,7 +6954,7 @@
         _this.options.disableKeyboardShortcuts = true;
       }
       _this._registerOptionEventListeners(_this.options.events);
-      _this._coreFactory = new CoreFactory(_assertThisInitialized$1(_this));
+      _this._coreFactory = new CoreFactory(_this);
       var parentElement = _this._getParentElement(_this.options);
       parentElement && _this.attachTo(parentElement);
       return _this;
@@ -6860,7 +6966,8 @@
      * @param {Object} parent
      * @returns {Object} the parent element
      */
-    _createClass$1(Player, [{
+    _inherits$1(Player, _BaseObject);
+    return _createClass$1(Player, [{
       key: "loader",
       get: function get() {
         if (!this._loader) this._loader = new Loader(this.options.plugins || {}, this.options.playerId);
@@ -7337,7 +7444,6 @@
         return this.core.activeContainer.getDuration();
       }
     }]);
-    return Player;
   }(BaseObject);
   Object.assign(Player.prototype, ErrorMixin);
@@ -7349,18 +7455,17 @@
    * @module base
    */
   var ContainerPlugin = /*#__PURE__*/function (_BaseObject) {
-    _inherits$1(ContainerPlugin, _BaseObject);
-    var _super = _createSuper$1(ContainerPlugin);
     function ContainerPlugin(container) {
       var _this;
       _classCallCheck$1(this, ContainerPlugin);
-      _this = _super.call(this, container.options);
+      _this = _callSuper$1(this, ContainerPlugin, [container.options]);
       _this.container = container;
       _this.enabled = true;
       _this.bindEvents();
       return _this;
     }
-    _createClass$1(ContainerPlugin, [{
+    _inherits$1(ContainerPlugin, _BaseObject);
+    return _createClass$1(ContainerPlugin, [{
       key: "playerError",
       get: function get() {
         return this.container.playerError;
@@ -7390,27 +7495,24 @@
         this.stopListening();
       }
     }]);
-    return ContainerPlugin;
   }(BaseObject);
   Object.assign(ContainerPlugin.prototype, ErrorMixin);
   ContainerPlugin.extend = function (properties) {
     return extend$1(ContainerPlugin, properties);
   };
   ContainerPlugin.type = 'container';
   var CorePlugin = /*#__PURE__*/function (_BaseObject) {
-    _inherits$1(CorePlugin, _BaseObject);
-    var _super = _createSuper$1(CorePlugin);
     function CorePlugin(core) {
       var _this;
       _classCallCheck$1(this, CorePlugin);
-      _this = _super.call(this, core.options);
+      _this = _callSuper$1(this, CorePlugin, [core.options]);
       _this.core = core;
       _this.enabled = true;
       _this.bindEvents();
       return _this;
     }
-    _createClass$1(CorePlugin, [{
+    _inherits$1(CorePlugin, _BaseObject);
+    return _createClass$1(CorePlugin, [{
       key: "playerError",
       get: function get() {
         return this.core.playerError;
@@ -7445,7 +7547,6 @@
         this.stopListening();
       }
     }]);
-    return CorePlugin;
   }(BaseObject);
   Object.assign(CorePlugin.prototype, ErrorMixin);
   CorePlugin.extend = function (properties) {
@@ -7461,18 +7562,17 @@
    * @module base
    */
   var UIContainerPlugin = /*#__PURE__*/function (_UIObject) {
-    _inherits$1(UIContainerPlugin, _UIObject);
-    var _super = _createSuper$1(UIContainerPlugin);
     function UIContainerPlugin(container) {
       var _this;
       _classCallCheck$1(this, UIContainerPlugin);
-      _this = _super.call(this, container.options);
+      _this = _callSuper$1(this, UIContainerPlugin, [container.options]);
       _this.container = container;
       _this.enabled = true;
       _this.bindEvents();
       return _this;
     }
-    _createClass$1(UIContainerPlugin, [{
+    _inherits$1(UIContainerPlugin, _UIObject);
+    return _createClass$1(UIContainerPlugin, [{
       key: "playerError",
       get: function get() {
         return this.container.playerError;
@@ -7497,18 +7597,14 @@
       key: "bindEvents",
       value: function bindEvents() {}
     }]);
-    return UIContainerPlugin;
   }(UIObject);
   Object.assign(UIContainerPlugin.prototype, ErrorMixin);
   UIContainerPlugin.extend = function (properties) {
     return extend$1(UIContainerPlugin, properties);
   };
   UIContainerPlugin.type = 'container';
   var tracksHTML = "<% for (var i = 0; i < tracks.length; i++) { %>\n  <track data-html5-video-track=\"<%= i %>\" kind=\"<%= tracks[i].kind %>\" label=\"<%= tracks[i].label %>\" srclang=\"<%= tracks[i].lang %>\" src=\"<%= tracks[i].src %>\">\n<% }; %>\n";
   var css_248z$2$1 = "[data-html5-video] {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  display: block; }\n";
   var MIMETYPES = {
     'mp4': ['avc1.42E01E', 'avc1.58A01E', 'avc1.4D401E', 'avc1.64001E', 'mp4v.20.8', 'mp4v.20.240', 'mp4a.40.2'].map(function (codec) {
       return 'video/mp4; codecs="' + codec + ', mp4a.40.2"';
@@ -7537,15 +7633,13 @@
   // TODO: rename this Playback to HTML5Playback (breaking change, only after 0.3.0)
   var HTML5Video = /*#__PURE__*/function (_Playback) {
-    _inherits$1(HTML5Video, _Playback);
-    var _super = _createSuper$1(HTML5Video);
     function HTML5Video() {
       var _this;
       _classCallCheck$1(this, HTML5Video);
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _super.call.apply(_super, [this].concat(args));
+      _this = _callSuper$1(this, HTML5Video, [].concat(args));
       _this._destroyed = false;
       _this._loadStarted = false;
       _this._isBuffering = false;
@@ -7553,7 +7647,9 @@
       _this._playheadMovingTimer = null;
       _this._stopped = false;
       _this._ccTrackId = -1;
+      _this._playheadMovingCheckEnabled = !_this.options.disablePlayheadMovingCheck;
       _this._setupSrc(_this.options.src);
+      _this._playheadMovingCheckInterval = _this.options.playheadMovingCheckInterval || 500;
       // backwards compatibility (TODO: remove on 0.3.0)
       _this.options.playback || (_this.options.playback = _this.options || {});
       _this.options.playback.disableContextMenu = _this.options.playback.disableContextMenu || _this.options.disableVideoTagContextMenu;
@@ -7564,7 +7660,7 @@
       if (_this.options.poster) {
         if (typeof _this.options.poster === 'string') posterUrl = _this.options.poster;else if (typeof _this.options.poster.url === 'string') posterUrl = _this.options.poster.url;
       }
-      zepto.extend(true, _this.el, {
+      $.extend(true, _this.el, {
         muted: _this.options.mute,
         defaultMuted: _this.options.mute,
         loop: _this.options.loop,
@@ -7591,7 +7687,8 @@
       _this.options.autoPlay && _this.attemptAutoPlay();
       return _this;
     }
-    _createClass$1(HTML5Video, [{
+    _inherits$1(HTML5Video, _Playback);
+    return _createClass$1(HTML5Video, [{
       key: "name",
       get: function get() {
         return 'html5_video';
@@ -7600,7 +7697,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -7640,7 +7737,9 @@
           'seeked': '_onSeeked',
           'stalled': '_handleBufferingEvents',
           'timeupdate': '_onTimeUpdate',
-          'waiting': '_onWaiting'
+          'waiting': '_onWaiting',
+          'enterpictureinpicture': '_onEnterPiP',
+          'leavepictureinpicture': '_onExitPiP'
         };
       }
@@ -7667,6 +7766,11 @@
       get: function get() {
         return this._isBuffering;
       }
+    }, {
+      key: "isPiPActive",
+      get: function get() {
+        return this.el === document.pictureInPictureElement;
+      }
     }, {
       key: "isLive",
       get: function get() {
@@ -7687,6 +7791,11 @@
       get: function get() {
         return typeof this.minimumDVRSizeConfig !== 'undefined' && typeof this.minimumDVRSizeConfig === 'number';
       }
+    }, {
+      key: "sourceMedia",
+      get: function get() {
+        return this._src;
+      }
     }, {
       key: "configure",
       value: function configure(options) {
@@ -7748,6 +7857,18 @@
         });
       }
+      /**
+       * Sets the source url on the <video> element, and also the 'src' property.
+       * @method load
+       * @public
+       * @param {String} srcUrl The source URL.
+       */
+    }, {
+      key: "load",
+      value: function load(srcUrl) {
+        this._setupSrc(srcUrl);
+      }
       /**
        * Sets the source url on the <video> element, and also the 'src' property.
        * @method setupSrc
@@ -7831,13 +7952,17 @@
     }, {
       key: "play",
       value: function play() {
+        var _this4 = this;
         this.trigger(Events.PLAYBACK_PLAY_INTENT);
         this._stopped = false;
         this._setupSrc(this._src);
         this._handleBufferingEvents();
         var promise = this.el.play();
         // For more details, see https://developers.google.com/web/updates/2016/03/play-returns-promise
-        if (promise && promise["catch"]) promise["catch"](function () {});
+        if (promise && promise["catch"]) promise["catch"](function (error) {
+          return Log.warn(_this4.name, 'HTML5 play failed', error);
+        });
+        return promise;
       }
     }, {
       key: "pause",
@@ -7911,10 +8036,10 @@
     }, {
       key: "_startPlayheadMovingChecks",
       value: function _startPlayheadMovingChecks() {
-        if (this._playheadMovingTimer !== null) return;
+        if (this._playheadMovingTimer !== null || !this._playheadMovingCheckEnabled) return;
         this._playheadMovingTimeOnCheck = null;
         this._determineIfPlayheadMoving();
-        this._playheadMovingTimer = setInterval(this._determineIfPlayheadMoving.bind(this), 500);
+        this._playheadMovingTimer = setInterval(this._determineIfPlayheadMoving.bind(this), this._playheadMovingCheckInterval);
       }
     }, {
       key: "_stopPlayheadMovingChecks",
@@ -8002,6 +8127,36 @@
         this._handleBufferingEvents();
         this.trigger(Events.PLAYBACK_ENDED, this.name);
       }
+    }, {
+      key: "_onEnterPiP",
+      value: function _onEnterPiP() {
+        this.trigger(Events.PLAYBACK_PIP_ENTER, this.name);
+      }
+    }, {
+      key: "_onExitPiP",
+      value: function _onExitPiP() {
+        this.trigger(Events.PLAYBACK_PIP_EXIT, this.name);
+      }
+    }, {
+      key: "enterPiP",
+      value: function enterPiP() {
+        var _this5 = this;
+        this.el.requestPictureInPicture().then(function () {
+          Log.info(_this5.name, 'enter PIP success');
+        })["catch"](function (e) {
+          Log.warn(_this5.name, 'enter PIP failed', e);
+        });
+      }
+    }, {
+      key: "exitPiP",
+      value: function exitPiP() {
+        var _this6 = this;
+        document.exitPictureInPicture().then(function () {
+          Log.info(_this6.name, 'exit PIP success');
+        })["catch"](function (e) {
+          Log.warn(_this6.name, 'exit PIP failed', e);
+        });
+      }
       // The playback should be classed as buffering if the following are true:
       // - the ready state is less then HAVE_FUTURE_DATA or the playhead isn't moving and it should be
@@ -8011,8 +8166,11 @@
     }, {
       key: "_handleBufferingEvents",
       value: function _handleBufferingEvents() {
-        var playheadShouldBeMoving = !this.el.ended && !this.el.paused;
-        var buffering = this._loadStarted && !this.el.ended && !this._stopped && (playheadShouldBeMoving && !this._playheadMoving || this.el.readyState < this.el.HAVE_FUTURE_DATA);
+        var isLoading = this._loadStarted && !this.el.ended && !this._stopped;
+        var isMissingMediaDataToPlay = this.el.readyState < this.el.HAVE_FUTURE_DATA;
+        var playheadShouldBeMoving = !this.el.ended && !this.el.paused && !this._playheadMoving;
+        var buffering = isLoading && isMissingMediaDataToPlay;
+        if (this._playheadMovingCheckEnabled) buffering = buffering || isLoading && playheadShouldBeMoving;
         if (this._isBuffering !== buffering) {
           this._isBuffering = buffering;
           if (buffering) this.trigger(Events.PLAYBACK_BUFFERING, this.name);else this.trigger(Events.PLAYBACK_BUFFERFULL, this.name);
@@ -8037,7 +8195,9 @@
       key: "destroy",
       value: function destroy() {
         this._destroyed = true;
+        this._stopPlayheadMovingChecks();
         this.handleTextTrackChange && this.el.textTracks.removeEventListener('change', this.handleTextTrackChange);
+        this.$el.off('contextmenu');
         _get$1(_getPrototypeOf$1(HTML5Video.prototype), "destroy", this).call(this);
         this.el.removeAttribute('src');
         this.el.load(); // load with no src to stop loading of the previous source and avoid leaks
@@ -8098,11 +8258,11 @@
     }, {
       key: "_scheduleUpdateSettingsCheck",
       value: function _scheduleUpdateSettingsCheck() {
-        var _this4 = this;
+        var _this7 = this;
         if (this._updateSettingsCheckInFlight) return;
         this._updateSettingsCheckInFlight = setTimeout(function () {
-          _this4._updateSettings();
-          _this4._updateSettingsCheckInFlight = null;
+          _this7._updateSettings();
+          _this7._updateSettingsCheckInFlight = null;
         }, 1000);
       }
     }, {
@@ -8262,9 +8422,11 @@
         return this;
       }
     }]);
-    return HTML5Video;
   }(Playback);
-  HTML5Video._mimeTypesForUrl = function (resourceUrl, mimeTypesByExtension, mimeType) {
+  HTML5Video._mimeTypesForUrl = function () {
+    var resourceUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var mimeTypesByExtension = arguments.length > 1 ? arguments[1] : undefined;
+    var mimeType = arguments.length > 2 ? arguments[2] : undefined;
     var extension = (resourceUrl.split('?')[0].match(/.*\.(.*)$/) || [])[1];
     var mimeTypes = mimeType || extension && mimeTypesByExtension[extension.toLowerCase()] || [];
     return mimeTypes.constructor === Array ? mimeTypes : [mimeTypes];
@@ -8282,13 +8444,12 @@
   // TODO: remove this playback and change HTML5Video to HTML5Playback (breaking change, only after 0.3.0)
   var HTML5Audio = /*#__PURE__*/function (_HTML5Video) {
-    _inherits$1(HTML5Audio, _HTML5Video);
-    var _super = _createSuper$1(HTML5Audio);
     function HTML5Audio() {
       _classCallCheck$1(this, HTML5Audio);
-      return _super.apply(this, arguments);
+      return _callSuper$1(this, HTML5Audio, arguments);
     }
-    _createClass$1(HTML5Audio, [{
+    _inherits$1(HTML5Audio, _HTML5Video);
+    return _createClass$1(HTML5Audio, [{
       key: "name",
       get: function get() {
         return 'html5_audio';
@@ -8297,7 +8458,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8323,7 +8484,6 @@
         return Playback.AOD;
       }
     }]);
-    return HTML5Audio;
   }(HTML5Video);
   HTML5Audio.canPlay = function (resourceUrl, mimeType) {
     var mimetypes = {
@@ -8334,20 +8494,17 @@
     };
     return HTML5Video._canPlay('audio', mimetypes, resourceUrl, mimeType);
   };
   var css_248z$1$1 = "[data-html-img] {\n  max-width: 100%;\n  max-height: 100%; }\n";
   var HTMLImg = /*#__PURE__*/function (_Playback) {
-    _inherits$1(HTMLImg, _Playback);
-    var _super = _createSuper$1(HTMLImg);
     function HTMLImg(params) {
       var _this;
       _classCallCheck$1(this, HTMLImg);
-      _this = _super.call(this, params);
+      _this = _callSuper$1(this, HTMLImg, [params]);
       _this.el.src = params.src;
       return _this;
     }
-    _createClass$1(HTMLImg, [{
+    _inherits$1(HTMLImg, _Playback);
+    return _createClass$1(HTMLImg, [{
       key: "name",
       get: function get() {
         return 'html_img';
@@ -8356,7 +8513,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8409,30 +8566,25 @@
         }, this.name);
       }
     }]);
-    return HTMLImg;
   }(Playback);
   HTMLImg.canPlay = function (resource) {
     return /\.(png|jpg|jpeg|gif|bmp|tiff|pgm|pnm|webp)(|\?.*)$/i.test(resource);
   };
   var noOpHTML = "<canvas data-no-op-canvas></canvas>\n<p data-no-op-msg><%=message%></p><p>\n</p>";
   var css_248z$8 = "[data-no-op] {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  text-align: center; }\n\n[data-no-op] p[data-no-op-msg] {\n  position: absolute;\n  text-align: center;\n  font-size: 25px;\n  left: 0;\n  right: 0;\n  color: white;\n  padding: 10px;\n  /* center vertically */\n  top: 50%;\n  transform: translateY(-50%);\n  max-height: 100%;\n  overflow: auto; }\n\n[data-no-op] canvas[data-no-op-canvas] {\n  background-color: #777;\n  height: 100%;\n  width: 100%; }\n";
   var NoOp = /*#__PURE__*/function (_Playback) {
-    _inherits$1(NoOp, _Playback);
-    var _super = _createSuper$1(NoOp);
     function NoOp() {
       var _this;
       _classCallCheck$1(this, NoOp);
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _super.call.apply(_super, [this].concat(args));
+      _this = _callSuper$1(this, NoOp, [].concat(args));
       _this._noiseFrameNum = -1;
       return _this;
     }
-    _createClass$1(NoOp, [{
+    _inherits$1(NoOp, _Playback);
+    return _createClass$1(NoOp, [{
       key: "name",
       get: function get() {
         return 'no_op';
@@ -8441,7 +8593,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8487,9 +8639,7 @@
         } catch (err) {
           buffer32 = new Uint32Array(this.context.canvas.width * this.context.canvas.height * 4);
           var data = idata.data;
-          for (var i = 0; i < data.length; i++) {
-            buffer32[i] = data[i];
-          }
+          for (var i = 0; i < data.length; i++) buffer32[i] = data[i];
         }
         var len = buffer32.length,
           m = Math.random() * 6 + 4;
@@ -8532,7 +8682,6 @@
         this._loop();
       }
     }]);
-    return NoOp;
   }(Playback);
   NoOp.canPlay = function (source) {
     // eslint-disable-line no-unused-vars
@@ -8547,12 +8696,10 @@
    * @module plugins
    */
   var Strings = /*#__PURE__*/function (_CorePlugin) {
-    _inherits$1(Strings, _CorePlugin);
-    var _super = _createSuper$1(Strings);
     function Strings(core) {
       var _this;
       _classCallCheck$1(this, Strings);
-      _this = _super.call(this, core);
+      _this = _callSuper$1(this, Strings, [core]);
       _this._initializeMessages();
       return _this;
     }
@@ -8562,7 +8709,8 @@
      * @param {String} key the key to all messages
      * @return {String} translated label
      */
-    _createClass$1(Strings, [{
+    _inherits$1(Strings, _CorePlugin);
+    return _createClass$1(Strings, [{
       key: "name",
       get: function get() {
         return 'strings';
@@ -8571,7 +8719,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8611,7 +8759,7 @@
             'live': 'ao vivo',
             'back_to_live': 'voltar para o ao vivo',
             'disabled': 'Desativado',
-            'playback_not_supported': 'Seu navegador não supporta a reprodução deste video. Por favor, tente usar um navegador diferente.',
+            'playback_not_supported': 'Seu navegador não suporta a reprodução deste video. Por favor, tente usar um navegador diferente.',
             'default_error_title': 'Não foi possível reproduzir o vídeo.',
             'default_error_message': 'Ocorreu um problema ao tentar carregar o vídeo.'
           },
@@ -8682,7 +8830,7 @@
             'default_error_message': '在尝试加载视频时出现了问题。'
           }
         };
-        this._messages = zepto.extend(true, defaultMessages, this.core.options.strings || {});
+        this._messages = $.extend(true, defaultMessages, this.core.options.strings || {});
         this._messages['de-DE'] = this._messages['de'];
         this._messages['pt-BR'] = this._messages['pt'];
         this._messages['en-US'] = this._messages['en'];
@@ -8696,17 +8844,14 @@
         this._messages['zh-CN'] = this._messages['zh'];
       }
     }]);
-    return Strings;
   }(CorePlugin);
   var SourcesPlugin = /*#__PURE__*/function (_CorePlugin) {
-    _inherits$1(SourcesPlugin, _CorePlugin);
-    var _super = _createSuper$1(SourcesPlugin);
     function SourcesPlugin() {
       _classCallCheck$1(this, SourcesPlugin);
-      return _super.apply(this, arguments);
+      return _callSuper$1(this, SourcesPlugin, arguments);
     }
-    _createClass$1(SourcesPlugin, [{
+    _inherits$1(SourcesPlugin, _CorePlugin);
+    return _createClass$1(SourcesPlugin, [{
       key: "name",
       get: function get() {
         return 'sources';
@@ -8715,7 +8860,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8734,11 +8879,17 @@
         });
       }
     }]);
-    return SourcesPlugin;
   }(CorePlugin);
   // Copyright 2014 Globo.com Player authors. All rights reserved.
-  var version$1 = "0.4.27";
+  // Use of this source code is governed by a BSD-style
+  // license that can be found in the LICENSE file.
+  /** @constant
+      @type {string}
+      @default
+  */
+  var version$1 = "0.8.0";
   // Built-in Plugins/Playbacks
@@ -8771,9 +8922,34 @@
     Styler: Styler,
     version: version$1,
     template: tmpl,
-    $: zepto
+    $: $
   };
+  function _callSuper(t, o, e) {
+    return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+  }
+  function _isNativeReflectConstruct() {
+    try {
+      var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (t) {}
+    return (_isNativeReflectConstruct = function () {
+      return !!t;
+    })();
+  }
+  function _toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+      var i = e.call(t, r || "default");
+      if ("object" != typeof i) return i;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+  }
+  function _toPropertyKey(t) {
+    var i = _toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : i + "";
+  }
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError("Cannot call a class as a function");
@@ -8825,17 +9001,6 @@
     };
     return _setPrototypeOf(o, p);
   }
-  function _isNativeReflectConstruct() {
-    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-    if (Reflect.construct.sham) return false;
-    if (typeof Proxy === "function") return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
   function _assertThisInitialized(self) {
     if (self === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -8850,20 +9015,6 @@
     }
     return _assertThisInitialized(self);
   }
-  function _createSuper(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct();
-    return function _createSuperInternal() {
-      var Super = _getPrototypeOf(Derived),
-        result;
-      if (hasNativeReflectConstruct) {
-        var NewTarget = _getPrototypeOf(this).constructor;
-        result = Reflect.construct(Super, arguments, NewTarget);
-      } else {
-        result = Super.apply(this, arguments);
-      }
-      return _possibleConstructorReturn(this, result);
-    };
-  }
   function _superPropBase(object, property) {
     while (!Object.prototype.hasOwnProperty.call(object, property)) {
       object = _getPrototypeOf(object);
@@ -8887,29 +9038,13 @@
     }
     return _get.apply(this, arguments);
   }
-  function _toPrimitive(input, hint) {
-    if (typeof input !== "object" || input === null) return input;
-    var prim = input[Symbol.toPrimitive];
-    if (prim !== undefined) {
-      var res = prim.call(input, hint || "default");
-      if (typeof res !== "object") return res;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return (hint === "string" ? String : Number)(input);
-  }
-  function _toPropertyKey(arg) {
-    var key = _toPrimitive(arg, "string");
-    return typeof key === "symbol" ? key : String(key);
-  }
   var ClickToPausePlugin = /*#__PURE__*/function (_ContainerPlugin) {
-    _inherits(ClickToPausePlugin, _ContainerPlugin);
-    var _super = _createSuper(ClickToPausePlugin);
     function ClickToPausePlugin(container) {
       _classCallCheck(this, ClickToPausePlugin);
-      return _super.call(this, container);
+      return _callSuper(this, ClickToPausePlugin, [container]);
     }
-    _createClass(ClickToPausePlugin, [{
+    _inherits(ClickToPausePlugin, _ContainerPlugin);
+    return _createClass(ClickToPausePlugin, [{
       key: "name",
       get: function get() {
         return 'click_to_pause';
@@ -8918,7 +9053,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -8950,22 +9085,15 @@
         this.pointerEnabled = pointerEnabled;
       }
     }]);
-    return ClickToPausePlugin;
   }(ContainerPlugin);
   var ccIcon = "<svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n\t viewBox=\"0 0 49 41.8\" style=\"enable-background:new 0 0 49 41.8;\" xml:space=\"preserve\">\n<path d=\"M47.1,0H3.2C1.6,0,0,1.2,0,2.8v31.5C0,35.9,1.6,37,3.2,37h11.9l3.2,1.9l4.7,2.7c0.9,0.5,2-0.1,2-1.1V37h22.1\n\tc1.6,0,1.9-1.1,1.9-2.7V2.8C49,1.2,48.7,0,47.1,0z M7.2,18.6c0-4.8,3.5-9.3,9.9-9.3c4.8,0,7.1,2.7,7.1,2.7l-2.5,4\n\tc0,0-1.7-1.7-4.2-1.7c-2.8,0-4.3,2.1-4.3,4.3c0,2.1,1.5,4.4,4.5,4.4c2.5,0,4.9-2.1,4.9-2.1l2.2,4.2c0,0-2.7,2.9-7.6,2.9\n\tC10.8,27.9,7.2,23.5,7.2,18.6z M36.9,27.9c-6.4,0-9.9-4.4-9.9-9.3c0-4.8,3.5-9.3,9.9-9.3C41.7,9.3,44,12,44,12l-2.5,4\n\tc0,0-1.7-1.7-4.2-1.7c-2.8,0-4.3,2.1-4.3,4.3c0,2.1,1.5,4.4,4.5,4.4c2.5,0,4.9-2.1,4.9-2.1l2.2,4.2C44.5,25,41.9,27.9,36.9,27.9z\"/>\n</svg>";
   var ccHTML = "<button type=\"button\" class=\"cc-button media-control-button media-control-icon\" data-cc-button aria-label=\"<%= ariaLabel %>\"></button>\n<ul>\n  <% if (title) { %>\n  <li data-title><%= title %></li>\n  <% }; %>\n  <li><a href=\"#\" data-cc-select=\"-1\"><%= disabledLabel %></a></li>\n  <% for (var i = 0; i < tracks.length; i++) { %>\n    <li><a href=\"#\" data-cc-select=\"<%= tracks[i].id %>\"><%= tracks[i].label %></a></li>\n  <% }; %>\n</ul>\n";
   var css_248z$7 = ".cc-controls[data-cc-controls] {\n  float: right;\n  position: relative;\n  display: none; }\n  .cc-controls[data-cc-controls].available {\n    display: block; }\n  .cc-controls[data-cc-controls] .cc-button {\n    padding: 6px !important; }\n    .cc-controls[data-cc-controls] .cc-button.enabled {\n      display: block;\n      opacity: 1.0; }\n      .cc-controls[data-cc-controls] .cc-button.enabled:hover {\n        opacity: 1.0;\n        text-shadow: none; }\n  .cc-controls[data-cc-controls] > ul {\n    list-style-type: none;\n    position: absolute;\n    bottom: 25px;\n    border: 1px solid black;\n    display: none;\n    background-color: #e6e6e6; }\n  .cc-controls[data-cc-controls] li {\n    font-size: 10px; }\n    .cc-controls[data-cc-controls] li[data-title] {\n      background-color: #c3c2c2;\n      padding: 5px; }\n    .cc-controls[data-cc-controls] li a {\n      color: #444;\n      padding: 2px 10px;\n      display: block;\n      text-decoration: none; }\n      .cc-controls[data-cc-controls] li a:hover {\n        background-color: #555;\n        color: white; }\n        .cc-controls[data-cc-controls] li a:hover a {\n          color: white;\n          text-decoration: none; }\n    .cc-controls[data-cc-controls] li.current a {\n      color: #f00; }\n";
   var ClosedCaptions$1 = /*#__PURE__*/function (_UICorePlugin) {
-    _inherits(ClosedCaptions, _UICorePlugin);
-    var _super = _createSuper(ClosedCaptions);
     function ClosedCaptions(core) {
       var _this;
       _classCallCheck(this, ClosedCaptions);
-      _this = _super.call(this, core);
+      _this = _callSuper(this, ClosedCaptions, [core]);
       var config = core.options.closedCaptionsConfig;
       _this._title = config && config.title ? config.title : null;
       _this._ariaLabel = config && config.ariaLabel ? config.ariaLabel : 'cc-button';
@@ -8974,7 +9102,8 @@
       };
       return _this;
     }
-    _createClass(ClosedCaptions, [{
+    _inherits(ClosedCaptions, _UICorePlugin);
+    return _createClass(ClosedCaptions, [{
       key: "name",
       get: function get() {
         return 'closed_captions';
@@ -8983,7 +9112,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9116,24 +9245,19 @@
         return this;
       }
     }]);
-    return ClosedCaptions;
   }(UICorePlugin);
   var dvrHTML = "<div class=\"live-info\"><%= live %></div>\n<button type=\"button\" class=\"live-button\" aria-label=\"<%= backToLive %>\"><%= backToLive %></button>\n";
   var css_248z$6 = ".dvr-controls[data-dvr-controls] {\n  display: inline-block;\n  float: left;\n  color: #fff;\n  line-height: 32px;\n  font-size: 10px;\n  font-weight: bold;\n  margin-left: 6px; }\n  .dvr-controls[data-dvr-controls] .live-info {\n    cursor: default;\n    font-family: \"Roboto\", \"Open Sans\", Arial, sans-serif;\n    text-transform: uppercase; }\n    .dvr-controls[data-dvr-controls] .live-info:before {\n      content: \"\";\n      display: inline-block;\n      position: relative;\n      width: 7px;\n      height: 7px;\n      border-radius: 3.5px;\n      margin-right: 3.5px;\n      background-color: #ff0101; }\n    .dvr-controls[data-dvr-controls] .live-info.disabled {\n      opacity: 0.3; }\n      .dvr-controls[data-dvr-controls] .live-info.disabled:before {\n        background-color: #fff; }\n  .dvr-controls[data-dvr-controls] .live-button {\n    cursor: pointer;\n    outline: none;\n    display: none;\n    border: 0;\n    color: #fff;\n    background-color: transparent;\n    height: 32px;\n    padding: 0;\n    opacity: 0.7;\n    font-family: \"Roboto\", \"Open Sans\", Arial, sans-serif;\n    text-transform: uppercase;\n    transition: all 0.1s ease; }\n    .dvr-controls[data-dvr-controls] .live-button:before {\n      content: \"\";\n      display: inline-block;\n      position: relative;\n      width: 7px;\n      height: 7px;\n      border-radius: 3.5px;\n      margin-right: 3.5px;\n      background-color: #fff; }\n    .dvr-controls[data-dvr-controls] .live-button:hover {\n      opacity: 1;\n      text-shadow: rgba(255, 255, 255, 0.75) 0 0 5px; }\n\n.dvr .dvr-controls[data-dvr-controls] .live-info {\n  display: none; }\n\n.dvr .dvr-controls[data-dvr-controls] .live-button {\n  display: block; }\n\n.dvr.media-control.live[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-2[data-seekbar] {\n  background-color: #005aff; }\n\n.media-control.live[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-2[data-seekbar] {\n  background-color: #ff0101; }\n";
   var DVRControls$1 = /*#__PURE__*/function (_UICorePlugin) {
-    _inherits(DVRControls, _UICorePlugin);
-    var _super = _createSuper(DVRControls);
     function DVRControls(core) {
       var _this;
       _classCallCheck(this, DVRControls);
-      _this = _super.call(this, core);
+      _this = _callSuper(this, DVRControls, [core]);
       _this.settingsUpdate();
       return _this;
     }
-    _createClass(DVRControls, [{
+    _inherits(DVRControls, _UICorePlugin);
+    return _createClass(DVRControls, [{
       key: "template",
       get: function get() {
         return tmpl(dvrHTML);
@@ -9147,7 +9271,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9258,17 +9382,14 @@
         return this;
       }
     }]);
-    return DVRControls;
   }(UICorePlugin);
   var EndVideo$1 = /*#__PURE__*/function (_CorePlugin) {
-    _inherits(EndVideo, _CorePlugin);
-    var _super = _createSuper(EndVideo);
     function EndVideo() {
       _classCallCheck(this, EndVideo);
-      return _super.apply(this, arguments);
+      return _callSuper(this, EndVideo, arguments);
     }
-    _createClass(EndVideo, [{
+    _inherits(EndVideo, _CorePlugin);
+    return _createClass(EndVideo, [{
       key: "name",
       get: function get() {
         return 'end_video';
@@ -9277,7 +9398,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9303,26 +9424,20 @@
         if (exitOnEnd && this.core.isFullscreen()) this.core.toggleFullscreen();
       }
     }]);
-    return EndVideo;
   }(CorePlugin);
   var reloadIcon = "<svg fill=\"#FFFFFF\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\"/>\n    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>";
   var templateHtml = "<div class=\"player-error-screen__content\" data-error-screen>\n  <% if (icon) { %>\n  <div class=\"player-error-screen__icon\" data-error-screen><%= icon %></div>\n  <% } %>\n  <div class=\"player-error-screen__title\" data-error-screen><%= title %></div>\n  <div class=\"player-error-screen__message\" data-error-screen><%= message %></div>\n  <div class=\"player-error-screen__code\" data-error-screen>Error code: <%= code %></div>\n  <div class=\"player-error-screen__reload\" data-error-screen><%= reloadIcon %></div>\n</div>\n";
   var css_248z$5 = "[data-player] .player-error-screen {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: #CCCACA;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.7);\n  z-index: 2000;\n  display: flex;\n  flex-direction: column;\n  justify-content: center; }\n  [data-player] .player-error-screen__content[data-error-screen] {\n    font-size: 14px;\n    color: #CCCACA;\n    margin-top: 45px; }\n  [data-player] .player-error-screen__title[data-error-screen] {\n    font-weight: bold;\n    line-height: 30px;\n    font-size: 18px; }\n  [data-player] .player-error-screen__message[data-error-screen] {\n    width: 90%;\n    margin: 0 auto; }\n  [data-player] .player-error-screen__code[data-error-screen] {\n    font-size: 13px;\n    margin-top: 15px; }\n  [data-player] .player-error-screen__reload {\n    cursor: pointer;\n    width: 30px;\n    margin: 15px auto 0 !important; }\n";
   var ErrorScreen$1 = /*#__PURE__*/function (_UICorePlugin) {
-    _inherits(ErrorScreen, _UICorePlugin);
-    var _super = _createSuper(ErrorScreen);
     function ErrorScreen(core) {
       var _this;
       _classCallCheck(this, ErrorScreen);
-      _this = _super.call(this, core);
+      _this = _callSuper(this, ErrorScreen, [core]);
       if (_this.options.disableErrorScreen) return _possibleConstructorReturn(_this, _this.disable());
       return _this;
     }
-    _createClass(ErrorScreen, [{
+    _inherits(ErrorScreen, _UICorePlugin);
+    return _createClass(ErrorScreen, [{
       key: "name",
       get: function get() {
         return 'error_screen';
@@ -9331,7 +9446,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9428,26 +9543,21 @@
         return this;
       }
     }]);
-    return ErrorScreen;
   }(UICorePlugin);
   var playIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill=\"#010101\" d=\"M1.425.35L14.575 8l-13.15 7.65V.35z\"/>\n</svg>";
   var pauseIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#010101\" d=\"M1.712 14.76H6.43V1.24H1.71v13.52zm7.86-13.52v13.52h4.716V1.24H9.573z\"/>\n</svg>";
-  var oldIcon = zepto('link[rel="shortcut icon"]');
+  var oldIcon = $('link[rel="shortcut icon"]');
   var Favicon$1 = /*#__PURE__*/function (_CorePlugin) {
-    _inherits(Favicon, _CorePlugin);
-    var _super = _createSuper(Favicon);
     function Favicon(core) {
       var _this;
       _classCallCheck(this, Favicon);
-      _this = _super.call(this, core);
+      _this = _callSuper(this, Favicon, [core]);
       _this._container = null;
       _this.configure();
       return _this;
     }
-    _createClass(Favicon, [{
+    _inherits(Favicon, _CorePlugin);
+    return _createClass(Favicon, [{
       key: "name",
       get: function get() {
         return 'favicon';
@@ -9456,7 +9566,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9511,15 +9621,15 @@
     }, {
       key: "createIcon",
       value: function createIcon(svg) {
-        var canvas = zepto('<canvas/>');
+        var canvas = $('<canvas/>');
         canvas[0].width = 16;
         canvas[0].height = 16;
         var ctx = canvas[0].getContext('2d');
         ctx.fillStyle = '#000';
-        var d = zepto(svg).find('path').attr('d');
+        var d = $(svg).find('path').attr('d');
         var path = new Path2D(d);
         ctx.fill(path);
-        var icon = zepto('<link rel="shortcut icon" type="image/png"/>');
+        var icon = $('<link rel="shortcut icon" type="image/png"/>');
         icon.attr('href', canvas[0].toDataURL('image/png'));
         return icon;
       }
@@ -9538,28 +9648,24 @@
     }, {
       key: "resetIcon",
       value: function resetIcon() {
-        zepto('link[rel="shortcut icon"]').remove();
-        zepto('head').append(this.oldIcon);
+        $('link[rel="shortcut icon"]').remove();
+        $('head').append(this.oldIcon);
       }
     }, {
       key: "changeIcon",
       value: function changeIcon(icon) {
         if (icon) {
-          zepto('link[rel="shortcut icon"]').remove();
-          zepto('head').append(icon);
+          $('link[rel="shortcut icon"]').remove();
+          $('head').append(icon);
         }
       }
     }]);
-    return Favicon;
   }(CorePlugin);
   var GoogleAnalytics$1 = /*#__PURE__*/function (_ContainerPlugin) {
-    _inherits(GoogleAnalytics, _ContainerPlugin);
-    var _super = _createSuper(GoogleAnalytics);
     function GoogleAnalytics(container) {
       var _this;
       _classCallCheck(this, GoogleAnalytics);
-      _this = _super.call(this, container);
+      _this = _callSuper(this, GoogleAnalytics, [container]);
       if (_this.container.options.gaAccount) {
         _this.account = _this.container.options.gaAccount;
         _this.trackerName = _this.container.options.gaTrackerName ? _this.container.options.gaTrackerName + '.' : 'Clappr.';
@@ -9569,7 +9675,8 @@
       }
       return _this;
     }
-    _createClass(GoogleAnalytics, [{
+    _inherits(GoogleAnalytics, _ContainerPlugin);
+    return _createClass(GoogleAnalytics, [{
       key: "name",
       get: function get() {
         return 'google_analytics';
@@ -9578,7 +9685,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -9707,7 +9814,6 @@
         _gaq.push(res);
       }
     }]);
-    return GoogleAnalytics;
   }(ContainerPlugin);
   /* eslint-disable */
@@ -10008,39 +10114,27 @@
     }
     return result.join(' ');
   };
   var index = {
     Kibo: Kibo
   };
   var css_248z$4 = ".media-control-notransition {\n  transition: none !important; }\n\n.media-control[data-media-control] {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 9999;\n  pointer-events: none; }\n  .media-control[data-media-control].dragging {\n    pointer-events: auto;\n    cursor: grabbing !important;\n    cursor: url(\"closed-hand.cur\"), move; }\n    .media-control[data-media-control].dragging * {\n      cursor: grabbing !important;\n      cursor: url(\"closed-hand.cur\"), move; }\n  .media-control[data-media-control] .media-control-background[data-background] {\n    position: absolute;\n    height: 40%;\n    width: 100%;\n    bottom: 0;\n    background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));\n    will-change: transform, opacity;\n    transition: opacity 0.6s ease-out; }\n  .media-control[data-media-control] .media-control-icon {\n    line-height: 0;\n    letter-spacing: 0;\n    speak: none;\n    color: #fff;\n    opacity: 0.5;\n    vertical-align: middle;\n    text-align: left;\n    transition: all 0.1s ease; }\n  .media-control[data-media-control] .media-control-icon:hover {\n    color: white;\n    opacity: 0.75;\n    text-shadow: rgba(255, 255, 255, 0.8) 0 0 5px; }\n  .media-control[data-media-control].media-control-hide .media-control-background[data-background] {\n    opacity: 0; }\n  .media-control[data-media-control].media-control-hide .media-control-layer[data-controls] {\n    transform: translateY(50px); }\n    .media-control[data-media-control].media-control-hide .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] {\n      opacity: 0; }\n  .media-control[data-media-control] .media-control-layer[data-controls] {\n    position: absolute;\n    transform: translateY(-7px);\n    bottom: 0;\n    width: 100%;\n    height: 32px;\n    font-size: 0;\n    vertical-align: middle;\n    pointer-events: auto;\n    transition: bottom 0.4s ease-out; }\n    .media-control[data-media-control] .media-control-layer[data-controls] .media-control-left-panel[data-media-control] {\n      position: absolute;\n      top: 0;\n      left: 4px;\n      height: 100%; }\n    .media-control[data-media-control] .media-control-layer[data-controls] .media-control-center-panel[data-media-control] {\n      height: 100%;\n      text-align: center;\n      line-height: 32px; }\n    .media-control[data-media-control] .media-control-layer[data-controls] .media-control-right-panel[data-media-control] {\n      position: absolute;\n      top: 0;\n      right: 4px;\n      height: 100%; }\n    .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button {\n      background-color: transparent;\n      border: 0;\n      margin: 0 6px;\n      padding: 0;\n      cursor: pointer;\n      display: inline-block;\n      width: 32px;\n      height: 100%; }\n      .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg {\n        width: 100%;\n        height: 22px; }\n        .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg path {\n          fill: white; }\n      .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button:focus {\n        outline: none; }\n      .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-play] {\n        float: left;\n        height: 100%; }\n      .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-pause] {\n        float: left;\n        height: 100%; }\n      .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-stop] {\n        float: left;\n        height: 100%; }\n      .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-fullscreen] {\n        float: right;\n        background-color: transparent;\n        border: 0;\n        height: 100%; }\n      .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator] {\n        background-color: transparent;\n        border: 0;\n        cursor: default;\n        display: none;\n        float: right;\n        height: 100%; }\n        .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled {\n          display: block;\n          opacity: 1.0; }\n          .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-hd-indicator].enabled:hover {\n            opacity: 1.0;\n            text-shadow: none; }\n      .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-playpause] {\n        float: left; }\n      .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button[data-playstop] {\n        float: left; }\n    .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-position], .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration] {\n      display: inline-block;\n      font-size: 10px;\n      color: white;\n      cursor: default;\n      line-height: 32px;\n      position: relative; }\n    .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-position] {\n      margin: 0 6px 0 7px; }\n    .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration] {\n      color: rgba(255, 255, 255, 0.5);\n      margin-right: 6px; }\n      .media-control[data-media-control] .media-control-layer[data-controls] .media-control-indicator[data-duration]:before {\n        content: \"|\";\n        margin-right: 7px; }\n    .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] {\n      position: absolute;\n      top: -20px;\n      left: 0;\n      display: inline-block;\n      vertical-align: middle;\n      width: 100%;\n      height: 25px;\n      cursor: pointer; }\n      .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] {\n        width: 100%;\n        height: 1px;\n        position: relative;\n        top: 12px;\n        background-color: #666666; }\n        .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-1[data-seekbar] {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 0;\n          height: 100%;\n          background-color: #c2c2c2;\n          transition: all 0.1s ease-out; }\n        .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-fill-2[data-seekbar] {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 0;\n          height: 100%;\n          background-color: #005aff;\n          transition: all 0.1s ease-out; }\n        .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-background[data-seekbar] .bar-hover[data-seekbar] {\n          opacity: 0;\n          position: absolute;\n          top: -3px;\n          width: 5px;\n          height: 7px;\n          background-color: rgba(255, 255, 255, 0.5);\n          transition: opacity 0.1s ease; }\n      .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar]:hover .bar-background[data-seekbar] .bar-hover[data-seekbar] {\n        opacity: 1; }\n      .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar].seek-disabled {\n        cursor: default; }\n        .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar].seek-disabled:hover .bar-background[data-seekbar] .bar-hover[data-seekbar] {\n          opacity: 0; }\n      .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] {\n        position: absolute;\n        transform: translateX(-50%);\n        top: 2px;\n        left: 0;\n        width: 20px;\n        height: 20px;\n        opacity: 1;\n        transition: all 0.1s ease-out; }\n        .media-control[data-media-control] .media-control-layer[data-controls] .bar-container[data-seekbar] .bar-scrubber[data-seekbar] .bar-scrubber-icon[data-seekbar] {\n          position: absolute;\n          left: 6px;\n          top: 6px;\n          width: 8px;\n          height: 8px;\n          border-radius: 10px;\n          box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);\n          background-color: white; }\n    .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] {\n      float: right;\n      display: inline-block;\n      height: 32px;\n      cursor: pointer;\n      margin: 0 6px;\n      box-sizing: border-box; }\n      .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] {\n        float: left;\n        bottom: 0; }\n        .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] {\n          background-color: transparent;\n          border: 0;\n          box-sizing: content-box;\n          width: 32px;\n          height: 32px;\n          opacity: 0.5; }\n          .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume]:hover {\n            opacity: 0.75; }\n          .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] svg {\n            height: 24px;\n            position: relative;\n            top: 3px; }\n            .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume] svg path {\n              fill: white; }\n          .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .drawer-icon-container[data-volume] .drawer-icon[data-volume].muted svg {\n            margin-left: 2px; }\n      .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] {\n        float: left;\n        position: relative;\n        overflow: hidden;\n        top: 6px;\n        width: 42px;\n        height: 18px;\n        padding: 3px 0;\n        transition: width .2s ease-out; }\n        .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] {\n          height: 1px;\n          position: relative;\n          top: 7px;\n          margin: 0 3px;\n          background-color: #666666; }\n          .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-fill-1[data-volume] {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 0;\n            height: 100%;\n            background-color: #c2c2c2;\n            transition: all 0.1s ease-out; }\n          .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-fill-2[data-volume] {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 0;\n            height: 100%;\n            background-color: #005aff;\n            transition: all 0.1s ease-out; }\n          .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-background[data-volume] .bar-hover[data-volume] {\n            opacity: 0;\n            position: absolute;\n            top: -3px;\n            width: 5px;\n            height: 7px;\n            background-color: rgba(255, 255, 255, 0.5);\n            transition: opacity 0.1s ease; }\n        .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-scrubber[data-volume] {\n          position: absolute;\n          transform: translateX(-50%);\n          top: 0px;\n          left: 0;\n          width: 20px;\n          height: 20px;\n          opacity: 1;\n          transition: all 0.1s ease-out; }\n          .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .bar-scrubber[data-volume] .bar-scrubber-icon[data-volume] {\n            position: absolute;\n            left: 6px;\n            top: 6px;\n            width: 8px;\n            height: 8px;\n            border-radius: 10px;\n            box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.2);\n            background-color: white; }\n        .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume] {\n          float: left;\n          width: 4px;\n          padding-left: 2px;\n          height: 12px;\n          opacity: 0.5;\n          box-shadow: inset 2px 0 0 white;\n          transition: transform .2s ease-out; }\n          .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume].fill {\n            box-shadow: inset 2px 0 0 #fff;\n            opacity: 1; }\n          .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:nth-of-type(1) {\n            padding-left: 0; }\n          .media-control[data-media-control] .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume] .segmented-bar-element[data-volume]:hover {\n            transform: scaleY(1.5); }\n  .media-control[data-media-control].w320 .media-control-layer[data-controls] .drawer-container[data-volume] .bar-container[data-volume].volume-bar-hide {\n    width: 0;\n    height: 12px;\n    top: 9px;\n    padding: 0; }\n";
   var mediaControlHTML = "<div class=\"media-control-background\" data-background></div>\n<div class=\"media-control-layer\" data-controls>\n  <%  var renderBar = function(name) { %>\n      <div class=\"bar-container\" data-<%= name %>>\n        <div class=\"bar-background\" data-<%= name %>>\n          <div class=\"bar-fill-1\" data-<%= name %>></div>\n          <div class=\"bar-fill-2\" data-<%= name %>></div>\n          <div class=\"bar-hover\" data-<%= name %>></div>\n        </div>\n        <div class=\"bar-scrubber\" data-<%= name %>>\n          <div class=\"bar-scrubber-icon\" data-<%= name %>></div>\n        </div>\n      </div>\n  <%  }; %>\n  <%  var renderSegmentedBar = function(name, segments) {\n      segments = segments || 10; %>\n    <div class=\"bar-container\" data-<%= name %>>\n    <% for (var i = 0; i < segments; i++) { %>\n      <div class=\"segmented-bar-element\" data-<%= name %>></div>\n    <% } %>\n    </div>\n  <% }; %>\n  <% var renderDrawer = function(name, renderContent) { %>\n      <div class=\"drawer-container\" data-<%= name %>>\n        <div class=\"drawer-icon-container\" data-<%= name %>>\n          <div class=\"drawer-icon media-control-icon\" data-<%= name %>></div>\n          <span class=\"drawer-text\" data-<%= name %>></span>\n        </div>\n        <% renderContent(name); %>\n      </div>\n  <% }; %>\n  <% var renderIndicator = function(name) { %>\n      <div class=\"media-control-indicator\" data-<%= name %>></div>\n  <% }; %>\n  <% var renderButton = function(name) { %>\n    <button type=\"button\" class=\"media-control-button media-control-icon\" data-<%= name %> aria-label=\"<%= name %>\"></button>\n  <% }; %>\n  <%  var templates = {\n        bar: renderBar,\n        segmentedBar: renderSegmentedBar,\n      };\n      var render = function(settingsList) {\n        settingsList.forEach(function(setting) {\n          if(setting === \"seekbar\") {\n            renderBar(setting);\n          } else if (setting === \"volume\") {\n            renderDrawer(setting, settings.volumeBarTemplate ? templates[settings.volumeBarTemplate] : function(name) { return renderSegmentedBar(name); });\n          } else if (setting === \"duration\" || setting === \"position\") {\n            renderIndicator(setting);\n          } else {\n            renderButton(setting);\n          }\n        });\n      }; %>\n  <% if (settings.default && settings.default.length) { %>\n  <div class=\"media-control-center-panel\" data-media-control>\n    <% render(settings.default); %>\n  </div>\n  <% } %>\n  <% if (settings.left && settings.left.length) { %>\n  <div class=\"media-control-left-panel\" data-media-control>\n    <% render(settings.left); %>\n  </div>\n  <% } %>\n  <% if (settings.right && settings.right.length) { %>\n  <div class=\"media-control-right-panel\" data-media-control>\n    <% render(settings.right); %>\n  </div>\n  <% } %>\n</div>\n";
   var stopIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#010101\" d=\"M1.712 1.24h12.6v13.52h-12.6z\"/>\n</svg>";
   var volumeIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#010101\" d=\"M11.5 11h-.002v1.502L7.798 10H4.5V6h3.297l3.7-2.502V4.5h.003V11zM11 4.49L7.953 6.5H5v3h2.953L11 11.51V4.49z\"/>\n</svg>";
   var volumeMuteIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" fill=\"#010101\" d=\"M9.75 11.51L6.7 9.5H3.75v-3H6.7L9.75 4.49v.664l.497.498V3.498L6.547 6H3.248v4h3.296l3.7 2.502v-2.154l-.497.5v.662zm3-5.165L12.404 6l-1.655 1.653L9.093 6l-.346.345L10.402 8 8.747 9.654l.346.347 1.655-1.653L12.403 10l.348-.346L11.097 8l1.655-1.655z\"/>\n</svg>";
   var fullscreenIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill=\"#010101\" d=\"M7.156 8L4 11.156V8.5H3V13h4.5v-1H4.844L8 8.844 7.156 8zM8.5 3v1h2.657L8 7.157 8.846 8 12 4.844V7.5h1V3H8.5z\"/>\n</svg>";
   var exitFullscreenIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill=\"#010101\" d=\"M13.5 3.344l-.844-.844L9.5 5.656V3h-1v4.5H13v-1h-2.656L13.5 3.344zM3 9.5h2.656L2.5 12.656l.844.844L6.5 10.344V13h1V8.5H3v1z\"/>\n</svg>";
   var hdIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n  <path fill=\"#010101\" d=\"M5.375 7.062H2.637V4.26H.502v7.488h2.135V8.9h2.738v2.848h2.133V4.26H5.375v2.802zm5.97-2.81h-2.84v7.496h2.798c2.65 0 4.195-1.607 4.195-3.77v-.022c0-2.162-1.523-3.704-4.154-3.704zm2.06 3.758c0 1.21-.81 1.896-2.03 1.896h-.83V6.093h.83c1.22 0 2.03.696 2.03 1.896v.02z\"/>\n</svg>";
   var Config = Utils.Config,
     Fullscreen = Utils.Fullscreen,
     formatTime$1 = Utils.formatTime,
     extend = Utils.extend,
     removeArrayItem = Utils.removeArrayItem;
   var MediaControl$1 = /*#__PURE__*/function (_UICorePlugin) {
-    _inherits(MediaControl, _UICorePlugin);
-    var _super = _createSuper(MediaControl);
     function MediaControl(core) {
       var _this;
       _classCallCheck(this, MediaControl);
-      _this = _super.call(this, core);
+      _this = _callSuper(this, MediaControl, [core]);
       _this.persistConfig = _this.options.persistConfig;
       _this.currentPositionValue = null;
       _this.currentDurationValue = null;
@@ -10055,7 +10149,7 @@
       _this.kibo = new Kibo(_this.options.focusElement);
       _this.bindKeyEvents();
       if (_this.container) {
-        if (!zepto.isEmptyObject(_this.container.settings)) _this.settings = zepto.extend({}, _this.container.settings);
+        if (!$.isEmptyObject(_this.container.settings)) _this.settings = $.extend({}, _this.container.settings);
       } else {
         _this.settings = {};
       }
@@ -10067,11 +10161,12 @@
       _this.updateDragHandler = function (event) {
         return _this.updateDrag(event);
       };
-      zepto(document).bind('mouseup', _this.stopDragHandler);
-      zepto(document).bind('mousemove', _this.updateDragHandler);
+      $(document).bind('mouseup', _this.stopDragHandler);
+      $(document).bind('mousemove', _this.updateDragHandler);
       return _this;
     }
-    _createClass(MediaControl, [{
+    _inherits(MediaControl, _UICorePlugin);
+    return _createClass(MediaControl, [{
       key: "name",
       get: function get() {
         return 'media_control';
@@ -10080,7 +10175,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -10625,7 +10720,7 @@
     }, {
       key: "getSettings",
       value: function getSettings() {
-        return zepto.extend(true, {}, this.container && this.container.settings);
+        return $.extend(true, {}, this.container && this.container.settings);
       }
     }, {
       key: "highDefinitionUpdate",
@@ -10775,13 +10870,13 @@
     }, {
       key: "applyButtonStyle",
       value: function applyButtonStyle(element) {
-        this.buttonsColor && element && zepto(element).find('svg path').css('fill', this.buttonsColor);
+        this.buttonsColor && element && $(element).find('svg path').css('fill', this.buttonsColor);
       }
     }, {
       key: "destroy",
       value: function destroy() {
-        zepto(document).unbind('mouseup', this.stopDragHandler);
-        zepto(document).unbind('mousemove', this.updateDragHandler);
+        $(document).unbind('mouseup', this.stopDragHandler);
+        $(document).unbind('mousemove', this.updateDragHandler);
         this.unbindKeyEvents();
         this.stopListening();
         _get(_getPrototypeOf(MediaControl.prototype), "destroy", this).call(this);
@@ -10851,23 +10946,17 @@
         return this;
       }
     }]);
-    return MediaControl;
   }(UICorePlugin);
   MediaControl$1.extend = function (properties) {
     return extend(MediaControl$1, properties);
   };
   var posterHTML = "<div class=\"play-wrapper\" data-poster></div>\n";
   var css_248z$3 = ".player-poster[data-poster] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  z-index: 998;\n  top: 0;\n  left: 0;\n  background-color: transparent;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: 50% 50%; }\n  .player-poster[data-poster].clickable {\n    cursor: pointer; }\n  .player-poster[data-poster]:hover .play-wrapper[data-poster] {\n    opacity: 1; }\n  .player-poster[data-poster] .play-wrapper[data-poster] {\n    width: 100%;\n    height: 25%;\n    margin: 0 auto;\n    opacity: 0.75;\n    transition: opacity 0.1s ease; }\n    .player-poster[data-poster] .play-wrapper[data-poster] svg {\n      height: 100%; }\n      .player-poster[data-poster] .play-wrapper[data-poster] svg path {\n        fill: #fff; }\n";
   var PosterPlugin = /*#__PURE__*/function (_UIContainerPlugin) {
-    _inherits(PosterPlugin, _UIContainerPlugin);
-    var _super = _createSuper(PosterPlugin);
     function PosterPlugin(container) {
       var _this;
       _classCallCheck(this, PosterPlugin);
-      _this = _super.call(this, container);
+      _this = _callSuper(this, PosterPlugin, [container]);
       _this.hasStartedPlaying = false;
       _this.playRequested = false;
       _this.render();
@@ -10876,7 +10965,8 @@
       }, 0);
       return _this;
     }
-    _createClass(PosterPlugin, [{
+    _inherits(PosterPlugin, _UIContainerPlugin);
+    return _createClass(PosterPlugin, [{
       key: "name",
       get: function get() {
         return 'poster';
@@ -10885,7 +10975,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -11059,21 +11149,15 @@
         this.container.playback && this.container.playback.$el && this.container.playback.$el[0] && this.container.playback.$el[0].removeAttribute && this.container.playback.$el[0].removeAttribute('poster');
       }
     }]);
-    return PosterPlugin;
   }(UIContainerPlugin);
   var seekTimeHTML = "<span data-seek-time></span>\n<span data-duration></span>\n";
   var css_248z$2 = ".seek-time[data-seek-time] {\n  position: absolute;\n  white-space: nowrap;\n  height: 20px;\n  line-height: 20px;\n  font-size: 0;\n  left: -100%;\n  bottom: 55px;\n  background-color: rgba(2, 2, 2, 0.5);\n  z-index: 9999;\n  transition: opacity 0.1s ease; }\n  .seek-time[data-seek-time].hidden[data-seek-time] {\n    opacity: 0; }\n  .seek-time[data-seek-time] [data-seek-time] {\n    display: inline-block;\n    color: white;\n    font-size: 10px;\n    padding-left: 7px;\n    padding-right: 7px;\n    vertical-align: top; }\n  .seek-time[data-seek-time] [data-duration] {\n    display: inline-block;\n    color: rgba(255, 255, 255, 0.5);\n    font-size: 10px;\n    padding-right: 7px;\n    vertical-align: top; }\n    .seek-time[data-seek-time] [data-duration]:before {\n      content: \"|\";\n      margin-right: 7px; }\n";
   var formatTime = Utils.formatTime;
   var SeekTime$1 = /*#__PURE__*/function (_UICorePlugin) {
-    _inherits(SeekTime, _UICorePlugin);
-    var _super = _createSuper(SeekTime);
     function SeekTime(core) {
       var _this;
       _classCallCheck(this, SeekTime);
-      _this = _super.call(this, core);
+      _this = _callSuper(this, SeekTime, [core]);
       _this.hoveringOverSeekBar = false;
       _this.hoverPosition = null;
       _this.duration = null;
@@ -11084,7 +11168,8 @@
       }
       return _this;
     }
-    _createClass(SeekTime, [{
+    _inherits(SeekTime, _UICorePlugin);
+    return _createClass(SeekTime, [{
       key: "name",
       get: function get() {
         return 'seek_time';
@@ -11093,7 +11178,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -11267,20 +11352,14 @@
         this.update();
       }
     }]);
-    return SeekTime;
   }(UICorePlugin);
   var spinnerHTML = "<div data-bounce1></div><div data-bounce2></div><div data-bounce3></div>\n";
   var css_248z$1 = ".spinner-three-bounce[data-spinner] {\n  position: absolute;\n  margin: 0 auto;\n  width: 70px;\n  text-align: center;\n  z-index: 999;\n  left: 0;\n  right: 0;\n  margin-left: auto;\n  margin-right: auto;\n  /* center vertically */\n  top: 50%;\n  transform: translateY(-50%); }\n  .spinner-three-bounce[data-spinner] > div {\n    width: 18px;\n    height: 18px;\n    background-color: #FFFFFF;\n    border-radius: 100%;\n    display: inline-block;\n    animation: bouncedelay 1.4s infinite ease-in-out;\n    /* Prevent first frame from flickering when animation starts */\n    animation-fill-mode: both; }\n  .spinner-three-bounce[data-spinner] [data-bounce1] {\n    animation-delay: -0.32s; }\n  .spinner-three-bounce[data-spinner] [data-bounce2] {\n    animation-delay: -0.16s; }\n\n@keyframes bouncedelay {\n  0%, 80%, 100% {\n    transform: scale(0); }\n  40% {\n    transform: scale(1); } }\n";
   var SpinnerThreeBouncePlugin = /*#__PURE__*/function (_UIContainerPlugin) {
-    _inherits(SpinnerThreeBouncePlugin, _UIContainerPlugin);
-    var _super = _createSuper(SpinnerThreeBouncePlugin);
     function SpinnerThreeBouncePlugin(container) {
       var _this;
       _classCallCheck(this, SpinnerThreeBouncePlugin);
-      _this = _super.call(this, container);
+      _this = _callSuper(this, SpinnerThreeBouncePlugin, [container]);
       _this.template = tmpl(spinnerHTML);
       _this.showTimeout = null;
       _this.listenTo(_this.container, Events.CONTAINER_STATE_BUFFERING, _this.onBuffering);
@@ -11291,7 +11370,8 @@
       _this.render();
       return _this;
     }
-    _createClass(SpinnerThreeBouncePlugin, [{
+    _inherits(SpinnerThreeBouncePlugin, _UIContainerPlugin);
+    return _createClass(SpinnerThreeBouncePlugin, [{
       key: "name",
       get: function get() {
         return 'spinner';
@@ -11300,7 +11380,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -11357,22 +11437,19 @@
         return this;
       }
     }]);
-    return SpinnerThreeBouncePlugin;
   }(UIContainerPlugin);
   var StatsPlugin = /*#__PURE__*/function (_ContainerPlugin) {
-    _inherits(StatsPlugin, _ContainerPlugin);
-    var _super = _createSuper(StatsPlugin);
     function StatsPlugin(container) {
       var _this;
       _classCallCheck(this, StatsPlugin);
-      _this = _super.call(this, container);
+      _this = _callSuper(this, StatsPlugin, [container]);
       _this.setInitialAttrs();
       _this.reportInterval = _this.options.reportInterval || 5000;
       _this.state = 'IDLE';
       return _this;
     }
-    _createClass(StatsPlugin, [{
+    _inherits(StatsPlugin, _ContainerPlugin);
+    return _createClass(StatsPlugin, [{
       key: "name",
       get: function get() {
         return 'stats';
@@ -11381,7 +11458,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -11461,7 +11538,7 @@
     }, {
       key: "onStatsAdd",
       value: function onStatsAdd(metric) {
-        zepto.extend(this.externalMetrics, metric);
+        $.extend(this.externalMetrics, metric);
       }
     }, {
       key: "getStats",
@@ -11472,7 +11549,7 @@
           rebufferingTime: this.isRebuffering() ? this.rebufferingTime + this.getRebufferingTime() : this.rebufferingTime,
           watchingTime: this.isRebuffering() ? this.getWatchingTime() - this.getRebufferingTime() : this.getWatchingTime()
         };
-        zepto.extend(metrics, this.externalMetrics);
+        $.extend(metrics, this.externalMetrics);
         return metrics;
       }
     }, {
@@ -11481,24 +11558,19 @@
         this.container.statsReport(this.getStats());
       }
     }]);
-    return StatsPlugin;
   }(ContainerPlugin);
   var watermarkHTML = "<div class=\"clappr-watermark\" data-watermark data-watermark-<%=position %>>\n<% if(typeof imageLink !== 'undefined') { %>\n<a target=\"_blank\" href=\"<%= imageLink %>\">\n<% } %>\n<img src=\"<%= imageUrl %>\">\n<% if(typeof imageLink !== 'undefined') { %>\n</a>\n<% } %>\n</div>\n";
   var css_248z = ".clappr-watermark[data-watermark] {\n  position: absolute;\n  min-width: 70px;\n  max-width: 200px;\n  width: 12%;\n  text-align: center;\n  z-index: 10; }\n\n.clappr-watermark[data-watermark] a {\n  outline: none;\n  cursor: pointer; }\n\n.clappr-watermark[data-watermark] img {\n  max-width: 100%; }\n\n.clappr-watermark[data-watermark-bottom-left] {\n  bottom: 10px;\n  left: 10px; }\n\n.clappr-watermark[data-watermark-bottom-right] {\n  bottom: 10px;\n  right: 42px; }\n\n.clappr-watermark[data-watermark-top-left] {\n  top: 10px;\n  left: 10px; }\n\n.clappr-watermark[data-watermark-top-right] {\n  top: 10px;\n  right: 37px; }\n";
   var WaterMarkPlugin = /*#__PURE__*/function (_UIContainerPlugin) {
-    _inherits(WaterMarkPlugin, _UIContainerPlugin);
-    var _super = _createSuper(WaterMarkPlugin);
     function WaterMarkPlugin(container) {
       var _this;
       _classCallCheck(this, WaterMarkPlugin);
-      _this = _super.call(this, container);
+      _this = _callSuper(this, WaterMarkPlugin, [container]);
       _this.configure();
       return _this;
     }
-    _createClass(WaterMarkPlugin, [{
+    _inherits(WaterMarkPlugin, _UIContainerPlugin);
+    return _createClass(WaterMarkPlugin, [{
       key: "name",
       get: function get() {
         return 'watermark';
@@ -11507,7 +11579,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.8.0"
         };
       }
     }, {
@@ -11562,7 +11634,6 @@
         return this;
       }
     }]);
-    return WaterMarkPlugin;
   }(UIContainerPlugin);
   var Plugins = {
     ClickToPause: ClickToPausePlugin,
@@ -11580,7 +11651,7 @@
     WaterMark: WaterMarkPlugin
   };
-  var version = "0.5.0";
+  var version = "0.7.0";
   for (var _i = 0, _Object$values = Object.values(Plugins); _i < _Object$values.length; _i++) {
     var plugin = _Object$values[_i];
     Loader.registerPlugin(plugin);