@oat-sa/tao-core-ui 1.60.2 → 1.62.0

package/dist/mediaplayer/players/html5.js

@@ -1,761 +1,701 @@
 define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support', 'handlebars', 'i18n', 'lodash', 'lib/dompurify/purify', 'ui/mediaplayer/utils/reminder', 'ui/mediaplayer/utils/timeObserver'], function ($$1, UrlParser, eventifier, support, Handlebars, __, _, DOMPurify, reminderManagerFactory, timeObserverFactory) { 'use strict';
 
-  $$1 = $$1 && Object.prototype.hasOwnProperty.call($$1, 'default') ? $$1['default'] : $$1;
-  UrlParser = UrlParser && Object.prototype.hasOwnProperty.call(UrlParser, 'default') ? UrlParser['default'] : UrlParser;
-  eventifier = eventifier && Object.prototype.hasOwnProperty.call(eventifier, 'default') ? eventifier['default'] : eventifier;
-  support = support && Object.prototype.hasOwnProperty.call(support, 'default') ? support['default'] : support;
-  Handlebars = Handlebars && Object.prototype.hasOwnProperty.call(Handlebars, 'default') ? Handlebars['default'] : Handlebars;
-  __ = __ && Object.prototype.hasOwnProperty.call(__, 'default') ? __['default'] : __;
-  _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
-  DOMPurify = DOMPurify && Object.prototype.hasOwnProperty.call(DOMPurify, 'default') ? DOMPurify['default'] : DOMPurify;
-  reminderManagerFactory = reminderManagerFactory && Object.prototype.hasOwnProperty.call(reminderManagerFactory, 'default') ? reminderManagerFactory['default'] : reminderManagerFactory;
-  timeObserverFactory = timeObserverFactory && Object.prototype.hasOwnProperty.call(timeObserverFactory, 'default') ? timeObserverFactory['default'] : timeObserverFactory;
-
-  function _typeof(obj) {
-    "@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);
-  }
-
-  function Helpers0 (hb) {
-    //register a i18n helper
-    hb.registerHelper('__', function (key) {
-      return __(key);
-    });
-    /**
-     * Register dompurify helper
-     *
-     * https://github.com/cure53/DOMPurify
-     * with config SAFE_FOR_TEMPLATES: true
-     * to make output safe for template systems
+    $$1 = $$1 && Object.prototype.hasOwnProperty.call($$1, 'default') ? $$1['default'] : $$1;
+    UrlParser = UrlParser && Object.prototype.hasOwnProperty.call(UrlParser, 'default') ? UrlParser['default'] : UrlParser;
+    eventifier = eventifier && Object.prototype.hasOwnProperty.call(eventifier, 'default') ? eventifier['default'] : eventifier;
+    support = support && Object.prototype.hasOwnProperty.call(support, 'default') ? support['default'] : support;
+    Handlebars = Handlebars && Object.prototype.hasOwnProperty.call(Handlebars, 'default') ? Handlebars['default'] : Handlebars;
+    __ = __ && Object.prototype.hasOwnProperty.call(__, 'default') ? __['default'] : __;
+    _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
+    DOMPurify = DOMPurify && Object.prototype.hasOwnProperty.call(DOMPurify, 'default') ? DOMPurify['default'] : DOMPurify;
+    reminderManagerFactory = reminderManagerFactory && Object.prototype.hasOwnProperty.call(reminderManagerFactory, 'default') ? reminderManagerFactory['default'] : reminderManagerFactory;
+    timeObserverFactory = timeObserverFactory && Object.prototype.hasOwnProperty.call(timeObserverFactory, 'default') ? timeObserverFactory['default'] : timeObserverFactory;
+
+    /**
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2013-2019 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+     *
+     *
      */
+    function Helpers0 (hb) {
+      //register a i18n helper
+      hb.registerHelper('__', function (key) {
+        return __(key);
+      });
 
-    hb.registerHelper('dompurify', function (context) {
-      return DOMPurify.sanitize(context);
-    });
-    /**
-     * Register join helper
-     *
-     * Example :
-     * var values = {a:v1, b:v2, c:v3};
-     * Using {{{join attributes '=' ' ' '"'}}} will return : a="v1" b="v2" c="v3"
-     * Using {{{join values null ' or ' '*'}}} will return : *v1* or *v2* or *v3*
-     */
-
-    hb.registerHelper('join', function (arr, keyValueGlue, fragmentGlue, wrapper) {
-      var fragments = [];
-      keyValueGlue = typeof keyValueGlue === 'string' ? keyValueGlue : undefined;
-      fragmentGlue = typeof fragmentGlue === 'string' ? fragmentGlue : ' ';
-      wrapper = typeof wrapper === 'string' ? wrapper : '"';
-
-      _.forIn(arr, function (value, key) {
-        var fragment = '';
+      /**
+       * Register dompurify helper
+       *
+       * https://github.com/cure53/DOMPurify
+       * with config SAFE_FOR_TEMPLATES: true
+       * to make output safe for template systems
+       */
+      hb.registerHelper('dompurify', function (context) {
+        return DOMPurify.sanitize(context);
+      });
 
-        if (value !== null || value !== undefined) {
-          if (typeof value === 'boolean') {
-            value = value ? 'true' : 'false';
-          } else if (_typeof(value) === 'object') {
-            value = _.values(value).join(' ');
+      /**
+       * Register join helper
+       *
+       * Example :
+       * var values = {a:v1, b:v2, c:v3};
+       * Using {{{join attributes '=' ' ' '"'}}} will return : a="v1" b="v2" c="v3"
+       * Using {{{join values null ' or ' '*'}}} will return : *v1* or *v2* or *v3*
+       */
+      hb.registerHelper('join', function (arr, keyValueGlue, fragmentGlue, wrapper) {
+        var fragments = [];
+        keyValueGlue = typeof keyValueGlue === 'string' ? keyValueGlue : undefined;
+        fragmentGlue = typeof fragmentGlue === 'string' ? fragmentGlue : ' ';
+        wrapper = typeof wrapper === 'string' ? wrapper : '"';
+        _.forIn(arr, function (value, key) {
+          var fragment = '';
+          if (value !== null || value !== undefined) {
+            if (typeof value === 'boolean') {
+              value = value ? 'true' : 'false';
+            } else if (typeof value === 'object') {
+              value = _.values(value).join(' ');
+            }
+          } else {
+            value = '';
           }
-        } else {
-          value = '';
-        }
+          if (keyValueGlue !== undefined) {
+            fragment += key + keyValueGlue;
+          }
+          fragment += wrapper + value + wrapper;
+          fragments.push(fragment);
+        });
+        return fragments.join(fragmentGlue);
+      });
 
-        if (keyValueGlue !== undefined) {
-          fragment += key + keyValueGlue;
+      //register a classic "for loop" helper
+      //it also adds a local variable "i" as the index in each iteration loop
+      hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
+        var ret = '';
+        startIndex = parseInt(startIndex);
+        stopIndex = parseInt(stopIndex);
+        increment = parseInt(increment);
+        for (var i = startIndex; i < stopIndex; i += increment) {
+          ret += options.fn(_.extend({}, this, {
+            i: i
+          }));
+        }
+        return ret;
+      });
+      hb.registerHelper('equal', function (var1, var2, options) {
+        if (var1 == var2) {
+          return options.fn(this);
+        } else {
+          return options.inverse(this);
         }
-
-        fragment += wrapper + value + wrapper;
-        fragments.push(fragment);
       });
 
-      return fragments.join(fragmentGlue);
-    }); //register a classic "for loop" helper
-    //it also adds a local variable "i" as the index in each iteration loop
-
-    hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
-      var ret = '';
-      startIndex = parseInt(startIndex);
-      stopIndex = parseInt(stopIndex);
-      increment = parseInt(increment);
+      // register a "get property" helper
+      // it gets the named property from the provided context
+      hb.registerHelper('property', function (name, context) {
+        return context[name] || '';
+      });
 
-      for (var i = startIndex; i < stopIndex; i += increment) {
-        ret += options.fn(_.extend({}, this, {
-          i: i
-        }));
-      }
+      // register an 'includes' helper
+      // it checks if value is in array
+      hb.registerHelper('includes', function (haystack, needle, options) {
+        if (_.contains(haystack, needle)) {
+          return options.fn(this);
+        }
+      });
+    }
 
-      return ret;
-    });
-    hb.registerHelper('equal', function (var1, var2, options) {
-      if (var1 == var2) {
-        return options.fn(this);
-      } else {
-        return options.inverse(this);
+    if (!Helpers0.__initialized) {
+      Helpers0(Handlebars);
+      Helpers0.__initialized = true;
+    }
+    var Template = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+      this.compilerInfo = [4,'>= 1.0.0'];
+    helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+      var buffer = "", stack1, helper, options, functionType="function", escapeExpression=this.escapeExpression, helperMissing=helpers.helperMissing, self=this;
+
+    function program1(depth0,data) {
+      
+      
+      return "crossorigin";
       }
-    }); // register a "get property" helper
-    // it gets the named property from the provided context
 
-    hb.registerHelper('property', function (name, context) {
-      return context[name] || '';
-    }); // register an 'includes' helper
-    // it checks if value is in array
-
-    hb.registerHelper('includes', function (haystack, needle, options) {
-      if (_.contains(haystack, needle)) {
-        return options.fn(this);
+    function program3(depth0,data) {
+      
+      var buffer = "", stack1, helper, options;
+      buffer += "\n    <a href=\"";
+      if (helper = helpers.link) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.link); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\">"
+        + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Please download the track and listen offline.", options) : helperMissing.call(depth0, "__", "Please download the track and listen offline.", options)))
+        + "</a>\n";
+      return buffer;
       }
-    });
-  }
-
-  if (!Helpers0.__initialized) {
-    Helpers0(Handlebars);
-    Helpers0.__initialized = true;
-  }
-  var Template = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
-    this.compilerInfo = [4,'>= 1.0.0'];
-  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
-    var buffer = "", stack1, helper, options, functionType="function", escapeExpression=this.escapeExpression, helperMissing=helpers.helperMissing, self=this;
-
-  function program1(depth0,data) {
-    
-    
-    return "crossorigin";
-    }
 
-  function program3(depth0,data) {
-    
-    var buffer = "", stack1, helper, options;
-    buffer += "\r\n    <a href=\"";
-    if (helper = helpers.link) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.link); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\">"
-      + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Please download the track and listen offline.", options) : helperMissing.call(depth0, "__", "Please download the track and listen offline.", options)))
-      + "</a>\r\n";
-    return buffer;
-    }
-
-    buffer += "<audio class=\"media audio\" preload=\"";
-    if (helper = helpers.preload) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.preload); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\" controls ";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.cors), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += ">\r\n    "
-      + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Your browser doesn’t support the audio player.", options) : helperMissing.call(depth0, "__", "Your browser doesn’t support the audio player.", options)))
-      + "\r\n";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.link), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n</audio>\r\n";
-    return buffer;
-    });
-  function audioTpl(data, options, asString) {
-    var html = Template(data, options);
-    return (asString || true) ? html : $(html);
-  }
-
-  if (!Helpers0.__initialized) {
-    Helpers0(Handlebars);
-    Helpers0.__initialized = true;
-  }
-  var Template$1 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
-    this.compilerInfo = [4,'>= 1.0.0'];
-  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
-    var buffer = "", stack1, helper, options, functionType="function", escapeExpression=this.escapeExpression, helperMissing=helpers.helperMissing, self=this;
-
-  function program1(depth0,data) {
-    
-    
-    return "crossorigin";
+      buffer += "<audio class=\"media audio\" preload=\"";
+      if (helper = helpers.preload) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.preload); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\" controls ";
+      stack1 = helpers['if'].call(depth0, (depth0 && depth0.cors), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += ">\n    "
+        + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Your browser doesn’t support the audio player.", options) : helperMissing.call(depth0, "__", "Your browser doesn’t support the audio player.", options)))
+        + "\n";
+      stack1 = helpers['if'].call(depth0, (depth0 && depth0.link), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "\n</audio>\n";
+      return buffer;
+      });
+    function audioTpl(data, options, asString) {
+      var html = Template(data, options);
+      return (asString || true) ? html : $(html);
     }
 
-  function program3(depth0,data) {
-    
-    var buffer = "", stack1, helper, options;
-    buffer += "\r\n    <a href=\"";
-    if (helper = helpers.link) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.link); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\">"
-      + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Please download the video and view offline.", options) : helperMissing.call(depth0, "__", "Please download the video and view offline.", options)))
-      + "</a>\r\n";
-    return buffer;
+    if (!Helpers0.__initialized) {
+      Helpers0(Handlebars);
+      Helpers0.__initialized = true;
     }
-
-    buffer += "<video class=\"media video\" preload=\"";
-    if (helper = helpers.preload) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.preload); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\" poster=\"";
-    if (helper = helpers.poster) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.poster); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\" controls ";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.cors), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += ">\r\n    "
-      + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Your browser doesn’t support the video player.", options) : helperMissing.call(depth0, "__", "Your browser doesn’t support the video player.", options)))
-      + "\r\n";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.link), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n</video>\r\n";
-    return buffer;
-    });
-  function videoTpl(data, options, asString) {
-    var html = Template$1(data, options);
-    return (asString || true) ? html : $(html);
-  }
-
-  if (!Helpers0.__initialized) {
-    Helpers0(Handlebars);
-    Helpers0.__initialized = true;
-  }
-  var Template$2 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
-    this.compilerInfo = [4,'>= 1.0.0'];
-  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
-    var buffer = "", stack1, helper, functionType="function", escapeExpression=this.escapeExpression;
-
-
-    buffer += "<source src=\"";
-    if (helper = helpers.src) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.src); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\" type=\"";
-    if (helper = helpers.type) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.type); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\">\r\n";
-    return buffer;
-    });
-  function sourceTpl(data, options, asString) {
-    var html = Template$2(data, options);
-    return (asString || true) ? html : $(html);
-  }
-
-  /**
-   * This program is free software; you can redistribute it and/or
-   * modify it under the terms of the GNU General Public License
-   * as published by the Free Software Foundation; under version 2
-   * of the License (non-upgradable).
-   *
-   * This program is distributed in the hope that it will be useful,
-   * but WITHOUT ANY WARRANTY; without even the implied warranty of
-   * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   * GNU General Public License for more details.
-   *
-   * You should have received a copy of the GNU General Public License
-   * along with this program; if not, write to the Free Software
-   * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
-   *
-   * Copyright (c) 2015-2021 (original work) Open Assessment Technologies SA ;
-   */
-  /**
-   * CSS namespace
-   * @type {string}
-   */
-
-  var ns = '.mediaplayer';
-  /**
-   * Range value of the volume
-   * @type {number}
-   */
-
-  var volumeRange = 100;
-  /**
-   * Delay before considering a media stalled
-   * @type {number}
-   */
-
-  var stalledDetectionDelay = 2000;
-  /**
-   * List of media events that can be listened to for debugging
-   * @type {string[]}
-   */
-
-  var mediaEvents = ['abort', 'canplay', 'canplaythrough', 'canshowcurrentframe', 'dataunavailable', 'durationchange', 'emptied', 'empty', 'ended', 'error', 'loadeddata', 'loadedfirstframe', 'loadedmetadata', 'loadstart', 'pause', 'play', 'playing', 'progress', 'ratechange', 'seeked', 'seeking', 'stalled', 'suspend', 'timeupdate', 'volumechange', 'waiting'];
-  /**
-   * List of player events that can be listened to for debugging
-   * @type {string[]}
-   */
-
-  var playerEvents = ['end', 'error', 'pause', 'play', 'playing', 'ready', 'resize', 'stalled', 'timeupdate'];
-  /**
-   * Defines a player object dedicated to the native HTML5 player
-   * @param {jQuery} $container - Where to render the player
-   * @param {object} config - The list of config entries
-   * @param {Array} config.sources - The list of media sources
-   * @param {string} [config.type] - The type of player (video or audio) (default: video)
-   * @param {boolean} [config.preview] - Enables the media preview (load media metadata)
-   * @param {boolean} [config.debug] - Enables the debug mode
-   * @param {number} [config.config.stalledDetectionDelay] - The delay before considering a media is stalled
-   * @returns {object} player
-   */
-
-  function html5PlayerFactory($container) {
-    var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var type = config.type || 'video';
-    var sources = config.sources || [];
-    var updateObserver = reminderManagerFactory();
-    var timeObserver = timeObserverFactory();
-    config.stalledDetectionDelay = config.stalledDetectionDelay || stalledDetectionDelay;
-    var $media;
-    var media;
-    var state = {};
-
-    var getDebugContext = function getDebugContext(action) {
-      var networkState = media && media.networkState;
-      var readyState = media && media.readyState;
-      return "[html5-".concat(type, "(networkState=").concat(networkState, ",readyState=").concat(readyState, "):").concat(action, "]");
-    }; // eslint-disable-next-line
-
-
-    var debug = function debug(action) {
-      var _window$console;
-
-      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        args[_key - 1] = arguments[_key];
+    var Template$1 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+      this.compilerInfo = [4,'>= 1.0.0'];
+    helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+      var buffer = "", stack1, helper, options, functionType="function", escapeExpression=this.escapeExpression, helperMissing=helpers.helperMissing, self=this;
+
+    function program1(depth0,data) {
+      
+      
+      return "crossorigin";
       }
 
-      return (config.debug === true || config.debug === action) && (_window$console = window.console).log.apply(_window$console, [getDebugContext(action)].concat(args));
-    };
-
-    return eventifier({
-      init: function init() {
-        var _this = this;
-
-        var tpl = 'audio' === type ? audioTpl : videoTpl;
-        var page = new UrlParser(window.location);
-        var cors = false;
-        var preload = config.preview ? 'metadata' : 'none';
-        var poster = '';
-        var link = '';
-        var result = false;
-        state = {};
-        sources.forEach(function (source) {
-          if (!page.sameDomain(source.src)) {
-            cors = true;
-          }
+    function program3(depth0,data) {
+      
+      var buffer = "", stack1, helper, options;
+      buffer += "\n    <a href=\"";
+      if (helper = helpers.link) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.link); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\">"
+        + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Please download the video and view offline.", options) : helperMissing.call(depth0, "__", "Please download the video and view offline.", options)))
+        + "</a>\n";
+      return buffer;
+      }
 
-          if (source.poster) {
-            poster = source.poster;
-          }
+      buffer += "<video class=\"media video\" preload=\"";
+      if (helper = helpers.preload) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.preload); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\" poster=\"";
+      if (helper = helpers.poster) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.poster); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\" controls ";
+      stack1 = helpers['if'].call(depth0, (depth0 && depth0.cors), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += ">\n    "
+        + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Your browser doesn’t support the video player.", options) : helperMissing.call(depth0, "__", "Your browser doesn’t support the video player.", options)))
+        + "\n";
+      stack1 = helpers['if'].call(depth0, (depth0 && depth0.link), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "\n</video>\n";
+      return buffer;
+      });
+    function videoTpl(data, options, asString) {
+      var html = Template$1(data, options);
+      return (asString || true) ? html : $(html);
+    }
 
-          if (source.link) {
-            link = source.link;
-          }
-        });
-        $media = $$1(tpl({
-          cors: cors,
-          preload: preload,
-          poster: poster,
-          link: link
-        }));
-        $container.append($media);
-        media = $media.get(0);
-        result = !!(media && support.checkSupport(media)); // Remove the browser native controls if we can use the API instead
-
-        if (support.canControl()) {
-          $media.removeAttr('controls');
-        } // Detect stalled video when the timer suddenly jump to the end
-
-
-        timeObserver.removeAllListeners().on('irregularity', function (position) {
-          if (state.playback && state.stallDetection) {
-            _this.stalled(position);
-          }
-        });
-        $media.on("play".concat(ns), function () {
-          state.playback = true;
-          state.playedViaApi = false;
-          timeObserver.init(media.currentTime, media.duration);
-
-          _this.trigger('play');
-        }).on("pause".concat(ns), function () {
-          if (state.stallDetection && !state.pausedViaApi && updateObserver.running && updateObserver.elapsed < 100) {
-            // The pause event may be triggered after a connectivity issue as the player is out of data
-            _this.stalled();
-          }
+    if (!Helpers0.__initialized) {
+      Helpers0(Handlebars);
+      Helpers0.__initialized = true;
+    }
+    var Template$2 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+      this.compilerInfo = [4,'>= 1.0.0'];
+    helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+      var buffer = "", stack1, helper, functionType="function", escapeExpression=this.escapeExpression;
+
+
+      buffer += "<source src=\"";
+      if (helper = helpers.src) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.src); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\" type=\"";
+      if (helper = helpers.type) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.type); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\">\n";
+      return buffer;
+      });
+    function sourceTpl(data, options, asString) {
+      var html = Template$2(data, options);
+      return (asString || true) ? html : $(html);
+    }
 
-          state.pausedViaApi = false;
-          state.playing = false;
-          updateObserver.stop();
+    /**
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2015-2021 (original work) Open Assessment Technologies SA ;
+     */
 
-          _this.trigger('pause');
-        }).on("seeked".concat(ns), function () {
-          // When the user try changing the current playing position while the network is down,
-          // the player will end the playback by moving straight to the end.
-          if (state.seekedViaApi && Math.floor(state.seekAt) !== Math.floor(media.currentTime)) {
-            state.stallDetection = true;
-          }
+    /**
+     * CSS namespace
+     * @type {string}
+     */
+    const ns = '.mediaplayer';
 
-          state.seekedViaApi = false;
-        }).on("ended".concat(ns), function () {
-          updateObserver.forget().stop();
-          timeObserver.update(media.currentTime);
-          state.playback = false;
-          state.playing = false;
+    /**
+     * Range value of the volume
+     * @type {number}
+     */
+    const volumeRange = 100;
 
-          _this.trigger('end');
-        }).on("timeupdate".concat(ns), function () {
-          state.playing = true;
-          updateObserver.start();
-          timeObserver.update(media.currentTime);
+    /**
+     * Delay before considering a media stalled
+     * @type {number}
+     */
+    const stalledDetectionDelay = 2000;
 
-          _this.trigger('timeupdate');
-        }).on('loadstart', function () {
-          if (media.networkState === HTMLMediaElement.NETWORK_NO_SOURCE) {
-            _this.trigger('error');
-          }
+    /**
+     * List of media events that can be listened to for debugging
+     * @type {string[]}
+     */
+    const mediaEvents = ['abort', 'canplay', 'canplaythrough', 'canshowcurrentframe', 'dataunavailable', 'durationchange', 'emptied', 'empty', 'ended', 'error', 'loadeddata', 'loadedfirstframe', 'loadedmetadata', 'loadstart', 'pause', 'play', 'playing', 'progress', 'ratechange', 'seeked', 'seeking', 'stalled', 'suspend', 'timeupdate', 'volumechange', 'waiting'];
 
-          if (!config.preview && media.networkState === HTMLMediaElement.NETWORK_IDLE) {
-            _this.trigger('ready');
-          } // The media may be unreachable straight from the beginning
-
-
-          _this.detectStalledNetwork();
-        }).on("waiting".concat(ns), function () {
-          // The "waiting" event means the player is pending data,
-          // it may be the symptom of a connectivity issue
-          _this.detectStalledNetwork();
-        }).on("error".concat(ns), function () {
-          if (media.networkState === HTMLMediaElement.NETWORK_NO_SOURCE || media.error instanceof MediaError && media.error.code === MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED) {
-            // No source means the player does not support the supplied media.
-            // Or it can be more explicit with the not supported error.
-            // There is nothing that we can do from this stage.
-            _this.trigger('error');
-          } else {
-            // Other errors need special attention as they can be recoverable
-            _this.handleError(media.error);
-          }
-        }).on('loadedmetadata', function () {
-          timeObserver.init(media.currentTime, media.duration);
+    /**
+     * List of player events that can be listened to for debugging
+     * @type {string[]}
+     */
+    const playerEvents = ['end', 'error', 'pause', 'play', 'playing', 'ready', 'resize', 'stalled', 'timeupdate'];
+
+    /**
+     * Defines a player object dedicated to the native HTML5 player
+     * @param {jQuery} $container - Where to render the player
+     * @param {object} config - The list of config entries
+     * @param {Array} config.sources - The list of media sources
+     * @param {string} [config.type] - The type of player (video or audio) (default: video)
+     * @param {boolean} [config.preview] - Enables the media preview (load media metadata)
+     * @param {boolean} [config.debug] - Enables the debug mode
+     * @param {number} [config.config.stalledDetectionDelay] - The delay before considering a media is stalled
+     * @returns {object} player
+     */
+    function html5PlayerFactory($container) {
+      let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      const type = config.type || 'video';
+      const sources = config.sources || [];
+      const updateObserver = reminderManagerFactory();
+      const timeObserver = timeObserverFactory();
+      config.stalledDetectionDelay = config.stalledDetectionDelay || stalledDetectionDelay;
+      let $media;
+      let media;
+      let state = {};
+      const getDebugContext = action => {
+        const networkState = media && media.networkState;
+        const readyState = media && media.readyState;
+        return `[html5-${type}(networkState=${networkState},readyState=${readyState}):${action}]`;
+      };
+      // eslint-disable-next-line
+      const debug = function (action) {
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        return (config.debug === true || config.debug === action) && window.console.log(getDebugContext(action), ...args);
+      };
+      return eventifier({
+        init() {
+          const tpl = 'audio' === type ? audioTpl : videoTpl;
+          const page = new UrlParser(window.location);
+          let cors = false;
+          let preload = config.preview ? 'metadata' : 'none';
+          let poster = '';
+          let link = '';
+          let result = false;
+          state = {};
+          sources.forEach(source => {
+            if (!page.sameDomain(source.src)) {
+              cors = true;
+            }
+            if (source.poster) {
+              poster = source.poster;
+            }
+            if (source.link) {
+              link = source.link;
+            }
+          });
+          $media = $$1(tpl({
+            cors,
+            preload,
+            poster,
+            link
+          }));
+          $container.append($media);
+          media = $media.get(0);
+          result = !!(media && support.checkSupport(media));
 
-          _this.ready();
-        }).on("canplay".concat(ns), function () {
-          if (!state.stalled) {
-            _this.ready();
-          }
-        }).on("stalled".concat(ns), function () {
-          // The "stalled" event may be triggered once the player is halted after initialisation,
-          // but this does not mean the playback is actually stalled, hence we only take care of the playing state
-          if (state.playing && !media.paused) {
-            _this.handleError(media.error);
+          // Remove the browser native controls if we can use the API instead
+          if (support.canControl()) {
+            $media.removeAttr('controls');
           }
-        }).on("playing".concat(ns), function () {
-          if (state.stallDetection) {
-            // The "playing" event may occur after a connectivity issue.
-            // For the sake of the stall detection, we need to discard this event
-            return;
-          }
-
-          updateObserver.forget().start();
-          state.playing = true;
 
-          _this.trigger('playing');
-        }); // install debug logger
+          // Detect stalled video when the timer suddenly jump to the end
+          timeObserver.removeAllListeners().on('irregularity', position => {
+            if (state.playback && state.stallDetection) {
+              this.stalled(position);
+            }
+          });
+          $media.on(`play${ns}`, () => {
+            state.playback = true;
+            state.playedViaApi = false;
+            timeObserver.init(media.currentTime, media.duration);
+            this.trigger('play');
+          }).on(`pause${ns}`, () => {
+            if (state.stallDetection && !state.pausedViaApi && updateObserver.running && updateObserver.elapsed < 100) {
+              // The pause event may be triggered after a connectivity issue as the player is out of data
+              this.stalled();
+            }
+            state.pausedViaApi = false;
+            state.playing = false;
+            updateObserver.stop();
+            this.trigger('pause');
+          }).on(`seeked${ns}`, () => {
+            // When the user try changing the current playing position while the network is down,
+            // the player will end the playback by moving straight to the end.
+            if (state.seekedViaApi && Math.floor(state.seekAt) !== Math.floor(media.currentTime)) {
+              state.stallDetection = true;
+            }
+            state.seekedViaApi = false;
+          }).on(`ended${ns}`, () => {
+            updateObserver.forget().stop();
+            timeObserver.update(media.currentTime);
+            state.playback = false;
+            state.playing = false;
+            this.trigger('end');
+          }).on(`timeupdate${ns}`, () => {
+            state.playing = true;
+            updateObserver.start();
+            timeObserver.update(media.currentTime);
+            this.trigger('timeupdate');
+          }).on('loadstart', () => {
+            if (media.networkState === HTMLMediaElement.NETWORK_NO_SOURCE) {
+              this.trigger('error');
+            }
+            if (!config.preview && media.networkState === HTMLMediaElement.NETWORK_IDLE) {
+              this.trigger('ready');
+            }
 
-        if (config.debug) {
-          debug('installed', media);
-          mediaEvents.forEach(function (eventName) {
-            $media.on(eventName + ns, function (e) {
-              return debug('media event', eventName, media && media.currentSrc, e);
-            });
+            // The media may be unreachable straight from the beginning
+            this.detectStalledNetwork();
+          }).on(`waiting${ns}`, () => {
+            // The "waiting" event means the player is pending data,
+            // it may be the symptom of a connectivity issue
+            this.detectStalledNetwork();
+          }).on(`error${ns}`, () => {
+            if (media.networkState === HTMLMediaElement.NETWORK_NO_SOURCE || media.error instanceof MediaError && media.error.code === MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED) {
+              // No source means the player does not support the supplied media.
+              // Or it can be more explicit with the not supported error.
+              // There is nothing that we can do from this stage.
+              this.trigger('error');
+            } else {
+              // Other errors need special attention as they can be recoverable
+              this.handleError(media.error);
+            }
+          }).on('loadedmetadata', () => {
+            timeObserver.init(media.currentTime, media.duration);
+            this.ready();
+          }).on(`canplay${ns}`, () => {
+            if (!state.stalled) {
+              this.ready();
+            }
+          }).on(`stalled${ns}`, () => {
+            // The "stalled" event may be triggered once the player is halted after initialisation,
+            // but this does not mean the playback is actually stalled, hence we only take care of the playing state
+            if (state.playing && !media.paused) {
+              this.handleError(media.error);
+            }
+          }).on(`playing${ns}`, () => {
+            if (state.stallDetection) {
+              // The "playing" event may occur after a connectivity issue.
+              // For the sake of the stall detection, we need to discard this event
+              return;
+            }
+            updateObserver.forget().start();
+            state.playing = true;
+            this.trigger('playing');
           });
-          playerEvents.forEach(function (eventName) {
-            _this.on(eventName, function () {
-              for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                args[_key2] = arguments[_key2];
-              }
 
-              return debug.apply(void 0, ['player event', eventName, media && media.currentSrc].concat(args));
+          // install debug logger
+          if (config.debug) {
+            debug('installed', media);
+            mediaEvents.forEach(eventName => {
+              $media.on(eventName + ns, e => debug('media event', eventName, media && media.currentSrc, e));
             });
-          });
-        }
+            playerEvents.forEach(eventName => {
+              this.on(eventName, function () {
+                for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                  args[_key2] = arguments[_key2];
+                }
+                return debug('player event', eventName, media && media.currentSrc, ...args);
+              });
+            });
+          }
+          result = result && sources.reduce((supported, source) => this.addMedia(source.src, source.type) || supported, false);
+          return result;
+        },
+        handleError(error) {
+          // Discard legitimate and non-blocking errors
+          switch (error && error.name) {
+            case 'NotAllowedError':
+              debug('api call', 'handleError', 'the autoplay is not allowed without a user interaction', error);
+              return;
+            case 'AbortError':
+              debug('api call', 'handleError', 'the action has been aborted for some reason', error);
+              return;
+          }
+          debug('api call', 'handleError', error);
 
-        result = result && sources.reduce(function (supported, source) {
-          return _this.addMedia(source.src, source.type) || supported;
-        }, false);
-        return result;
-      },
-      handleError: function handleError(error) {
-        var _this2 = this;
-
-        // Discard legitimate and non-blocking errors
-        switch (error && error.name) {
-          case 'NotAllowedError':
-            debug('api call', 'handleError', 'the autoplay is not allowed without a user interaction', error);
-            return;
+          // Detect if the playback can continue a bit
+          const canContinueTemporarily = media && (media.readyState === HTMLMediaElement.HAVE_ENOUGH_DATA || media.readyState === HTMLMediaElement.HAVE_FUTURE_DATA || media.readyState === HTMLMediaElement.HAVE_CURRENT_DATA);
 
-          case 'AbortError':
-            debug('api call', 'handleError', 'the action has been aborted for some reason', error);
+          // If a connectivity error occurs we may need to enter in stalled mode unless we can wait a bit
+          if (error instanceof MediaError && (error.code === MediaError.MEDIA_ERR_NETWORK || error.code === MediaError.MEDIA_ERR_DECODE) && !canContinueTemporarily) {
+            this.stalled();
             return;
-        }
-
-        debug('api call', 'handleError', error); // Detect if the playback can continue a bit
-
-        var canContinueTemporarily = media && (media.readyState === HTMLMediaElement.HAVE_ENOUGH_DATA || media.readyState === HTMLMediaElement.HAVE_FUTURE_DATA || media.readyState === HTMLMediaElement.HAVE_CURRENT_DATA); // If a connectivity error occurs we may need to enter in stalled mode unless we can wait a bit
-
-        if (error instanceof MediaError && (error.code === MediaError.MEDIA_ERR_NETWORK || error.code === MediaError.MEDIA_ERR_DECODE) && !canContinueTemporarily) {
-          this.stalled();
-          return;
-        } // To this point, there is a big chance the media is stalled.
-        // We start an observer to remind as soon as an irregularity occurs on the time update
-
-
-        state.stallDetection = true;
-        updateObserver.remind(function () {
-          // The last time update is a bit old, the media is most probably stalled now
-          if (updateObserver.elapsed >= config.stalledDetectionDelay) {
-            _this2.stalled();
           }
-        }, config.stalledDetectionDelay);
-        updateObserver.start();
-      },
-      ready: function ready() {
-        if (!state.ready) {
-          state.ready = true;
-          this.trigger('ready');
-        }
-      },
-      detectStalledNetwork: function detectStalledNetwork() {
-        var _this3 = this;
-
-        // Install an observer that will watch the network state after a small delay.
-        // It is needed since the network state may need time to settle.
-        setTimeout(function () {
-          if (media && media.networkState === HTMLMediaElement.NETWORK_NO_SOURCE && media.readyState === HTMLMediaElement.HAVE_NOTHING) {
-            if (!state.ready) {
-              _this3.trigger('ready');
-            }
 
-            _this3.stalled();
+          // To this point, there is a big chance the media is stalled.
+          // We start an observer to remind as soon as an irregularity occurs on the time update
+          state.stallDetection = true;
+          updateObserver.remind(() => {
+            // The last time update is a bit old, the media is most probably stalled now
+            if (updateObserver.elapsed >= config.stalledDetectionDelay) {
+              this.stalled();
+            }
+          }, config.stalledDetectionDelay);
+          updateObserver.start();
+        },
+        ready() {
+          if (!state.ready) {
+            state.ready = true;
+            this.trigger('ready');
           }
-        }, config.stalledDetectionDelay);
-      },
-      stalled: function stalled(position) {
-        debug('api call', 'stalled');
-
-        if (media) {
-          if ('undefined' !== typeof position) {
-            state.stalledAt = position;
-          } else {
-            state.stalledAt = timeObserver.position;
+        },
+        detectStalledNetwork() {
+          // Install an observer that will watch the network state after a small delay.
+          // It is needed since the network state may need time to settle.
+          setTimeout(() => {
+            if (media && media.networkState === HTMLMediaElement.NETWORK_NO_SOURCE && media.readyState === HTMLMediaElement.HAVE_NOTHING) {
+              if (!state.ready) {
+                this.trigger('ready');
+              }
+              this.stalled();
+            }
+          }, config.stalledDetectionDelay);
+        },
+        stalled(position) {
+          debug('api call', 'stalled');
+          if (media) {
+            if ('undefined' !== typeof position) {
+              state.stalledAt = position;
+            } else {
+              state.stalledAt = timeObserver.position;
+            }
           }
-        }
-
-        state.stalled = true;
-        state.stallDetection = false;
-        updateObserver.forget().stop();
-        this.pause();
-        this.trigger('stalled');
-      },
-      recover: function recover() {
-        debug('api call', 'recover');
-        state.stalled = false;
-        state.stallDetection = false;
-
-        if (media) {
-          // Special processing of video player to prevent visual glitch while reloading
-          if (media.tagName === 'VIDEO') {
-            // Temporarily set the size of the media to prevent a shrink while reloading it
-            $media.width($media.width());
-            $media.height($media.height());
-            $media.on('loadedmetadata.recover', function () {
-              $media.off('loadedmetadata.recover');
-              $media.css({
-                width: '',
-                height: ''
+          state.stalled = true;
+          state.stallDetection = false;
+          updateObserver.forget().stop();
+          this.pause();
+          this.trigger('stalled');
+        },
+        recover() {
+          debug('api call', 'recover');
+          state.stalled = false;
+          state.stallDetection = false;
+          if (media) {
+            // Special processing of video player to prevent visual glitch while reloading
+            if (media.tagName === 'VIDEO') {
+              // Temporarily set the size of the media to prevent a shrink while reloading it
+              $media.width($media.width());
+              $media.height($media.height());
+              $media.on('loadedmetadata.recover', () => {
+                $media.off('loadedmetadata.recover');
+                $media.css({
+                  width: '',
+                  height: ''
+                });
               });
-            });
+            }
+            media.load();
+            if (state.stalledAt) {
+              this.seek(state.stalledAt);
+            }
+            if (state.playback && !state.playing || state.playedViaApi) {
+              this.play();
+            }
           }
-
-          media.load();
-
-          if (state.stalledAt) {
-            this.seek(state.stalledAt);
+        },
+        destroy() {
+          debug('api call', 'destroy');
+          this.stop();
+          this.removeAllListeners();
+          updateObserver.forget();
+          timeObserver.removeAllListeners();
+          if ($media) {
+            $media.off(ns).remove();
           }
-
-          if (state.playback && !state.playing || state.playedViaApi) {
-            this.play();
+          $media = void 0;
+          media = void 0;
+          state = {};
+        },
+        getMedia() {
+          debug('api call', 'getMedia', media);
+          return media;
+        },
+        getMediaSize() {
+          let size = {};
+          if (media) {
+            size = {
+              width: media.videoWidth,
+              height: media.videoHeight
+            };
           }
-        }
-      },
-      destroy: function destroy() {
-        debug('api call', 'destroy');
-        this.stop();
-        this.removeAllListeners();
-        updateObserver.forget();
-        timeObserver.removeAllListeners();
-
-        if ($media) {
-          $media.off(ns).remove();
-        }
-
-        $media = void 0;
-        media = void 0;
-        state = {};
-      },
-      getMedia: function getMedia() {
-        debug('api call', 'getMedia', media);
-        return media;
-      },
-      getMediaSize: function getMediaSize() {
-        var size = {};
-
-        if (media) {
-          size = {
-            width: media.videoWidth,
-            height: media.videoHeight
-          };
-        }
-
-        debug('api call', 'getMediaSize', size);
-        return size;
-      },
-      getPosition: function getPosition() {
-        var position = 0;
-
-        if (media) {
-          position = media.currentTime;
-        }
-
-        debug('api call', 'getPosition', position);
-        return position;
-      },
-      getDuration: function getDuration() {
-        var duration = 0;
-
-        if (media) {
-          duration = media.duration;
-        }
-
-        debug('api call', 'getDuration', duration);
-        return duration;
-      },
-      getVolume: function getVolume() {
-        var volume = 0;
-
-        if (media) {
-          volume = parseFloat(media.volume) * volumeRange;
-        }
-
-        debug('api call', 'getVolume', volume);
-        return volume;
-      },
-      setVolume: function setVolume(volume) {
-        debug('api call', 'setVolume', volume);
-
-        if (media) {
-          media.volume = parseFloat(volume) / volumeRange;
-        }
-      },
-      setSize: function setSize(width, height) {
-        debug('api call', 'setSize', width, height);
-        this.trigger('resize', width, height);
-      },
-      seek: function seek(time) {
-        debug('api call', 'seek', time);
-
-        if (media) {
-          media.currentTime = parseFloat(time);
-          state.seekedViaApi = true;
-          state.seekAt = media.currentTime;
-          timeObserver.seek(media.currentTime);
-
-          if (!state.playback) {
-            this.play();
+          debug('api call', 'getMediaSize', size);
+          return size;
+        },
+        getPosition() {
+          let position = 0;
+          if (media) {
+            position = media.currentTime;
           }
-        }
-      },
-      play: function play() {
-        var _this4 = this;
-
-        debug('api call', 'play');
-
-        if (media) {
-          state.playedViaApi = true;
-          var startPlayPromise = media.play();
-
-          if ('undefined' !== typeof startPlayPromise) {
-            startPlayPromise.catch(function (error) {
-              return _this4.handleError(error);
-            });
+          debug('api call', 'getPosition', position);
+          return position;
+        },
+        getDuration() {
+          let duration = 0;
+          if (media) {
+            duration = media.duration;
           }
-        }
-      },
-      pause: function pause() {
-        debug('api call', 'pause');
-
-        if (media) {
-          if (!media.paused) {
-            state.pausedViaApi = true;
+          debug('api call', 'getDuration', duration);
+          return duration;
+        },
+        getVolume() {
+          let volume = 0;
+          if (media) {
+            volume = parseFloat(media.volume) * volumeRange;
           }
-
-          media.pause();
-        }
-      },
-      stop: function stop() {
-        debug('api call', 'stop');
-
-        if (media && media.duration && state.playback && !state.stalled) {
-          media.currentTime = media.duration;
-        }
-      },
-      mute: function mute(muted) {
-        debug('api call', 'mute', muted);
-
-        if (media) {
-          media.muted = !!muted;
-        }
-      },
-      isMuted: function isMuted() {
-        var mute = false;
-
-        if (media) {
-          mute = !!media.muted;
-        }
-
-        debug('api call', 'isMuted', mute);
-        return mute;
-      },
-      addMedia: function addMedia(src, srcType) {
-        debug('api call', 'addMedia', src, srcType);
-
-        if (media) {
-          if (!support.checkSupport(media, srcType)) {
-            return false;
+          debug('api call', 'getVolume', volume);
+          return volume;
+        },
+        setVolume(volume) {
+          debug('api call', 'setVolume', volume);
+          if (media) {
+            media.volume = parseFloat(volume) / volumeRange;
           }
+        },
+        setSize(width, height) {
+          debug('api call', 'setSize', width, height);
+          this.trigger('resize', width, height);
+        },
+        seek(time) {
+          debug('api call', 'seek', time);
+          if (media) {
+            media.currentTime = parseFloat(time);
+            state.seekedViaApi = true;
+            state.seekAt = media.currentTime;
+            timeObserver.seek(media.currentTime);
+            if (!state.playback) {
+              this.play();
+            }
+          }
+        },
+        play() {
+          debug('api call', 'play');
+          if (media) {
+            state.playedViaApi = true;
+            const startPlayPromise = media.play();
+            if ('undefined' !== typeof startPlayPromise) {
+              startPlayPromise.catch(error => this.handleError(error));
+            }
+          }
+        },
+        pause() {
+          debug('api call', 'pause');
+          if (media) {
+            if (!media.paused) {
+              state.pausedViaApi = true;
+            }
+            media.pause();
+          }
+        },
+        stop() {
+          debug('api call', 'stop');
+          if (media && media.duration && state.playback && !state.stalled) {
+            media.currentTime = media.duration;
+          }
+        },
+        mute(muted) {
+          debug('api call', 'mute', muted);
+          if (media) {
+            media.muted = !!muted;
+          }
+        },
+        isMuted() {
+          let mute = false;
+          if (media) {
+            mute = !!media.muted;
+          }
+          debug('api call', 'isMuted', mute);
+          return mute;
+        },
+        addMedia(src, srcType) {
+          debug('api call', 'addMedia', src, srcType);
+          if (media) {
+            if (!support.checkSupport(media, srcType)) {
+              return false;
+            }
+          }
+          if (src && $media) {
+            $media.append(sourceTpl({
+              src,
+              type: srcType
+            }));
+            return true;
+          }
+          return false;
+        },
+        setMedia(src, srcType) {
+          debug('api call', 'setMedia', src, srcType);
+          if ($media) {
+            $media.empty();
+            return this.addMedia(src, srcType);
+          }
+          return false;
         }
+      });
+    }
 
-        if (src && $media) {
-          $media.append(sourceTpl({
-            src: src,
-            type: srcType
-          }));
-          return true;
-        }
-
-        return false;
-      },
-      setMedia: function setMedia(src, srcType) {
-        debug('api call', 'setMedia', src, srcType);
-
-        if ($media) {
-          $media.empty();
-          return this.addMedia(src, srcType);
-        }
-
-        return false;
-      }
-    });
-  }
-
-  return html5PlayerFactory;
+    return html5PlayerFactory;
 
 });