diff --git a/dist/clappr-context-menu-plugin.js b/dist/clappr-context-menu-plugin.js
index a7b697a1..8639d61e 100644
--- a/dist/clappr-context-menu-plugin.js
+++ b/dist/clappr-context-menu-plugin.js
@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("Clappr"));
+		module.exports = factory(require("clappr"));
 	else if(typeof define === 'function' && define.amd)
-		define(["Clappr"], factory);
+		define(["clappr"], factory);
 	else if(typeof exports === 'object')
-		exports["ContextMenuPlugin"] = factory(require("Clappr"));
+		exports["ContextMenuPlugin"] = factory(require("clappr"));
 	else
 		root["ContextMenuPlugin"] = factory(root["Clappr"]);
-})(window, function(__WEBPACK_EXTERNAL_MODULE_Clappr__) {
+})(window, function(__WEBPACK_EXTERNAL_MODULE_clappr__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -116,7 +116,7 @@ eval("\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\n\nvar _Clappr = __webpack_require__(/*! Clappr */ \"Clappr\");\n\nvar _context_menu = _interopRequireDefault(__webpack_require__(/*! ./public/context_menu.scss */ \"./src/public/context_menu.scss\"));\n\nvar _context_menu2 = _interopRequireDefault(__webpack_require__(/*! ./public/context_menu.html */ \"./src/public/context_menu.html\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _get(target, property, receiver) { if (typeof Reflect !== \"undefined\" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }\n\nfunction _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nvar ContextMenuPlugin =\n/*#__PURE__*/\nfunction (_UICorePlugin) {\n  _inherits(ContextMenuPlugin, _UICorePlugin);\n\n  _createClass(ContextMenuPlugin, [{\n    key: \"name\",\n    get: function get() {\n      return 'context_menu';\n    }\n  }, {\n    key: \"attributes\",\n    get: function get() {\n      return {\n        'class': 'context-menu'\n      };\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return (0, _Clappr.template)(_context_menu2[\"default\"]);\n    }\n  }, {\n    key: \"loopEnable\",\n    get: function get() {\n      return this.core.activePlayback.el.loop;\n    }\n  }, {\n    key: \"playerVersion\",\n    get: function get() {\n      return {\n        label: \"Clappr Player v\".concat(Clappr.version),\n        name: 'playerVersion'\n      };\n    }\n  }, {\n    key: \"copyURL\",\n    get: function get() {\n      return {\n        label: 'Copy URL',\n        name: 'copyURL'\n      };\n    }\n  }, {\n    key: \"copyURLCurrentTime\",\n    get: function get() {\n      return {\n        label: 'Copy URL on current time',\n        name: 'copyURLCurrentTime'\n      };\n    }\n  }, {\n    key: \"loop\",\n    get: function get() {\n      return {\n        label: 'Loop: ',\n        name: 'loop',\n        \"class\": this.core.options.loop ? 'on' : 'off'\n      };\n    }\n  }, {\n    key: \"events\",\n    get: function get() {\n      var _this2 = this;\n\n      var events = {\n        'click [data-copyURL]': 'onCopyURL',\n        'click [data-copyURLCurrentTime]': 'onCopyURLCurrentTime',\n        'click [data-loop]': 'onToggleLoop'\n      };\n      this.extraOptions && this.extraOptions.forEach(function (item) {\n        if (typeof item.callback === 'function') {\n          var callbackName = \"\".concat(item.name, \"Callback\");\n          _this2[callbackName] = item.callback;\n          events[\"click [data-\".concat(item.name, \"]\")] = callbackName;\n        }\n      });\n      return events;\n    }\n  }]);\n\n  function ContextMenuPlugin(core) {\n    var _this;\n\n    _classCallCheck(this, ContextMenuPlugin);\n\n    _this = _possibleConstructorReturn(this, _getPrototypeOf(ContextMenuPlugin).call(this, core));\n    _this.extraOptions = _this.options.contextMenu && _this.options.contextMenu.extraOptions || [];\n\n    _this.delegateEvents(_this.events);\n\n    _this.bindEvents();\n\n    return _this;\n  }\n\n  _createClass(ContextMenuPlugin, [{\n    key: \"bindEvents\",\n    value: function bindEvents() {\n      var coreEventListenerData = [{\n        object: this.core,\n        event: _Clappr.Events.CORE_ACTIVE_CONTAINER_CHANGED,\n        callback: this.containerChanged\n      }];\n      this.stopListening(coreEventListenerData[0].object, coreEventListenerData[0].event, coreEventListenerData[0].callback);\n      this.listenTo(coreEventListenerData[0].object, coreEventListenerData[0].event, coreEventListenerData[0].callback);\n      this.bindCustomEvents();\n    }\n  }, {\n    key: \"bindContainerEvents\",\n    value: function bindContainerEvents() {\n      var _this3 = this;\n\n      var containerEventListenerData = [{\n        object: this.container,\n        event: _Clappr.Events.CONTAINER_CONTEXTMENU,\n        callback: this.toggleContextMenu\n      }, {\n        object: this.container,\n        event: _Clappr.Events.CONTAINER_CLICK,\n        callback: this.hide\n      }];\n\n      if (this.container) {\n        containerEventListenerData.forEach(function (item) {\n          return _this3.stopListening(item.object, item.event, item.callback);\n        });\n        containerEventListenerData.forEach(function (item) {\n          return _this3.listenTo(item.object, item.event, item.callback);\n        });\n      }\n    }\n  }, {\n    key: \"bindCustomEvents\",\n    value: function bindCustomEvents() {\n      $('body').off('click', this.hide.bind(this));\n      $('body').on('click', this.hide.bind(this));\n    }\n  }, {\n    key: \"destroy\",\n    value: function destroy() {\n      $('body').off('click', this.hide.bind(this));\n      this.stopListening();\n\n      _get(_getPrototypeOf(ContextMenuPlugin.prototype), \"destroy\", this).call(this);\n    }\n  }, {\n    key: \"containerChanged\",\n    value: function containerChanged() {\n      this.container = this.core.activeContainer;\n      this.bindContainerEvents();\n    }\n  }, {\n    key: \"toggleContextMenu\",\n    value: function toggleContextMenu(event) {\n      event.preventDefault();\n      this.show(event.offsetY, event.offsetX);\n    }\n  }, {\n    key: \"show\",\n    value: function show(top, left) {\n      !this.playerElement && this.calculateContextMenuLimit();\n      var finalTop = top > this.maxHeight ? this.maxHeight : top;\n      var finalLeft = left > this.maxWidth ? this.maxWidth : left;\n      this.hide();\n      this.$el.css({\n        top: finalTop,\n        left: finalLeft\n      });\n      this.$el.show();\n    }\n  }, {\n    key: \"calculateContextMenuLimit\",\n    value: function calculateContextMenuLimit() {\n      this.playerElement = document.querySelector('[data-player]');\n      this.maxWidth = this.playerElement.clientWidth - 160;\n      this.maxHeight = this.playerElement.clientHeight - 200;\n    }\n  }, {\n    key: \"hide\",\n    value: function hide() {\n      this.$el.hide();\n    }\n  }, {\n    key: \"copyToClipboard\",\n    value: function copyToClipboard(value, $el) {\n      if (!$el) return;\n      var $copyTextarea = $('<textarea class=\"copytextarea\"/>');\n      $copyTextarea.text(value);\n      $el.append($copyTextarea[0]);\n      var copyTextarea = document.querySelector('.context-menu .copytextarea');\n      copyTextarea.select();\n\n      try {\n        document.execCommand('copy');\n      } catch (err) {\n        throw Error(err);\n      }\n\n      $copyTextarea.remove();\n    }\n  }, {\n    key: \"onCopyURL\",\n    value: function onCopyURL() {\n      this.copyToClipboard(window.location.href, this.$el);\n    }\n  }, {\n    key: \"onCopyURLCurrentTime\",\n    value: function onCopyURLCurrentTime() {\n      var url = window.location.href;\n      var currentTime = Math.floor(this.container.getCurrentTime());\n\n      if (window.location.search === '') {\n        //if dont exist any query string\n        url += \"?t=\".concat(currentTime);\n      } else if (window.location.search.split(/[\\?=&]/g).indexOf('t') === -1) {\n        // if exist query string but not the resume at\n        url += \"&t=\".concat(currentTime);\n      } else if (window.location.search.split(/[\\?=&]/g).indexOf('t') !== -1) {\n        // if exist resume query string\n        var search = window.location.search.split(/[\\?&]/g);\n        var resumeAtQueryString = search.find(function (item) {\n          return item.includes('t=');\n        });\n        var newQueryString = window.location.search.replace(resumeAtQueryString, \"t=\".concat(currentTime));\n        url = \"\".concat(url.replace(window.location.search, '')).concat(newQueryString);\n      }\n\n      this.copyToClipboard(url, this.$el);\n    }\n  }, {\n    key: \"onToggleLoop\",\n    value: function onToggleLoop() {\n      this.core.options.loop = !this.loopEnable;\n      this.core.activePlayback.el.loop = !this.loopEnable;\n      this.$el.find('[data-loop]').toggleClass('on', this.loopEnable);\n      this.$el.find('[data-loop]').toggleClass('off', !this.loopEnable);\n    }\n  }, {\n    key: \"appendExtraOptions\",\n    value: function appendExtraOptions(item) {\n      this.menuOptions.unshift(item);\n    }\n  }, {\n    key: \"addCustomStyle\",\n    value: function addCustomStyle() {\n      var styles = this.options.contextMenu && this.options.contextMenu.customStyle;\n\n      if (styles) {\n        this.$el.css(styles.container);\n        this.$el.find('.context-menu-list').css(styles.list);\n        this.$el.find('.context-menu-list-item').css(styles.items);\n      }\n    }\n  }, {\n    key: \"sanitizeCustomizedItems\",\n    value: function sanitizeCustomizedItems() {\n      var _this4 = this;\n\n      var customMenuItems = [];\n      this.options.contextMenu.menuItems.forEach(function (item) {\n        typeof _this4[item] !== 'undefined' && customMenuItems.push(_this4[item]);\n      });\n      return customMenuItems;\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this5 = this;\n\n      this.customMenuItems = this.options.contextMenu && this.options.contextMenu.menuItems && this.sanitizeCustomizedItems();\n      this.menuOptions = this.customMenuItems && this.customMenuItems.length > 0 ? this.customMenuItems : [this.copyURL, this.copyURLCurrentTime, this.loop, this.playerVersion];\n      this.options.contextMenu && this.options.contextMenu.extraOptions && this.options.contextMenu.extraOptions.forEach(function (item) {\n        return _this5.appendExtraOptions(item);\n      });\n      this.$el.html(this.template({\n        options: this.menuOptions\n      }));\n      this.$el.append(_Clappr.Styler.getStyleFor(_context_menu[\"default\"]));\n      this.core.$el[0].append(this.$el[0]);\n      this.hide();\n      this.disable();\n      this.addCustomStyle();\n      return this;\n    }\n  }]);\n\n  return ContextMenuPlugin;\n}(_Clappr.UICorePlugin);\n\nexports[\"default\"] = ContextMenuPlugin;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://ContextMenuPlugin/./src/context_menu.js?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports[\"default\"] = void 0;\n\nvar _clappr = __webpack_require__(/*! clappr */ \"clappr\");\n\nvar _context_menu = _interopRequireDefault(__webpack_require__(/*! ./public/context_menu.scss */ \"./src/public/context_menu.scss\"));\n\nvar _context_menu2 = _interopRequireDefault(__webpack_require__(/*! ./public/context_menu.html */ \"./src/public/context_menu.html\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _get(target, property, receiver) { if (typeof Reflect !== \"undefined\" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }\n\nfunction _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nvar ContextMenuPlugin = /*#__PURE__*/function (_UICorePlugin) {\n  _inherits(ContextMenuPlugin, _UICorePlugin);\n\n  _createClass(ContextMenuPlugin, [{\n    key: \"name\",\n    get: function get() {\n      return 'context_menu';\n    }\n  }, {\n    key: \"attributes\",\n    get: function get() {\n      return {\n        \"class\": 'context-menu'\n      };\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return (0, _clappr.template)(_context_menu2[\"default\"]);\n    }\n  }, {\n    key: \"defaultMenuItems\",\n    get: function get() {\n      return [this.copyURL, this.copyURLCurrentTime, this.loop, this.playerVersion];\n    }\n  }, {\n    key: \"loopEnable\",\n    get: function get() {\n      return this.core.activePlayback.el.loop;\n    }\n  }, {\n    key: \"playerVersion\",\n    get: function get() {\n      return {\n        label: \"Clappr Player v\".concat(_clappr.version),\n        name: 'playerVersion',\n        noAction: true\n      };\n    }\n  }, {\n    key: \"copyURL\",\n    get: function get() {\n      return {\n        label: 'Copy URL',\n        name: 'copyURL'\n      };\n    }\n  }, {\n    key: \"copyURLCurrentTime\",\n    get: function get() {\n      return {\n        label: 'Copy URL on current time',\n        name: 'copyURLCurrentTime'\n      };\n    }\n  }, {\n    key: \"loop\",\n    get: function get() {\n      return {\n        label: 'Loop: ',\n        name: 'loop',\n        \"class\": this.core.options.loop ? 'on' : 'off'\n      };\n    }\n  }, {\n    key: \"events\",\n    get: function get() {\n      var _this2 = this;\n\n      var events = {\n        'click [data-copyURL]': 'onCopyURL',\n        'click [data-copyURLCurrentTime]': 'onCopyURLCurrentTime',\n        'click [data-loop]': 'onToggleLoop'\n      };\n      this.extraOptions && this.extraOptions.forEach(function (item) {\n        if (typeof item.callback === 'function') {\n          var callbackName = \"\".concat(item.name, \"Callback\");\n          _this2[callbackName] = item.callback;\n          events[\"click [data-\".concat(item.name, \"]\")] = callbackName;\n        }\n      });\n      return events;\n    }\n  }]);\n\n  function ContextMenuPlugin(core) {\n    var _this;\n\n    _classCallCheck(this, ContextMenuPlugin);\n\n    _this = _possibleConstructorReturn(this, _getPrototypeOf(ContextMenuPlugin).call(this, core));\n\n    _this.init();\n\n    return _this;\n  }\n\n  _createClass(ContextMenuPlugin, [{\n    key: \"init\",\n    value: function init() {\n      this.extraOptions = this.options.contextMenu && this.options.contextMenu.extraOptions || [];\n      this.delegateEvents(this.events);\n      this.bindEvents();\n    }\n  }, {\n    key: \"bindEvents\",\n    value: function bindEvents() {\n      var _this3 = this;\n\n      var coreEventListenerData = [{\n        object: this.core,\n        event: _clappr.Events.CORE_ACTIVE_CONTAINER_CHANGED,\n        callback: this.containerChanged\n      }, {\n        object: this.core,\n        event: _clappr.Events.CORE_RESIZE,\n        callback: this.registerPlayerResize\n      }];\n      coreEventListenerData.forEach(function (item) {\n        return _this3.stopListening(item.object, item.event, item.callback);\n      });\n      coreEventListenerData.forEach(function (item) {\n        return _this3.listenTo(item.object, item.event, item.callback);\n      });\n      this.bindCustomEvents();\n    }\n  }, {\n    key: \"bindContainerEvents\",\n    value: function bindContainerEvents() {\n      var _this4 = this;\n\n      var containerEventListenerData = [{\n        object: this.container,\n        event: _clappr.Events.CONTAINER_CONTEXTMENU,\n        callback: this.toggleContextMenu\n      }, {\n        object: this.container,\n        event: _clappr.Events.CONTAINER_CLICK,\n        callback: this.hide\n      }];\n\n      if (this.container) {\n        containerEventListenerData.forEach(function (item) {\n          return _this4.stopListening(item.object, item.event, item.callback);\n        });\n        containerEventListenerData.forEach(function (item) {\n          return _this4.listenTo(item.object, item.event, item.callback);\n        });\n      }\n    }\n  }, {\n    key: \"bindCustomEvents\",\n    value: function bindCustomEvents() {\n      $('body').off('click', this.hide.bind(this));\n      $('body').on('click', this.hide.bind(this));\n    }\n  }, {\n    key: \"destroy\",\n    value: function destroy() {\n      $('body').off('click', this.hide.bind(this));\n\n      _get(_getPrototypeOf(ContextMenuPlugin.prototype), \"destroy\", this).call(this);\n    }\n  }, {\n    key: \"registerPlayerResize\",\n    value: function registerPlayerResize(size) {\n      if (!size.width || typeof size.width !== 'number') return;\n      this.playerSize = size;\n    }\n  }, {\n    key: \"containerChanged\",\n    value: function containerChanged() {\n      this.container = this.core.activeContainer;\n      this.bindContainerEvents();\n    }\n  }, {\n    key: \"toggleContextMenu\",\n    value: function toggleContextMenu(event) {\n      event.preventDefault();\n      this.show(event.offsetY, event.offsetX);\n    }\n  }, {\n    key: \"show\",\n    value: function show(top, left) {\n      !this.playerElement && this.calculateContextMenuLimit();\n      var finalTop = top > this.maxHeight ? this.maxHeight : top;\n      var finalLeft = left > this.maxWidth ? this.maxWidth : left;\n      this.hide();\n      this.$el.css({\n        top: finalTop,\n        left: finalLeft\n      });\n      this.$el.show();\n    }\n  }, {\n    key: \"calculateContextMenuLimit\",\n    value: function calculateContextMenuLimit() {\n      this.maxWidth = this.playerSize && this.playerSize.width - 160;\n      this.maxHeight = this.playerSize && this.playerSize.height - 200;\n    }\n  }, {\n    key: \"hide\",\n    value: function hide() {\n      this.$el.hide();\n    }\n  }, {\n    key: \"copyToClipboard\",\n    value: function copyToClipboard(value, $el) {\n      if (!$el) return;\n      var $copyTextarea = $('<textarea class=\"copytextarea\"/>');\n      $copyTextarea.text(value);\n      $el.append($copyTextarea[0]);\n      var copyTextarea = this.el.querySelector('.context-menu .copytextarea');\n      copyTextarea.select();\n\n      try {\n        document.execCommand('copy');\n      } catch (err) {\n        throw Error(err);\n      }\n\n      $copyTextarea.remove();\n    }\n  }, {\n    key: \"onCopyURL\",\n    value: function onCopyURL() {\n      this.copyToClipboard(window.location.href, this.$el);\n    }\n  }, {\n    key: \"onCopyURLCurrentTime\",\n    value: function onCopyURLCurrentTime() {\n      var url = window.location.href;\n      var currentTime = Math.floor(this.container.getCurrentTime());\n      /* eslint-disable no-useless-escape */\n\n      if (window.location.search === '') {\n        // if dont exist any query string\n        url += \"?t=\".concat(currentTime);\n      } else if (window.location.search.split(/[\\?=&]/g).indexOf('t') === -1) {\n        // if exist query string but not the resume at\n        url += \"&t=\".concat(currentTime);\n      } else if (window.location.search.split(/[\\?=&]/g).indexOf('t') !== -1) {\n        // if exist resume query string\n        var search = window.location.search.split(/[\\?&]/g);\n        var resumeAtQueryString = search.find(function (item) {\n          return item.includes('t=');\n        });\n        var newQueryString = window.location.search.replace(resumeAtQueryString, \"t=\".concat(currentTime));\n        url = \"\".concat(url.replace(window.location.search, '')).concat(newQueryString);\n      }\n      /* eslint-enable no-useless-escape */\n\n\n      this.copyToClipboard(url, this.$el);\n    }\n  }, {\n    key: \"onToggleLoop\",\n    value: function onToggleLoop() {\n      this.core.options && (this.core.options.loop = !this.loopEnable);\n      this.core.activePlayback && this.core.activePlayback.el && (this.core.activePlayback.el.loop = !this.loopEnable);\n      this.$el.find('[data-loop]').toggleClass('on', this.loopEnable);\n      this.$el.find('[data-loop]').toggleClass('off', !this.loopEnable);\n    }\n  }, {\n    key: \"appendExtraOptions\",\n    value: function appendExtraOptions(item) {\n      if (!item.callback || typeof item.callback !== 'function') item.noAction = true;\n      this.menuOptions.unshift(item);\n    }\n  }, {\n    key: \"addCustomStyle\",\n    value: function addCustomStyle() {\n      var styles = this.options.contextMenu && this.options.contextMenu.customStyle;\n\n      if (styles) {\n        this.$el.css(styles.container);\n        this.$el.find('.context-menu-list').css(styles.list);\n        this.$el.find('.context-menu-list-item').css(styles.items);\n      }\n    }\n  }, {\n    key: \"sanitizeCustomizedItems\",\n    value: function sanitizeCustomizedItems() {\n      var _this5 = this;\n\n      var customMenuItems = [];\n      this.options.contextMenu.menuItems.forEach(function (item) {\n        typeof _this5[item] !== 'undefined' && customMenuItems.push(_this5[item]);\n      });\n      return customMenuItems;\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var _this6 = this;\n\n      this.customMenuItems = this.options.contextMenu && this.options.contextMenu.menuItems && this.sanitizeCustomizedItems();\n      this.menuOptions = this.customMenuItems && this.customMenuItems.length > 0 ? this.customMenuItems : this.defaultMenuItems;\n      var extraOptions = this.options.contextMenu && this.options.contextMenu.extraOptions;\n      extraOptions && extraOptions.forEach(function (item) {\n        return _this6.appendExtraOptions(item);\n      });\n      this.$el.html(this.template({\n        options: this.menuOptions\n      }));\n      this.$el.append(_clappr.Styler.getStyleFor(_context_menu[\"default\"]));\n      this.core.$el[0].append(this.$el[0]);\n      this.hide();\n      this.disable();\n      this.addCustomStyle();\n      return this;\n    }\n  }]);\n\n  return ContextMenuPlugin;\n}(_clappr.UICorePlugin);\n\nexports[\"default\"] = ContextMenuPlugin;\nmodule.exports = exports.default;\n\n//# sourceURL=webpack://ContextMenuPlugin/./src/context_menu.js?");
 
 /***/ }),
 
@@ -127,7 +127,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-eval("module.exports = \"<ul class=\\\"context-menu-list\\\">\\n  <% if(options) { %>\\n    <% for (var i = 0; i < options.length; i++) { %>\\n        <li class=\\\"context-menu-list-item <%=options[i].class%>\\\" data-<%=options[i].name%>><%=options[i].label%></li>\\n    <% } %>\\n  <% } %>\\n</ul>\\n\";\n\n//# sourceURL=webpack://ContextMenuPlugin/./src/public/context_menu.html?");
+eval("module.exports = \"<ul class=\\\"context-menu-list\\\">\\n  <% if(options) { %>\\n    <% for (var i = 0; i < options.length; i++) { %>\\n        <li\\n          class=\\\"context-menu-list-item <%=options[i].class%>\\\"\\n          data-<%=options[i].name%> <% if(options[i].noAction) { %> data-no-action <% } %>\\n        ><%=options[i].label%></li>\\n    <% } %>\\n  <% } %>\\n</ul>\\n\";\n\n//# sourceURL=webpack://ContextMenuPlugin/./src/public/context_menu.html?");
 
 /***/ }),
 
@@ -138,18 +138,18 @@ eval("module.exports = \"<ul class=\\\"context-menu-list\\\">\\n  <% if(options)
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".context-menu {\\n  z-index: 999;\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  text-align: center; }\\n  .context-menu .context-menu-list {\\n    font-family: \\\"Proxima Nova\\\";\\n    font-size: 12px;\\n    line-height: 12px;\\n    list-style-type: none;\\n    text-align: left;\\n    padding: 5px;\\n    margin-left: auto;\\n    margin-right: auto;\\n    background-color: rgba(0, 0, 0, 0.75);\\n    border: 1px solid #666;\\n    border-radius: 4px; }\\n    .context-menu .context-menu-list .context-menu-list-item {\\n      color: white;\\n      padding: 5px;\\n      cursor: pointer; }\\n      .context-menu .context-menu-list .context-menu-list-item:hover {\\n        color: #2b669a; }\\n      .context-menu .context-menu-list .context-menu-list-item[data-version] {\\n        pointer-events: none; }\\n      .context-menu .context-menu-list .context-menu-list-item[data-loop].on:after {\\n        content: 'ON'; }\\n      .context-menu .context-menu-list .context-menu-list-item[data-loop].off:after {\\n        content: 'OFF'; }\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://ContextMenuPlugin/./src/public/context_menu.scss?");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".context-menu {\\n  z-index: 999;\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  text-align: center; }\\n  .context-menu .context-menu-list {\\n    font-family: \\\"Proxima Nova\\\";\\n    font-size: 12px;\\n    line-height: 12px;\\n    list-style-type: none;\\n    text-align: left;\\n    padding: 5px;\\n    margin-left: auto;\\n    margin-right: auto;\\n    background-color: rgba(0, 0, 0, 0.75);\\n    border: 1px solid #666;\\n    border-radius: 4px; }\\n    .context-menu .context-menu-list .context-menu-list-item {\\n      color: white;\\n      padding: 5px;\\n      cursor: pointer; }\\n      .context-menu .context-menu-list .context-menu-list-item:hover {\\n        color: #2b669a; }\\n      .context-menu .context-menu-list .context-menu-list-item[data-no-action] {\\n        pointer-events: none; }\\n      .context-menu .context-menu-list .context-menu-list-item[data-loop].on:after {\\n        content: 'ON'; }\\n      .context-menu .context-menu-list .context-menu-list-item[data-loop].off:after {\\n        content: 'OFF'; }\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://ContextMenuPlugin/./src/public/context_menu.scss?");
 
 /***/ }),
 
-/***/ "Clappr":
-/*!*************************!*\
-  !*** external "Clappr" ***!
-  \*************************/
+/***/ "clappr":
+/*!******************************************************************************************!*\
+  !*** external {"amd":"clappr","commonjs":"clappr","commonjs2":"clappr","root":"Clappr"} ***!
+  \******************************************************************************************/
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-eval("module.exports = __WEBPACK_EXTERNAL_MODULE_Clappr__;\n\n//# sourceURL=webpack://ContextMenuPlugin/external_%22Clappr%22?");
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE_clappr__;\n\n//# sourceURL=webpack://ContextMenuPlugin/external_%7B%22amd%22:%22clappr%22,%22commonjs%22:%22clappr%22,%22commonjs2%22:%22clappr%22,%22root%22:%22Clappr%22%7D?");
 
 /***/ })
 
diff --git a/dist/clappr-context-menu-plugin.min.js b/dist/clappr-context-menu-plugin.min.js
index ab3545ee..2f4c7066 100644
--- a/dist/clappr-context-menu-plugin.min.js
+++ b/dist/clappr-context-menu-plugin.min.js
@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("Clappr")):"function"==typeof define&&define.amd?define(["Clappr"],e):"object"==typeof exports?exports.ContextMenuPlugin=e(require("Clappr")):t.ContextMenuPlugin=e(t.Clappr)}(window,(function(t){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="latest/",n(n.s=0)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=n(1),i=c(n(2)),r=c(n(4));function c(t){return t&&t.__esModule?t:{default:t}}function a(t){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s(t,e){return!e||"object"!==a(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function u(t,e,n){return(u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var o=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=l(t)););return t}(t,e);if(o){var i=Object.getOwnPropertyDescriptor(o,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function l(t){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function p(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function f(t,e,n){return e&&p(t.prototype,e),n&&p(t,n),t}function h(t,e){return(h=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var d=function(t){function e(t){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),(n=s(this,l(e).call(this,t))).extraOptions=n.options.contextMenu&&n.options.contextMenu.extraOptions||[],n.delegateEvents(n.events),n.bindEvents(),n}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h(t,e)}(e,t),f(e,[{key:"name",get:function(){return"context_menu"}},{key:"attributes",get:function(){return{class:"context-menu"}}},{key:"template",get:function(){return(0,o.template)(r.default)}},{key:"loopEnable",get:function(){return this.core.activePlayback.el.loop}},{key:"playerVersion",get:function(){return{label:"Clappr Player v".concat(Clappr.version),name:"playerVersion"}}},{key:"copyURL",get:function(){return{label:"Copy URL",name:"copyURL"}}},{key:"copyURLCurrentTime",get:function(){return{label:"Copy URL on current time",name:"copyURLCurrentTime"}}},{key:"loop",get:function(){return{label:"Loop: ",name:"loop",class:this.core.options.loop?"on":"off"}}},{key:"events",get:function(){var t=this,e={"click [data-copyURL]":"onCopyURL","click [data-copyURLCurrentTime]":"onCopyURLCurrentTime","click [data-loop]":"onToggleLoop"};return this.extraOptions&&this.extraOptions.forEach((function(n){if("function"==typeof n.callback){var o="".concat(n.name,"Callback");t[o]=n.callback,e["click [data-".concat(n.name,"]")]=o}})),e}}]),f(e,[{key:"bindEvents",value:function(){var t=[{object:this.core,event:o.Events.CORE_ACTIVE_CONTAINER_CHANGED,callback:this.containerChanged}];this.stopListening(t[0].object,t[0].event,t[0].callback),this.listenTo(t[0].object,t[0].event,t[0].callback),this.bindCustomEvents()}},{key:"bindContainerEvents",value:function(){var t=this,e=[{object:this.container,event:o.Events.CONTAINER_CONTEXTMENU,callback:this.toggleContextMenu},{object:this.container,event:o.Events.CONTAINER_CLICK,callback:this.hide}];this.container&&(e.forEach((function(e){return t.stopListening(e.object,e.event,e.callback)})),e.forEach((function(e){return t.listenTo(e.object,e.event,e.callback)})))}},{key:"bindCustomEvents",value:function(){$("body").off("click",this.hide.bind(this)),$("body").on("click",this.hide.bind(this))}},{key:"destroy",value:function(){$("body").off("click",this.hide.bind(this)),this.stopListening(),u(l(e.prototype),"destroy",this).call(this)}},{key:"containerChanged",value:function(){this.container=this.core.activeContainer,this.bindContainerEvents()}},{key:"toggleContextMenu",value:function(t){t.preventDefault(),this.show(t.offsetY,t.offsetX)}},{key:"show",value:function(t,e){!this.playerElement&&this.calculateContextMenuLimit();var n=t>this.maxHeight?this.maxHeight:t,o=e>this.maxWidth?this.maxWidth:e;this.hide(),this.$el.css({top:n,left:o}),this.$el.show()}},{key:"calculateContextMenuLimit",value:function(){this.playerElement=document.querySelector("[data-player]"),this.maxWidth=this.playerElement.clientWidth-160,this.maxHeight=this.playerElement.clientHeight-200}},{key:"hide",value:function(){this.$el.hide()}},{key:"copyToClipboard",value:function(t,e){if(e){var n=$('<textarea class="copytextarea"/>');n.text(t),e.append(n[0]),document.querySelector(".context-menu .copytextarea").select();try{document.execCommand("copy")}catch(t){throw Error(t)}n.remove()}}},{key:"onCopyURL",value:function(){this.copyToClipboard(window.location.href,this.$el)}},{key:"onCopyURLCurrentTime",value:function(){var t=window.location.href,e=Math.floor(this.container.getCurrentTime());if(""===window.location.search)t+="?t=".concat(e);else if(-1===window.location.search.split(/[\?=&]/g).indexOf("t"))t+="&t=".concat(e);else if(-1!==window.location.search.split(/[\?=&]/g).indexOf("t")){var n=window.location.search.split(/[\?&]/g).find((function(t){return t.includes("t=")})),o=window.location.search.replace(n,"t=".concat(e));t="".concat(t.replace(window.location.search,"")).concat(o)}this.copyToClipboard(t,this.$el)}},{key:"onToggleLoop",value:function(){this.core.options.loop=!this.loopEnable,this.core.activePlayback.el.loop=!this.loopEnable,this.$el.find("[data-loop]").toggleClass("on",this.loopEnable),this.$el.find("[data-loop]").toggleClass("off",!this.loopEnable)}},{key:"appendExtraOptions",value:function(t){this.menuOptions.unshift(t)}},{key:"addCustomStyle",value:function(){var t=this.options.contextMenu&&this.options.contextMenu.customStyle;t&&(this.$el.css(t.container),this.$el.find(".context-menu-list").css(t.list),this.$el.find(".context-menu-list-item").css(t.items))}},{key:"sanitizeCustomizedItems",value:function(){var t=this,e=[];return this.options.contextMenu.menuItems.forEach((function(n){void 0!==t[n]&&e.push(t[n])})),e}},{key:"render",value:function(){var t=this;return this.customMenuItems=this.options.contextMenu&&this.options.contextMenu.menuItems&&this.sanitizeCustomizedItems(),this.menuOptions=this.customMenuItems&&this.customMenuItems.length>0?this.customMenuItems:[this.copyURL,this.copyURLCurrentTime,this.loop,this.playerVersion],this.options.contextMenu&&this.options.contextMenu.extraOptions&&this.options.contextMenu.extraOptions.forEach((function(e){return t.appendExtraOptions(e)})),this.$el.html(this.template({options:this.menuOptions})),this.$el.append(o.Styler.getStyleFor(i.default)),this.core.$el[0].append(this.$el[0]),this.hide(),this.disable(),this.addCustomStyle(),this}}]),e}(o.UICorePlugin);e.default=d,t.exports=e.default},function(e,n){e.exports=t},function(t,e,n){(e=n(3)(!1)).push([t.i,".context-menu{z-index:999;position:absolute;top:0;left:0;text-align:center}.context-menu .context-menu-list{font-family:\"Proxima Nova\";font-size:12px;line-height:12px;list-style-type:none;text-align:left;padding:5px;margin-left:auto;margin-right:auto;background-color:rgba(0,0,0,0.75);border:1px solid #666;border-radius:4px}.context-menu .context-menu-list .context-menu-list-item{color:white;padding:5px;cursor:pointer}.context-menu .context-menu-list .context-menu-list-item:hover{color:#2b669a}.context-menu .context-menu-list .context-menu-list-item[data-version]{pointer-events:none}.context-menu .context-menu-list .context-menu-list-item[data-loop].on:after{content:'ON'}.context-menu .context-menu-list .context-menu-list-item[data-loop].off:after{content:'OFF'}\n",""]),t.exports=e},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var i=(c=o,a=btoa(unescape(encodeURIComponent(JSON.stringify(c)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),"/*# ".concat(s," */")),r=o.sources.map((function(t){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(t," */")}));return[n].concat(r).concat([i]).join("\n")}var c,a,s;return[n].join("\n")}(e,t);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,o){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(o)for(var r=0;r<this.length;r++){var c=this[r][0];null!=c&&(i[c]=!0)}for(var a=0;a<t.length;a++){var s=[].concat(t[a]);o&&i[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),e.push(s))}},e}},function(t,e){t.exports='<ul class="context-menu-list">\n  <% if(options) { %>\n    <% for (var i = 0; i < options.length; i++) { %>\n        <li class="context-menu-list-item <%=options[i].class%>" data-<%=options[i].name%>><%=options[i].label%></li>\n    <% } %>\n  <% } %>\n</ul>\n'}])}));
\ No newline at end of file
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("clappr")):"function"==typeof define&&define.amd?define(["clappr"],e):"object"==typeof exports?exports.ContextMenuPlugin=e(require("clappr")):t.ContextMenuPlugin=e(t.Clappr)}(window,(function(t){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(o,i,function(e){return t[e]}.bind(null,i));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="latest/",n(n.s=0)}([function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=n(1),i=c(n(2)),r=c(n(4));function c(t){return t&&t.__esModule?t:{default:t}}function a(t){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function s(t,e){return!e||"object"!==a(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function u(t,e,n){return(u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,n){var o=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=l(t)););return t}(t,e);if(o){var i=Object.getOwnPropertyDescriptor(o,e);return i.get?i.get.call(n):i.value}})(t,e,n||t)}function l(t){return(l=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function f(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function p(t,e,n){return e&&f(t.prototype,e),n&&f(t,n),t}function h(t,e){return(h=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var y=function(t){function e(t){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),(n=s(this,l(e).call(this,t))).init(),n}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&h(t,e)}(e,t),p(e,[{key:"name",get:function(){return"context_menu"}},{key:"attributes",get:function(){return{class:"context-menu"}}},{key:"template",get:function(){return(0,o.template)(r.default)}},{key:"defaultMenuItems",get:function(){return[this.copyURL,this.copyURLCurrentTime,this.loop,this.playerVersion]}},{key:"loopEnable",get:function(){return this.core.activePlayback.el.loop}},{key:"playerVersion",get:function(){return{label:"Clappr Player v".concat(o.version),name:"playerVersion",noAction:!0}}},{key:"copyURL",get:function(){return{label:"Copy URL",name:"copyURL"}}},{key:"copyURLCurrentTime",get:function(){return{label:"Copy URL on current time",name:"copyURLCurrentTime"}}},{key:"loop",get:function(){return{label:"Loop: ",name:"loop",class:this.core.options.loop?"on":"off"}}},{key:"events",get:function(){var t=this,e={"click [data-copyURL]":"onCopyURL","click [data-copyURLCurrentTime]":"onCopyURLCurrentTime","click [data-loop]":"onToggleLoop"};return this.extraOptions&&this.extraOptions.forEach((function(n){if("function"==typeof n.callback){var o="".concat(n.name,"Callback");t[o]=n.callback,e["click [data-".concat(n.name,"]")]=o}})),e}}]),p(e,[{key:"init",value:function(){this.extraOptions=this.options.contextMenu&&this.options.contextMenu.extraOptions||[],this.delegateEvents(this.events),this.bindEvents()}},{key:"bindEvents",value:function(){var t=this,e=[{object:this.core,event:o.Events.CORE_ACTIVE_CONTAINER_CHANGED,callback:this.containerChanged},{object:this.core,event:o.Events.CORE_RESIZE,callback:this.registerPlayerResize}];e.forEach((function(e){return t.stopListening(e.object,e.event,e.callback)})),e.forEach((function(e){return t.listenTo(e.object,e.event,e.callback)})),this.bindCustomEvents()}},{key:"bindContainerEvents",value:function(){var t=this,e=[{object:this.container,event:o.Events.CONTAINER_CONTEXTMENU,callback:this.toggleContextMenu},{object:this.container,event:o.Events.CONTAINER_CLICK,callback:this.hide}];this.container&&(e.forEach((function(e){return t.stopListening(e.object,e.event,e.callback)})),e.forEach((function(e){return t.listenTo(e.object,e.event,e.callback)})))}},{key:"bindCustomEvents",value:function(){$("body").off("click",this.hide.bind(this)),$("body").on("click",this.hide.bind(this))}},{key:"destroy",value:function(){$("body").off("click",this.hide.bind(this)),u(l(e.prototype),"destroy",this).call(this)}},{key:"registerPlayerResize",value:function(t){t.width&&"number"==typeof t.width&&(this.playerSize=t)}},{key:"containerChanged",value:function(){this.container=this.core.activeContainer,this.bindContainerEvents()}},{key:"toggleContextMenu",value:function(t){t.preventDefault(),this.show(t.offsetY,t.offsetX)}},{key:"show",value:function(t,e){!this.playerElement&&this.calculateContextMenuLimit();var n=t>this.maxHeight?this.maxHeight:t,o=e>this.maxWidth?this.maxWidth:e;this.hide(),this.$el.css({top:n,left:o}),this.$el.show()}},{key:"calculateContextMenuLimit",value:function(){this.maxWidth=this.playerSize&&this.playerSize.width-160,this.maxHeight=this.playerSize&&this.playerSize.height-200}},{key:"hide",value:function(){this.$el.hide()}},{key:"copyToClipboard",value:function(t,e){if(e){var n=$('<textarea class="copytextarea"/>');n.text(t),e.append(n[0]),this.el.querySelector(".context-menu .copytextarea").select();try{document.execCommand("copy")}catch(t){throw Error(t)}n.remove()}}},{key:"onCopyURL",value:function(){this.copyToClipboard(window.location.href,this.$el)}},{key:"onCopyURLCurrentTime",value:function(){var t=window.location.href,e=Math.floor(this.container.getCurrentTime());if(""===window.location.search)t+="?t=".concat(e);else if(-1===window.location.search.split(/[\?=&]/g).indexOf("t"))t+="&t=".concat(e);else if(-1!==window.location.search.split(/[\?=&]/g).indexOf("t")){var n=window.location.search.split(/[\?&]/g).find((function(t){return t.includes("t=")})),o=window.location.search.replace(n,"t=".concat(e));t="".concat(t.replace(window.location.search,"")).concat(o)}this.copyToClipboard(t,this.$el)}},{key:"onToggleLoop",value:function(){this.core.options&&(this.core.options.loop=!this.loopEnable),this.core.activePlayback&&this.core.activePlayback.el&&(this.core.activePlayback.el.loop=!this.loopEnable),this.$el.find("[data-loop]").toggleClass("on",this.loopEnable),this.$el.find("[data-loop]").toggleClass("off",!this.loopEnable)}},{key:"appendExtraOptions",value:function(t){t.callback&&"function"==typeof t.callback||(t.noAction=!0),this.menuOptions.unshift(t)}},{key:"addCustomStyle",value:function(){var t=this.options.contextMenu&&this.options.contextMenu.customStyle;t&&(this.$el.css(t.container),this.$el.find(".context-menu-list").css(t.list),this.$el.find(".context-menu-list-item").css(t.items))}},{key:"sanitizeCustomizedItems",value:function(){var t=this,e=[];return this.options.contextMenu.menuItems.forEach((function(n){void 0!==t[n]&&e.push(t[n])})),e}},{key:"render",value:function(){var t=this;this.customMenuItems=this.options.contextMenu&&this.options.contextMenu.menuItems&&this.sanitizeCustomizedItems(),this.menuOptions=this.customMenuItems&&this.customMenuItems.length>0?this.customMenuItems:this.defaultMenuItems;var e=this.options.contextMenu&&this.options.contextMenu.extraOptions;return e&&e.forEach((function(e){return t.appendExtraOptions(e)})),this.$el.html(this.template({options:this.menuOptions})),this.$el.append(o.Styler.getStyleFor(i.default)),this.core.$el[0].append(this.$el[0]),this.hide(),this.disable(),this.addCustomStyle(),this}}]),e}(o.UICorePlugin);e.default=y,t.exports=e.default},function(e,n){e.exports=t},function(t,e,n){(e=n(3)(!1)).push([t.i,".context-menu{z-index:999;position:absolute;top:0;left:0;text-align:center}.context-menu .context-menu-list{font-family:\"Proxima Nova\";font-size:12px;line-height:12px;list-style-type:none;text-align:left;padding:5px;margin-left:auto;margin-right:auto;background-color:rgba(0,0,0,0.75);border:1px solid #666;border-radius:4px}.context-menu .context-menu-list .context-menu-list-item{color:white;padding:5px;cursor:pointer}.context-menu .context-menu-list .context-menu-list-item:hover{color:#2b669a}.context-menu .context-menu-list .context-menu-list-item[data-no-action]{pointer-events:none}.context-menu .context-menu-list .context-menu-list-item[data-loop].on:after{content:'ON'}.context-menu .context-menu-list .context-menu-list-item[data-loop].off:after{content:'OFF'}\n",""]),t.exports=e},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var i=(c=o,a=btoa(unescape(encodeURIComponent(JSON.stringify(c)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),"/*# ".concat(s," */")),r=o.sources.map((function(t){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(t," */")}));return[n].concat(r).concat([i]).join("\n")}var c,a,s;return[n].join("\n")}(e,t);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,o){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(o)for(var r=0;r<this.length;r++){var c=this[r][0];null!=c&&(i[c]=!0)}for(var a=0;a<t.length;a++){var s=[].concat(t[a]);o&&i[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),e.push(s))}},e}},function(t,e){t.exports='<ul class="context-menu-list">\n  <% if(options) { %>\n    <% for (var i = 0; i < options.length; i++) { %>\n        <li\n          class="context-menu-list-item <%=options[i].class%>"\n          data-<%=options[i].name%> <% if(options[i].noAction) { %> data-no-action <% } %>\n        ><%=options[i].label%></li>\n    <% } %>\n  <% } %>\n</ul>\n'}])}));
\ No newline at end of file
diff --git a/package.json b/package.json
index a80dd7bf..7ec47f9d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "clappr-context-menu-plugin",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "A context menu for Clappr player",
   "keywords": [
     "clappr",