@oat-sa/tao-core-ui 1.64.1 → 1.64.2

package/dist/mediaplayer.js

@@ -26,35 +26,35 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
       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    <div class=\"player\">\n        <div class=\"player-overlay\">\n            <a class=\"action play\" data-control=\"play\"><span class=\"icon icon-play\" title=\""
+        + "\">\r\n    <div class=\"player\">\r\n        <div class=\"player-overlay\">\r\n            <a class=\"action play\" data-control=\"play\"><span class=\"icon icon-play\" title=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Play", options) : helperMissing.call(depth0, "__", "Play", options)))
-        + "\"></span></a>\n            <a class=\"action play\" data-control=\"pause\"><span class=\"icon icon-pause\" title=\""
+        + "\"></span></a>\r\n            <a class=\"action play\" data-control=\"pause\"><span class=\"icon icon-pause\" title=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Pause", options) : helperMissing.call(depth0, "__", "Pause", options)))
-        + "\"></span></a>\n            <a class=\"action reload\" data-control=\"start\">\n                <span class=\"icon icon-play\" title=\""
+        + "\"></span></a>\r\n            <a class=\"action reload\" data-control=\"start\">\r\n                <span class=\"icon icon-play\" title=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Start", options) : helperMissing.call(depth0, "__", "Start", options)))
-        + "\"></span>\n                <div class=\"message\">"
+        + "\"></span>\r\n                <div class=\"message\">"
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Click to start", options) : helperMissing.call(depth0, "__", "Click to start", options)))
-        + "</div>\n            </a>\n            <a class=\"action reload\" data-control=\"reload\">\n                <div class=\"icon icon-reload\" title=\""
+        + "</div>\r\n            </a>\r\n            <a class=\"action reload\" data-control=\"reload\">\r\n                <div class=\"icon icon-reload\" title=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Reload", options) : helperMissing.call(depth0, "__", "Reload", options)))
-        + "\"></div>\n                <div class=\"message\">"
+        + "\"></div>\r\n                <div class=\"message\">"
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "You are encountering a prolonged connectivity loss.", options) : helperMissing.call(depth0, "__", "You are encountering a prolonged connectivity loss.", options)))
         + " "
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Click to reload.", options) : helperMissing.call(depth0, "__", "Click to reload.", options)))
-        + "</div>\n            </a>\n        </div>\n    </div>\n    <div class=\"controls\">\n        <div class=\"bar\">\n            <div class=\"control actions playback\">\n                <a class=\"action play\" data-control=\"play\" title=\""
+        + "</div>\r\n            </a>\r\n        </div>\r\n    </div>\r\n    <div class=\"controls\">\r\n        <div class=\"bar\">\r\n            <div class=\"control actions playback\">\r\n                <a class=\"action play\" data-control=\"play\" title=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Play", options) : helperMissing.call(depth0, "__", "Play", options)))
-        + "\"><span class=\"icon icon-play\"></span></a>\n                <a class=\"action play\" data-control=\"pause\" title=\""
+        + "\"><span class=\"icon icon-play\"></span></a>\r\n                <a class=\"action play\" data-control=\"pause\" title=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Pause", options) : helperMissing.call(depth0, "__", "Pause", options)))
-        + "\"><span class=\"icon icon-pause\"></span></a>\n            </div>\n            <div class=\"control seek\"><div class=\"slider\"></div></div>\n            <div class=\"control infos timer\">\n                <span class=\"info time\" data-control=\"time-cur\" title=\""
+        + "\"><span class=\"icon icon-pause\"></span></a>\r\n            </div>\r\n            <div class=\"control seek\"><div class=\"slider\"></div></div>\r\n            <div class=\"control infos timer\">\r\n                <span class=\"info time\" data-control=\"time-cur\" title=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Current playback position", options) : helperMissing.call(depth0, "__", "Current playback position", options)))
-        + "\">--:--</span>\n                <span class=\"info time\" data-control=\"time-end\" title=\""
+        + "\">--:--</span>\r\n                <span class=\"info time\" data-control=\"time-end\" title=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Total duration", options) : helperMissing.call(depth0, "__", "Total duration", options)))
-        + "\">--:--</span>\n            </div>\n            <div class=\"control actions sound\">\n                <div class=\"volume\"><div class=\"slider\"></div></div>\n                <a class=\"action mute\" data-control=\"mute\" title=\""
+        + "\">--:--</span>\r\n            </div>\r\n            <div class=\"control actions sound\">\r\n                <div class=\"volume\"><div class=\"slider\"></div></div>\r\n                <a class=\"action mute\" data-control=\"mute\" title=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Mute", options) : helperMissing.call(depth0, "__", "Mute", options)))
-        + "\"><span class=\"icon icon-sound\"></span></a>\n                <a class=\"action mute\" data-control=\"unmute\" title=\""
+        + "\"><span class=\"icon icon-sound\"></span></a>\r\n                <a class=\"action mute\" data-control=\"unmute\" title=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Restore sound", options) : helperMissing.call(depth0, "__", "Restore sound", options)))
-        + "\"><span class=\"icon icon-mute\"></span></a>\n            </div>\n        </div>\n    </div>\n    <div class=\"error\">\n        <div class=\"message\">"
+        + "\"><span class=\"icon icon-mute\"></span></a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"error\">\r\n        <div class=\"message\">"
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "This media cannot be played!", options) : helperMissing.call(depth0, "__", "This media cannot be played!", options)))
-        + "</div>\n    </div>\n</div>\n";
+        + "</div>\r\n    </div>\r\n</div>\r\n";
       return buffer;
       });
     function playerTpl(data, options, asString) {
@@ -62,52 +62,52 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
       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 ;
+    /**
+     * 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}
+    /**
+     * CSS namespace
+     * @type {String}
      */
     const ns = '.mediaplayer';
 
-    /**
-     * Minimum value of the volume
-     * @type {Number}
+    /**
+     * Minimum value of the volume
+     * @type {Number}
      */
     const volumeMin = 0;
 
-    /**
-     * Maximum value of the volume
-     * @type {Number}
+    /**
+     * Maximum value of the volume
+     * @type {Number}
      */
     const volumeMax = 100;
 
-    /**
-     * Threshold (minimum required space above the player) to display the volume
-     * above the bar.
-     * @type {Number}
+    /**
+     * Threshold (minimum required space above the player) to display the volume
+     * above the bar.
+     * @type {Number}
      */
     const volumePositionThreshold = 200;
 
-    /**
-     * Some default values
-     * @type {Object}
+    /**
+     * Some default values
+     * @type {Object}
      */
     const defaults = {
       type: 'video/mp4',
@@ -137,21 +137,21 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
       }
     };
 
-    /**
-     * Ensures a value is a number
-     * @param {Number|String} value
-     * @returns {Number}
+    /**
+     * Ensures a value is a number
+     * @param {Number|String} value
+     * @returns {Number}
      */
     const ensureNumber = value => {
       const floatValue = parseFloat(value);
       return isFinite(floatValue) ? floatValue : 0;
     };
 
-    /**
-     * Format a number to string with leading zeros
-     * @param {Number} n
-     * @param {Number} len
-     * @returns {String}
+    /**
+     * Format a number to string with leading zeros
+     * @param {Number} n
+     * @param {Number} len
+     * @returns {String}
      */
     const leadingZero = (n, len) => {
       let value = n.toString();
@@ -161,10 +161,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
       return value;
     };
 
-    /**
-     * Formats a time value to string
-     * @param {Number} time
-     * @returns {String}
+    /**
+     * Formats a time value to string
+     * @param {Number} time
+     * @returns {String}
      */
     const timerFormat = time => {
       const seconds = Math.floor(time % 60);
@@ -179,19 +179,19 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
       return parts.join(':');
     };
 
-    /**
-     * Checks if a type needs to be adjusted
-     * @param {String} type
-     * @returns {Boolean}
+    /**
+     * Checks if a type needs to be adjusted
+     * @param {String} type
+     * @returns {Boolean}
      */
     const needTypeAdjust = type => {
       return 'string' === typeof type && type.indexOf('application') === 0;
     };
 
-    /**
-     * Adjust bad type by apllying heuristic on URI
-     * @param {Object|String} source
-     * @returns {String}
+    /**
+     * Adjust bad type by apllying heuristic on URI
+     * @param {Object|String} source
+     * @returns {String}
      */
     const getAdjustedType = source => {
       let type = 'video/ogg';
@@ -203,10 +203,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
       return type;
     };
 
-    /**
-     * Extract a list of media sources from a config object
-     * @param {Object} config
-     * @returns {Array}
+    /**
+     * Extract a list of media sources from a config object
+     * @param {Object} config
+     * @returns {Array}
      */
     const configToSources = config => {
       let sources = config.sources || [];
@@ -223,62 +223,62 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
       return sources;
     };
 
-    /**
-     * Checks if the browser can play media
-     * @param {String} sizeProps Width or Height
-     * @returns {Boolean}
+    /**
+     * Checks if the browser can play media
+     * @param {String} sizeProps Width or Height
+     * @returns {Boolean}
      */
     const isResponsiveSize = sizeProps => {
       return /%/.test(sizeProps) || sizeProps === 'auto';
     };
 
-    /**
-     * Builds a media player instance
-     * @param {Object} config
-     * @param {String} config.type - The type of media to play, say `audio`, `video`, or `youtube`. The default is `video`.
-     * It might also contain the MIME type of the media as a shorthand.
-     * @param {String|Array} [config.url] - The URL to the media. If several media are proposed as alternatives,
-     * please look at the `sources` option instead.
-     * @param {String} [config.mimeType] - The MIME type of the media. If omitted, the player will try to extract it
-     * from the `type` property, otherwise it will request the server to get the content-type.
-     * @param {Array} [config.sources] - A list of URL if several media can be proposed. Each entry may be either a
-     * string (single URL), or an object containing both the URL and the MIME type ({src: string, type: string}).
-     * @param {String|jQuery|HTMLElement} [config.renderTo] - An optional container in which renders the player
-     * @param {Boolean} [config.canSeek] - The player allows to reach an arbitrary position within the media using the duration bar
-     * @param {Boolean} [config.loop] - The media will be played continuously
-     * @param {Boolean} [config.canPause] - The player can be paused
-     * @param {Boolean} [config.startMuted] - The player should be initially muted
-     * @param {Boolean} [config.autoStart] - The player starts as soon as it is displayed
-     * @param {Number} [config.autoStartAt] - The time position at which the player should start
-     * @param {Number} [config.maxPlays] - Sets a few number of plays (default: infinite)
-     * @param {Number} [config.replayTimeout] - disable the possibility to replay a media after this timeout, in seconds (default: 0)
-     * @param {Number} [config.volume] - Sets the sound volume (default: 80)
-     * @param {Number} [config.width] - Sets the width of the player (default: depends on media type)
-     * @param {Number} [config.height] - Sets the height of the player (default: depends on media type)
-     * @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
-     * @event render - Event triggered when the player is rendering
-     * @event error - Event triggered when the player throws an unrecoverable error
-     * @event ready - Event triggered when the player is fully ready
-     * @event play - Event triggered when the playback is starting
-     * @event update - Event triggered while the player is playing
-     * @event pause - Event triggered when the playback is paused
-     * @event ended - Event triggered when the playback is ended
-     * @event limitreached - Event triggered when the play limit has been reached
-     * @event destroy - Event triggered when the player is destroying
-     * @returns {mediaplayer}
+    /**
+     * Builds a media player instance
+     * @param {Object} config
+     * @param {String} config.type - The type of media to play, say `audio`, `video`, or `youtube`. The default is `video`.
+     * It might also contain the MIME type of the media as a shorthand.
+     * @param {String|Array} [config.url] - The URL to the media. If several media are proposed as alternatives,
+     * please look at the `sources` option instead.
+     * @param {String} [config.mimeType] - The MIME type of the media. If omitted, the player will try to extract it
+     * from the `type` property, otherwise it will request the server to get the content-type.
+     * @param {Array} [config.sources] - A list of URL if several media can be proposed. Each entry may be either a
+     * string (single URL), or an object containing both the URL and the MIME type ({src: string, type: string}).
+     * @param {String|jQuery|HTMLElement} [config.renderTo] - An optional container in which renders the player
+     * @param {Boolean} [config.canSeek] - The player allows to reach an arbitrary position within the media using the duration bar
+     * @param {Boolean} [config.loop] - The media will be played continuously
+     * @param {Boolean} [config.canPause] - The player can be paused
+     * @param {Boolean} [config.startMuted] - The player should be initially muted
+     * @param {Boolean} [config.autoStart] - The player starts as soon as it is displayed
+     * @param {Number} [config.autoStartAt] - The time position at which the player should start
+     * @param {Number} [config.maxPlays] - Sets a few number of plays (default: infinite)
+     * @param {Number} [config.replayTimeout] - disable the possibility to replay a media after this timeout, in seconds (default: 0)
+     * @param {Number} [config.volume] - Sets the sound volume (default: 80)
+     * @param {Number} [config.width] - Sets the width of the player (default: depends on media type)
+     * @param {Number} [config.height] - Sets the height of the player (default: depends on media type)
+     * @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
+     * @event render - Event triggered when the player is rendering
+     * @event error - Event triggered when the player throws an unrecoverable error
+     * @event ready - Event triggered when the player is fully ready
+     * @event play - Event triggered when the playback is starting
+     * @event update - Event triggered while the player is playing
+     * @event pause - Event triggered when the playback is paused
+     * @event ended - Event triggered when the playback is ended
+     * @event limitreached - Event triggered when the play limit has been reached
+     * @event destroy - Event triggered when the player is destroying
+     * @returns {mediaplayer}
      */
     function mediaplayerFactory(config) {
-      /**
-       * Defines a media player object
-       * @type {Object}
+      /**
+       * Defines a media player object
+       * @type {Object}
        */
       const mediaplayer = {
-        /**
-         * Initializes the media player
-         * @param {Object} mediaPlayerConfig
-         * @returns {mediaplayer}
+        /**
+         * Initializes the media player
+         * @param {Object} mediaPlayerConfig
+         * @returns {mediaplayer}
          */
         init(mediaPlayerConfig) {
           // load the config set, discard null values in order to allow defaults to be set
@@ -307,14 +307,14 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           });
           return this;
         },
-        /**
-         * Uninstalls the media player
-         * @returns {mediaplayer}
+        /**
+         * Uninstalls the media player
+         * @returns {mediaplayer}
          */
         destroy() {
-          /**
-           * Triggers a destroy event
-           * @event mediaplayer#destroy
+          /**
+           * Triggers a destroy event
+           * @event mediaplayer#destroy
            */
           this.trigger('destroy');
           if (this.player) {
@@ -329,10 +329,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           this._reset();
           return this;
         },
-        /**
-         * Renders the media player according to the media type
-         * @param {String|jQuery|HTMLElement} [to]
-         * @returns {mediaplayer}
+        /**
+         * Renders the media player according to the media type
+         * @param {String|jQuery|HTMLElement} [to]
+         * @returns {mediaplayer}
          */
         render(to) {
           const renderTo = to || this.config.renderTo || this.$container;
@@ -366,21 +366,21 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this._setState('stalled', true);
           }
 
-          /**
-           * Triggers a render event
-           * @event mediaplayer#render
-           * @param {jQuery} $component
+          /**
+           * Triggers a render event
+           * @event mediaplayer#render
+           * @param {jQuery} $component
            */
           this.trigger('render', this.$component);
           return this;
         },
-        /**
-         * Reloads media player after it was stalled
+        /**
+         * Reloads media player after it was stalled
          */
         reload() {
-          /**
-           * Triggers a reload event
-           * @event mediaplayer#reload
+          /**
+           * Triggers a reload event
+           * @event mediaplayer#reload
            */
           this.trigger('reload');
           if (this.player) {
@@ -389,8 +389,8 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           this._setState('stalled', false);
           this.setInitialStates();
         },
-        /**
-         * Set initial states
+        /**
+         * Set initial states
          */
         setInitialStates() {
           if (!this.is('stalled')) {
@@ -401,11 +401,11 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           this._setState('canseek', this.config.canSeek);
           this._setState('loading', false);
         },
-        /**
-         * Sets the start position inside the media
-         * @param {Number} time - The start position in seconds
-         * @param {*} [internal] - Internal use
-         * @returns {mediaplayer}
+        /**
+         * Sets the start position inside the media
+         * @param {Number} time - The start position in seconds
+         * @param {*} [internal] - Internal use
+         * @returns {mediaplayer}
          */
         seek(time, internal) {
           if (this._canPlay()) {
@@ -418,10 +418,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           return this;
         },
-        /**
-         * Plays the media
-         * @param {Number} [time] - An optional start position in seconds
-         * @returns {mediaplayer}
+        /**
+         * Plays the media
+         * @param {Number} [time] - An optional start position in seconds
+         * @returns {mediaplayer}
          */
         play(time) {
           if (this._canPlay()) {
@@ -439,10 +439,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           return this;
         },
-        /**
-         * Pauses the media
-         * @param {Number} [time] - An optional time position in seconds
-         * @returns {mediaplayer}
+        /**
+         * Pauses the media
+         * @param {Number} [time] - An optional time position in seconds
+         * @returns {mediaplayer}
          */
         pause(time) {
           if (this._canPause()) {
@@ -456,9 +456,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           return this;
         },
-        /**
-         * Resumes the media
-         * @returns {mediaplayer}
+        /**
+         * Resumes the media
+         * @returns {mediaplayer}
          */
         resume() {
           if (this._canResume()) {
@@ -466,9 +466,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           return this;
         },
-        /**
-         * Stops the playback
-         * @returns {mediaplayer}
+        /**
+         * Stops the playback
+         * @returns {mediaplayer}
          */
         stop() {
           this.loop = false;
@@ -478,35 +478,35 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           return this;
         },
-        /**
-         * Starts the media
-         * @returns {mediaplayer}
+        /**
+         * Starts the media
+         * @returns {mediaplayer}
          */
         start() {
           this._setState('preview', true);
           this._setState('loading', true);
           this.play();
         },
-        /**
-         * Restarts the media from the beginning
-         * @returns {mediaplayer}
+        /**
+         * Restarts the media from the beginning
+         * @returns {mediaplayer}
          */
         restart() {
           this.play(0);
           return this;
         },
-        /**
-         * Rewind the media to the beginning
-         * @returns {mediaplayer}
+        /**
+         * Rewind the media to the beginning
+         * @returns {mediaplayer}
          */
         rewind() {
           this.seek(0);
           return this;
         },
-        /**
-         * Mutes the media
-         * @param {Boolean} [state] - A flag to set the mute state (default: true)
-         * @returns {mediaplayer}
+        /**
+         * Mutes the media
+         * @param {Boolean} [state] - A flag to set the mute state (default: true)
+         * @returns {mediaplayer}
          */
         mute(state) {
           if (typeof state === 'undefined') {
@@ -519,63 +519,63 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           return this;
         },
-        /**
-         * Restore the sound of the media after a mute
-         * @returns {mediaplayer}
+        /**
+         * Restore the sound of the media after a mute
+         * @returns {mediaplayer}
          */
         unmute() {
           this.mute(false);
           return this;
         },
-        /**
-         * Sets the sound volume of the media being played
-         * @param {Number} value - A value between 0 and 100
-         * @param {*} [internal] - Internal use
-         * @returns {mediaplayer}
+        /**
+         * Sets the sound volume of the media being played
+         * @param {Number} value - A value between 0 and 100
+         * @param {*} [internal] - Internal use
+         * @returns {mediaplayer}
          */
         setVolume(value, internal) {
           this._updateVolume(value, internal);
           this.execute('setVolume', this.volume);
           return this;
         },
-        /**
-         * Gets the sound volume applied to the media being played
-         * @returns {Number} Returns a value between 0 and 100
+        /**
+         * Gets the sound volume applied to the media being played
+         * @returns {Number} Returns a value between 0 and 100
          */
         getVolume() {
           return this.volume;
         },
-        /**
-         * Gets the current displayed position inside the media
-         * @returns {Number}
+        /**
+         * Gets the current displayed position inside the media
+         * @returns {Number}
          */
         getPosition() {
           return this.position;
         },
-        /**
-         * Gets the duration of the media
-         * @returns {Number}
+        /**
+         * Gets the duration of the media
+         * @returns {Number}
          */
         getDuration() {
           return this.duration;
         },
-        /**
-         * Gets the number of times the media has been played
-         * @returns {Number}
+        /**
+         * Gets the number of times the media has been played
+         * @returns {Number}
          */
         getTimesPlayed() {
           return this.timesPlayed;
         },
-        /**
-         * Gets the type of player
-         * @returns {String}
+        /**
+         * Gets the type of player
+         * @returns {String}
          */
         getType() {
           return this.type;
         },
-        /**
-         * Gets the DOM container
-         * @returns {jQuery}
+        /**
+         * Gets the DOM container
+         * @returns {jQuery}
          */
         getContainer() {
           if (!this.$container && this.$component) {
@@ -586,25 +586,25 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           return this.$container;
         },
-        /**
-         * Gets the underlying DOM element
-         * @returns {jQuery}
+        /**
+         * Gets the underlying DOM element
+         * @returns {jQuery}
          */
         getElement() {
           return this.$component;
         },
-        /**
-         * Gets the list of media
-         * @returns {Array}
+        /**
+         * Gets the list of media
+         * @returns {Array}
          */
         getSources() {
           return this.config.sources.slice();
         },
-        /**
-         * Sets the media source. If a source has been already set, it will be replaced.
-         * @param {String|Object} src - The media URL, or an object containing the source and the type
-         * @param {Function} [callback] - A function called to provide the added media source object
-         * @returns {mediaplayer}
+        /**
+         * Sets the media source. If a source has been already set, it will be replaced.
+         * @param {String|Object} src - The media URL, or an object containing the source and the type
+         * @param {Function} [callback] - A function called to provide the added media source object
+         * @returns {mediaplayer}
          */
         setSource(src, callback) {
           this._getSource(src, source => {
@@ -618,11 +618,11 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           });
           return this;
         },
-        /**
-         * Adds a media source.
-         * @param {String|Object} src - The media URL, or an object containing the source and the type
-         * @param {Function} [callback] - A function called to provide the added media source object
-         * @returns {mediaplayer}
+        /**
+         * Adds a media source.
+         * @param {String|Object} src - The media URL, or an object containing the source and the type
+         * @param {Function} [callback] - A function called to provide the added media source object
+         * @returns {mediaplayer}
          */
         addSource(src, callback) {
           this._getSource(src, source => {
@@ -636,19 +636,19 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           });
           return this;
         },
-        /**
-         * Tells if the media is in a particular state
-         * @param {String} state
-         * @returns {Boolean}
+        /**
+         * Tells if the media is in a particular state
+         * @param {String} state
+         * @returns {Boolean}
          */
         is(state) {
           return !!this.config.is[state];
         },
-        /**
-         * Changes the size of the player
-         * @param {Number} width
-         * @param {Number} height
-         * @returns {mediaplayer}
+        /**
+         * Changes the size of the player
+         * @param {Number} width
+         * @param {Number} height
+         * @returns {mediaplayer}
          */
         resize(width, height) {
           if (isResponsiveSize(width) && !isResponsiveSize(height) || this.is('youtube')) {
@@ -659,42 +659,42 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           this.execute('setSize', width, height);
           return this;
         },
-        /**
-         * Enables the media player
-         * @returns {mediaplayer}
+        /**
+         * Enables the media player
+         * @returns {mediaplayer}
          */
         enable() {
           this._fromState('disabled');
           return this;
         },
-        /**
-         * Disables the media player
-         * @returns {mediaplayer}
+        /**
+         * Disables the media player
+         * @returns {mediaplayer}
          */
         disable() {
           this._toState('disabled');
           this.trigger('disabled');
           return this;
         },
-        /**
-         * Shows the media player
-         * @returns {mediaplayer}
+        /**
+         * Shows the media player
+         * @returns {mediaplayer}
          */
         show() {
           this._fromState('hidden');
           return this;
         },
-        /**
-         * hides the media player
-         * @returns {mediaplayer}
+        /**
+         * hides the media player
+         * @returns {mediaplayer}
          */
         hide() {
           this._toState('hidden');
           return this;
         },
-        /**
-         * get media original size
-         * @returns {Object}
+        /**
+         * get media original size
+         * @returns {Object}
          */
         getMediaOriginalSize() {
           if (this.is('youtube')) {
@@ -705,10 +705,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           return {};
         },
-        /**
-         * Ensures the right media type is set
-         * @param {String} type
-         * @private
+        /**
+         * Ensures the right media type is set
+         * @param {String} type
+         * @private
          */
         _setType(type) {
           if (type.indexOf('youtube') !== -1) {
@@ -719,9 +719,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this.type = 'video';
           }
         },
-        /**
-         * Ensures the type is correctly applied
-         * @private
+        /**
+         * Ensures the type is correctly applied
+         * @private
          */
         _initType() {
           const is = this.config.is;
@@ -729,10 +729,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           is.video = 'video' === this.type || 'youtube' === this.type;
           is.audio = 'audio' === this.type;
         },
-        /**
-         * Gets a source descriptor.
-         * @param {String|Object} src - The media URL, or an object containing the source and the type
-         * @param {Function} callback - A function called to provide the media source object
+        /**
+         * Gets a source descriptor.
+         * @param {String|Object} src - The media URL, or an object containing the source and the type
+         * @param {Function} callback - A function called to provide the media source object
          */
         _getSource(src, callback) {
           let source;
@@ -768,10 +768,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             done();
           }
         },
-        /**
-         * Ensures the sources are correctly set
-         * @param {Function} callback - A function called once all sources have been initialized
-         * @private
+        /**
+         * Ensures the sources are correctly set
+         * @param {Function} callback - A function called once all sources have been initialized
+         * @private
          */
         _initSources(callback) {
           const sources = configToSources(this.config);
@@ -780,9 +780,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this.addSource(source, src => cb(null, src));
           }, callback);
         },
-        /**
-         * Installs the events manager onto the instance
-         * @private
+        /**
+         * Installs the events manager onto the instance
+         * @private
          */
         _initEvents() {
           eventifier(this);
@@ -797,9 +797,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             return triggerEvent.call(this, eventName, ...args);
           };
         },
-        /**
-         * Ensures the right size is set according to the media type
-         * @private
+        /**
+         * Ensures the right size is set according to the media type
+         * @private
          */
         _initSize() {
           const type = this.is('video') ? 'video' : 'audio';
@@ -812,9 +812,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this.config.height = 'auto';
           }
         },
-        /**
-         * Initializes the right player instance
-         * @private
+        /**
+         * Initializes the right player instance
+         * @private
          */
         _initPlayer() {
           const playerFactory = players[this.type];
@@ -851,9 +851,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this.trigger('ready');
           }
         },
-        /**
-         * Initializes the player state
-         * @private
+        /**
+         * Initializes the player state
+         * @private
          */
         _initState() {
           let isCORS = false;
@@ -865,9 +865,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           this._setState('cors', isCORS);
           this._setState('ready', false);
         },
-        /**
-         * Resets the internals attributes
-         * @private
+        /**
+         * Resets the internals attributes
+         * @private
          */
         _reset() {
           this.config.is = {};
@@ -893,9 +893,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           this.autoStartAt = this.config.autoStartAt;
           this.startMuted = this.config.startMuted;
         },
-        /**
-         * Builds the DOM content
-         * @private
+        /**
+         * Builds the DOM content
+         * @private
          */
         _buildDom() {
           const configForTemplate = _.clone(this.config);
@@ -911,15 +911,15 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           this.$duration = this.$controls.find('[data-control="time-end"]');
           this.$volumeSlider = this._renderSlider(this.$volume, this.volume, volumeMin, volumeMax, true);
         },
-        /**
-         * Renders a slider onto an element
-         * @param {jQuery} $elt - The element on which renders the slider
-         * @param {Number} [value] - The current value of the slider
-         * @param {Number} [min] - The min value of the slider
-         * @param {Number} [max] - The max value of the slider
-         * @param {Boolean} [vertical] - Tells if the slider must be vertical
-         * @returns {jQuery} - Returns the element
-         * @private
+        /**
+         * Renders a slider onto an element
+         * @param {jQuery} $elt - The element on which renders the slider
+         * @param {Number} [value] - The current value of the slider
+         * @param {Number} [min] - The min value of the slider
+         * @param {Number} [max] - The max value of the slider
+         * @param {Boolean} [vertical] - Tells if the slider must be vertical
+         * @returns {jQuery} - Returns the element
+         * @private
          */
         _renderSlider($elt, value, min, max, vertical) {
           let orientation, direction;
@@ -943,19 +943,19 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             }
           });
         },
-        /**
-         * Destroys a slider bound to an element
-         * @param {jQuery} $elt
-         * @private
+        /**
+         * Destroys a slider bound to an element
+         * @param {jQuery} $elt
+         * @private
          */
         _destroySlider($elt) {
           if ($elt) {
             $elt.get(0).destroy();
           }
         },
-        /**
-         * Binds events onto the rendered player
-         * @private
+        /**
+         * Binds events onto the rendered player
+         * @private
          */
         _bindEvents() {
           let overing = false;
@@ -1023,9 +1023,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             }
           });
         },
-        /**
-         * Unbinds events from the rendered player
-         * @private
+        /**
+         * Unbinds events from the rendered player
+         * @private
          */
         _unbindEvents() {
           this.$component.off(ns);
@@ -1041,21 +1041,21 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           $$1(document).off(ns);
         },
-        /**
-         * Updates the volume slider
-         * @param {Number} value
-         * @private
+        /**
+         * Updates the volume slider
+         * @param {Number} value
+         * @private
          */
         _updateVolumeSlider(value) {
           if (this.$volumeSlider) {
             this.$volumeSlider.val(value);
           }
         },
-        /**
-         * Updates the displayed volume
-         * @param {Number} value
-         * @param {*} [internal]
-         * @private
+        /**
+         * Updates the displayed volume
+         * @param {Number} value
+         * @param {*} [internal]
+         * @private
          */
         _updateVolume(value, internal) {
           this.volume = Math.max(volumeMin, Math.min(volumeMax, parseFloat(value)));
@@ -1064,31 +1064,31 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this._updateVolumeSlider(value);
           }
         },
-        /**
-         * Updates the time slider
-         * @param {Number} value
-         * @private
+        /**
+         * Updates the time slider
+         * @param {Number} value
+         * @private
          */
         _updatePositionSlider(value) {
           if (this.$seekSlider) {
             this.$seekSlider.val(value);
           }
         },
-        /**
-         * Updates the time label
-         * @param {Number} value
-         * @private
+        /**
+         * Updates the time label
+         * @param {Number} value
+         * @private
          */
         _updatePositionLabel(value) {
           if (this.$position) {
             this.$position.text(timerFormat(value));
           }
         },
-        /**
-         * Updates the displayed time position
-         * @param {Number} value
-         * @param {*} [internal]
-         * @private
+        /**
+         * Updates the displayed time position
+         * @param {Number} value
+         * @param {*} [internal]
+         * @private
          */
         _updatePosition(value, internal) {
           this.position = Math.max(0, Math.min(this.duration || +Infinity, parseFloat(value)));
@@ -1097,10 +1097,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           this._updatePositionLabel(this.position);
         },
-        /**
-         * Updates the duration slider
-         * @param {Number} value
-         * @private
+        /**
+         * Updates the duration slider
+         * @param {Number} value
+         * @private
          */
         _updateDurationSlider(value) {
           if (this.$seekSlider) {
@@ -1112,10 +1112,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this.$seekSlider.attr('disabled', !this.config.canSeek);
           }
         },
-        /**
-         * Updates the duration label
-         * @param {Number} value
-         * @private
+        /**
+         * Updates the duration label
+         * @param {Number} value
+         * @private
          */
         _updateDurationLabel(value) {
           if (this.$duration) {
@@ -1126,10 +1126,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             }
           }
         },
-        /**
-         * Updates the displayed duration
-         * @param {Number|String} value
-         * @private
+        /**
+         * Updates the displayed duration
+         * @param {Number|String} value
+         * @private
          */
         _updateDuration(value) {
           const duration = Math.abs(parseFloat(value));
@@ -1139,9 +1139,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this._updateDurationLabel(this.duration);
           }
         },
-        /**
-         * Event called when the media is ready
-         * @private
+        /**
+         * Event called when the media is ready
+         * @private
          */
         _onReady() {
           if (this.is('error')) {
@@ -1154,9 +1154,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           this.setInitialStates();
 
-          /**
-           * Triggers a media ready event
-           * @event mediaplayer#ready
+          /**
+           * Triggers a media ready event
+           * @event mediaplayer#ready
            */
           this.trigger('ready');
 
@@ -1172,10 +1172,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this._setMaxHeight();
           }
         },
-        /**
-         * Set max height limit for container
-         * using by old media items with defined height.
-         * @private
+        /**
+         * Set max height limit for container
+         * using by old media items with defined height.
+         * @private
          */
         _setMaxHeight() {
           const $video = this.$container.find('video.video');
@@ -1192,19 +1192,19 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this.execute('setSize', Math.floor(videoWidth), 'auto');
           }
         },
-        /**
-         * Update volume in DBIndex store
-         * @param {Number} volume
-         * @returns {Promise}
-         * @private
+        /**
+         * Update volume in DBIndex store
+         * @param {Number} volume
+         * @returns {Promise}
+         * @private
          */
         _storeVolume(volume) {
           return store('mediaVolume').then(volumeStore => volumeStore.setItem('volume', volume));
         },
-        /**
-         * Get volume from DBIndex store
-         * @returns {Promise}
-         * @private
+        /**
+         * Get volume from DBIndex store
+         * @returns {Promise}
+         * @private
          */
         _updateVolumeFromStore() {
           return store('mediaVolume').then(volumeStore => volumeStore.getItem('volume')).then(volume => {
@@ -1214,50 +1214,50 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             }
           });
         },
-        /**
-         * Event called when the media throws unrecoverable error
-         * @private
+        /**
+         * Event called when the media throws unrecoverable error
+         * @private
          */
         _onError() {
           this._setState('error', true);
           this._setState('loading', false);
 
-          /**
-           * Triggers an unrecoverable media error event
-           * @event mediaplayer#error
+          /**
+           * Triggers an unrecoverable media error event
+           * @event mediaplayer#error
            */
           this.trigger('error');
         },
-        /**
-         * Event called when the media is played
-         * @private
+        /**
+         * Event called when the media is played
+         * @private
          */
         _onPlay() {
           this._playingState(true);
           this._setState('preview', true);
 
-          /**
-           * Triggers a media playback event
-           * @event mediaplayer#play
+          /**
+           * Triggers a media playback event
+           * @event mediaplayer#play
            */
           this.trigger('play', this.player && this.player.getMedia());
         },
-        /**
-         * Event called when the media is paused
-         * @private
+        /**
+         * Event called when the media is paused
+         * @private
          */
         _onPause() {
           this._playingState(false);
 
-          /**
-           * Triggers a media paused event
-           * @event mediaplayer#pause
+          /**
+           * Triggers a media paused event
+           * @event mediaplayer#pause
            */
           this.trigger('pause');
         },
-        /**
-         * Event called when the media is ended
-         * @private
+        /**
+         * Event called when the media is ended
+         * @private
          */
         _onEnd() {
           this.timesPlayed++;
@@ -1269,9 +1269,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             if (!this.is('disabled')) {
               this.disable();
             }
-            /**
-             * Triggers a play limit reached event
-             * @event mediaplayer#limitreached
+            /**
+             * Triggers a play limit reached event
+             * @event mediaplayer#limitreached
              */
             this.trigger('limitreached');
           } else if (this.loop) {
@@ -1281,45 +1281,45 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             this._replayTimeout();
           }
 
-          /**
-           * Triggers a media ended event
-           * @event mediaplayer#ended
+          /**
+           * Triggers a media ended event
+           * @event mediaplayer#ended
            */
           this.trigger('ended');
         },
-        /**
-         * Event called when the playback is playing
-         * @private
+        /**
+         * Event called when the playback is playing
+         * @private
          */
         _onPlaying() {
           this._setState('preview', true);
           this._setState('stalled', false);
           this._setState('ready', true);
         },
-        /**
-         * Event called when the playback is stalled
-         * @private
+        /**
+         * Event called when the playback is stalled
+         * @private
          */
         _onStalled() {
           this._setState('stalled', true);
           this._setState('ready', false);
         },
-        /**
-         * Event called when the time position has changed
-         * @private
+        /**
+         * Event called when the time position has changed
+         * @private
          */
         _onTimeUpdate() {
           this._updatePosition(this.player.getPosition());
 
-          /**
-           * Triggers a media time update event
-           * @event mediaplayer#update
+          /**
+           * Triggers a media time update event
+           * @event mediaplayer#update
            */
           this.trigger('update');
         },
-        /**
-         * Run a timer to disable the possibility of replaying a media
-         * @private
+        /**
+         * Run a timer to disable the possibility of replaying a media
+         * @private
          */
         _replayTimeout() {
           const nowMs = new window.Date().getTime(),
@@ -1330,51 +1330,51 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
             cancelAnimationFrame(this.timerId);
           }
         },
-        /**
-         * Checks if the play limit has been reached
-         * @returns {Boolean}
-         * @private
+        /**
+         * Checks if the play limit has been reached
+         * @returns {Boolean}
+         * @private
          */
         _playLimitReached() {
           return this.config.maxPlays && this.timesPlayed >= this.config.maxPlays;
         },
-        /**
-         * Checks if the media can be played
-         * @returns {Boolean}
-         * @private
+        /**
+         * Checks if the media can be played
+         * @returns {Boolean}
+         * @private
          */
         _canPlay() {
           return (this.is('ready') || this.is('stalled')) && !this.is('disabled') && !this.is('hidden') && !this._playLimitReached();
         },
-        /**
-         * Checks if the media can be paused
-         * @returns {Boolean}
-         * @private
+        /**
+         * Checks if the media can be paused
+         * @returns {Boolean}
+         * @private
          */
         _canPause() {
           return !!this.config.canPause;
         },
-        /**
-         * Checks if the media can be sought
-         * @returns {Boolean}
-         * @private
+        /**
+         * Checks if the media can be sought
+         * @returns {Boolean}
+         * @private
          */
         _canSeek() {
           return !!this.config.canSeek;
         },
-        /**
-         * Checks if the playback can be resumed
-         * @returns {Boolean}
-         * @private
+        /**
+         * Checks if the playback can be resumed
+         * @returns {Boolean}
+         * @private
          */
         _canResume() {
           return this.is('paused') && this._canPlay();
         },
-        /**
-         * Sets the media is in a particular state
-         * @param {String} name
-         * @param {Boolean} value
-         * @returns {mediaplayer}
+        /**
+         * Sets the media is in a particular state
+         * @param {String} name
+         * @param {Boolean} value
+         * @returns {mediaplayer}
          */
         _setState(name, value) {
           value = !!value;
@@ -1384,34 +1384,34 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           }
           return this;
         },
-        /**
-         * Restores the media player from a particular state and resumes the playback
-         * @param {String} stateName
-         * @returns {mediaplayer}
-         * @private
+        /**
+         * Restores the media player from a particular state and resumes the playback
+         * @param {String} stateName
+         * @returns {mediaplayer}
+         * @private
          */
         _fromState(stateName) {
           this._setState(stateName, false);
           this.resume();
           return this;
         },
-        /**
-         * Sets the media player to a particular state and pauses the playback
-         * @param {String} stateName
-         * @returns {mediaplayer}
-         * @private
+        /**
+         * Sets the media player to a particular state and pauses the playback
+         * @param {String} stateName
+         * @returns {mediaplayer}
+         * @private
          */
         _toState(stateName) {
           this.pause();
           this._setState(stateName, true);
           return this;
         },
-        /**
-         * Sets the playing state
-         * @param {Boolean} state
-         * @param {Boolean} [ended]
-         * @returns {mediaplayer}
-         * @private
+        /**
+         * Sets the playing state
+         * @param {Boolean} state
+         * @param {Boolean} [ended]
+         * @returns {mediaplayer}
+         * @private
          */
         _playingState(state, ended) {
           this._setState('playing', !!state);
@@ -1419,12 +1419,12 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
           this._setState('ended', !!ended);
           return this;
         },
-        /**
-         * Executes a command onto the media
-         * @param {String} command - The name of the command to execute
-         * @param {*} args - additional arguments
-         * @returns {*}
-         * @private
+        /**
+         * Executes a command onto the media
+         * @param {String} command - The name of the command to execute
+         * @param {*} args - additional arguments
+         * @returns {*}
+         * @private
          */
         execute(command) {
           if (this.player && 'function' === typeof this.player[command]) {
@@ -1438,37 +1438,37 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
       return mediaplayer.init(config);
     }
 
-    /**
-     * Tells if the browser can play audio and video
-     * @param {String} [type] The type of media (audio or video)
-     * @param {String} [mime] A media MIME type to check
-     * @type {Boolean}
+    /**
+     * Tells if the browser can play audio and video
+     * @param {String} [type] The type of media (audio or video)
+     * @param {String} [mime] A media MIME type to check
+     * @type {Boolean}
      */
     mediaplayerFactory.canPlay = function canPlay(type, mime) {
       return support.canPlay(type, mime);
     };
 
-    /**
-     * Tells if the browser can play audio
-     * @param {String} [mime] A media MIME type to check
-     * @type {Boolean}
+    /**
+     * Tells if the browser can play audio
+     * @param {String} [mime] A media MIME type to check
+     * @type {Boolean}
      */
     mediaplayerFactory.canPlayAudio = function canPlayAudio(mime) {
       return support.canPlayAudio(mime);
     };
 
-    /**
-     * Tells if the browser can play video
-     * @param {String} [mime] A media MIME type to check
-     * @type {Boolean}
+    /**
+     * Tells if the browser can play video
+     * @param {String} [mime] A media MIME type to check
+     * @type {Boolean}
      */
     mediaplayerFactory.canPlayVideo = function canPlayVideo(mime) {
       return support.canPlayVideo(mime);
     };
 
-    /**
-     * Checks if the browser allows to control the media playback
-     * @returns {Boolean}
+    /**
+     * Checks if the browser allows to control the media playback
+     * @returns {Boolean}
      */
     mediaplayerFactory.canControl = function canControl() {
       return support.canControl();