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

package/dist/mediaplayer.js

@@ -28,24 +28,24 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
     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
+    /**
+     * 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);
     });
-    /**
-     * 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*
+    /**
+     * 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) {
@@ -128,35 +128,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)
-      + "\">\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=\""
+      + "\">\n    <div class=\"player\">\n        <div class=\"player-overlay\">\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>\r\n            <a class=\"action play\" data-control=\"pause\"><span class=\"icon icon-pause\" title=\""
+      + "\"></span></a>\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>\r\n            <a class=\"action reload\" data-control=\"start\">\r\n                <span class=\"icon icon-play\" title=\""
+      + "\"></span></a>\n            <a class=\"action reload\" data-control=\"start\">\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>\r\n                <div class=\"message\">"
+      + "\"></span>\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>\r\n            </a>\r\n            <a class=\"action reload\" data-control=\"reload\">\r\n                <div class=\"icon icon-reload\" title=\""
+      + "</div>\n            </a>\n            <a class=\"action reload\" data-control=\"reload\">\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>\r\n                <div class=\"message\">"
+      + "\"></div>\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>\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=\""
+      + "</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=\""
       + 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>\r\n                <a class=\"action play\" data-control=\"pause\" title=\""
+      + "\"><span class=\"icon icon-play\"></span></a>\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>\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=\""
+      + "\"><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=\""
       + 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>\r\n                <span class=\"info time\" data-control=\"time-end\" title=\""
+      + "\">--:--</span>\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>\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=\""
+      + "\">--:--</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=\""
       + 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>\r\n                <a class=\"action mute\" data-control=\"unmute\" title=\""
+      + "\"><span class=\"icon icon-sound\"></span></a>\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>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"error\">\r\n        <div class=\"message\">"
+      + "\"><span class=\"icon icon-mute\"></span></a>\n            </div>\n        </div>\n    </div>\n    <div class=\"error\">\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>\r\n    </div>\r\n</div>\r\n";
+      + "</div>\n    </div>\n</div>\n";
     return buffer;
     });
   function playerTpl(data, options, asString) {
@@ -164,51 +164,51 @@ 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}
    */
 
   var ns = '.mediaplayer';
-  /**
-   * Minimum value of the volume
-   * @type {Number}
+  /**
+   * Minimum value of the volume
+   * @type {Number}
    */
 
   var volumeMin = 0;
-  /**
-   * Maximum value of the volume
-   * @type {Number}
+  /**
+   * Maximum value of the volume
+   * @type {Number}
    */
 
   var 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}
    */
 
   var volumePositionThreshold = 200;
-  /**
-   * Some default values
-   * @type {Object}
+  /**
+   * Some default values
+   * @type {Object}
    */
 
   var defaults = {
@@ -238,21 +238,21 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
       debug: false
     }
   };
-  /**
-   * Ensures a value is a number
-   * @param {Number|String} value
-   * @returns {Number}
+  /**
+   * Ensures a value is a number
+   * @param {Number|String} value
+   * @returns {Number}
    */
 
   var ensureNumber = function ensureNumber(value) {
     var 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}
    */
 
 
@@ -265,10 +265,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}
    */
 
 
@@ -286,20 +286,20 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
     parts.push(leadingZero(seconds, 2));
     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}
    */
 
 
   var needTypeAdjust = function 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}
    */
 
 
@@ -314,10 +314,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}
    */
 
 
@@ -339,65 +339,65 @@ 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}
    */
 
 
   var isResponsiveSize = function 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}
      */
     var mediaplayer = {
-      /**
-       * Initializes the media player
-       * @param {Object} config
-       * @returns {mediaplayer}
+      /**
+       * Initializes the media player
+       * @param {Object} config
+       * @returns {mediaplayer}
        */
       init: function init(config) {
         var _this = this;
@@ -444,14 +444,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: function destroy() {
-        /**
-         * Triggers a destroy event
-         * @event mediaplayer#destroy
+        /**
+         * Triggers a destroy event
+         * @event mediaplayer#destroy
          */
         this.trigger('destroy');
 
@@ -474,10 +474,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         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: function render(to) {
         var renderTo = to || this.config.renderTo || this.$container;
@@ -521,10 +521,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         if (this.is('stalled')) {
           this._setState('stalled', true);
         }
-        /**
-         * Triggers a render event
-         * @event mediaplayer#render
-         * @param {jQuery} $component
+        /**
+         * Triggers a render event
+         * @event mediaplayer#render
+         * @param {jQuery} $component
          */
 
 
@@ -532,13 +532,13 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         return this;
       },
 
-      /**
-       * Reloads media player after it was stalled
+      /**
+       * Reloads media player after it was stalled
        */
       reload: function reload() {
-        /**
-         * Triggers a reload event
-         * @event mediaplayer#reload
+        /**
+         * Triggers a reload event
+         * @event mediaplayer#reload
          */
         this.trigger('reload');
 
@@ -551,8 +551,8 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         this.setInitialStates();
       },
 
-      /**
-       * Set initial states
+      /**
+       * Set initial states
        */
       setInitialStates: function setInitialStates() {
         if (!this.is('stalled')) {
@@ -568,11 +568,11 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         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: function seek(time, internal) {
         if (this._canPlay()) {
@@ -590,10 +590,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: function play(time) {
         if (this._canPlay()) {
@@ -617,10 +617,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: function pause(time) {
         if (this._canPause()) {
@@ -638,9 +638,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         return this;
       },
 
-      /**
-       * Resumes the media
-       * @returns {mediaplayer}
+      /**
+       * Resumes the media
+       * @returns {mediaplayer}
        */
       resume: function resume() {
         if (this._canResume()) {
@@ -650,9 +650,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         return this;
       },
 
-      /**
-       * Stops the playback
-       * @returns {mediaplayer}
+      /**
+       * Stops the playback
+       * @returns {mediaplayer}
        */
       stop: function stop() {
         this.loop = false;
@@ -665,9 +665,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         return this;
       },
 
-      /**
-       * Starts the media
-       * @returns {mediaplayer}
+      /**
+       * Starts the media
+       * @returns {mediaplayer}
        */
       start: function start() {
         this._setState('preview', true);
@@ -677,28 +677,28 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         this.play();
       },
 
-      /**
-       * Restarts the media from the beginning
-       * @returns {mediaplayer}
+      /**
+       * Restarts the media from the beginning
+       * @returns {mediaplayer}
        */
       restart: function restart() {
         this.play(0);
         return this;
       },
 
-      /**
-       * Rewind the media to the beginning
-       * @returns {mediaplayer}
+      /**
+       * Rewind the media to the beginning
+       * @returns {mediaplayer}
        */
       rewind: function 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: function mute(state) {
         if (typeof state === 'undefined') {
@@ -716,20 +716,20 @@ 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: function 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: function setVolume(value, internal) {
         this._updateVolume(value, internal);
@@ -738,49 +738,49 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         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: function 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: function getPosition() {
         return this.position;
       },
 
-      /**
-       * Gets the duration of the media
-       * @returns {Number}
+      /**
+       * Gets the duration of the media
+       * @returns {Number}
        */
       getDuration: function 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: function getTimesPlayed() {
         return this.timesPlayed;
       },
 
-      /**
-       * Gets the type of player
-       * @returns {String}
+      /**
+       * Gets the type of player
+       * @returns {String}
        */
       getType: function getType() {
         return this.type;
       },
 
-      /**
-       * Gets the DOM container
-       * @returns {jQuery}
+      /**
+       * Gets the DOM container
+       * @returns {jQuery}
        */
       getContainer: function getContainer() {
         if (!this.$container && this.$component) {
@@ -794,27 +794,27 @@ 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: function getElement() {
         return this.$component;
       },
 
-      /**
-       * Gets the list of media
-       * @returns {Array}
+      /**
+       * Gets the list of media
+       * @returns {Array}
        */
       getSources: function 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: function setSource(src, callback) {
         var _this2 = this;
@@ -834,11 +834,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: function addSource(src, callback) {
         var _this3 = this;
@@ -858,20 +858,20 @@ 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: function 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: function resize(width, height) {
         if (isResponsiveSize(width) && !isResponsiveSize(height) || this.is('youtube')) {
@@ -884,9 +884,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         return this;
       },
 
-      /**
-       * Enables the media player
-       * @returns {mediaplayer}
+      /**
+       * Enables the media player
+       * @returns {mediaplayer}
        */
       enable: function enable() {
         this._fromState('disabled');
@@ -894,9 +894,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         return this;
       },
 
-      /**
-       * Disables the media player
-       * @returns {mediaplayer}
+      /**
+       * Disables the media player
+       * @returns {mediaplayer}
        */
       disable: function disable() {
         this._toState('disabled');
@@ -905,9 +905,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         return this;
       },
 
-      /**
-       * Shows the media player
-       * @returns {mediaplayer}
+      /**
+       * Shows the media player
+       * @returns {mediaplayer}
        */
       show: function show() {
         this._fromState('hidden');
@@ -915,9 +915,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         return this;
       },
 
-      /**
-       * hides the media player
-       * @returns {mediaplayer}
+      /**
+       * hides the media player
+       * @returns {mediaplayer}
        */
       hide: function hide() {
         this._toState('hidden');
@@ -925,9 +925,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         return this;
       },
 
-      /**
-       * get media original size
-       * @returns {Object}
+      /**
+       * get media original size
+       * @returns {Object}
        */
       getMediaOriginalSize: function getMediaOriginalSize() {
         if (this.is('youtube')) {
@@ -941,10 +941,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: function _setType(type) {
         if (type.indexOf('youtube') !== -1) {
@@ -956,9 +956,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Ensures the type is correctly applied
-       * @private
+      /**
+       * Ensures the type is correctly applied
+       * @private
        */
       _initType: function _initType() {
         var is = this.config.is;
@@ -967,10 +967,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         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: function _getSource(src, callback) {
         var _this4 = this;
@@ -1015,10 +1015,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * 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: function _initSources(callback) {
         var _this5 = this;
@@ -1032,9 +1032,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }, callback);
       },
 
-      /**
-       * Installs the events manager onto the instance
-       * @private
+      /**
+       * Installs the events manager onto the instance
+       * @private
        */
       _initEvents: function _initEvents() {
         eventifier(this);
@@ -1055,9 +1055,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         };
       },
 
-      /**
-       * 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: function _initSize() {
         var type = this.is('video') ? 'video' : 'audio';
@@ -1072,9 +1072,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Initializes the right player instance
-       * @private
+      /**
+       * Initializes the right player instance
+       * @private
        */
       _initPlayer: function _initPlayer() {
         var _this6 = this;
@@ -1138,9 +1138,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Initializes the player state
-       * @private
+      /**
+       * Initializes the player state
+       * @private
        */
       _initState: function _initState() {
         var isCORS = false;
@@ -1158,9 +1158,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         this._setState('ready', false);
       },
 
-      /**
-       * Resets the internals attributes
-       * @private
+      /**
+       * Resets the internals attributes
+       * @private
        */
       _reset: function _reset() {
         this.config.is = {};
@@ -1189,9 +1189,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         this.startMuted = this.config.startMuted;
       },
 
-      /**
-       * Builds the DOM content
-       * @private
+      /**
+       * Builds the DOM content
+       * @private
        */
       _buildDom: function _buildDom() {
         var configForTemplate = _.clone(this.config);
@@ -1209,15 +1209,15 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         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: function _renderSlider($elt, value, min, max, vertical) {
         var orientation, direction;
@@ -1244,10 +1244,10 @@ 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: function _destroySlider($elt) {
         if ($elt) {
@@ -1255,9 +1255,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Binds events onto the rendered player
-       * @private
+      /**
+       * Binds events onto the rendered player
+       * @private
        */
       _bindEvents: function _bindEvents() {
         var _this7 = this;
@@ -1338,9 +1338,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: function _unbindEvents() {
         this.$component.off(ns);
@@ -1357,10 +1357,10 @@ 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: function _updateVolumeSlider(value) {
         if (this.$volumeSlider) {
@@ -1368,11 +1368,11 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Updates the displayed volume
-       * @param {Number} value
-       * @param {*} [internal]
-       * @private
+      /**
+       * Updates the displayed volume
+       * @param {Number} value
+       * @param {*} [internal]
+       * @private
        */
       _updateVolume: function _updateVolume(value, internal) {
         this.volume = Math.max(volumeMin, Math.min(volumeMax, parseFloat(value)));
@@ -1384,10 +1384,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Updates the time slider
-       * @param {Number} value
-       * @private
+      /**
+       * Updates the time slider
+       * @param {Number} value
+       * @private
        */
       _updatePositionSlider: function _updatePositionSlider(value) {
         if (this.$seekSlider) {
@@ -1395,10 +1395,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Updates the time label
-       * @param {Number} value
-       * @private
+      /**
+       * Updates the time label
+       * @param {Number} value
+       * @private
        */
       _updatePositionLabel: function _updatePositionLabel(value) {
         if (this.$position) {
@@ -1406,11 +1406,11 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Updates the displayed time position
-       * @param {Number} value
-       * @param {*} [internal]
-       * @private
+      /**
+       * Updates the displayed time position
+       * @param {Number} value
+       * @param {*} [internal]
+       * @private
        */
       _updatePosition: function _updatePosition(value, internal) {
         this.position = Math.max(0, Math.min(this.duration || +Infinity, parseFloat(value)));
@@ -1422,10 +1422,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: function _updateDurationSlider(value) {
         if (this.$seekSlider) {
@@ -1440,10 +1440,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Updates the duration label
-       * @param {Number} value
-       * @private
+      /**
+       * Updates the duration label
+       * @param {Number} value
+       * @private
        */
       _updateDurationLabel: function _updateDurationLabel(value) {
         if (this.$duration) {
@@ -1455,10 +1455,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: function _updateDuration(value) {
         var duration = Math.abs(parseFloat(value));
@@ -1472,9 +1472,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Event called when the media is ready
-       * @private
+      /**
+       * Event called when the media is ready
+       * @private
        */
       _onReady: function _onReady() {
         if (this.is('error')) {
@@ -1489,9 +1489,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'); // set the initial state
@@ -1510,10 +1510,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * 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: function _setMaxHeight() {
         var $video = this.$container.find('video.video');
@@ -1532,11 +1532,11 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Update volume in DBIndex store
-       * @param {Number} volume
-       * @returns {Promise}
-       * @private
+      /**
+       * Update volume in DBIndex store
+       * @param {Number} volume
+       * @returns {Promise}
+       * @private
        */
       _storeVolume: function _storeVolume(volume) {
         return store('mediaVolume').then(function (volumeStore) {
@@ -1544,10 +1544,10 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         });
       },
 
-      /**
-       * Get volume from DBIndex store
-       * @returns {Promise}
-       * @private
+      /**
+       * Get volume from DBIndex store
+       * @returns {Promise}
+       * @private
        */
       _updateVolumeFromStore: function _updateVolumeFromStore() {
         var _this8 = this;
@@ -1563,58 +1563,58 @@ 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: function _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: function _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: function _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: function _onEnd() {
         this.timesPlayed++;
@@ -1628,9 +1628,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
            */
 
 
@@ -1642,18 +1642,18 @@ 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: function _onPlaying() {
         this._setState('preview', true);
@@ -1663,9 +1663,9 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         this._setState('ready', true);
       },
 
-      /**
-       * Event called when the playback is stalled
-       * @private
+      /**
+       * Event called when the playback is stalled
+       * @private
        */
       _onStalled: function _onStalled() {
         this._setState('stalled', true);
@@ -1673,24 +1673,24 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         this._setState('ready', false);
       },
 
-      /**
-       * Event called when the time position has changed
-       * @private
+      /**
+       * Event called when the time position has changed
+       * @private
        */
       _onTimeUpdate: function _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: function _replayTimeout() {
         var nowMs = new window.Date().getTime(),
@@ -1703,56 +1703,56 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         }
       },
 
-      /**
-       * Checks if the play limit has been reached
-       * @returns {Boolean}
-       * @private
+      /**
+       * Checks if the play limit has been reached
+       * @returns {Boolean}
+       * @private
        */
       _playLimitReached: function _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: function _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: function _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: function _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: function _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: function _setState(name, value) {
         value = !!value;
@@ -1765,11 +1765,11 @@ 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: function _fromState(stateName) {
         this._setState(stateName, false);
@@ -1778,11 +1778,11 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         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: function _toState(stateName) {
         this.pause();
@@ -1792,12 +1792,12 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         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: function _playingState(state, ended) {
         this._setState('playing', !!state);
@@ -1809,12 +1809,12 @@ define(['jquery', 'lodash', 'async', 'util/urlParser', 'core/eventifier', 'core/
         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: function execute(command) {
         if (this.player && 'function' === typeof this.player[command]) {
@@ -1830,40 +1830,40 @@ 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}
    */