@clappr/player 0.5.0 → 0.6.0

package/dist/clappr.plainhtml5.js

@@ -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 _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 || "default");
+      if ("object" != typeof i) return i;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return ("string" === r ? String : Number)(t);
+  }
+  function _toPropertyKey$1(t) {
+    var i = _toPrimitive$1(t, "string");
+    return "symbol" == typeof i ? i : i + "";
   }
-  function _typeof(obj) {
+  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);
@@ -379,9 +383,7 @@
       var ownProps = Object.keys(obj),
         i = ownProps.length,
         resArray = new Array(i); // preallocate the Array
-      while (i--) {
-        resArray[i] = [ownProps[i], obj[ownProps[i]]];
-      }
+      while (i--) resArray[i] = [ownProps[i], obj[ownProps[i]]];
       return resArray;
     };
   }
@@ -390,9 +392,7 @@
       var ownProps = Object.keys(obj),
         i = ownProps.length,
         resArray = new Array(i); // preallocate the Array
-      while (i--) {
-        resArray[i] = obj[ownProps[i]];
-      }
+      while (i--) resArray[i] = obj[ownProps[i]];
       return resArray;
     };
   }
@@ -408,7 +408,6 @@
     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');
@@ -485,6 +484,9 @@
   var Media = {
     mp4: mp4
   };
+  function getDefaultExportFromCjs(x) {
+    return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+  }
 
   /* Zepto v1.2.0 - zepto ajax callbacks deferred event ie selector - zeptojs.com/license */
   var Zepto = function () {
@@ -1317,6 +1319,7 @@
 
     // Generate the `width` and `height` functions
     ;
+
     ['width', 'height'].forEach(function (dimension) {
       var dimensionProperty = dimension.replace(/./, function (m) {
         return m[0].toUpperCase();
@@ -2183,6 +2186,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 +2315,7 @@
     };
   })(Zepto);
   var zepto = Zepto;
+  var $ = /*@__PURE__*/getDefaultExportFromCjs(zepto);
 
   /* 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,18 +2793,17 @@
   }
   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);
@@ -2859,7 +2861,7 @@
     function Config() {
       _classCallCheck$1(this, Config);
     }
-    _createClass$1(Config, null, [{
+    return _createClass$1(Config, null, [{
       key: "_defaultConfig",
       value: function _defaultConfig() {
         return {
@@ -2902,13 +2904,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 +2947,6 @@
         return params;
       }
     }]);
-    return QueryString;
   }();
   function seekStringToSeconds() {
     var paramName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 't';
@@ -3045,10 +3045,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 +3060,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 +3078,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 +3092,6 @@
         this.lastTime = currentTime;
       }
     }]);
-    return DoubleEventHandler;
   }();
   var Utils = {
     Config: Config$1,
@@ -3143,7 +3141,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 +3196,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 +3220,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 +3227,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 +3293,7 @@
     function Events() {
       _classCallCheck$1(this, Events);
     }
-    _createClass$1(Events, [{
+    return _createClass$1(Events, [{
       key: "on",
       value:
       /**
@@ -3443,7 +3435,6 @@
         });
       }
     }]);
-    return Events;
   }();
   var listenMethods = {
     listenTo: 'on',
@@ -3567,6 +3558,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 +3999,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 +4143,6 @@
    * @module base
    */
   var BaseObject = /*#__PURE__*/function (_Events) {
-    _inherits$1(BaseObject, _Events);
-    var _super = _createSuper$1(BaseObject);
     /**
      * @method constructor
      * @param {Object} options
@@ -4141,7 +4151,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 +4162,8 @@
     * @property uniqueId
     * @type String
     */
-    _createClass$1(BaseObject, [{
+    _inherits$1(BaseObject, _Events);
+    return _createClass$1(BaseObject, [{
       key: "options",
       get:
       /**
@@ -4164,7 +4175,6 @@
         return this._options;
       }
     }]);
-    return BaseObject;
   }(Events);
 
   /* eslint-disable no-var */
@@ -4263,15 +4273,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 +4294,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 +4305,7 @@
     function UIObject(options) {
       var _this;
       _classCallCheck$1(this, UIObject);
-      _this = _super.call(this, options);
+      _this = _callSuper$1(this, UIObject, [options]);
       _this.cid = uniqueId('c');
       _this._ensureElement();
       _this.delegateEvents();
@@ -4312,7 +4322,8 @@
      * fullScreenBarUIComponent.$('.button-full') //will return only `.button-full` within the component
      * ```
      */
-    _createClass$1(UIObject, [{
+    _inherits$1(UIObject, _BaseObject);
+    return _createClass$1(UIObject, [{
       key: "tagName",
       get:
       /**
@@ -4432,7 +4443,7 @@
       key: "setElement",
       value: function setElement(element, delegate) {
         if (this.$el) this.undelegateEvents();
-        this.$el = zepto.zepto.isZ(element) ? element : zepto(element);
+        this.$el = $.zepto.isZ(element) ? element : $(element);
         this.el = this.$el[0];
         if (delegate !== false) this.delegateEvents();
         return this;
@@ -4483,17 +4494,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 +4514,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 +4529,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 +4559,7 @@
         };
       }
     }]);
-    return PlayerError;
   }(BaseObject);
-
   var ErrorMixin = {
     /**
      * creates an error.
@@ -4589,21 +4596,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 +4643,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 +4660,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 +4669,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 +4710,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 +4849,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 +4886,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",
@@ -5176,6 +5192,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 +5258,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 +5344,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 +5363,6 @@
         return this;
       }
     }]);
-    return Container;
   }(UIObject);
   Object.assign(Container.prototype, ErrorMixin);
 
@@ -5349,8 +5384,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 +5392,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 +5405,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 +5457,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 +5522,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 +5732,7 @@
     }, {
       key: "configure",
       value: function configure(options) {
-        this._options = zepto.extend(true, this._options, options);
+        this._options = $.extend(true, this._options, options);
       }
 
       /**
@@ -5675,7 +5760,6 @@
         cb(true, null); // Assume playback can autoplay by default
       }
     }]);
-    return Playback;
   }(UIObject);
   Object.assign(Playback.prototype, ErrorMixin);
   Playback.extend = function (properties) {
@@ -5737,20 +5821,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 +5844,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 +5881,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 +5897,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 +5909,30 @@
    * @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) {
+      $(document).bind('fullscreenchange', _this._boundFullscreenHandler);
+      $(document).bind('MSFullscreenChange', _this._boundFullscreenHandler);
+      $(document).bind('mozfullscreenchange', _this._boundFullscreenHandler);
+      Browser.isMobile && $(window).bind('resize', function (o) {
         _this.handleWindowResize(o);
       });
       return _this;
     }
-    _createClass$1(Core, [{
+    _inherits$1(Core, _UIObject);
+    return _createClass$1(Core, [{
       key: "events",
       get: function get() {
         return {
@@ -5970,7 +6049,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 +6080,8 @@
             height: this.options.height
           };
           this.currentSize = {
-            width: zepto(window).width(),
-            height: zepto(window).height()
+            width: $(window).width(),
+            height: $(window).height()
           };
         }
       }
@@ -6012,8 +6091,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 +6150,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 +6182,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,9 +6198,9 @@
           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);
         this.stopListening();
       }
     }, {
@@ -6262,7 +6341,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 +6353,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 +6388,6 @@
         return this;
       }
     }]);
-    return Core;
   }(UIObject);
   Object.assign(Core.prototype, ErrorMixin);
 
@@ -6312,8 +6399,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 +6407,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 +6417,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 +6453,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 +6465,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 +6503,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 +6525,12 @@
    * @extends BaseObject
    * @module components
    */
-  var Loader = (function () {
+  var Loader = function () {
     var registry = {
       plugins: {},
       playbacks: []
     };
-    var currentVersion = "0.4.27";
+    var currentVersion = "0.7.2";
     return /*#__PURE__*/function () {
       /**
        * builds the loader
@@ -6480,7 +6560,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 +6584,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 +6737,8 @@
           registry.playbacks = [];
         }
       }]);
-      return Loader;
     }();
-  })();
-
+  }();
   var baseUrl = currentScriptUrl().replace(/\/[^/]+$/, '');
 
   /**
@@ -6690,8 +6766,6 @@
    * ```
    */
   var Player = /*#__PURE__*/function (_BaseObject) {
-    _inherits$1(Player, _BaseObject);
-    var _super = _createSuper$1(Player);
     /**
      * @typedef {Object} PlaybackConfig
      * @prop {boolean} disableContextMenu
@@ -6823,7 +6897,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 +6911,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 +6922,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 +6934,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 +7412,6 @@
         return this.core.activeContainer.getDuration();
       }
     }]);
-    return Player;
   }(BaseObject);
   Object.assign(Player.prototype, ErrorMixin);
 
@@ -7349,18 +7423,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 +7463,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 +7515,6 @@
         this.stopListening();
       }
     }]);
-    return CorePlugin;
   }(BaseObject);
   Object.assign(CorePlugin.prototype, ErrorMixin);
   CorePlugin.extend = function (properties) {
@@ -7461,18 +7530,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 +7565,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 +7601,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 +7615,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 +7628,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 +7655,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 +7665,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -7640,7 +7705,9 @@
           'seeked': '_onSeeked',
           'stalled': '_handleBufferingEvents',
           'timeupdate': '_onTimeUpdate',
-          'waiting': '_onWaiting'
+          'waiting': '_onWaiting',
+          'enterpictureinpicture': '_onEnterPiP',
+          'leavepictureinpicture': '_onExitPiP'
         };
       }
 
@@ -7667,6 +7734,11 @@
       get: function get() {
         return this._isBuffering;
       }
+    }, {
+      key: "isPiPActive",
+      get: function get() {
+        return this.el === document.pictureInPictureElement;
+      }
     }, {
       key: "isLive",
       get: function get() {
@@ -7687,6 +7759,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 +7825,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 +7920,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 +8004,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 +8095,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 +8134,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);
@@ -8038,6 +8164,7 @@
       value: function destroy() {
         this._destroyed = true;
         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 +8225,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 +8389,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 +8411,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 +8425,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -8323,7 +8451,6 @@
         return Playback.AOD;
       }
     }]);
-    return HTML5Audio;
   }(HTML5Video);
   HTML5Audio.canPlay = function (resourceUrl, mimeType) {
     var mimetypes = {
@@ -8334,20 +8461,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 +8480,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -8409,30 +8533,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 +8560,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -8487,9 +8606,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 +8649,6 @@
         this._loop();
       }
     }]);
-    return NoOp;
   }(Playback);
   NoOp.canPlay = function (source) {
     // eslint-disable-line no-unused-vars
@@ -8547,12 +8663,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 +8676,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 +8686,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -8611,7 +8726,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 +8797,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 +8811,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 +8827,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -8734,11 +8846,13 @@
         });
       }
     }]);
-    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.
+
+  var version$1 = "0.7.2";
 
   // Built-in Plugins/Playbacks
 
@@ -8771,9 +8885,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 +8964,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 +8978,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 +9001,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 +9016,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -8950,22 +9048,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 +9065,8 @@
       };
       return _this;
     }
-    _createClass(ClosedCaptions, [{
+    _inherits(ClosedCaptions, _UICorePlugin);
+    return _createClass(ClosedCaptions, [{
       key: "name",
       get: function get() {
         return 'closed_captions';
@@ -8983,7 +9075,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -9116,24 +9208,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 +9234,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -9258,17 +9345,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 +9361,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -9303,26 +9387,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 +9409,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -9428,26 +9506,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 +9529,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -9511,15 +9584,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 +9611,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 +9638,8 @@
       }
       return _this;
     }
-    _createClass(GoogleAnalytics, [{
+    _inherits(GoogleAnalytics, _ContainerPlugin);
+    return _createClass(GoogleAnalytics, [{
       key: "name",
       get: function get() {
         return 'google_analytics';
@@ -9578,7 +9648,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -9707,7 +9777,6 @@
         _gaq.push(res);
       }
     }]);
-    return GoogleAnalytics;
   }(ContainerPlugin);
 
   /* eslint-disable */
@@ -10008,39 +10077,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 +10112,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 +10124,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 +10138,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -10625,7 +10683,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 +10833,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 +10909,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 +10928,8 @@
       }, 0);
       return _this;
     }
-    _createClass(PosterPlugin, [{
+    _inherits(PosterPlugin, _UIContainerPlugin);
+    return _createClass(PosterPlugin, [{
       key: "name",
       get: function get() {
         return 'poster';
@@ -10885,7 +10938,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -11059,21 +11112,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 +11131,8 @@
       }
       return _this;
     }
-    _createClass(SeekTime, [{
+    _inherits(SeekTime, _UICorePlugin);
+    return _createClass(SeekTime, [{
       key: "name",
       get: function get() {
         return 'seek_time';
@@ -11093,7 +11141,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -11267,20 +11315,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 +11333,8 @@
       _this.render();
       return _this;
     }
-    _createClass(SpinnerThreeBouncePlugin, [{
+    _inherits(SpinnerThreeBouncePlugin, _UIContainerPlugin);
+    return _createClass(SpinnerThreeBouncePlugin, [{
       key: "name",
       get: function get() {
         return 'spinner';
@@ -11300,7 +11343,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -11357,22 +11400,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 +11421,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -11461,7 +11501,7 @@
     }, {
       key: "onStatsAdd",
       value: function onStatsAdd(metric) {
-        zepto.extend(this.externalMetrics, metric);
+        $.extend(this.externalMetrics, metric);
       }
     }, {
       key: "getStats",
@@ -11472,7 +11512,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 +11521,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 +11542,7 @@
       key: "supportedVersion",
       get: function get() {
         return {
-          min: "0.4.27"
+          min: "0.7.2"
         };
       }
     }, {
@@ -11562,7 +11597,6 @@
         return this;
       }
     }]);
-    return WaterMarkPlugin;
   }(UIContainerPlugin);
   var Plugins = {
     ClickToPause: ClickToPausePlugin,
@@ -11580,7 +11614,7 @@
     WaterMark: WaterMarkPlugin
   };
 
-  var version = "0.5.0";
+  var version = "0.6.0";
   for (var _i = 0, _Object$values = Object.values(Plugins); _i < _Object$values.length; _i++) {
     var plugin = _Object$values[_i];
     Loader.registerPlugin(plugin);