--- /dev/null
+/*!
+ * MediaElement.js
+ * http://www.mediaelementjs.com/
+ *
+ * Wrapper that mimics native HTML5 MediaElement (audio and video)
+ * using a variety of technologies (pure JavaScript, Flash, iframe)
+ *
+ * Copyright 2010-2017, John Dyer (http://j.hn/)
+ * License: MIT
+ *
+ */(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(_dereq_,module,exports){
+
+},{}],2:[function(_dereq_,module,exports){
+(function (global){
+var topLevel = typeof global !== 'undefined' ? global :
+ typeof window !== 'undefined' ? window : {}
+var minDoc = _dereq_(1);
+
+var doccy;
+
+if (typeof document !== 'undefined') {
+ doccy = document;
+} else {
+ doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'];
+
+ if (!doccy) {
+ doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = minDoc;
+ }
+}
+
+module.exports = doccy;
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{"1":1}],3:[function(_dereq_,module,exports){
+(function (global){
+var win;
+
+if (typeof window !== "undefined") {
+ win = window;
+} else if (typeof global !== "undefined") {
+ win = global;
+} else if (typeof self !== "undefined"){
+ win = self;
+} else {
+ win = {};
+}
+
+module.exports = win;
+
+}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {})
+},{}],4:[function(_dereq_,module,exports){
+(function (root) {
+
+ // Store setTimeout reference so promise-polyfill will be unaffected by
+ // other code modifying setTimeout (like sinon.useFakeTimers())
+ var setTimeoutFunc = setTimeout;
+
+ function noop() {}
+
+ // Polyfill for Function.prototype.bind
+ function bind(fn, thisArg) {
+ return function () {
+ fn.apply(thisArg, arguments);
+ };
+ }
+
+ function Promise(fn) {
+ if (typeof this !== 'object') throw new TypeError('Promises must be constructed via new');
+ if (typeof fn !== 'function') throw new TypeError('not a function');
+ this._state = 0;
+ this._handled = false;
+ this._value = undefined;
+ this._deferreds = [];
+
+ doResolve(fn, this);
+ }
+
+ function handle(self, deferred) {
+ while (self._state === 3) {
+ self = self._value;
+ }
+ if (self._state === 0) {
+ self._deferreds.push(deferred);
+ return;
+ }
+ self._handled = true;
+ Promise._immediateFn(function () {
+ var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;
+ if (cb === null) {
+ (self._state === 1 ? resolve : reject)(deferred.promise, self._value);
+ return;
+ }
+ var ret;
+ try {
+ ret = cb(self._value);
+ } catch (e) {
+ reject(deferred.promise, e);
+ return;
+ }
+ resolve(deferred.promise, ret);
+ });
+ }
+
+ function resolve(self, newValue) {
+ try {
+ // Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure
+ if (newValue === self) throw new TypeError('A promise cannot be resolved with itself.');
+ if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
+ var then = newValue.then;
+ if (newValue instanceof Promise) {
+ self._state = 3;
+ self._value = newValue;
+ finale(self);
+ return;
+ } else if (typeof then === 'function') {
+ doResolve(bind(then, newValue), self);
+ return;
+ }
+ }
+ self._state = 1;
+ self._value = newValue;
+ finale(self);
+ } catch (e) {
+ reject(self, e);
+ }
+ }
+
+ function reject(self, newValue) {
+ self._state = 2;
+ self._value = newValue;
+ finale(self);
+ }
+
+ function finale(self) {
+ if (self._state === 2 && self._deferreds.length === 0) {
+ Promise._immediateFn(function() {
+ if (!self._handled) {
+ Promise._unhandledRejectionFn(self._value);
+ }
+ });
+ }
+
+ for (var i = 0, len = self._deferreds.length; i < len; i++) {
+ handle(self, self._deferreds[i]);
+ }
+ self._deferreds = null;
+ }
+
+ function Handler(onFulfilled, onRejected, promise) {
+ this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+ this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+ this.promise = promise;
+ }
+
+ /**
+ * Take a potentially misbehaving resolver function and make sure
+ * onFulfilled and onRejected are only called once.
+ *
+ * Makes no guarantees about asynchrony.
+ */
+ function doResolve(fn, self) {
+ var done = false;
+ try {
+ fn(function (value) {
+ if (done) return;
+ done = true;
+ resolve(self, value);
+ }, function (reason) {
+ if (done) return;
+ done = true;
+ reject(self, reason);
+ });
+ } catch (ex) {
+ if (done) return;
+ done = true;
+ reject(self, ex);
+ }
+ }
+
+ Promise.prototype['catch'] = function (onRejected) {
+ return this.then(null, onRejected);
+ };
+
+ Promise.prototype.then = function (onFulfilled, onRejected) {
+ var prom = new (this.constructor)(noop);
+
+ handle(this, new Handler(onFulfilled, onRejected, prom));
+ return prom;
+ };
+
+ Promise.all = function (arr) {
+ var args = Array.prototype.slice.call(arr);
+
+ return new Promise(function (resolve, reject) {
+ if (args.length === 0) return resolve([]);
+ var remaining = args.length;
+
+ function res(i, val) {
+ try {
+ if (val && (typeof val === 'object' || typeof val === 'function')) {
+ var then = val.then;
+ if (typeof then === 'function') {
+ then.call(val, function (val) {
+ res(i, val);
+ }, reject);
+ return;
+ }
+ }
+ args[i] = val;
+ if (--remaining === 0) {
+ resolve(args);
+ }
+ } catch (ex) {
+ reject(ex);
+ }
+ }
+
+ for (var i = 0; i < args.length; i++) {
+ res(i, args[i]);
+ }
+ });
+ };
+
+ Promise.resolve = function (value) {
+ if (value && typeof value === 'object' && value.constructor === Promise) {
+ return value;
+ }
+
+ return new Promise(function (resolve) {
+ resolve(value);
+ });
+ };
+
+ Promise.reject = function (value) {
+ return new Promise(function (resolve, reject) {
+ reject(value);
+ });
+ };
+
+ Promise.race = function (values) {
+ return new Promise(function (resolve, reject) {
+ for (var i = 0, len = values.length; i < len; i++) {
+ values[i].then(resolve, reject);
+ }
+ });
+ };
+
+ // Use polyfill for setImmediate for performance gains
+ Promise._immediateFn = (typeof setImmediate === 'function' && function (fn) { setImmediate(fn); }) ||
+ function (fn) {
+ setTimeoutFunc(fn, 0);
+ };
+
+ Promise._unhandledRejectionFn = function _unhandledRejectionFn(err) {
+ if (typeof console !== 'undefined' && console) {
+ console.warn('Possible Unhandled Promise Rejection:', err); // eslint-disable-line no-console
+ }
+ };
+
+ /**
+ * Set the immediate function to execute callbacks
+ * @param fn {function} Function to execute
+ * @deprecated
+ */
+ Promise._setImmediateFn = function _setImmediateFn(fn) {
+ Promise._immediateFn = fn;
+ };
+
+ /**
+ * Change the function to execute on unhandled rejection
+ * @param {function} fn Function to execute on unhandled rejection
+ * @deprecated
+ */
+ Promise._setUnhandledRejectionFn = function _setUnhandledRejectionFn(fn) {
+ Promise._unhandledRejectionFn = fn;
+ };
+
+ if (typeof module !== 'undefined' && module.exports) {
+ module.exports = Promise;
+ } else if (!root.Promise) {
+ root.Promise = Promise;
+ }
+
+})(this);
+
+},{}],5:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _en = _dereq_(15);
+
+var _general = _dereq_(27);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var i18n = { lang: 'en', en: _en.EN };
+
+i18n.language = function () {
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ if (args !== null && args !== undefined && args.length) {
+
+ if (typeof args[0] !== 'string') {
+ throw new TypeError('Language code must be a string value');
+ }
+
+ if (!/^[a-z]{2}(\-[a-z]{2})?$/i.test(args[0])) {
+ throw new TypeError('Language code must have format `xx` or `xx-xx`');
+ }
+
+ i18n.lang = args[0];
+
+ if (i18n[args[0]] === undefined) {
+ args[1] = args[1] !== null && args[1] !== undefined && _typeof(args[1]) === 'object' ? args[1] : {};
+ i18n[args[0]] = !(0, _general.isObjectEmpty)(args[1]) ? args[1] : _en.EN;
+ } else if (args[1] !== null && args[1] !== undefined && _typeof(args[1]) === 'object') {
+ i18n[args[0]] = args[1];
+ }
+ }
+
+ return i18n.lang;
+};
+
+i18n.t = function (message) {
+ var pluralParam = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+
+ if (typeof message === 'string' && message.length) {
+
+ var str = void 0,
+ pluralForm = void 0;
+
+ var language = i18n.language();
+
+ var _plural = function _plural(input, number, form) {
+
+ if ((typeof input === 'undefined' ? 'undefined' : _typeof(input)) !== 'object' || typeof number !== 'number' || typeof form !== 'number') {
+ return input;
+ }
+
+ var _pluralForms = function () {
+ return [function () {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ }, function () {
+ return (arguments.length <= 0 ? undefined : arguments[0]) === 1 ? arguments.length <= 1 ? undefined : arguments[1] : arguments.length <= 2 ? undefined : arguments[2];
+ }, function () {
+ return (arguments.length <= 0 ? undefined : arguments[0]) === 0 || (arguments.length <= 0 ? undefined : arguments[0]) === 1 ? arguments.length <= 1 ? undefined : arguments[1] : arguments.length <= 2 ? undefined : arguments[2];
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) % 10 === 1 && (arguments.length <= 0 ? undefined : arguments[0]) % 100 !== 11) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) !== 0) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 1 || (arguments.length <= 0 ? undefined : arguments[0]) === 11) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) === 2 || (arguments.length <= 0 ? undefined : arguments[0]) === 12) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) > 2 && (arguments.length <= 0 ? undefined : arguments[0]) < 20) {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ } else {
+ return arguments.length <= 4 ? undefined : arguments[4];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 1) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) === 0 || (arguments.length <= 0 ? undefined : arguments[0]) % 100 > 0 && (arguments.length <= 0 ? undefined : arguments[0]) % 100 < 20) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) % 10 === 1 && (arguments.length <= 0 ? undefined : arguments[0]) % 100 !== 11) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) % 10 >= 2 && ((arguments.length <= 0 ? undefined : arguments[0]) % 100 < 10 || (arguments.length <= 0 ? undefined : arguments[0]) % 100 >= 20)) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else {
+ return [3];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) % 10 === 1 && (arguments.length <= 0 ? undefined : arguments[0]) % 100 !== 11) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) % 10 >= 2 && (arguments.length <= 0 ? undefined : arguments[0]) % 10 <= 4 && ((arguments.length <= 0 ? undefined : arguments[0]) % 100 < 10 || (arguments.length <= 0 ? undefined : arguments[0]) % 100 >= 20)) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 1) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) >= 2 && (arguments.length <= 0 ? undefined : arguments[0]) <= 4) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 1) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) % 10 >= 2 && (arguments.length <= 0 ? undefined : arguments[0]) % 10 <= 4 && ((arguments.length <= 0 ? undefined : arguments[0]) % 100 < 10 || (arguments.length <= 0 ? undefined : arguments[0]) % 100 >= 20)) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) % 100 === 1) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) % 100 === 2) {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) % 100 === 3 || (arguments.length <= 0 ? undefined : arguments[0]) % 100 === 4) {
+ return arguments.length <= 4 ? undefined : arguments[4];
+ } else {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 1) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) === 2) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) > 2 && (arguments.length <= 0 ? undefined : arguments[0]) < 7) {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) > 6 && (arguments.length <= 0 ? undefined : arguments[0]) < 11) {
+ return arguments.length <= 4 ? undefined : arguments[4];
+ } else {
+ return arguments.length <= 5 ? undefined : arguments[5];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 0) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) === 1) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) === 2) {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) % 100 >= 3 && (arguments.length <= 0 ? undefined : arguments[0]) % 100 <= 10) {
+ return arguments.length <= 4 ? undefined : arguments[4];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) % 100 >= 11) {
+ return arguments.length <= 5 ? undefined : arguments[5];
+ } else {
+ return arguments.length <= 6 ? undefined : arguments[6];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 1) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) === 0 || (arguments.length <= 0 ? undefined : arguments[0]) % 100 > 1 && (arguments.length <= 0 ? undefined : arguments[0]) % 100 < 11) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) % 100 > 10 && (arguments.length <= 0 ? undefined : arguments[0]) % 100 < 20) {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ } else {
+ return arguments.length <= 4 ? undefined : arguments[4];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) % 10 === 1) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) % 10 === 2) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ }
+ }, function () {
+ return (arguments.length <= 0 ? undefined : arguments[0]) !== 11 && (arguments.length <= 0 ? undefined : arguments[0]) % 10 === 1 ? arguments.length <= 1 ? undefined : arguments[1] : arguments.length <= 2 ? undefined : arguments[2];
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 1) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) % 10 >= 2 && (arguments.length <= 0 ? undefined : arguments[0]) % 10 <= 4 && ((arguments.length <= 0 ? undefined : arguments[0]) % 100 < 10 || (arguments.length <= 0 ? undefined : arguments[0]) % 100 >= 20)) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 1) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) === 2) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) !== 8 && (arguments.length <= 0 ? undefined : arguments[0]) !== 11) {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ } else {
+ return arguments.length <= 4 ? undefined : arguments[4];
+ }
+ }, function () {
+ return (arguments.length <= 0 ? undefined : arguments[0]) === 0 ? arguments.length <= 1 ? undefined : arguments[1] : arguments.length <= 2 ? undefined : arguments[2];
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 1) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) === 2) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) === 3) {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ } else {
+ return arguments.length <= 4 ? undefined : arguments[4];
+ }
+ }, function () {
+ if ((arguments.length <= 0 ? undefined : arguments[0]) === 0) {
+ return arguments.length <= 1 ? undefined : arguments[1];
+ } else if ((arguments.length <= 0 ? undefined : arguments[0]) === 1) {
+ return arguments.length <= 2 ? undefined : arguments[2];
+ } else {
+ return arguments.length <= 3 ? undefined : arguments[3];
+ }
+ }];
+ }();
+
+ return _pluralForms[form].apply(null, [number].concat(input));
+ };
+
+ if (i18n[language] !== undefined) {
+ str = i18n[language][message];
+ if (pluralParam !== null && typeof pluralParam === 'number') {
+ pluralForm = i18n[language]['mejs.plural-form'];
+ str = _plural.apply(null, [str, pluralParam, pluralForm]);
+ }
+ }
+
+ if (!str && i18n.en) {
+ str = i18n.en[message];
+ if (pluralParam !== null && typeof pluralParam === 'number') {
+ pluralForm = i18n.en['mejs.plural-form'];
+ str = _plural.apply(null, [str, pluralParam, pluralForm]);
+ }
+ }
+
+ str = str || message;
+
+ if (pluralParam !== null && typeof pluralParam === 'number') {
+ str = str.replace('%1', pluralParam);
+ }
+
+ return (0, _general.escapeHTML)(str);
+ }
+
+ return message;
+};
+
+_mejs2.default.i18n = i18n;
+
+if (typeof mejsL10n !== 'undefined') {
+ _mejs2.default.i18n.language(mejsL10n.language, mejsL10n.strings);
+}
+
+exports.default = i18n;
+
+},{"15":15,"27":27,"7":7}],6:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _general = _dereq_(27);
+
+var _media2 = _dereq_(28);
+
+var _renderer = _dereq_(8);
+
+var _constants = _dereq_(25);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var MediaElement = function MediaElement(idOrNode, options, sources) {
+ var _this = this;
+
+ _classCallCheck(this, MediaElement);
+
+ var t = this;
+
+ sources = Array.isArray(sources) ? sources : null;
+
+ t.defaults = {
+ renderers: [],
+
+ fakeNodeName: 'mediaelementwrapper',
+
+ pluginPath: 'build/',
+
+ shimScriptAccess: 'sameDomain'
+ };
+
+ options = Object.assign(t.defaults, options);
+
+ t.mediaElement = _document2.default.createElement(options.fakeNodeName);
+
+ var id = idOrNode,
+ error = false;
+
+ if (typeof idOrNode === 'string') {
+ t.mediaElement.originalNode = _document2.default.getElementById(idOrNode);
+ } else {
+ t.mediaElement.originalNode = idOrNode;
+ id = idOrNode.id;
+ }
+
+ if (t.mediaElement.originalNode === undefined || t.mediaElement.originalNode === null) {
+ return null;
+ }
+
+ t.mediaElement.options = options;
+ id = id || 'mejs_' + Math.random().toString().slice(2);
+
+ t.mediaElement.originalNode.setAttribute('id', id + '_from_mejs');
+
+ var tagName = t.mediaElement.originalNode.tagName.toLowerCase();
+ if (['video', 'audio'].indexOf(tagName) > -1 && !t.mediaElement.originalNode.getAttribute('preload')) {
+ t.mediaElement.originalNode.setAttribute('preload', 'none');
+ }
+
+ t.mediaElement.originalNode.parentNode.insertBefore(t.mediaElement, t.mediaElement.originalNode);
+
+ t.mediaElement.appendChild(t.mediaElement.originalNode);
+
+ var processURL = function processURL(url, type) {
+ if (_window2.default.location.protocol === 'https:' && url.indexOf('http:') === 0 && _constants.IS_IOS && _mejs2.default.html5media.mediaTypes.indexOf(type) > -1) {
+ var xhr = new XMLHttpRequest();
+ xhr.onreadystatechange = function () {
+ if (this.readyState === 4 && this.status === 200) {
+ var _url = _window2.default.URL || _window2.default.webkitURL,
+ blobUrl = _url.createObjectURL(this.response);
+ t.mediaElement.originalNode.setAttribute('src', blobUrl);
+ return blobUrl;
+ }
+ return url;
+ };
+ xhr.open('GET', url);
+ xhr.responseType = 'blob';
+ xhr.send();
+ }
+
+ return url;
+ };
+
+ var mediaFiles = void 0;
+
+ if (sources !== null) {
+ mediaFiles = sources;
+ } else if (t.mediaElement.originalNode !== null) {
+
+ mediaFiles = [];
+
+ switch (t.mediaElement.originalNode.nodeName.toLowerCase()) {
+ case 'iframe':
+ mediaFiles.push({
+ type: '',
+ src: t.mediaElement.originalNode.getAttribute('src')
+ });
+ break;
+ case 'audio':
+ case 'video':
+ var _sources = t.mediaElement.originalNode.children.length,
+ nodeSource = t.mediaElement.originalNode.getAttribute('src');
+
+ if (nodeSource) {
+ var node = t.mediaElement.originalNode,
+ type = (0, _media2.formatType)(nodeSource, node.getAttribute('type'));
+ mediaFiles.push({
+ type: type,
+ src: processURL(nodeSource, type)
+ });
+ }
+
+ for (var i = 0; i < _sources; i++) {
+ var n = t.mediaElement.originalNode.children[i];
+ if (n.tagName.toLowerCase() === 'source') {
+ var src = n.getAttribute('src'),
+ _type = (0, _media2.formatType)(src, n.getAttribute('type'));
+ mediaFiles.push({ type: _type, src: processURL(src, _type) });
+ }
+ }
+ break;
+ }
+ }
+
+ t.mediaElement.id = id;
+ t.mediaElement.renderers = {};
+ t.mediaElement.events = {};
+ t.mediaElement.promises = [];
+ t.mediaElement.renderer = null;
+ t.mediaElement.rendererName = null;
+
+ t.mediaElement.changeRenderer = function (rendererName, mediaFiles) {
+
+ var t = _this,
+ media = Object.keys(mediaFiles[0]).length > 2 ? mediaFiles[0] : mediaFiles[0].src;
+
+ if (t.mediaElement.renderer !== undefined && t.mediaElement.renderer !== null && t.mediaElement.renderer.name === rendererName) {
+ t.mediaElement.renderer.pause();
+ if (t.mediaElement.renderer.stop) {
+ t.mediaElement.renderer.stop();
+ }
+ t.mediaElement.renderer.show();
+ t.mediaElement.renderer.setSrc(media);
+ return true;
+ }
+
+ if (t.mediaElement.renderer !== undefined && t.mediaElement.renderer !== null) {
+ t.mediaElement.renderer.pause();
+ if (t.mediaElement.renderer.stop) {
+ t.mediaElement.renderer.stop();
+ }
+ t.mediaElement.renderer.hide();
+ }
+
+ var newRenderer = t.mediaElement.renderers[rendererName],
+ newRendererType = null;
+
+ if (newRenderer !== undefined && newRenderer !== null) {
+ newRenderer.show();
+ newRenderer.setSrc(media);
+ t.mediaElement.renderer = newRenderer;
+ t.mediaElement.rendererName = rendererName;
+ return true;
+ }
+
+ var rendererArray = t.mediaElement.options.renderers.length ? t.mediaElement.options.renderers : _renderer.renderer.order;
+
+ for (var _i = 0, total = rendererArray.length; _i < total; _i++) {
+ var index = rendererArray[_i];
+
+ if (index === rendererName) {
+ var rendererList = _renderer.renderer.renderers;
+ newRendererType = rendererList[index];
+
+ var renderOptions = Object.assign(newRendererType.options, t.mediaElement.options);
+ newRenderer = newRendererType.create(t.mediaElement, renderOptions, mediaFiles);
+ newRenderer.name = rendererName;
+
+ t.mediaElement.renderers[newRendererType.name] = newRenderer;
+ t.mediaElement.renderer = newRenderer;
+ t.mediaElement.rendererName = rendererName;
+ newRenderer.show();
+ return true;
+ }
+ }
+
+ return false;
+ };
+
+ t.mediaElement.setSize = function (width, height) {
+ if (t.mediaElement.renderer !== undefined && t.mediaElement.renderer !== null) {
+ t.mediaElement.renderer.setSize(width, height);
+ }
+ };
+
+ t.mediaElement.generateError = function (message, urlList) {
+ message = message || '';
+ urlList = Array.isArray(urlList) ? urlList : [];
+ var event = (0, _general.createEvent)('error', t.mediaElement);
+ event.message = message;
+ event.urls = urlList;
+ t.mediaElement.dispatchEvent(event);
+ error = true;
+ };
+
+ var props = _mejs2.default.html5media.properties,
+ methods = _mejs2.default.html5media.methods,
+ addProperty = function addProperty(obj, name, onGet, onSet) {
+ var oldValue = obj[name];
+ var getFn = function getFn() {
+ return onGet.apply(obj, [oldValue]);
+ },
+ setFn = function setFn(newValue) {
+ oldValue = onSet.apply(obj, [newValue]);
+ return oldValue;
+ };
+
+ Object.defineProperty(obj, name, {
+ get: getFn,
+ set: setFn
+ });
+ },
+ assignGettersSetters = function assignGettersSetters(propName) {
+ if (propName !== 'src') {
+
+ var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1),
+ getFn = function getFn() {
+ return t.mediaElement.renderer !== undefined && t.mediaElement.renderer !== null && typeof t.mediaElement.renderer['get' + capName] === 'function' ? t.mediaElement.renderer['get' + capName]() : null;
+ },
+ setFn = function setFn(value) {
+ if (t.mediaElement.renderer !== undefined && t.mediaElement.renderer !== null && typeof t.mediaElement.renderer['set' + capName] === 'function') {
+ t.mediaElement.renderer['set' + capName](value);
+ }
+ };
+
+ addProperty(t.mediaElement, propName, getFn, setFn);
+ t.mediaElement['get' + capName] = getFn;
+ t.mediaElement['set' + capName] = setFn;
+ }
+ },
+ getSrc = function getSrc() {
+ return t.mediaElement.renderer !== undefined && t.mediaElement.renderer !== null ? t.mediaElement.renderer.getSrc() : null;
+ },
+ setSrc = function setSrc(value) {
+ var mediaFiles = [];
+
+ if (typeof value === 'string') {
+ mediaFiles.push({
+ src: value,
+ type: value ? (0, _media2.getTypeFromFile)(value) : ''
+ });
+ } else if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value.src !== undefined) {
+ var _src = (0, _media2.absolutizeUrl)(value.src),
+ _type2 = value.type,
+ media = Object.assign(value, {
+ src: _src,
+ type: (_type2 === '' || _type2 === null || _type2 === undefined) && _src ? (0, _media2.getTypeFromFile)(_src) : _type2
+ });
+ mediaFiles.push(media);
+ } else if (Array.isArray(value)) {
+ for (var _i2 = 0, total = value.length; _i2 < total; _i2++) {
+
+ var _src2 = (0, _media2.absolutizeUrl)(value[_i2].src),
+ _type3 = value[_i2].type,
+ _media = Object.assign(value[_i2], {
+ src: _src2,
+ type: (_type3 === '' || _type3 === null || _type3 === undefined) && _src2 ? (0, _media2.getTypeFromFile)(_src2) : _type3
+ });
+
+ mediaFiles.push(_media);
+ }
+ }
+
+ var renderInfo = _renderer.renderer.select(mediaFiles, t.mediaElement.options.renderers.length ? t.mediaElement.options.renderers : []),
+ event = void 0;
+
+ if (!t.mediaElement.paused) {
+ t.mediaElement.pause();
+ event = (0, _general.createEvent)('pause', t.mediaElement);
+ t.mediaElement.dispatchEvent(event);
+ }
+ t.mediaElement.originalNode.src = mediaFiles[0].src || '';
+
+ if (renderInfo === null && mediaFiles[0].src) {
+ t.mediaElement.generateError('No renderer found', mediaFiles);
+ return;
+ }
+
+ return mediaFiles[0].src ? t.mediaElement.changeRenderer(renderInfo.rendererName, mediaFiles) : null;
+ },
+ triggerAction = function triggerAction(methodName, args) {
+ try {
+ if (methodName === 'play' && t.mediaElement.rendererName === 'native_dash') {
+ setTimeout(function () {
+ t.mediaElement.renderer[methodName](args);
+ }, 100);
+ } else {
+ t.mediaElement.renderer[methodName](args);
+ }
+ } catch (e) {
+ t.mediaElement.generateError(e, mediaFiles);
+ }
+ },
+ assignMethods = function assignMethods(methodName) {
+ t.mediaElement[methodName] = function () {
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ if (t.mediaElement.renderer !== undefined && t.mediaElement.renderer !== null && typeof t.mediaElement.renderer[methodName] === 'function') {
+ if (t.mediaElement.promises.length) {
+ Promise.all(t.mediaElement.promises).then(function () {
+ triggerAction(methodName, args);
+ }).catch(function (e) {
+ t.mediaElement.generateError(e, mediaFiles);
+ });
+ } else {
+ triggerAction(methodName, args);
+ }
+ }
+ return null;
+ };
+ };
+
+ addProperty(t.mediaElement, 'src', getSrc, setSrc);
+ t.mediaElement.getSrc = getSrc;
+ t.mediaElement.setSrc = setSrc;
+
+ for (var _i3 = 0, total = props.length; _i3 < total; _i3++) {
+ assignGettersSetters(props[_i3]);
+ }
+
+ for (var _i4 = 0, _total = methods.length; _i4 < _total; _i4++) {
+ assignMethods(methods[_i4]);
+ }
+
+ t.mediaElement.addEventListener = function (eventName, callback) {
+ t.mediaElement.events[eventName] = t.mediaElement.events[eventName] || [];
+
+ t.mediaElement.events[eventName].push(callback);
+ };
+ t.mediaElement.removeEventListener = function (eventName, callback) {
+ if (!eventName) {
+ t.mediaElement.events = {};
+ return true;
+ }
+
+ var callbacks = t.mediaElement.events[eventName];
+
+ if (!callbacks) {
+ return true;
+ }
+
+ if (!callback) {
+ t.mediaElement.events[eventName] = [];
+ return true;
+ }
+
+ for (var _i5 = 0; _i5 < callbacks.length; _i5++) {
+ if (callbacks[_i5] === callback) {
+ t.mediaElement.events[eventName].splice(_i5, 1);
+ return true;
+ }
+ }
+ return false;
+ };
+
+ t.mediaElement.dispatchEvent = function (event) {
+ var callbacks = t.mediaElement.events[event.type];
+ if (callbacks) {
+ for (var _i6 = 0; _i6 < callbacks.length; _i6++) {
+ callbacks[_i6].apply(null, [event]);
+ }
+ }
+ };
+
+ if (mediaFiles.length) {
+ t.mediaElement.src = mediaFiles;
+ }
+
+ if (t.mediaElement.promises.length) {
+ Promise.all(t.mediaElement.promises).then(function () {
+ if (t.mediaElement.options.success) {
+ t.mediaElement.options.success(t.mediaElement, t.mediaElement.originalNode);
+ }
+ }).catch(function () {
+ if (error && t.mediaElement.options.error) {
+ t.mediaElement.options.error(t.mediaElement, t.mediaElement.originalNode);
+ }
+ });
+ } else {
+ if (t.mediaElement.options.success) {
+ t.mediaElement.options.success(t.mediaElement, t.mediaElement.originalNode);
+ }
+
+ if (error && t.mediaElement.options.error) {
+ t.mediaElement.options.error(t.mediaElement, t.mediaElement.originalNode);
+ }
+ }
+
+ return t.mediaElement;
+};
+
+_window2.default.MediaElement = MediaElement;
+
+exports.default = MediaElement;
+
+},{"2":2,"25":25,"27":27,"28":28,"3":3,"7":7,"8":8}],7:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var mejs = {};
+
+mejs.version = '4.2.5';
+
+mejs.html5media = {
+ properties: ['volume', 'src', 'currentTime', 'muted', 'duration', 'paused', 'ended', 'buffered', 'error', 'networkState', 'readyState', 'seeking', 'seekable', 'currentSrc', 'preload', 'bufferedBytes', 'bufferedTime', 'initialTime', 'startOffsetTime', 'defaultPlaybackRate', 'playbackRate', 'played', 'autoplay', 'loop', 'controls'],
+ readOnlyProperties: ['duration', 'paused', 'ended', 'buffered', 'error', 'networkState', 'readyState', 'seeking', 'seekable'],
+
+ methods: ['load', 'play', 'pause', 'canPlayType'],
+
+ events: ['loadstart', 'durationchange', 'loadedmetadata', 'loadeddata', 'progress', 'canplay', 'canplaythrough', 'suspend', 'abort', 'error', 'emptied', 'stalled', 'play', 'playing', 'pause', 'waiting', 'seeking', 'seeked', 'timeupdate', 'ended', 'ratechange', 'volumechange'],
+
+ mediaTypes: ['audio/mp3', 'audio/ogg', 'audio/oga', 'audio/wav', 'audio/x-wav', 'audio/wave', 'audio/x-pn-wav', 'audio/mpeg', 'audio/mp4', 'video/mp4', 'video/webm', 'video/ogg', 'video/ogv']
+};
+
+_window2.default.mejs = mejs;
+
+exports.default = mejs;
+
+},{"3":3}],8:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.renderer = undefined;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var Renderer = function () {
+ function Renderer() {
+ _classCallCheck(this, Renderer);
+
+ this.renderers = {};
+ this.order = [];
+ }
+
+ _createClass(Renderer, [{
+ key: 'add',
+ value: function add(renderer) {
+ if (renderer.name === undefined) {
+ throw new TypeError('renderer must contain at least `name` property');
+ }
+
+ this.renderers[renderer.name] = renderer;
+ this.order.push(renderer.name);
+ }
+ }, {
+ key: 'select',
+ value: function select(mediaFiles) {
+ var renderers = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+ var renderersLength = renderers.length;
+
+ renderers = renderers.length ? renderers : this.order;
+
+ if (!renderersLength) {
+ var rendererIndicator = [/^(html5|native)/i, /^flash/i, /iframe$/i],
+ rendererRanking = function rendererRanking(renderer) {
+ for (var i = 0, total = rendererIndicator.length; i < total; i++) {
+ if (rendererIndicator[i].test(renderer)) {
+ return i;
+ }
+ }
+ return rendererIndicator.length;
+ };
+
+ renderers.sort(function (a, b) {
+ return rendererRanking(a) - rendererRanking(b);
+ });
+ }
+
+ for (var i = 0, total = renderers.length; i < total; i++) {
+ var key = renderers[i],
+ _renderer = this.renderers[key];
+
+ if (_renderer !== null && _renderer !== undefined) {
+ for (var j = 0, jl = mediaFiles.length; j < jl; j++) {
+ if (typeof _renderer.canPlayType === 'function' && typeof mediaFiles[j].type === 'string' && _renderer.canPlayType(mediaFiles[j].type)) {
+ return {
+ rendererName: _renderer.name,
+ src: mediaFiles[j].src
+ };
+ }
+ }
+ }
+ }
+
+ return null;
+ }
+ }, {
+ key: 'order',
+ set: function set(order) {
+ if (!Array.isArray(order)) {
+ throw new TypeError('order must be an array of strings.');
+ }
+
+ this._order = order;
+ },
+ get: function get() {
+ return this._order;
+ }
+ }, {
+ key: 'renderers',
+ set: function set(renderers) {
+ if (renderers !== null && (typeof renderers === 'undefined' ? 'undefined' : _typeof(renderers)) !== 'object') {
+ throw new TypeError('renderers must be an array of objects.');
+ }
+
+ this._renderers = renderers;
+ },
+ get: function get() {
+ return this._renderers;
+ }
+ }]);
+
+ return Renderer;
+}();
+
+var renderer = exports.renderer = new Renderer();
+
+_mejs2.default.Renderers = renderer;
+
+},{"7":7}],9:[function(_dereq_,module,exports){
+'use strict';
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _i18n = _dereq_(5);
+
+var _i18n2 = _interopRequireDefault(_i18n);
+
+var _player = _dereq_(16);
+
+var _player2 = _interopRequireDefault(_player);
+
+var _constants = _dereq_(25);
+
+var Features = _interopRequireWildcard(_constants);
+
+var _general = _dereq_(27);
+
+var _dom = _dereq_(26);
+
+var _media = _dereq_(28);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+Object.assign(_player.config, {
+ usePluginFullScreen: true,
+
+ fullscreenText: null,
+
+ useFakeFullscreen: false
+});
+
+Object.assign(_player2.default.prototype, {
+ isFullScreen: false,
+
+ isNativeFullScreen: false,
+
+ isInIframe: false,
+
+ isPluginClickThroughCreated: false,
+
+ fullscreenMode: '',
+
+ containerSizeTimeout: null,
+
+ buildfullscreen: function buildfullscreen(player) {
+ if (!player.isVideo) {
+ return;
+ }
+
+ player.isInIframe = _window2.default.location !== _window2.default.parent.location;
+
+ player.detectFullscreenMode();
+
+ var t = this,
+ fullscreenTitle = (0, _general.isString)(t.options.fullscreenText) ? t.options.fullscreenText : _i18n2.default.t('mejs.fullscreen'),
+ fullscreenBtn = _document2.default.createElement('div');
+
+ fullscreenBtn.className = t.options.classPrefix + 'button ' + t.options.classPrefix + 'fullscreen-button';
+ fullscreenBtn.innerHTML = '<button type="button" aria-controls="' + t.id + '" title="' + fullscreenTitle + '" aria-label="' + fullscreenTitle + '" tabindex="0"></button>';
+ t.addControlElement(fullscreenBtn, 'fullscreen');
+
+ fullscreenBtn.addEventListener('click', function () {
+ var isFullScreen = Features.HAS_TRUE_NATIVE_FULLSCREEN && Features.IS_FULLSCREEN || player.isFullScreen;
+
+ if (isFullScreen) {
+ player.exitFullScreen();
+ } else {
+ player.enterFullScreen();
+ }
+ });
+
+ player.fullscreenBtn = fullscreenBtn;
+
+ t.exitFullscreenCallback = function (e) {
+ var key = e.which || e.keyCode || 0;
+ if (key === 27 && (Features.HAS_TRUE_NATIVE_FULLSCREEN && Features.IS_FULLSCREEN || t.isFullScreen)) {
+ player.exitFullScreen();
+ }
+ };
+
+ t.globalBind('keydown', t.exitFullscreenCallback);
+
+ t.normalHeight = 0;
+ t.normalWidth = 0;
+
+ if (Features.HAS_TRUE_NATIVE_FULLSCREEN) {
+ var fullscreenChanged = function fullscreenChanged() {
+ if (player.isFullScreen) {
+ if (Features.isFullScreen()) {
+ player.isNativeFullScreen = true;
+
+ player.setControlsSize();
+ } else {
+ player.isNativeFullScreen = false;
+
+ player.exitFullScreen();
+ }
+ }
+ };
+
+ player.globalBind(Features.FULLSCREEN_EVENT_NAME, fullscreenChanged);
+ }
+ },
+ cleanfullscreen: function cleanfullscreen(player) {
+ player.exitFullScreen();
+ player.globalUnbind('keydown', player.exitFullscreenCallback);
+ },
+ detectFullscreenMode: function detectFullscreenMode() {
+ var t = this,
+ isNative = t.media.rendererName !== null && /(native|html5)/i.test(t.media.rendererName);
+
+ var mode = '';
+
+ if (Features.HAS_TRUE_NATIVE_FULLSCREEN && isNative) {
+ mode = 'native-native';
+ } else if (Features.HAS_TRUE_NATIVE_FULLSCREEN && !isNative) {
+ mode = 'plugin-native';
+ } else if (t.usePluginFullScreen && Features.SUPPORT_POINTER_EVENTS) {
+ mode = 'plugin-click';
+ }
+
+ t.fullscreenMode = mode;
+ return mode;
+ },
+ enterFullScreen: function enterFullScreen() {
+ var t = this,
+ isNative = t.media.rendererName !== null && /(html5|native)/i.test(t.media.rendererName),
+ containerStyles = getComputedStyle(t.container);
+
+ if (t.options.useFakeFullscreen === false && Features.IS_IOS && Features.HAS_IOS_FULLSCREEN && typeof t.media.originalNode.webkitEnterFullscreen === 'function' && t.media.originalNode.canPlayType((0, _media.getTypeFromFile)(t.media.getSrc()))) {
+ t.media.originalNode.webkitEnterFullscreen();
+ return;
+ }
+
+ (0, _dom.addClass)(_document2.default.documentElement, t.options.classPrefix + 'fullscreen');
+ (0, _dom.addClass)(t.container, t.options.classPrefix + 'container-fullscreen');
+
+ t.normalHeight = parseFloat(containerStyles.height);
+ t.normalWidth = parseFloat(containerStyles.width);
+
+ if (t.fullscreenMode === 'native-native' || t.fullscreenMode === 'plugin-native') {
+ Features.requestFullScreen(t.container);
+
+ if (t.isInIframe) {
+ setTimeout(function checkFullscreen() {
+
+ if (t.isNativeFullScreen) {
+ var percentErrorMargin = 0.002,
+ windowWidth = _window2.default.innerWidth || _document2.default.documentElement.clientWidth || _document2.default.body.clientWidth,
+ screenWidth = screen.width,
+ absDiff = Math.abs(screenWidth - windowWidth),
+ marginError = screenWidth * percentErrorMargin;
+
+ if (absDiff > marginError) {
+ t.exitFullScreen();
+ } else {
+ setTimeout(checkFullscreen, 500);
+ }
+ }
+ }, 1000);
+ }
+ }
+
+ t.container.style.width = '100%';
+ t.container.style.height = '100%';
+
+ t.containerSizeTimeout = setTimeout(function () {
+ t.container.style.width = '100%';
+ t.container.style.height = '100%';
+ t.setControlsSize();
+ }, 500);
+
+ if (isNative) {
+ t.node.style.width = '100%';
+ t.node.style.height = '100%';
+ } else {
+ var elements = t.container.querySelectorAll('embed, object, video'),
+ _total = elements.length;
+ for (var i = 0; i < _total; i++) {
+ elements[i].style.width = '100%';
+ elements[i].style.height = '100%';
+ }
+ }
+
+ if (t.options.setDimensions && typeof t.media.setSize === 'function') {
+ t.media.setSize(screen.width, screen.height);
+ }
+
+ var layers = t.layers.children,
+ total = layers.length;
+ for (var _i = 0; _i < total; _i++) {
+ layers[_i].style.width = '100%';
+ layers[_i].style.height = '100%';
+ }
+
+ if (t.fullscreenBtn) {
+ (0, _dom.removeClass)(t.fullscreenBtn, t.options.classPrefix + 'fullscreen');
+ (0, _dom.addClass)(t.fullscreenBtn, t.options.classPrefix + 'unfullscreen');
+ }
+
+ t.setControlsSize();
+ t.isFullScreen = true;
+
+ var zoomFactor = Math.min(screen.width / t.width, screen.height / t.height),
+ captionText = t.container.querySelector('.' + t.options.classPrefix + 'captions-text');
+ if (captionText) {
+ captionText.style.fontSize = zoomFactor * 100 + '%';
+ captionText.style.lineHeight = 'normal';
+ t.container.querySelector('.' + t.options.classPrefix + 'captions-position').style.bottom = '45px';
+ }
+ var event = (0, _general.createEvent)('enteredfullscreen', t.container);
+ t.container.dispatchEvent(event);
+ },
+ exitFullScreen: function exitFullScreen() {
+ var t = this,
+ isNative = t.media.rendererName !== null && /(native|html5)/i.test(t.media.rendererName);
+
+ clearTimeout(t.containerSizeTimeout);
+
+ if (Features.HAS_TRUE_NATIVE_FULLSCREEN && (Features.IS_FULLSCREEN || t.isFullScreen)) {
+ Features.cancelFullScreen();
+ }
+
+ (0, _dom.removeClass)(_document2.default.documentElement, t.options.classPrefix + 'fullscreen');
+ (0, _dom.removeClass)(t.container, t.options.classPrefix + 'container-fullscreen');
+
+ if (t.options.setDimensions) {
+ t.container.style.width = t.normalWidth + 'px';
+ t.container.style.height = t.normalHeight + 'px';
+
+ if (isNative) {
+ t.node.style.width = t.normalWidth + 'px';
+ t.node.style.height = t.normalHeight + 'px';
+ } else {
+ var elements = t.container.querySelectorAll('embed, object, video'),
+ _total2 = elements.length;
+ for (var i = 0; i < _total2; i++) {
+ elements[i].style.width = t.normalWidth + 'px';
+ elements[i].style.height = t.normalHeight + 'px';
+ }
+ }
+
+ if (typeof t.media.setSize === 'function') {
+ t.media.setSize(t.normalWidth, t.normalHeight);
+ }
+
+ var layers = t.layers.children,
+ total = layers.length;
+ for (var _i2 = 0; _i2 < total; _i2++) {
+ layers[_i2].style.width = t.normalWidth + 'px';
+ layers[_i2].style.height = t.normalHeight + 'px';
+ }
+ }
+
+ if (t.fullscreenBtn) {
+ (0, _dom.removeClass)(t.fullscreenBtn, t.options.classPrefix + 'unfullscreen');
+ (0, _dom.addClass)(t.fullscreenBtn, t.options.classPrefix + 'fullscreen');
+ }
+
+ t.setControlsSize();
+ t.isFullScreen = false;
+
+ var captionText = t.container.querySelector('.' + t.options.classPrefix + 'captions-text');
+ if (captionText) {
+ captionText.style.fontSize = '';
+ captionText.style.lineHeight = '';
+ t.container.querySelector('.' + t.options.classPrefix + 'captions-position').style.bottom = '';
+ }
+ var event = (0, _general.createEvent)('exitedfullscreen', t.container);
+ t.container.dispatchEvent(event);
+ }
+});
+
+},{"16":16,"2":2,"25":25,"26":26,"27":27,"28":28,"3":3,"5":5}],10:[function(_dereq_,module,exports){
+'use strict';
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _player = _dereq_(16);
+
+var _player2 = _interopRequireDefault(_player);
+
+var _i18n = _dereq_(5);
+
+var _i18n2 = _interopRequireDefault(_i18n);
+
+var _general = _dereq_(27);
+
+var _dom = _dereq_(26);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+Object.assign(_player.config, {
+ playText: null,
+
+ pauseText: null
+});
+
+Object.assign(_player2.default.prototype, {
+ buildplaypause: function buildplaypause(player, controls, layers, media) {
+ var t = this,
+ op = t.options,
+ playTitle = (0, _general.isString)(op.playText) ? op.playText : _i18n2.default.t('mejs.play'),
+ pauseTitle = (0, _general.isString)(op.pauseText) ? op.pauseText : _i18n2.default.t('mejs.pause'),
+ play = _document2.default.createElement('div');
+
+ play.className = t.options.classPrefix + 'button ' + t.options.classPrefix + 'playpause-button ' + t.options.classPrefix + 'play';
+ play.innerHTML = '<button type="button" aria-controls="' + t.id + '" title="' + playTitle + '" aria-label="' + pauseTitle + '" tabindex="0"></button>';
+ play.addEventListener('click', function () {
+ if (t.paused) {
+ t.play();
+ } else {
+ t.pause();
+ }
+ });
+
+ var playBtn = play.querySelector('button');
+ t.addControlElement(play, 'playpause');
+
+ function togglePlayPause(which) {
+ if ('play' === which) {
+ (0, _dom.removeClass)(play, t.options.classPrefix + 'play');
+ (0, _dom.removeClass)(play, t.options.classPrefix + 'replay');
+ (0, _dom.addClass)(play, t.options.classPrefix + 'pause');
+ playBtn.setAttribute('title', pauseTitle);
+ playBtn.setAttribute('aria-label', pauseTitle);
+ } else {
+
+ (0, _dom.removeClass)(play, t.options.classPrefix + 'pause');
+ (0, _dom.removeClass)(play, t.options.classPrefix + 'replay');
+ (0, _dom.addClass)(play, t.options.classPrefix + 'play');
+ playBtn.setAttribute('title', playTitle);
+ playBtn.setAttribute('aria-label', playTitle);
+ }
+ }
+
+ togglePlayPause('pse');
+
+ media.addEventListener('loadedmetadata', function () {
+ if (media.rendererName.indexOf('flash') === -1) {
+ togglePlayPause('pse');
+ }
+ });
+ media.addEventListener('play', function () {
+ togglePlayPause('play');
+ });
+ media.addEventListener('playing', function () {
+ togglePlayPause('play');
+ });
+ media.addEventListener('pause', function () {
+ togglePlayPause('pse');
+ });
+ media.addEventListener('ended', function () {
+ if (!player.options.loop) {
+ (0, _dom.removeClass)(play, t.options.classPrefix + 'pause');
+ (0, _dom.removeClass)(play, t.options.classPrefix + 'play');
+ (0, _dom.addClass)(play, t.options.classPrefix + 'replay');
+ playBtn.setAttribute('title', playTitle);
+ playBtn.setAttribute('aria-label', playTitle);
+ }
+ });
+ }
+});
+
+},{"16":16,"2":2,"26":26,"27":27,"5":5}],11:[function(_dereq_,module,exports){
+'use strict';
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _player = _dereq_(16);
+
+var _player2 = _interopRequireDefault(_player);
+
+var _i18n = _dereq_(5);
+
+var _i18n2 = _interopRequireDefault(_i18n);
+
+var _constants = _dereq_(25);
+
+var _time = _dereq_(30);
+
+var _dom = _dereq_(26);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+Object.assign(_player.config, {
+ enableProgressTooltip: true,
+
+ useSmoothHover: true,
+
+ forceLive: false
+});
+
+Object.assign(_player2.default.prototype, {
+ buildprogress: function buildprogress(player, controls, layers, media) {
+
+ var lastKeyPressTime = 0,
+ mouseIsDown = false,
+ startedPaused = false;
+
+ var t = this,
+ autoRewindInitial = player.options.autoRewind,
+ tooltip = player.options.enableProgressTooltip ? '<span class="' + t.options.classPrefix + 'time-float">' + ('<span class="' + t.options.classPrefix + 'time-float-current">00:00</span>') + ('<span class="' + t.options.classPrefix + 'time-float-corner"></span>') + '</span>' : '',
+ rail = _document2.default.createElement('div');
+
+ rail.className = t.options.classPrefix + 'time-rail';
+ rail.innerHTML = '<span class="' + t.options.classPrefix + 'time-total ' + t.options.classPrefix + 'time-slider">' + ('<span class="' + t.options.classPrefix + 'time-buffering"></span>') + ('<span class="' + t.options.classPrefix + 'time-loaded"></span>') + ('<span class="' + t.options.classPrefix + 'time-current"></span>') + ('<span class="' + t.options.classPrefix + 'time-hovered no-hover"></span>') + ('<span class="' + t.options.classPrefix + 'time-handle"><span class="' + t.options.classPrefix + 'time-handle-content"></span></span>') + ('' + tooltip) + '</span>';
+
+ t.addControlElement(rail, 'progress');
+
+ controls.querySelector('.' + t.options.classPrefix + 'time-buffering').style.display = 'none';
+
+ t.rail = controls.querySelector('.' + t.options.classPrefix + 'time-rail');
+ t.total = controls.querySelector('.' + t.options.classPrefix + 'time-total');
+ t.loaded = controls.querySelector('.' + t.options.classPrefix + 'time-loaded');
+ t.current = controls.querySelector('.' + t.options.classPrefix + 'time-current');
+ t.handle = controls.querySelector('.' + t.options.classPrefix + 'time-handle');
+ t.timefloat = controls.querySelector('.' + t.options.classPrefix + 'time-float');
+ t.timefloatcurrent = controls.querySelector('.' + t.options.classPrefix + 'time-float-current');
+ t.slider = controls.querySelector('.' + t.options.classPrefix + 'time-slider');
+ t.hovered = controls.querySelector('.' + t.options.classPrefix + 'time-hovered');
+ t.newTime = 0;
+ t.forcedHandlePause = false;
+ t.setTransformStyle = function (element, value) {
+ element.style.transform = value;
+ element.style.webkitTransform = value;
+ element.style.MozTransform = value;
+ element.style.msTransform = value;
+ element.style.OTransform = value;
+ };
+
+ var handleMouseMove = function handleMouseMove(e) {
+ var totalStyles = getComputedStyle(t.total),
+ offsetStyles = (0, _dom.offset)(t.total),
+ width = t.total.offsetWidth,
+ transform = function () {
+ if (totalStyles.webkitTransform !== undefined) {
+ return 'webkitTransform';
+ } else if (totalStyles.mozTransform !== undefined) {
+ return 'mozTransform ';
+ } else if (totalStyles.oTransform !== undefined) {
+ return 'oTransform';
+ } else if (totalStyles.msTransform !== undefined) {
+ return 'msTransform';
+ } else {
+ return 'transform';
+ }
+ }(),
+ cssMatrix = function () {
+ if ('WebKitCSSMatrix' in window) {
+ return 'WebKitCSSMatrix';
+ } else if ('MSCSSMatrix' in window) {
+ return 'MSCSSMatrix';
+ } else if ('CSSMatrix' in window) {
+ return 'CSSMatrix';
+ }
+ }();
+
+ var percentage = 0,
+ leftPos = 0,
+ pos = 0,
+ x = void 0;
+
+ if (e.originalEvent && e.originalEvent.changedTouches) {
+ x = e.originalEvent.changedTouches[0].pageX;
+ } else if (e.changedTouches) {
+ x = e.changedTouches[0].pageX;
+ } else {
+ x = e.pageX;
+ }
+
+ if (t.getDuration()) {
+ if (x < offsetStyles.left) {
+ x = offsetStyles.left;
+ } else if (x > width + offsetStyles.left) {
+ x = width + offsetStyles.left;
+ }
+
+ pos = x - offsetStyles.left;
+ percentage = pos / width;
+ t.newTime = percentage <= 0.02 ? 0 : percentage * t.getDuration();
+
+ if (mouseIsDown && t.getCurrentTime() !== null && t.newTime.toFixed(4) !== t.getCurrentTime().toFixed(4)) {
+ t.setCurrentRailHandle(t.newTime);
+ t.updateCurrent(t.newTime);
+ }
+
+ if (!_constants.IS_IOS && !_constants.IS_ANDROID && t.timefloat) {
+ if (pos < 0) {
+ pos = 0;
+ }
+ if (t.options.useSmoothHover && cssMatrix !== null && typeof window[cssMatrix] !== 'undefined') {
+ var matrix = new window[cssMatrix](getComputedStyle(t.handle)[transform]),
+ handleLocation = matrix.m41,
+ hoverScaleX = pos / parseFloat(getComputedStyle(t.total).width) - handleLocation / parseFloat(getComputedStyle(t.total).width);
+
+ t.hovered.style.left = handleLocation + 'px';
+ t.setTransformStyle(t.hovered, 'scaleX(' + hoverScaleX + ')');
+ t.hovered.setAttribute('pos', pos);
+
+ if (hoverScaleX >= 0) {
+ (0, _dom.removeClass)(t.hovered, 'negative');
+ } else {
+ (0, _dom.addClass)(t.hovered, 'negative');
+ }
+ }
+
+ var half = t.timefloat.offsetWidth / 2;
+ if (x <= t.timefloat.offsetWidth + half) {
+ leftPos = half;
+ } else if (x >= t.container.offsetWidth - half) {
+ leftPos = t.total.offsetWidth - half;
+ } else {
+ leftPos = pos;
+ }
+
+ t.timefloat.style.left = leftPos + 'px';
+ t.timefloatcurrent.innerHTML = (0, _time.secondsToTimeCode)(t.newTime, player.options.alwaysShowHours, player.options.showTimecodeFrameCount, player.options.framesPerSecond, player.options.secondsDecimalLength);
+ t.timefloat.style.display = 'block';
+ }
+ } else if (!_constants.IS_IOS && !_constants.IS_ANDROID && t.timefloat) {
+ leftPos = t.timefloat.offsetWidth + width >= t.container.offsetWidth ? t.timefloat.offsetWidth / 2 : 0;
+ t.timefloat.style.left = leftPos + 'px';
+ t.timefloat.style.left = leftPos + 'px';
+ t.timefloat.style.display = 'block';
+ }
+ },
+ updateSlider = function updateSlider() {
+ var seconds = t.getCurrentTime(),
+ timeSliderText = _i18n2.default.t('mejs.time-slider'),
+ time = (0, _time.secondsToTimeCode)(seconds, player.options.alwaysShowHours, player.options.showTimecodeFrameCount, player.options.framesPerSecond, player.options.secondsDecimalLength),
+ duration = t.getDuration();
+
+ t.slider.setAttribute('role', 'slider');
+ t.slider.tabIndex = 0;
+
+ if (media.paused) {
+ t.slider.setAttribute('aria-label', timeSliderText);
+ t.slider.setAttribute('aria-valuemin', 0);
+ t.slider.setAttribute('aria-valuemax', duration);
+ t.slider.setAttribute('aria-valuenow', seconds);
+ t.slider.setAttribute('aria-valuetext', time);
+ } else {
+ t.slider.removeAttribute('aria-label');
+ t.slider.removeAttribute('aria-valuemin');
+ t.slider.removeAttribute('aria-valuemax');
+ t.slider.removeAttribute('aria-valuenow');
+ t.slider.removeAttribute('aria-valuetext');
+ }
+ },
+ restartPlayer = function restartPlayer() {
+ if (new Date() - lastKeyPressTime >= 1000) {
+ t.play();
+ }
+ },
+ handleMouseup = function handleMouseup() {
+ if (mouseIsDown && t.getCurrentTime() !== null && t.newTime.toFixed(4) !== t.getCurrentTime().toFixed(4)) {
+ t.setCurrentTime(t.newTime);
+ t.setCurrentRail();
+ t.updateCurrent(t.newTime);
+ }
+ if (t.forcedHandlePause) {
+ t.slider.focus();
+ t.play();
+ }
+ t.forcedHandlePause = false;
+ };
+
+ t.slider.addEventListener('focus', function () {
+ player.options.autoRewind = false;
+ });
+ t.slider.addEventListener('blur', function () {
+ player.options.autoRewind = autoRewindInitial;
+ });
+ t.slider.addEventListener('keydown', function (e) {
+ if (new Date() - lastKeyPressTime >= 1000) {
+ startedPaused = t.paused;
+ }
+
+ if (t.options.keyActions.length) {
+
+ var keyCode = e.which || e.keyCode || 0,
+ duration = t.getDuration(),
+ seekForward = player.options.defaultSeekForwardInterval(media),
+ seekBackward = player.options.defaultSeekBackwardInterval(media);
+
+ var seekTime = t.getCurrentTime();
+
+ switch (keyCode) {
+ case 37:
+ case 40:
+ if (t.getDuration() !== Infinity) {
+ seekTime -= seekBackward;
+ }
+ break;
+ case 39:
+ case 38:
+ if (t.getDuration() !== Infinity) {
+ seekTime += seekForward;
+ }
+ break;
+ case 36:
+ seekTime = 0;
+ break;
+ case 35:
+ seekTime = duration;
+ break;
+ case 32:
+ if (!_constants.IS_FIREFOX) {
+ if (t.paused) {
+ t.play();
+ } else {
+ t.pause();
+ }
+ }
+ return;
+ case 13:
+ if (t.paused) {
+ t.play();
+ } else {
+ t.pause();
+ }
+ return;
+ default:
+ return;
+ }
+
+ seekTime = seekTime < 0 ? 0 : seekTime >= duration ? duration : Math.floor(seekTime);
+ lastKeyPressTime = new Date();
+ if (!startedPaused) {
+ player.pause();
+ }
+
+ if (seekTime < t.getDuration() && !startedPaused) {
+ setTimeout(restartPlayer, 1100);
+ }
+
+ t.setCurrentTime(seekTime);
+
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ });
+
+ var events = ['mousedown', 'touchstart'];
+
+ t.slider.addEventListener('dragstart', function () {
+ return false;
+ });
+
+ for (var i = 0, total = events.length; i < total; i++) {
+ t.slider.addEventListener(events[i], function (e) {
+ t.forcedHandlePause = false;
+ if (t.getDuration() !== Infinity) {
+ if (e.which === 1 || e.which === 0) {
+ if (!t.paused) {
+ t.pause();
+ t.forcedHandlePause = true;
+ }
+
+ mouseIsDown = true;
+ handleMouseMove(e);
+ var endEvents = ['mouseup', 'touchend'];
+
+ for (var j = 0, totalEvents = endEvents.length; j < totalEvents; j++) {
+ t.container.addEventListener(endEvents[j], function (event) {
+ var target = event.target;
+ if (target === t.slider || target.closest('.' + t.options.classPrefix + 'time-slider')) {
+ handleMouseMove(event);
+ }
+ });
+ }
+ t.globalBind('mouseup.dur touchend.dur', function () {
+ handleMouseup();
+ mouseIsDown = false;
+ if (t.timefloat) {
+ t.timefloat.style.display = 'none';
+ }
+ });
+ }
+ }
+ });
+ }
+ t.slider.addEventListener('mouseenter', function (e) {
+ if (e.target === t.slider && t.getDuration() !== Infinity) {
+ t.container.addEventListener('mousemove', function (event) {
+ var target = event.target;
+ if (target === t.slider || target.closest('.' + t.options.classPrefix + 'time-slider')) {
+ handleMouseMove(event);
+ }
+ });
+ if (t.timefloat && !_constants.IS_IOS && !_constants.IS_ANDROID) {
+ t.timefloat.style.display = 'block';
+ }
+ if (t.hovered && !_constants.IS_IOS && !_constants.IS_ANDROID && t.options.useSmoothHover) {
+ (0, _dom.removeClass)(t.hovered, 'no-hover');
+ }
+ }
+ });
+ t.slider.addEventListener('mouseleave', function () {
+ if (t.getDuration() !== Infinity) {
+ if (!mouseIsDown) {
+ if (t.timefloat) {
+ t.timefloat.style.display = 'none';
+ }
+ if (t.hovered && t.options.useSmoothHover) {
+ (0, _dom.addClass)(t.hovered, 'no-hover');
+ }
+ }
+ }
+ });
+
+ t.broadcastCallback = function (e) {
+ var broadcast = controls.querySelector('.' + t.options.classPrefix + 'broadcast');
+ if (!t.options.forceLive && t.getDuration() !== Infinity) {
+ if (broadcast) {
+ t.slider.style.display = '';
+ broadcast.remove();
+ }
+
+ player.setProgressRail(e);
+ if (!t.forcedHandlePause) {
+ player.setCurrentRail(e);
+ }
+ updateSlider();
+ } else if (!broadcast || t.options.forceLive) {
+ var label = _document2.default.createElement('span');
+ label.className = t.options.classPrefix + 'broadcast';
+ label.innerText = _i18n2.default.t('mejs.live-broadcast');
+ t.slider.style.display = 'none';
+ t.rail.appendChild(label);
+ }
+ };
+
+ media.addEventListener('progress', t.broadcastCallback);
+ media.addEventListener('timeupdate', t.broadcastCallback);
+
+ t.container.addEventListener('controlsresize', function (e) {
+ if (t.getDuration() !== Infinity) {
+ player.setProgressRail(e);
+ if (!t.forcedHandlePause) {
+ player.setCurrentRail(e);
+ }
+ }
+ });
+ },
+ cleanprogress: function cleanprogress(player, controls, layers, media) {
+ media.removeEventListener('progress', player.broadcastCallback);
+ media.removeEventListener('timeupdate', player.broadcastCallback);
+ if (player.rail) {
+ player.rail.remove();
+ }
+ },
+ setProgressRail: function setProgressRail(e) {
+ var t = this,
+ target = e !== undefined ? e.detail.target || e.target : t.media;
+
+ var percent = null;
+
+ if (target && target.buffered && target.buffered.length > 0 && target.buffered.end && t.getDuration()) {
+ percent = target.buffered.end(target.buffered.length - 1) / t.getDuration();
+ } else if (target && target.bytesTotal !== undefined && target.bytesTotal > 0 && target.bufferedBytes !== undefined) {
+ percent = target.bufferedBytes / target.bytesTotal;
+ } else if (e && e.lengthComputable && e.total !== 0) {
+ percent = e.loaded / e.total;
+ }
+
+ if (percent !== null) {
+ percent = Math.min(1, Math.max(0, percent));
+
+ if (t.loaded) {
+ t.setTransformStyle(t.loaded, 'scaleX(' + percent + ')');
+ }
+ }
+ },
+ setCurrentRailHandle: function setCurrentRailHandle(fakeTime) {
+ var t = this;
+ t.setCurrentRailMain(t, fakeTime);
+ },
+ setCurrentRail: function setCurrentRail() {
+ var t = this;
+ t.setCurrentRailMain(t);
+ },
+ setCurrentRailMain: function setCurrentRailMain(t, fakeTime) {
+ if (t.getCurrentTime() !== undefined && t.getDuration()) {
+ var nTime = typeof fakeTime === 'undefined' ? t.getCurrentTime() : fakeTime;
+
+ if (t.total && t.handle) {
+ var tW = parseFloat(getComputedStyle(t.total).width);
+
+ var newWidth = Math.round(tW * nTime / t.getDuration()),
+ handlePos = newWidth - Math.round(t.handle.offsetWidth / 2);
+
+ handlePos = handlePos < 0 ? 0 : handlePos;
+ t.setTransformStyle(t.current, 'scaleX(' + newWidth / tW + ')');
+ t.setTransformStyle(t.handle, 'translateX(' + handlePos + 'px)');
+
+ if (t.options.useSmoothHover && !(0, _dom.hasClass)(t.hovered, 'no-hover')) {
+ var pos = parseInt(t.hovered.getAttribute('pos'));
+ pos = isNaN(pos) ? 0 : pos;
+
+ var hoverScaleX = pos / tW - handlePos / tW;
+
+ t.hovered.style.left = handlePos + 'px';
+ t.setTransformStyle(t.hovered, 'scaleX(' + hoverScaleX + ')');
+
+ if (hoverScaleX >= 0) {
+ (0, _dom.removeClass)(t.hovered, 'negative');
+ } else {
+ (0, _dom.addClass)(t.hovered, 'negative');
+ }
+ }
+ }
+ }
+ }
+});
+
+},{"16":16,"2":2,"25":25,"26":26,"30":30,"5":5}],12:[function(_dereq_,module,exports){
+'use strict';
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _player = _dereq_(16);
+
+var _player2 = _interopRequireDefault(_player);
+
+var _time = _dereq_(30);
+
+var _dom = _dereq_(26);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+Object.assign(_player.config, {
+ duration: 0,
+
+ timeAndDurationSeparator: '<span> | </span>'
+});
+
+Object.assign(_player2.default.prototype, {
+ buildcurrent: function buildcurrent(player, controls, layers, media) {
+ var t = this,
+ time = _document2.default.createElement('div');
+
+ time.className = t.options.classPrefix + 'time';
+ time.setAttribute('role', 'timer');
+ time.setAttribute('aria-live', 'off');
+ time.innerHTML = '<span class="' + t.options.classPrefix + 'currenttime">' + (0, _time.secondsToTimeCode)(0, player.options.alwaysShowHours, player.options.showTimecodeFrameCount, player.options.framesPerSecond, player.options.secondsDecimalLength) + '</span>';
+
+ t.addControlElement(time, 'current');
+ t.updateTimeCallback = function () {
+ if (t.controlsAreVisible) {
+ player.updateCurrent();
+ }
+ };
+ media.addEventListener('timeupdate', t.updateTimeCallback);
+ },
+ cleancurrent: function cleancurrent(player, controls, layers, media) {
+ media.removeEventListener('timeupdate', player.updateTimeCallback);
+ },
+ buildduration: function buildduration(player, controls, layers, media) {
+ var t = this,
+ currTime = controls.lastChild.querySelector('.' + t.options.classPrefix + 'currenttime');
+
+ if (currTime) {
+ controls.querySelector('.' + t.options.classPrefix + 'time').innerHTML += t.options.timeAndDurationSeparator + '<span class="' + t.options.classPrefix + 'duration">' + ((0, _time.secondsToTimeCode)(t.options.duration, t.options.alwaysShowHours, t.options.showTimecodeFrameCount, t.options.framesPerSecond, t.options.secondsDecimalLength) + '</span>');
+ } else {
+ if (controls.querySelector('.' + t.options.classPrefix + 'currenttime')) {
+ (0, _dom.addClass)(controls.querySelector('.' + t.options.classPrefix + 'currenttime').parentNode, t.options.classPrefix + 'currenttime-container');
+ }
+
+ var duration = _document2.default.createElement('div');
+ duration.className = t.options.classPrefix + 'time ' + t.options.classPrefix + 'duration-container';
+ duration.innerHTML = '<span class="' + t.options.classPrefix + 'duration">' + ((0, _time.secondsToTimeCode)(t.options.duration, t.options.alwaysShowHours, t.options.showTimecodeFrameCount, t.options.framesPerSecond, t.options.secondsDecimalLength) + '</span>');
+
+ t.addControlElement(duration, 'duration');
+ }
+
+ media.addEventListener('timeupdate', t.updateTimeCallback);
+ },
+ cleanduration: function cleanduration(player, controls, layers, media) {
+ media.removeEventListener('timeupdate', player.updateTimeCallback);
+ },
+ updateCurrent: function updateCurrent() {
+ var t = this;
+
+ var currentTime = t.getCurrentTime();
+
+ if (isNaN(currentTime)) {
+ currentTime = 0;
+ }
+
+ var timecode = (0, _time.secondsToTimeCode)(currentTime, t.options.alwaysShowHours, t.options.showTimecodeFrameCount, t.options.framesPerSecond, t.options.secondsDecimalLength);
+
+ if (timecode.length > 5) {
+ (0, _dom.addClass)(t.container, t.options.classPrefix + 'long-video');
+ } else {
+ (0, _dom.removeClass)(t.container, t.options.classPrefix + 'long-video');
+ }
+
+ if (t.controls.querySelector('.' + t.options.classPrefix + 'currenttime')) {
+ t.controls.querySelector('.' + t.options.classPrefix + 'currenttime').innerText = timecode;
+ }
+ },
+ updateDuration: function updateDuration() {
+ var t = this;
+
+ var duration = t.getDuration();
+
+ if (isNaN(duration) || duration === Infinity || duration < 0) {
+ t.media.duration = t.options.duration = duration = 0;
+ }
+
+ if (t.options.duration > 0) {
+ duration = t.options.duration;
+ }
+
+ var timecode = (0, _time.secondsToTimeCode)(duration, t.options.alwaysShowHours, t.options.showTimecodeFrameCount, t.options.framesPerSecond, t.options.secondsDecimalLength);
+
+ if (timecode.length > 5) {
+ (0, _dom.addClass)(t.container, t.options.classPrefix + 'long-video');
+ } else {
+ (0, _dom.removeClass)(t.container, t.options.classPrefix + 'long-video');
+ }
+
+ if (t.controls.querySelector('.' + t.options.classPrefix + 'duration') && duration > 0) {
+ t.controls.querySelector('.' + t.options.classPrefix + 'duration').innerHTML = timecode;
+ }
+ }
+});
+
+},{"16":16,"2":2,"26":26,"30":30}],13:[function(_dereq_,module,exports){
+'use strict';
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _i18n = _dereq_(5);
+
+var _i18n2 = _interopRequireDefault(_i18n);
+
+var _player = _dereq_(16);
+
+var _player2 = _interopRequireDefault(_player);
+
+var _time = _dereq_(30);
+
+var _general = _dereq_(27);
+
+var _dom = _dereq_(26);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+Object.assign(_player.config, {
+ startLanguage: '',
+
+ tracksText: null,
+
+ chaptersText: null,
+
+ tracksAriaLive: false,
+
+ hideCaptionsButtonWhenEmpty: true,
+
+ toggleCaptionsButtonWhenOnlyOne: false,
+
+ slidesSelector: ''
+});
+
+Object.assign(_player2.default.prototype, {
+ hasChapters: false,
+
+ buildtracks: function buildtracks(player, controls, layers, media) {
+
+ if (!player.tracks.length && (!player.trackFiles || !player.trackFiles.length === 0)) {
+ return;
+ }
+
+ var t = this,
+ attr = t.options.tracksAriaLive ? ' role="log" aria-live="assertive" aria-atomic="false"' : '',
+ tracksTitle = (0, _general.isString)(t.options.tracksText) ? t.options.tracksText : _i18n2.default.t('mejs.captions-subtitles'),
+ chaptersTitle = (0, _general.isString)(t.options.chaptersText) ? t.options.chaptersText : _i18n2.default.t('mejs.captions-chapters'),
+ total = player.trackFiles === null ? player.tracks.length : player.trackFiles.length;
+
+ if (t.domNode.textTracks) {
+ for (var i = t.domNode.textTracks.length - 1; i >= 0; i--) {
+ t.domNode.textTracks[i].mode = 'hidden';
+ }
+ }
+
+ t.cleartracks(player);
+
+ player.captions = _document2.default.createElement('div');
+ player.captions.className = t.options.classPrefix + 'captions-layer ' + t.options.classPrefix + 'layer';
+ player.captions.innerHTML = '<div class="' + t.options.classPrefix + 'captions-position ' + t.options.classPrefix + 'captions-position-hover"' + attr + '>' + ('<span class="' + t.options.classPrefix + 'captions-text"></span>') + '</div>';
+ player.captions.style.display = 'none';
+ layers.insertBefore(player.captions, layers.firstChild);
+
+ player.captionsText = player.captions.querySelector('.' + t.options.classPrefix + 'captions-text');
+
+ player.captionsButton = _document2.default.createElement('div');
+ player.captionsButton.className = t.options.classPrefix + 'button ' + t.options.classPrefix + 'captions-button';
+ player.captionsButton.innerHTML = '<button type="button" aria-controls="' + t.id + '" title="' + tracksTitle + '" aria-label="' + tracksTitle + '" tabindex="0"></button>' + ('<div class="' + t.options.classPrefix + 'captions-selector ' + t.options.classPrefix + 'offscreen">') + ('<ul class="' + t.options.classPrefix + 'captions-selector-list">') + ('<li class="' + t.options.classPrefix + 'captions-selector-list-item">') + ('<input type="radio" class="' + t.options.classPrefix + 'captions-selector-input" ') + ('name="' + player.id + '_captions" id="' + player.id + '_captions_none" ') + 'value="none" checked disabled>' + ('<label class="' + t.options.classPrefix + 'captions-selector-label ') + (t.options.classPrefix + 'captions-selected" ') + ('for="' + player.id + '_captions_none">' + _i18n2.default.t('mejs.none') + '</label>') + '</li>' + '</ul>' + '</div>';
+
+ t.addControlElement(player.captionsButton, 'tracks');
+
+ player.captionsButton.querySelector('.' + t.options.classPrefix + 'captions-selector-input').disabled = false;
+
+ player.chaptersButton = _document2.default.createElement('div');
+ player.chaptersButton.className = t.options.classPrefix + 'button ' + t.options.classPrefix + 'chapters-button';
+ player.chaptersButton.innerHTML = '<button type="button" aria-controls="' + t.id + '" title="' + chaptersTitle + '" aria-label="' + chaptersTitle + '" tabindex="0"></button>' + ('<div class="' + t.options.classPrefix + 'chapters-selector ' + t.options.classPrefix + 'offscreen">') + ('<ul class="' + t.options.classPrefix + 'chapters-selector-list"></ul>') + '</div>';
+
+ var subtitleCount = 0;
+
+ for (var _i = 0; _i < total; _i++) {
+ var kind = player.tracks[_i].kind,
+ src = player.tracks[_i].src;
+ if (src.trim()) {
+ if (kind === 'subtitles' || kind === 'captions') {
+ subtitleCount++;
+ } else if (kind === 'chapters' && !controls.querySelector('.' + t.options.classPrefix + 'chapter-selector')) {
+ player.captionsButton.parentNode.insertBefore(player.chaptersButton, player.captionsButton);
+ }
+ }
+ }
+
+ player.trackToLoad = -1;
+ player.selectedTrack = null;
+ player.isLoadingTrack = false;
+
+ for (var _i2 = 0; _i2 < total; _i2++) {
+ var _kind = player.tracks[_i2].kind;
+ if (player.tracks[_i2].src.trim() && (_kind === 'subtitles' || _kind === 'captions')) {
+ player.addTrackButton(player.tracks[_i2].trackId, player.tracks[_i2].srclang, player.tracks[_i2].label);
+ }
+ }
+
+ player.loadNextTrack();
+
+ var inEvents = ['mouseenter', 'focusin'],
+ outEvents = ['mouseleave', 'focusout'];
+
+ if (t.options.toggleCaptionsButtonWhenOnlyOne && subtitleCount === 1) {
+ player.captionsButton.addEventListener('click', function () {
+ var trackId = 'none';
+ if (player.selectedTrack === null) {
+ trackId = player.tracks[0].trackId;
+ }
+ player.setTrack(trackId);
+ });
+ } else {
+ var labels = player.captionsButton.querySelectorAll('.' + t.options.classPrefix + 'captions-selector-label'),
+ captions = player.captionsButton.querySelectorAll('input[type=radio]');
+
+ for (var _i3 = 0, _total = inEvents.length; _i3 < _total; _i3++) {
+ player.captionsButton.addEventListener(inEvents[_i3], function () {
+ (0, _dom.removeClass)(this.querySelector('.' + t.options.classPrefix + 'captions-selector'), t.options.classPrefix + 'offscreen');
+ });
+ }
+
+ for (var _i4 = 0, _total2 = outEvents.length; _i4 < _total2; _i4++) {
+ player.captionsButton.addEventListener(outEvents[_i4], function () {
+ (0, _dom.addClass)(this.querySelector('.' + t.options.classPrefix + 'captions-selector'), t.options.classPrefix + 'offscreen');
+ });
+ }
+
+ for (var _i5 = 0, _total3 = captions.length; _i5 < _total3; _i5++) {
+ captions[_i5].addEventListener('click', function () {
+ player.setTrack(this.value);
+ });
+ }
+
+ for (var _i6 = 0, _total4 = labels.length; _i6 < _total4; _i6++) {
+ labels[_i6].addEventListener('click', function () {
+ var radio = (0, _dom.siblings)(this, function (el) {
+ return el.tagName === 'INPUT';
+ })[0],
+ event = (0, _general.createEvent)('click', radio);
+ radio.dispatchEvent(event);
+ });
+ }
+
+ player.captionsButton.addEventListener('keydown', function (e) {
+ e.stopPropagation();
+ });
+ }
+
+ for (var _i7 = 0, _total5 = inEvents.length; _i7 < _total5; _i7++) {
+ player.chaptersButton.addEventListener(inEvents[_i7], function () {
+ if (this.querySelector('.' + t.options.classPrefix + 'chapters-selector-list').children.length) {
+ (0, _dom.removeClass)(this.querySelector('.' + t.options.classPrefix + 'chapters-selector'), t.options.classPrefix + 'offscreen');
+ }
+ });
+ }
+
+ for (var _i8 = 0, _total6 = outEvents.length; _i8 < _total6; _i8++) {
+ player.chaptersButton.addEventListener(outEvents[_i8], function () {
+ (0, _dom.addClass)(this.querySelector('.' + t.options.classPrefix + 'chapters-selector'), t.options.classPrefix + 'offscreen');
+ });
+ }
+
+ player.chaptersButton.addEventListener('keydown', function (e) {
+ e.stopPropagation();
+ });
+
+ if (!player.options.alwaysShowControls) {
+ player.container.addEventListener('controlsshown', function () {
+ (0, _dom.addClass)(player.container.querySelector('.' + t.options.classPrefix + 'captions-position'), t.options.classPrefix + 'captions-position-hover');
+ });
+
+ player.container.addEventListener('controlshidden', function () {
+ if (!media.paused) {
+ (0, _dom.removeClass)(player.container.querySelector('.' + t.options.classPrefix + 'captions-position'), t.options.classPrefix + 'captions-position-hover');
+ }
+ });
+ } else {
+ (0, _dom.addClass)(player.container.querySelector('.' + t.options.classPrefix + 'captions-position'), t.options.classPrefix + 'captions-position-hover');
+ }
+
+ media.addEventListener('timeupdate', function () {
+ player.displayCaptions();
+ });
+
+ if (player.options.slidesSelector !== '') {
+ player.slidesContainer = _document2.default.querySelectorAll(player.options.slidesSelector);
+
+ media.addEventListener('timeupdate', function () {
+ player.displaySlides();
+ });
+ }
+ },
+ cleartracks: function cleartracks(player) {
+ if (player) {
+ if (player.captions) {
+ player.captions.remove();
+ }
+ if (player.chapters) {
+ player.chapters.remove();
+ }
+ if (player.captionsText) {
+ player.captionsText.remove();
+ }
+ if (player.captionsButton) {
+ player.captionsButton.remove();
+ }
+ if (player.chaptersButton) {
+ player.chaptersButton.remove();
+ }
+ }
+ },
+ rebuildtracks: function rebuildtracks() {
+ var t = this;
+ t.findTracks();
+ t.buildtracks(t, t.controls, t.layers, t.media);
+ },
+ findTracks: function findTracks() {
+ var t = this,
+ tracktags = t.trackFiles === null ? t.node.querySelectorAll('track') : t.trackFiles,
+ total = tracktags.length;
+
+ t.tracks = [];
+ for (var i = 0; i < total; i++) {
+ var track = tracktags[i],
+ srclang = track.getAttribute('srclang').toLowerCase() || '',
+ trackId = t.id + '_track_' + i + '_' + track.getAttribute('kind') + '_' + srclang;
+ t.tracks.push({
+ trackId: trackId,
+ srclang: srclang,
+ src: track.getAttribute('src'),
+ kind: track.getAttribute('kind'),
+ label: track.getAttribute('label') || '',
+ entries: [],
+ isLoaded: false
+ });
+ }
+ },
+ setTrack: function setTrack(trackId) {
+
+ var t = this,
+ radios = t.captionsButton.querySelectorAll('input[type="radio"]'),
+ captions = t.captionsButton.querySelectorAll('.' + t.options.classPrefix + 'captions-selected'),
+ track = t.captionsButton.querySelector('input[value="' + trackId + '"]');
+
+ for (var i = 0, total = radios.length; i < total; i++) {
+ radios[i].checked = false;
+ }
+
+ for (var _i9 = 0, _total7 = captions.length; _i9 < _total7; _i9++) {
+ (0, _dom.removeClass)(captions[_i9], t.options.classPrefix + 'captions-selected');
+ }
+
+ track.checked = true;
+ var labels = (0, _dom.siblings)(track, function (el) {
+ return (0, _dom.hasClass)(el, t.options.classPrefix + 'captions-selector-label');
+ });
+ for (var _i10 = 0, _total8 = labels.length; _i10 < _total8; _i10++) {
+ (0, _dom.addClass)(labels[_i10], t.options.classPrefix + 'captions-selected');
+ }
+
+ if (trackId === 'none') {
+ t.selectedTrack = null;
+ (0, _dom.removeClass)(t.captionsButton, t.options.classPrefix + 'captions-enabled');
+ } else {
+ for (var _i11 = 0, _total9 = t.tracks.length; _i11 < _total9; _i11++) {
+ var _track = t.tracks[_i11];
+ if (_track.trackId === trackId) {
+ if (t.selectedTrack === null) {
+ (0, _dom.addClass)(t.captionsButton, t.options.classPrefix + 'captions-enabled');
+ }
+ t.selectedTrack = _track;
+ t.captions.setAttribute('lang', t.selectedTrack.srclang);
+ t.displayCaptions();
+ break;
+ }
+ }
+ }
+
+ var event = (0, _general.createEvent)('captionschange', t.media);
+ event.detail.caption = t.selectedTrack;
+ t.media.dispatchEvent(event);
+ },
+ loadNextTrack: function loadNextTrack() {
+ var t = this;
+
+ t.trackToLoad++;
+ if (t.trackToLoad < t.tracks.length) {
+ t.isLoadingTrack = true;
+ t.loadTrack(t.trackToLoad);
+ } else {
+ t.isLoadingTrack = false;
+ t.checkForTracks();
+ }
+ },
+ loadTrack: function loadTrack(index) {
+ var t = this,
+ track = t.tracks[index];
+
+ if (track !== undefined && (track.src !== undefined || track.src !== "")) {
+ (0, _dom.ajax)(track.src, 'text', function (d) {
+ track.entries = typeof d === 'string' && /<tt\s+xml/ig.exec(d) ? _mejs2.default.TrackFormatParser.dfxp.parse(d) : _mejs2.default.TrackFormatParser.webvtt.parse(d);
+
+ track.isLoaded = true;
+ t.enableTrackButton(track);
+ t.loadNextTrack();
+
+ if (track.kind === 'slides') {
+ t.setupSlides(track);
+ } else if (track.kind === 'chapters' && !t.hasChapters) {
+ t.drawChapters(track);
+ t.hasChapters = true;
+ }
+ }, function () {
+ t.removeTrackButton(track.trackId);
+ t.loadNextTrack();
+ });
+ }
+ },
+ enableTrackButton: function enableTrackButton(track) {
+ var t = this,
+ lang = track.srclang,
+ target = _document2.default.getElementById('' + track.trackId);
+
+ if (!target) {
+ return;
+ }
+
+ var label = track.label;
+
+ if (label === '') {
+ label = _i18n2.default.t(_mejs2.default.language.codes[lang]) || lang;
+ }
+ target.disabled = false;
+ var targetSiblings = (0, _dom.siblings)(target, function (el) {
+ return (0, _dom.hasClass)(el, t.options.classPrefix + 'captions-selector-label');
+ });
+ for (var i = 0, total = targetSiblings.length; i < total; i++) {
+ targetSiblings[i].innerHTML = label;
+ }
+
+ if (t.options.startLanguage === lang) {
+ target.checked = true;
+ var event = (0, _general.createEvent)('click', target);
+ target.dispatchEvent(event);
+ }
+ },
+ removeTrackButton: function removeTrackButton(trackId) {
+ var element = _document2.default.getElementById('' + trackId);
+ if (element) {
+ var button = element.closest('li');
+ if (button) {
+ button.remove();
+ }
+ }
+ },
+ addTrackButton: function addTrackButton(trackId, lang, label) {
+ var t = this;
+ if (label === '') {
+ label = _i18n2.default.t(_mejs2.default.language.codes[lang]) || lang;
+ }
+
+ t.captionsButton.querySelector('ul').innerHTML += '<li class="' + t.options.classPrefix + 'captions-selector-list-item">' + ('<input type="radio" class="' + t.options.classPrefix + 'captions-selector-input" ') + ('name="' + t.id + '_captions" id="' + trackId + '" value="' + trackId + '" disabled>') + ('<label class="' + t.options.classPrefix + 'captions-selector-label"') + ('for="' + trackId + '">' + label + ' (loading)</label>') + '</li>';
+ },
+ checkForTracks: function checkForTracks() {
+ var t = this;
+
+ var hasSubtitles = false;
+
+ if (t.options.hideCaptionsButtonWhenEmpty) {
+ for (var i = 0, total = t.tracks.length; i < total; i++) {
+ var kind = t.tracks[i].kind;
+ if ((kind === 'subtitles' || kind === 'captions') && t.tracks[i].isLoaded) {
+ hasSubtitles = true;
+ break;
+ }
+ }
+
+ t.captionsButton.style.display = hasSubtitles ? '' : 'none';
+ t.setControlsSize();
+ }
+ },
+ displayCaptions: function displayCaptions() {
+ if (this.tracks === undefined) {
+ return;
+ }
+
+ var t = this,
+ track = t.selectedTrack,
+ sanitize = function sanitize(html) {
+ var div = _document2.default.createElement('div');
+ div.innerHTML = html;
+
+ var scripts = div.getElementsByTagName('script');
+ var i = scripts.length;
+ while (i--) {
+ scripts[i].remove();
+ }
+
+ var allElements = div.getElementsByTagName('*');
+ for (var _i12 = 0, n = allElements.length; _i12 < n; _i12++) {
+ var attributesObj = allElements[_i12].attributes,
+ attributes = Array.prototype.slice.call(attributesObj);
+
+ for (var j = 0, total = attributes.length; j < total; j++) {
+ if (attributes[j].name.startsWith('on') || attributes[j].value.startsWith('javascript')) {
+ allElements[_i12].remove();
+ } else if (attributes[j].name === 'style') {
+ allElements[_i12].removeAttribute(attributes[j].name);
+ }
+ }
+ }
+ return div.innerHTML;
+ };
+
+ if (track !== null && track.isLoaded) {
+ var i = t.searchTrackPosition(track.entries, t.media.currentTime);
+ if (i > -1) {
+ t.captionsText.innerHTML = sanitize(track.entries[i].text);
+ t.captionsText.className = t.options.classPrefix + 'captions-text ' + (track.entries[i].identifier || '');
+ t.captions.style.display = '';
+ t.captions.style.height = '0px';
+ return;
+ }
+ t.captions.style.display = 'none';
+ } else {
+ t.captions.style.display = 'none';
+ }
+ },
+ setupSlides: function setupSlides(track) {
+ var t = this;
+ t.slides = track;
+ t.slides.entries.imgs = [t.slides.entries.length];
+ t.showSlide(0);
+ },
+ showSlide: function showSlide(index) {
+ var _this = this;
+
+ var t = this;
+
+ if (t.tracks === undefined || t.slidesContainer === undefined) {
+ return;
+ }
+
+ var url = t.slides.entries[index].text;
+
+ var img = t.slides.entries[index].imgs;
+
+ if (img === undefined || img.fadeIn === undefined) {
+ var image = _document2.default.createElement('img');
+ image.src = url;
+ image.addEventListener('load', function () {
+ var self = _this,
+ visible = (0, _dom.siblings)(self, function (el) {
+ return visible(el);
+ });
+ self.style.display = 'none';
+ t.slidesContainer.innerHTML += self.innerHTML;
+ (0, _dom.fadeIn)(t.slidesContainer.querySelector(image));
+ for (var i = 0, total = visible.length; i < total; i++) {
+ (0, _dom.fadeOut)(visible[i], 400);
+ }
+ });
+ t.slides.entries[index].imgs = img = image;
+ } else if (!(0, _dom.visible)(img)) {
+ var _visible = (0, _dom.siblings)(self, function (el) {
+ return _visible(el);
+ });
+ (0, _dom.fadeIn)(t.slidesContainer.querySelector(img));
+ for (var i = 0, total = _visible.length; i < total; i++) {
+ (0, _dom.fadeOut)(_visible[i]);
+ }
+ }
+ },
+ displaySlides: function displaySlides() {
+ var t = this;
+
+ if (this.slides === undefined) {
+ return;
+ }
+
+ var slides = t.slides,
+ i = t.searchTrackPosition(slides.entries, t.media.currentTime);
+
+ if (i > -1) {
+ t.showSlide(i);
+ }
+ },
+ drawChapters: function drawChapters(chapters) {
+ var t = this,
+ total = chapters.entries.length;
+
+ if (!total) {
+ return;
+ }
+
+ t.chaptersButton.querySelector('ul').innerHTML = '';
+
+ for (var i = 0; i < total; i++) {
+ t.chaptersButton.querySelector('ul').innerHTML += '<li class="' + t.options.classPrefix + 'chapters-selector-list-item" ' + 'role="menuitemcheckbox" aria-live="polite" aria-disabled="false" aria-checked="false">' + ('<input type="radio" class="' + t.options.classPrefix + 'captions-selector-input" ') + ('name="' + t.id + '_chapters" id="' + t.id + '_chapters_' + i + '" value="' + chapters.entries[i].start + '" disabled>') + ('<label class="' + t.options.classPrefix + 'chapters-selector-label"') + ('for="' + t.id + '_chapters_' + i + '">' + chapters.entries[i].text + '</label>') + '</li>';
+ }
+
+ var radios = t.chaptersButton.querySelectorAll('input[type="radio"]'),
+ labels = t.chaptersButton.querySelectorAll('.' + t.options.classPrefix + 'chapters-selector-label');
+
+ for (var _i13 = 0, _total10 = radios.length; _i13 < _total10; _i13++) {
+ radios[_i13].disabled = false;
+ radios[_i13].checked = false;
+ radios[_i13].addEventListener('click', function () {
+ var self = this,
+ listItems = t.chaptersButton.querySelectorAll('li'),
+ label = (0, _dom.siblings)(self, function (el) {
+ return (0, _dom.hasClass)(el, t.options.classPrefix + 'chapters-selector-label');
+ })[0];
+
+ self.checked = true;
+ self.parentNode.setAttribute('aria-checked', true);
+ (0, _dom.addClass)(label, t.options.classPrefix + 'chapters-selected');
+ (0, _dom.removeClass)(t.chaptersButton.querySelector('.' + t.options.classPrefix + 'chapters-selected'), t.options.classPrefix + 'chapters-selected');
+
+ for (var _i14 = 0, _total11 = listItems.length; _i14 < _total11; _i14++) {
+ listItems[_i14].setAttribute('aria-checked', false);
+ }
+
+ t.media.setCurrentTime(parseFloat(self.value));
+ if (t.media.paused) {
+ t.media.play();
+ }
+ });
+ }
+
+ for (var _i15 = 0, _total12 = labels.length; _i15 < _total12; _i15++) {
+ labels[_i15].addEventListener('click', function () {
+ var radio = (0, _dom.siblings)(this, function (el) {
+ return el.tagName === 'INPUT';
+ })[0],
+ event = (0, _general.createEvent)('click', radio);
+ radio.dispatchEvent(event);
+ });
+ }
+ },
+ searchTrackPosition: function searchTrackPosition(tracks, currentTime) {
+ var lo = 0,
+ hi = tracks.length - 1,
+ mid = void 0,
+ start = void 0,
+ stop = void 0;
+
+ while (lo <= hi) {
+ mid = lo + hi >> 1;
+ start = tracks[mid].start;
+ stop = tracks[mid].stop;
+
+ if (currentTime >= start && currentTime < stop) {
+ return mid;
+ } else if (start < currentTime) {
+ lo = mid + 1;
+ } else if (start > currentTime) {
+ hi = mid - 1;
+ }
+ }
+
+ return -1;
+ }
+});
+
+_mejs2.default.language = {
+ codes: {
+ af: 'mejs.afrikaans',
+ sq: 'mejs.albanian',
+ ar: 'mejs.arabic',
+ be: 'mejs.belarusian',
+ bg: 'mejs.bulgarian',
+ ca: 'mejs.catalan',
+ zh: 'mejs.chinese',
+ 'zh-cn': 'mejs.chinese-simplified',
+ 'zh-tw': 'mejs.chines-traditional',
+ hr: 'mejs.croatian',
+ cs: 'mejs.czech',
+ da: 'mejs.danish',
+ nl: 'mejs.dutch',
+ en: 'mejs.english',
+ et: 'mejs.estonian',
+ fl: 'mejs.filipino',
+ fi: 'mejs.finnish',
+ fr: 'mejs.french',
+ gl: 'mejs.galician',
+ de: 'mejs.german',
+ el: 'mejs.greek',
+ ht: 'mejs.haitian-creole',
+ iw: 'mejs.hebrew',
+ hi: 'mejs.hindi',
+ hu: 'mejs.hungarian',
+ is: 'mejs.icelandic',
+ id: 'mejs.indonesian',
+ ga: 'mejs.irish',
+ it: 'mejs.italian',
+ ja: 'mejs.japanese',
+ ko: 'mejs.korean',
+ lv: 'mejs.latvian',
+ lt: 'mejs.lithuanian',
+ mk: 'mejs.macedonian',
+ ms: 'mejs.malay',
+ mt: 'mejs.maltese',
+ no: 'mejs.norwegian',
+ fa: 'mejs.persian',
+ pl: 'mejs.polish',
+ pt: 'mejs.portuguese',
+ ro: 'mejs.romanian',
+ ru: 'mejs.russian',
+ sr: 'mejs.serbian',
+ sk: 'mejs.slovak',
+ sl: 'mejs.slovenian',
+ es: 'mejs.spanish',
+ sw: 'mejs.swahili',
+ sv: 'mejs.swedish',
+ tl: 'mejs.tagalog',
+ th: 'mejs.thai',
+ tr: 'mejs.turkish',
+ uk: 'mejs.ukrainian',
+ vi: 'mejs.vietnamese',
+ cy: 'mejs.welsh',
+ yi: 'mejs.yiddish'
+ }
+};
+
+_mejs2.default.TrackFormatParser = {
+ webvtt: {
+ pattern: /^((?:[0-9]{1,2}:)?[0-9]{2}:[0-9]{2}([,.][0-9]{1,3})?) --\> ((?:[0-9]{1,2}:)?[0-9]{2}:[0-9]{2}([,.][0-9]{3})?)(.*)$/,
+
+ parse: function parse(trackText) {
+ var lines = trackText.split(/\r?\n/),
+ entries = [];
+
+ var timecode = void 0,
+ text = void 0,
+ identifier = void 0;
+
+ for (var i = 0, total = lines.length; i < total; i++) {
+ timecode = this.pattern.exec(lines[i]);
+
+ if (timecode && i < lines.length) {
+ if (i - 1 >= 0 && lines[i - 1] !== '') {
+ identifier = lines[i - 1];
+ }
+ i++;
+
+ text = lines[i];
+ i++;
+ while (lines[i] !== '' && i < lines.length) {
+ text = text + '\n' + lines[i];
+ i++;
+ }
+ text = text.trim().replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig, "<a href='$1' target='_blank'>$1</a>");
+ entries.push({
+ identifier: identifier,
+ start: (0, _time.convertSMPTEtoSeconds)(timecode[1]) === 0 ? 0.200 : (0, _time.convertSMPTEtoSeconds)(timecode[1]),
+ stop: (0, _time.convertSMPTEtoSeconds)(timecode[3]),
+ text: text,
+ settings: timecode[5]
+ });
+ }
+ identifier = '';
+ }
+ return entries;
+ }
+ },
+
+ dfxp: {
+ parse: function parse(trackText) {
+ trackText = $(trackText).filter('tt');
+ var container = trackText.firstChild,
+ lines = container.querySelectorAll('p'),
+ styleNode = trackText.getElementById('' + container.attr('style')),
+ entries = [];
+
+ var styles = void 0;
+
+ if (styleNode.length) {
+ styleNode.removeAttribute('id');
+ var attributes = styleNode.attributes;
+ if (attributes.length) {
+ styles = {};
+ for (var i = 0, total = attributes.length; i < total; i++) {
+ styles[attributes[i].name.split(":")[1]] = attributes[i].value;
+ }
+ }
+ }
+
+ for (var _i16 = 0, _total13 = lines.length; _i16 < _total13; _i16++) {
+ var style = void 0,
+ _temp = {
+ start: null,
+ stop: null,
+ style: null,
+ text: null
+ };
+
+ if (lines.eq(_i16).attr('begin')) {
+ _temp.start = (0, _time.convertSMPTEtoSeconds)(lines.eq(_i16).attr('begin'));
+ }
+ if (!_temp.start && lines.eq(_i16 - 1).attr('end')) {
+ _temp.start = (0, _time.convertSMPTEtoSeconds)(lines.eq(_i16 - 1).attr('end'));
+ }
+ if (lines.eq(_i16).attr('end')) {
+ _temp.stop = (0, _time.convertSMPTEtoSeconds)(lines.eq(_i16).attr('end'));
+ }
+ if (!_temp.stop && lines.eq(_i16 + 1).attr('begin')) {
+ _temp.stop = (0, _time.convertSMPTEtoSeconds)(lines.eq(_i16 + 1).attr('begin'));
+ }
+
+ if (styles) {
+ style = '';
+ for (var _style in styles) {
+ style += _style + ':' + styles[_style] + ';';
+ }
+ }
+ if (style) {
+ _temp.style = style;
+ }
+ if (_temp.start === 0) {
+ _temp.start = 0.200;
+ }
+ _temp.text = lines.eq(_i16).innerHTML.trim().replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig, "<a href='$1' target='_blank'>$1</a>");
+ entries.push(_temp);
+ }
+ return entries;
+ }
+ }
+};
+
+},{"16":16,"2":2,"26":26,"27":27,"30":30,"5":5,"7":7}],14:[function(_dereq_,module,exports){
+'use strict';
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _player = _dereq_(16);
+
+var _player2 = _interopRequireDefault(_player);
+
+var _i18n = _dereq_(5);
+
+var _i18n2 = _interopRequireDefault(_i18n);
+
+var _constants = _dereq_(25);
+
+var _general = _dereq_(27);
+
+var _dom = _dereq_(26);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+Object.assign(_player.config, {
+ muteText: null,
+
+ unmuteText: null,
+
+ allyVolumeControlText: null,
+
+ hideVolumeOnTouchDevices: true,
+
+ audioVolume: 'horizontal',
+
+ videoVolume: 'vertical',
+
+ startVolume: 0.8
+});
+
+Object.assign(_player2.default.prototype, {
+ buildvolume: function buildvolume(player, controls, layers, media) {
+ if ((_constants.IS_ANDROID || _constants.IS_IOS) && this.options.hideVolumeOnTouchDevices) {
+ return;
+ }
+
+ var t = this,
+ mode = t.isVideo ? t.options.videoVolume : t.options.audioVolume,
+ muteText = (0, _general.isString)(t.options.muteText) ? t.options.muteText : _i18n2.default.t('mejs.mute'),
+ unmuteText = (0, _general.isString)(t.options.unmuteText) ? t.options.unmuteText : _i18n2.default.t('mejs.unmute'),
+ volumeControlText = (0, _general.isString)(t.options.allyVolumeControlText) ? t.options.allyVolumeControlText : _i18n2.default.t('mejs.volume-help-text'),
+ mute = _document2.default.createElement('div');
+
+ mute.className = t.options.classPrefix + 'button ' + t.options.classPrefix + 'volume-button ' + t.options.classPrefix + 'mute';
+ mute.innerHTML = mode === 'horizontal' ? '<button type="button" aria-controls="' + t.id + '" title="' + muteText + '" aria-label="' + muteText + '" tabindex="0"></button>' : '<button type="button" aria-controls="' + t.id + '" title="' + muteText + '" aria-label="' + muteText + '" tabindex="0"></button>' + ('<a href="javascript:void(0);" class="' + t.options.classPrefix + 'volume-slider" ') + ('aria-label="' + _i18n2.default.t('mejs.volume-slider') + '" aria-valuemin="0" aria-valuemax="100" role="slider" ') + 'aria-orientation="vertical">' + ('<span class="' + t.options.classPrefix + 'offscreen">' + volumeControlText + '</span>') + ('<div class="' + t.options.classPrefix + 'volume-total">') + ('<div class="' + t.options.classPrefix + 'volume-current"></div>') + ('<div class="' + t.options.classPrefix + 'volume-handle"></div>') + '</div>' + '</a>';
+
+ t.addControlElement(mute, 'volume');
+
+ if (mode === 'horizontal') {
+ var anchor = _document2.default.createElement('a');
+ anchor.className = t.options.classPrefix + 'horizontal-volume-slider';
+ anchor.href = 'javascript:void(0);';
+ anchor.setAttribute('aria-label', _i18n2.default.t('mejs.volume-slider'));
+ anchor.setAttribute('aria-valuemin', 0);
+ anchor.setAttribute('aria-valuemax', 100);
+ anchor.setAttribute('role', 'slider');
+ anchor.innerHTML += '<span class="' + t.options.classPrefix + 'offscreen">' + volumeControlText + '</span>' + ('<div class="' + t.options.classPrefix + 'horizontal-volume-total">') + ('<div class="' + t.options.classPrefix + 'horizontal-volume-current"></div>') + ('<div class="' + t.options.classPrefix + 'horizontal-volume-handle"></div>') + '</div>';
+ mute.parentNode.insertBefore(anchor, mute.nextSibling);
+ }
+
+ var mouseIsDown = false,
+ mouseIsOver = false,
+ modified = false,
+ updateVolumeSlider = function updateVolumeSlider() {
+ var volume = Math.floor(media.volume * 100);
+ volumeSlider.setAttribute('aria-valuenow', volume);
+ volumeSlider.setAttribute('aria-valuetext', volume + '%');
+ };
+
+ var volumeSlider = mode === 'vertical' ? t.container.querySelector('.' + t.options.classPrefix + 'volume-slider') : t.container.querySelector('.' + t.options.classPrefix + 'horizontal-volume-slider'),
+ volumeTotal = mode === 'vertical' ? t.container.querySelector('.' + t.options.classPrefix + 'volume-total') : t.container.querySelector('.' + t.options.classPrefix + 'horizontal-volume-total'),
+ volumeCurrent = mode === 'vertical' ? t.container.querySelector('.' + t.options.classPrefix + 'volume-current') : t.container.querySelector('.' + t.options.classPrefix + 'horizontal-volume-current'),
+ volumeHandle = mode === 'vertical' ? t.container.querySelector('.' + t.options.classPrefix + 'volume-handle') : t.container.querySelector('.' + t.options.classPrefix + 'horizontal-volume-handle'),
+ positionVolumeHandle = function positionVolumeHandle(volume) {
+
+ if (volume === null || isNaN(volume) || volume === undefined) {
+ return;
+ }
+
+ volume = Math.max(0, volume);
+ volume = Math.min(volume, 1);
+
+ if (volume === 0) {
+ (0, _dom.removeClass)(mute, t.options.classPrefix + 'mute');
+ (0, _dom.addClass)(mute, t.options.classPrefix + 'unmute');
+ var button = mute.firstElementChild;
+ button.setAttribute('title', unmuteText);
+ button.setAttribute('aria-label', unmuteText);
+ } else {
+ (0, _dom.removeClass)(mute, t.options.classPrefix + 'unmute');
+ (0, _dom.addClass)(mute, t.options.classPrefix + 'mute');
+ var _button = mute.firstElementChild;
+ _button.setAttribute('title', muteText);
+ _button.setAttribute('aria-label', muteText);
+ }
+
+ var volumePercentage = volume * 100 + '%',
+ volumeStyles = getComputedStyle(volumeHandle);
+
+ if (mode === 'vertical') {
+ volumeCurrent.style.bottom = 0;
+ volumeCurrent.style.height = volumePercentage;
+ volumeHandle.style.bottom = volumePercentage;
+ volumeHandle.style.marginBottom = -parseFloat(volumeStyles.height) / 2 + 'px';
+ } else {
+ volumeCurrent.style.left = 0;
+ volumeCurrent.style.width = volumePercentage;
+ volumeHandle.style.left = volumePercentage;
+ volumeHandle.style.marginLeft = -parseFloat(volumeStyles.width) / 2 + 'px';
+ }
+ },
+ handleVolumeMove = function handleVolumeMove(e) {
+ var totalOffset = (0, _dom.offset)(volumeTotal),
+ volumeStyles = getComputedStyle(volumeTotal);
+
+ modified = true;
+
+ var volume = null;
+
+ if (mode === 'vertical') {
+ var railHeight = parseFloat(volumeStyles.height),
+ newY = e.pageY - totalOffset.top;
+
+ volume = (railHeight - newY) / railHeight;
+
+ if (totalOffset.top === 0 || totalOffset.left === 0) {
+ return;
+ }
+ } else {
+ var railWidth = parseFloat(volumeStyles.width),
+ newX = e.pageX - totalOffset.left;
+
+ volume = newX / railWidth;
+ }
+
+ volume = Math.max(0, volume);
+ volume = Math.min(volume, 1);
+
+ positionVolumeHandle(volume);
+
+ t.setMuted(volume === 0);
+ t.setVolume(volume);
+
+ e.preventDefault();
+ e.stopPropagation();
+ },
+ toggleMute = function toggleMute() {
+ if (t.muted) {
+ positionVolumeHandle(0);
+ (0, _dom.removeClass)(mute, t.options.classPrefix + 'mute');
+ (0, _dom.addClass)(mute, t.options.classPrefix + 'unmute');
+ } else {
+ positionVolumeHandle(media.volume);
+ (0, _dom.removeClass)(mute, t.options.classPrefix + 'unmute');
+ (0, _dom.addClass)(mute, t.options.classPrefix + 'mute');
+ }
+ };
+
+ mute.addEventListener('mouseenter', function (e) {
+ if (e.target === mute) {
+ volumeSlider.style.display = 'block';
+ mouseIsOver = true;
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ });
+ mute.addEventListener('focusin', function () {
+ volumeSlider.style.display = 'block';
+ mouseIsOver = true;
+ });
+
+ mute.addEventListener('focusout', function (e) {
+ if ((!e.relatedTarget || e.relatedTarget && !e.relatedTarget.matches('.' + t.options.classPrefix + 'volume-slider')) && mode === 'vertical') {
+ volumeSlider.style.display = 'none';
+ }
+ });
+ mute.addEventListener('mouseleave', function () {
+ mouseIsOver = false;
+ if (!mouseIsDown && mode === 'vertical') {
+ volumeSlider.style.display = 'none';
+ }
+ });
+ mute.addEventListener('focusout', function () {
+ mouseIsOver = false;
+ });
+ mute.addEventListener('keydown', function (e) {
+ if (t.options.keyActions.length) {
+ var keyCode = e.which || e.keyCode || 0,
+ volume = media.volume;
+
+ switch (keyCode) {
+ case 38:
+ volume = Math.min(volume + 0.1, 1);
+ break;
+ case 40:
+ volume = Math.max(0, volume - 0.1);
+ break;
+ default:
+ return true;
+ }
+
+ mouseIsDown = false;
+ positionVolumeHandle(volume);
+ media.setVolume(volume);
+
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ });
+ mute.querySelector('button').addEventListener('click', function () {
+ media.setMuted(!media.muted);
+ var event = (0, _general.createEvent)('volumechange', media);
+ media.dispatchEvent(event);
+ });
+
+ volumeSlider.addEventListener('dragstart', function () {
+ return false;
+ });
+
+ volumeSlider.addEventListener('mouseover', function () {
+ mouseIsOver = true;
+ });
+ volumeSlider.addEventListener('focusin', function () {
+ volumeSlider.style.display = 'block';
+ mouseIsOver = true;
+ });
+ volumeSlider.addEventListener('focusout', function () {
+ mouseIsOver = false;
+ if (!mouseIsDown && mode === 'vertical') {
+ volumeSlider.style.display = 'none';
+ }
+ });
+ volumeSlider.addEventListener('mousedown', function (e) {
+ handleVolumeMove(e);
+ t.globalBind('mousemove.vol', function (event) {
+ var target = event.target;
+ if (mouseIsDown && (target === volumeSlider || target.closest(mode === 'vertical' ? '.' + t.options.classPrefix + 'volume-slider' : '.' + t.options.classPrefix + 'horizontal-volume-slider'))) {
+ handleVolumeMove(event);
+ }
+ });
+ t.globalBind('mouseup.vol', function () {
+ mouseIsDown = false;
+ if (!mouseIsOver && mode === 'vertical') {
+ volumeSlider.style.display = 'none';
+ }
+ });
+ mouseIsDown = true;
+ e.preventDefault();
+ e.stopPropagation();
+ });
+
+ media.addEventListener('volumechange', function (e) {
+ if (!mouseIsDown) {
+ toggleMute();
+ }
+ updateVolumeSlider(e);
+ });
+
+ var rendered = false;
+ media.addEventListener('rendererready', function () {
+ if (!modified) {
+ setTimeout(function () {
+ rendered = true;
+ if (player.options.startVolume === 0 || media.originalNode.muted) {
+ media.setMuted(true);
+ player.options.startVolume = 0;
+ }
+ media.setVolume(player.options.startVolume);
+ t.setControlsSize();
+ }, 250);
+ }
+ });
+
+ media.addEventListener('loadedmetadata', function () {
+ setTimeout(function () {
+ if (!modified && !rendered) {
+ if (player.options.startVolume === 0 || media.originalNode.muted) {
+ media.setMuted(true);
+ player.options.startVolume = 0;
+ }
+ media.setVolume(player.options.startVolume);
+ t.setControlsSize();
+ }
+ rendered = false;
+ }, 250);
+ });
+
+ if (player.options.startVolume === 0 || media.originalNode.muted) {
+ media.setMuted(true);
+ player.options.startVolume = 0;
+ toggleMute();
+ }
+
+ t.container.addEventListener('controlsresize', function () {
+ toggleMute();
+ });
+ }
+});
+
+},{"16":16,"2":2,"25":25,"26":26,"27":27,"5":5}],15:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+var EN = exports.EN = {
+ 'mejs.plural-form': 1,
+
+ 'mejs.download-file': 'Download File',
+
+ 'mejs.install-flash': 'You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https://get.adobe.com/flashplayer/',
+
+ 'mejs.fullscreen': 'Fullscreen',
+
+ 'mejs.play': 'Play',
+ 'mejs.pause': 'Pause',
+
+ 'mejs.time-slider': 'Time Slider',
+ 'mejs.time-help-text': 'Use Left/Right Arrow keys to advance one second, Up/Down arrows to advance ten seconds.',
+ 'mejs.live-broadcast': 'Live Broadcast',
+
+ 'mejs.volume-help-text': 'Use Up/Down Arrow keys to increase or decrease volume.',
+ 'mejs.unmute': 'Unmute',
+ 'mejs.mute': 'Mute',
+ 'mejs.volume-slider': 'Volume Slider',
+
+ 'mejs.video-player': 'Video Player',
+ 'mejs.audio-player': 'Audio Player',
+
+ 'mejs.captions-subtitles': 'Captions/Subtitles',
+ 'mejs.captions-chapters': 'Chapters',
+ 'mejs.none': 'None',
+ 'mejs.afrikaans': 'Afrikaans',
+ 'mejs.albanian': 'Albanian',
+ 'mejs.arabic': 'Arabic',
+ 'mejs.belarusian': 'Belarusian',
+ 'mejs.bulgarian': 'Bulgarian',
+ 'mejs.catalan': 'Catalan',
+ 'mejs.chinese': 'Chinese',
+ 'mejs.chinese-simplified': 'Chinese (Simplified)',
+ 'mejs.chinese-traditional': 'Chinese (Traditional)',
+ 'mejs.croatian': 'Croatian',
+ 'mejs.czech': 'Czech',
+ 'mejs.danish': 'Danish',
+ 'mejs.dutch': 'Dutch',
+ 'mejs.english': 'English',
+ 'mejs.estonian': 'Estonian',
+ 'mejs.filipino': 'Filipino',
+ 'mejs.finnish': 'Finnish',
+ 'mejs.french': 'French',
+ 'mejs.galician': 'Galician',
+ 'mejs.german': 'German',
+ 'mejs.greek': 'Greek',
+ 'mejs.haitian-creole': 'Haitian Creole',
+ 'mejs.hebrew': 'Hebrew',
+ 'mejs.hindi': 'Hindi',
+ 'mejs.hungarian': 'Hungarian',
+ 'mejs.icelandic': 'Icelandic',
+ 'mejs.indonesian': 'Indonesian',
+ 'mejs.irish': 'Irish',
+ 'mejs.italian': 'Italian',
+ 'mejs.japanese': 'Japanese',
+ 'mejs.korean': 'Korean',
+ 'mejs.latvian': 'Latvian',
+ 'mejs.lithuanian': 'Lithuanian',
+ 'mejs.macedonian': 'Macedonian',
+ 'mejs.malay': 'Malay',
+ 'mejs.maltese': 'Maltese',
+ 'mejs.norwegian': 'Norwegian',
+ 'mejs.persian': 'Persian',
+ 'mejs.polish': 'Polish',
+ 'mejs.portuguese': 'Portuguese',
+ 'mejs.romanian': 'Romanian',
+ 'mejs.russian': 'Russian',
+ 'mejs.serbian': 'Serbian',
+ 'mejs.slovak': 'Slovak',
+ 'mejs.slovenian': 'Slovenian',
+ 'mejs.spanish': 'Spanish',
+ 'mejs.swahili': 'Swahili',
+ 'mejs.swedish': 'Swedish',
+ 'mejs.tagalog': 'Tagalog',
+ 'mejs.thai': 'Thai',
+ 'mejs.turkish': 'Turkish',
+ 'mejs.ukrainian': 'Ukrainian',
+ 'mejs.vietnamese': 'Vietnamese',
+ 'mejs.welsh': 'Welsh',
+ 'mejs.yiddish': 'Yiddish'
+};
+
+},{}],16:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.config = undefined;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _mediaelement = _dereq_(6);
+
+var _mediaelement2 = _interopRequireDefault(_mediaelement);
+
+var _default = _dereq_(17);
+
+var _default2 = _interopRequireDefault(_default);
+
+var _i18n = _dereq_(5);
+
+var _i18n2 = _interopRequireDefault(_i18n);
+
+var _constants = _dereq_(25);
+
+var _general = _dereq_(27);
+
+var _time = _dereq_(30);
+
+var _media = _dereq_(28);
+
+var _dom = _dereq_(26);
+
+var dom = _interopRequireWildcard(_dom);
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+_mejs2.default.mepIndex = 0;
+
+_mejs2.default.players = {};
+
+var config = exports.config = {
+ poster: '',
+
+ showPosterWhenEnded: false,
+
+ showPosterWhenPaused: false,
+
+ defaultVideoWidth: 480,
+
+ defaultVideoHeight: 270,
+
+ videoWidth: -1,
+
+ videoHeight: -1,
+
+ defaultAudioWidth: 400,
+
+ defaultAudioHeight: 40,
+
+ defaultSeekBackwardInterval: function defaultSeekBackwardInterval(media) {
+ return media.getDuration() * 0.05;
+ },
+
+ defaultSeekForwardInterval: function defaultSeekForwardInterval(media) {
+ return media.getDuration() * 0.05;
+ },
+
+ setDimensions: true,
+
+ audioWidth: -1,
+
+ audioHeight: -1,
+
+ loop: false,
+
+ autoRewind: true,
+
+ enableAutosize: true,
+
+ timeFormat: '',
+
+ alwaysShowHours: false,
+
+ showTimecodeFrameCount: false,
+
+ framesPerSecond: 25,
+
+ alwaysShowControls: false,
+
+ hideVideoControlsOnLoad: false,
+
+ hideVideoControlsOnPause: false,
+
+ clickToPlayPause: true,
+
+ controlsTimeoutDefault: 1500,
+
+ controlsTimeoutMouseEnter: 2500,
+
+ controlsTimeoutMouseLeave: 1000,
+
+ iPadUseNativeControls: false,
+
+ iPhoneUseNativeControls: false,
+
+ AndroidUseNativeControls: false,
+
+ features: ['playpause', 'current', 'progress', 'duration', 'tracks', 'volume', 'fullscreen'],
+
+ useDefaultControls: false,
+
+ isVideo: true,
+
+ stretching: 'auto',
+
+ classPrefix: 'mejs__',
+
+ enableKeyboard: true,
+
+ pauseOtherPlayers: true,
+
+ secondsDecimalLength: 0,
+
+ customError: null,
+
+ keyActions: [{
+ keys: [32, 179],
+ action: function action(player) {
+
+ if (!_constants.IS_FIREFOX) {
+ if (player.paused || player.ended) {
+ player.play();
+ } else {
+ player.pause();
+ }
+ }
+ }
+ }, {
+ keys: [38],
+ action: function action(player) {
+
+ if (player.container.querySelector('.' + config.classPrefix + 'volume-button>button').matches(':focus') || player.container.querySelector('.' + config.classPrefix + 'volume-slider').matches(':focus')) {
+ player.container.querySelector('.' + config.classPrefix + 'volume-slider').style.display = '';
+ }
+ if (player.isVideo) {
+ player.showControls();
+ player.startControlsTimer();
+ }
+
+ var newVolume = Math.min(player.volume + 0.1, 1);
+ player.setVolume(newVolume);
+ if (newVolume > 0) {
+ player.setMuted(false);
+ }
+ }
+ }, {
+ keys: [40],
+ action: function action(player) {
+
+ if (player.container.querySelector('.' + config.classPrefix + 'volume-button>button').matches(':focus') || player.container.querySelector('.' + config.classPrefix + 'volume-slider').matches(':focus')) {
+ player.container.querySelector('.' + config.classPrefix + 'volume-slider').style.display = '';
+ }
+
+ if (player.isVideo) {
+ player.showControls();
+ player.startControlsTimer();
+ }
+
+ var newVolume = Math.max(player.volume - 0.1, 0);
+ player.setVolume(newVolume);
+
+ if (newVolume <= 0.1) {
+ player.setMuted(true);
+ }
+ }
+ }, {
+ keys: [37, 227],
+ action: function action(player) {
+ if (!isNaN(player.duration) && player.duration > 0) {
+ if (player.isVideo) {
+ player.showControls();
+ player.startControlsTimer();
+ }
+
+ var newTime = Math.max(player.currentTime - player.options.defaultSeekBackwardInterval(player), 0);
+ player.setCurrentTime(newTime);
+ }
+ }
+ }, {
+ keys: [39, 228],
+ action: function action(player) {
+
+ if (!isNaN(player.duration) && player.duration > 0) {
+ if (player.isVideo) {
+ player.showControls();
+ player.startControlsTimer();
+ }
+
+ var newTime = Math.min(player.currentTime + player.options.defaultSeekForwardInterval(player), player.duration);
+ player.setCurrentTime(newTime);
+ }
+ }
+ }, {
+ keys: [70],
+ action: function action(player, media, key, event) {
+ if (!event.ctrlKey) {
+ if (typeof player.enterFullScreen !== 'undefined') {
+ if (player.isFullScreen) {
+ player.exitFullScreen();
+ } else {
+ player.enterFullScreen();
+ }
+ }
+ }
+ }
+ }, {
+ keys: [77],
+ action: function action(player) {
+
+ player.container.querySelector('.' + config.classPrefix + 'volume-slider').style.display = '';
+ if (player.isVideo) {
+ player.showControls();
+ player.startControlsTimer();
+ }
+ if (player.media.muted) {
+ player.setMuted(false);
+ } else {
+ player.setMuted(true);
+ }
+ }
+ }]
+};
+
+_mejs2.default.MepDefaults = config;
+
+var MediaElementPlayer = function () {
+ function MediaElementPlayer(node, o) {
+ _classCallCheck(this, MediaElementPlayer);
+
+ var t = this,
+ element = typeof node === 'string' ? _document2.default.getElementById(node) : node;
+
+ if (!(t instanceof MediaElementPlayer)) {
+ return new MediaElementPlayer(element, o);
+ }
+
+ t.node = t.media = element;
+
+ if (!t.node) {
+ return;
+ }
+
+ if (t.media.player) {
+ return t.media.player;
+ }
+
+ t.hasFocus = false;
+
+ t.controlsAreVisible = true;
+
+ t.controlsEnabled = true;
+
+ t.controlsTimer = null;
+
+ t.currentMediaTime = 0;
+
+ t.proxy = null;
+
+ if (o === undefined) {
+ var options = t.node.getAttribute('data-mejsoptions');
+ o = options ? JSON.parse(options) : {};
+ }
+
+ t.options = Object.assign({}, config, o);
+
+ if (t.options.loop && !t.media.getAttribute('loop')) {
+ t.media.loop = true;
+ t.node.loop = true;
+ } else if (t.media.loop) {
+ t.options.loop = true;
+ }
+
+ if (!t.options.timeFormat) {
+ t.options.timeFormat = 'mm:ss';
+ if (t.options.alwaysShowHours) {
+ t.options.timeFormat = 'hh:mm:ss';
+ }
+ if (t.options.showTimecodeFrameCount) {
+ t.options.timeFormat += ':ff';
+ }
+ }
+
+ (0, _time.calculateTimeFormat)(0, t.options, t.options.framesPerSecond || 25);
+
+ t.id = 'mep_' + _mejs2.default.mepIndex++;
+
+ _mejs2.default.players[t.id] = t;
+
+ var playerOptions = Object.assign({}, t.options, {
+ success: function success(media, domNode) {
+ t._meReady(media, domNode);
+ },
+ error: function error(e) {
+ t._handleError(e);
+ }
+ }),
+ tagName = t.node.tagName.toLowerCase();
+
+ t.isDynamic = tagName !== 'audio' && tagName !== 'video' && tagName !== 'iframe';
+ t.isVideo = t.isDynamic ? t.options.isVideo : tagName !== 'audio' && t.options.isVideo;
+ t.mediaFiles = null;
+ t.trackFiles = null;
+
+ if (_constants.IS_IPAD && t.options.iPadUseNativeControls || _constants.IS_IPHONE && t.options.iPhoneUseNativeControls) {
+ t.node.setAttribute('controls', true);
+
+ if (_constants.IS_IPAD && t.node.getAttribute('autoplay')) {
+ t.play();
+ }
+ } else if ((t.isVideo || !t.isVideo && (t.options.features.length || t.options.useDefaultControls)) && !(_constants.IS_ANDROID && t.options.AndroidUseNativeControls)) {
+ t.node.removeAttribute('controls');
+ var videoPlayerTitle = t.isVideo ? _i18n2.default.t('mejs.video-player') : _i18n2.default.t('mejs.audio-player');
+
+ var offscreen = _document2.default.createElement('span');
+ offscreen.className = t.options.classPrefix + 'offscreen';
+ offscreen.innerText = videoPlayerTitle;
+ t.media.parentNode.insertBefore(offscreen, t.media);
+
+ t.container = _document2.default.createElement('div');
+ t.container.id = t.id;
+ t.container.className = t.options.classPrefix + 'container ' + t.options.classPrefix + 'container-keyboard-inactive ' + t.media.className;
+ t.container.tabIndex = 0;
+ t.container.setAttribute('role', 'application');
+ t.container.setAttribute('aria-label', videoPlayerTitle);
+ t.container.innerHTML = '<div class="' + t.options.classPrefix + 'inner">' + ('<div class="' + t.options.classPrefix + 'mediaelement"></div>') + ('<div class="' + t.options.classPrefix + 'layers"></div>') + ('<div class="' + t.options.classPrefix + 'controls"></div>') + '</div>';
+ t.container.addEventListener('focus', function (e) {
+ if (!t.controlsAreVisible && !t.hasFocus && t.controlsEnabled) {
+ t.showControls(true);
+
+ var btnSelector = (0, _general.isNodeAfter)(e.relatedTarget, t.container) ? '.' + t.options.classPrefix + 'controls .' + t.options.classPrefix + 'button:last-child > button' : '.' + t.options.classPrefix + 'playpause-button > button',
+ button = t.container.querySelector(btnSelector);
+
+ button.focus();
+ }
+ });
+ t.node.parentNode.insertBefore(t.container, t.node);
+
+ if (!t.options.features.length && !t.options.useDefaultControls) {
+ t.container.style.background = 'transparent';
+ t.container.querySelector('.' + t.options.classPrefix + 'controls').style.display = 'none';
+ }
+
+ if (t.isVideo && t.options.stretching === 'fill' && !dom.hasClass(t.container.parentNode, t.options.classPrefix + 'fill-container')) {
+ t.outerContainer = t.media.parentNode;
+
+ var wrapper = _document2.default.createElement('div');
+ wrapper.className = t.options.classPrefix + 'fill-container';
+ t.container.parentNode.insertBefore(wrapper, t.container);
+ wrapper.appendChild(t.container);
+ }
+
+ if (_constants.IS_ANDROID) {
+ dom.addClass(t.container, t.options.classPrefix + 'android');
+ }
+ if (_constants.IS_IOS) {
+ dom.addClass(t.container, t.options.classPrefix + 'ios');
+ }
+ if (_constants.IS_IPAD) {
+ dom.addClass(t.container, t.options.classPrefix + 'ipad');
+ }
+ if (_constants.IS_IPHONE) {
+ dom.addClass(t.container, t.options.classPrefix + 'iphone');
+ }
+ dom.addClass(t.container, t.isVideo ? t.options.classPrefix + 'video' : t.options.classPrefix + 'audio');
+
+ if (_constants.IS_SAFARI && !_constants.IS_IOS) {
+
+ dom.addClass(t.container, t.options.classPrefix + 'hide-cues');
+
+ var cloneNode = t.node.cloneNode(),
+ children = t.node.children,
+ mediaFiles = [],
+ tracks = [];
+
+ for (var i = 0, total = children.length; i < total; i++) {
+ var childNode = children[i];
+
+ (function () {
+ switch (childNode.tagName.toLowerCase()) {
+ case 'source':
+ var elements = {};
+ Array.prototype.slice.call(childNode.attributes).forEach(function (item) {
+ elements[item.name] = item.value;
+ });
+ elements.type = (0, _media.formatType)(elements.src, elements.type);
+ mediaFiles.push(elements);
+ break;
+ case 'track':
+ childNode.mode = 'hidden';
+ tracks.push(childNode);
+ break;
+ default:
+ cloneNode.appendChild(childNode);
+ break;
+ }
+ })();
+ }
+
+ t.node.remove();
+ t.node = t.media = cloneNode;
+
+ if (mediaFiles.length) {
+ t.mediaFiles = mediaFiles;
+ }
+ if (tracks.length) {
+ t.trackFiles = tracks;
+ }
+ }
+
+ t.container.querySelector('.' + t.options.classPrefix + 'mediaelement').appendChild(t.node);
+
+ t.media.player = t;
+
+ t.controls = t.container.querySelector('.' + t.options.classPrefix + 'controls');
+ t.layers = t.container.querySelector('.' + t.options.classPrefix + 'layers');
+
+ var tagType = t.isVideo ? 'video' : 'audio',
+ capsTagName = tagType.substring(0, 1).toUpperCase() + tagType.substring(1);
+
+ if (t.options[tagType + 'Width'] > 0 || t.options[tagType + 'Width'].toString().indexOf('%') > -1) {
+ t.width = t.options[tagType + 'Width'];
+ } else if (t.node.style.width !== '' && t.node.style.width !== null) {
+ t.width = t.node.style.width;
+ } else if (t.node.getAttribute('width')) {
+ t.width = t.node.getAttribute('width');
+ } else {
+ t.width = t.options['default' + capsTagName + 'Width'];
+ }
+
+ if (t.options[tagType + 'Height'] > 0 || t.options[tagType + 'Height'].toString().indexOf('%') > -1) {
+ t.height = t.options[tagType + 'Height'];
+ } else if (t.node.style.height !== '' && t.node.style.height !== null) {
+ t.height = t.node.style.height;
+ } else if (t.node.getAttribute('height')) {
+ t.height = t.node.getAttribute('height');
+ } else {
+ t.height = t.options['default' + capsTagName + 'Height'];
+ }
+
+ t.initialAspectRatio = t.height >= t.width ? t.width / t.height : t.height / t.width;
+
+ t.setPlayerSize(t.width, t.height);
+
+ playerOptions.pluginWidth = t.width;
+ playerOptions.pluginHeight = t.height;
+ } else if (!t.isVideo && !t.options.features.length && !t.options.useDefaultControls) {
+ t.node.style.display = 'none';
+ }
+
+ _mejs2.default.MepDefaults = playerOptions;
+
+ new _mediaelement2.default(t.media, playerOptions, t.mediaFiles);
+
+ if (t.container !== undefined && t.options.features.length && t.controlsAreVisible && !t.options.hideVideoControlsOnLoad) {
+ var event = (0, _general.createEvent)('controlsshown', t.container);
+ t.container.dispatchEvent(event);
+ }
+
+ return t;
+ }
+
+ _createClass(MediaElementPlayer, [{
+ key: 'showControls',
+ value: function showControls(doAnimation) {
+ var t = this;
+
+ doAnimation = doAnimation === undefined || doAnimation;
+
+ if (t.controlsAreVisible || !t.isVideo) {
+ return;
+ }
+
+ if (doAnimation) {
+ (function () {
+ dom.fadeIn(t.controls, 200, function () {
+ dom.removeClass(t.controls, t.options.classPrefix + 'offscreen');
+ var event = (0, _general.createEvent)('controlsshown', t.container);
+ t.container.dispatchEvent(event);
+ });
+
+ var controls = t.container.querySelectorAll('.' + t.options.classPrefix + 'control');
+
+ var _loop = function _loop(i, total) {
+ dom.fadeIn(controls[i], 200, function () {
+ dom.removeClass(controls[i], t.options.classPrefix + 'offscreen');
+ });
+ };
+
+ for (var i = 0, total = controls.length; i < total; i++) {
+ _loop(i, total);
+ }
+ })();
+ } else {
+ dom.removeClass(t.controls, t.options.classPrefix + 'offscreen');
+ t.controls.style.display = '';
+ t.controls.style.opacity = 1;
+
+ var controls = t.container.querySelectorAll('.' + t.options.classPrefix + 'control');
+ for (var i = 0, total = controls.length; i < total; i++) {
+ dom.removeClass(controls[i], t.options.classPrefix + 'offscreen');
+ controls[i].style.display = '';
+ }
+
+ var event = (0, _general.createEvent)('controlsshown', t.container);
+ t.container.dispatchEvent(event);
+ }
+
+ t.controlsAreVisible = true;
+ t.setControlsSize();
+ }
+ }, {
+ key: 'hideControls',
+ value: function hideControls(doAnimation, forceHide) {
+ var t = this;
+
+ doAnimation = doAnimation === undefined || doAnimation;
+
+ if (forceHide !== true && (!t.controlsAreVisible || t.options.alwaysShowControls || t.paused && t.readyState === 4 && (!t.options.hideVideoControlsOnLoad && t.currentTime <= 0 || !t.options.hideVideoControlsOnPause && t.currentTime > 0) || t.isVideo && !t.options.hideVideoControlsOnLoad && !t.readyState || t.ended)) {
+ return;
+ }
+
+ if (doAnimation) {
+ (function () {
+ dom.fadeOut(t.controls, 200, function () {
+ dom.addClass(t.controls, t.options.classPrefix + 'offscreen');
+ t.controls.style.display = '';
+ var event = (0, _general.createEvent)('controlshidden', t.container);
+ t.container.dispatchEvent(event);
+ });
+
+ var controls = t.container.querySelectorAll('.' + t.options.classPrefix + 'control');
+
+ var _loop2 = function _loop2(i, total) {
+ dom.fadeOut(controls[i], 200, function () {
+ dom.addClass(controls[i], t.options.classPrefix + 'offscreen');
+ controls[i].style.display = '';
+ });
+ };
+
+ for (var i = 0, total = controls.length; i < total; i++) {
+ _loop2(i, total);
+ }
+ })();
+ } else {
+ dom.addClass(t.controls, t.options.classPrefix + 'offscreen');
+ t.controls.style.display = '';
+ t.controls.style.opacity = 0;
+
+ var controls = t.container.querySelectorAll('.' + t.options.classPrefix + 'control');
+ for (var i = 0, total = controls.length; i < total; i++) {
+ dom.addClass(controls[i], t.options.classPrefix + 'offscreen');
+ controls[i].style.display = '';
+ }
+
+ var event = (0, _general.createEvent)('controlshidden', t.container);
+ t.container.dispatchEvent(event);
+ }
+
+ t.controlsAreVisible = false;
+ }
+ }, {
+ key: 'startControlsTimer',
+ value: function startControlsTimer(timeout) {
+ var t = this;
+
+ timeout = typeof timeout !== 'undefined' ? timeout : t.options.controlsTimeoutDefault;
+
+ t.killControlsTimer('start');
+
+ t.controlsTimer = setTimeout(function () {
+ t.hideControls();
+ t.killControlsTimer('hide');
+ }, timeout);
+ }
+ }, {
+ key: 'killControlsTimer',
+ value: function killControlsTimer() {
+ var t = this;
+
+ if (t.controlsTimer !== null) {
+ clearTimeout(t.controlsTimer);
+ delete t.controlsTimer;
+ t.controlsTimer = null;
+ }
+ }
+ }, {
+ key: 'disableControls',
+ value: function disableControls() {
+ var t = this;
+
+ t.killControlsTimer();
+ t.controlsEnabled = false;
+ t.hideControls(false, true);
+ }
+ }, {
+ key: 'enableControls',
+ value: function enableControls() {
+ var t = this;
+
+ t.controlsEnabled = true;
+ t.showControls(false);
+ }
+ }, {
+ key: '_setDefaultPlayer',
+ value: function _setDefaultPlayer() {
+ var t = this;
+ if (t.proxy) {
+ t.proxy.pause();
+ }
+ t.proxy = new _default2.default(t);
+ t.media.addEventListener('loadedmetadata', function () {
+ if (t.getCurrentTime() > 0 && t.currentMediaTime > 0) {
+ t.setCurrentTime(t.currentMediaTime);
+ if (!_constants.IS_IOS && !_constants.IS_ANDROID) {
+ t.play();
+ }
+ }
+ });
+ }
+ }, {
+ key: '_meReady',
+ value: function _meReady(media, domNode) {
+ var t = this,
+ autoplayAttr = domNode.getAttribute('autoplay'),
+ autoplay = !(autoplayAttr === undefined || autoplayAttr === null || autoplayAttr === 'false'),
+ isNative = media.rendererName !== null && /(native|html5)/i.test(t.media.rendererName);
+
+ if (t.controls) {
+ t.enableControls();
+ }
+
+ if (t.container && t.container.querySelector('.' + t.options.classPrefix + 'overlay-play')) {
+ t.container.querySelector('.' + t.options.classPrefix + 'overlay-play').style.display = '';
+ }
+
+ if (t.created) {
+ return;
+ }
+
+ t.created = true;
+ t.media = media;
+ t.domNode = domNode;
+
+ if (!(_constants.IS_ANDROID && t.options.AndroidUseNativeControls) && !(_constants.IS_IPAD && t.options.iPadUseNativeControls) && !(_constants.IS_IPHONE && t.options.iPhoneUseNativeControls)) {
+ if (!t.isVideo && !t.options.features.length && !t.options.useDefaultControls) {
+ if (autoplay && isNative) {
+ t.play();
+ }
+
+ if (t.options.success) {
+
+ if (typeof t.options.success === 'string') {
+ _window2.default[t.options.success](t.media, t.domNode, t);
+ } else {
+ t.options.success(t.media, t.domNode, t);
+ }
+ }
+
+ return;
+ }
+
+ t.findTracks();
+
+ t.featurePosition = {};
+
+ t._setDefaultPlayer();
+
+ if (t.options.useDefaultControls) {
+ var defaultControls = ['playpause', 'current', 'progress', 'duration', 'tracks', 'volume', 'fullscreen'];
+ t.options.features = defaultControls.concat(t.options.features.filter(function (item) {
+ return defaultControls.indexOf(item) === -1;
+ }));
+ }
+
+ for (var i = 0, total = t.options.features.length; i < total; i++) {
+ var feature = t.options.features[i];
+ if (t['build' + feature]) {
+ try {
+ t['build' + feature](t, t.controls, t.layers, t.media);
+ } catch (e) {
+ console.error('error building ' + feature, e);
+ }
+ }
+ }
+
+ t.buildposter(t, t.controls, t.layers, t.media);
+ t.buildkeyboard(t, t.controls, t.layers, t.media);
+ t.buildoverlays(t, t.controls, t.layers, t.media);
+
+ var event = (0, _general.createEvent)('controlsready', t.container);
+ t.container.dispatchEvent(event);
+
+ t.setPlayerSize(t.width, t.height);
+ t.setControlsSize();
+
+ if (t.isVideo) {
+ t.clickToPlayPauseCallback = function () {
+
+ if (t.options.clickToPlayPause) {
+ var button = t.container.querySelector('.' + t.options.classPrefix + 'overlay-button'),
+ pressed = button.getAttribute('aria-pressed');
+
+ if (t.paused && pressed) {
+ t.pause();
+ } else if (t.paused) {
+ t.play();
+ } else {
+ t.pause();
+ }
+
+ button.setAttribute('aria-pressed', !pressed);
+ t.container.focus();
+ }
+ };
+
+ t.createIframeLayer();
+
+ t.media.addEventListener('click', t.clickToPlayPauseCallback);
+
+ if ((_constants.IS_ANDROID || _constants.IS_IOS) && !t.options.alwaysShowControls) {
+ t.node.addEventListener('touchstart', function () {
+ if (t.controlsAreVisible) {
+ t.hideControls(false);
+ } else {
+ if (t.controlsEnabled) {
+ t.showControls(false);
+ }
+ }
+ });
+ } else {
+ t.container.addEventListener('mouseenter', function () {
+ if (t.controlsEnabled) {
+ if (!t.options.alwaysShowControls) {
+ t.killControlsTimer('enter');
+ t.showControls();
+ t.startControlsTimer(t.options.controlsTimeoutMouseEnter);
+ }
+ }
+ });
+ t.container.addEventListener('mousemove', function () {
+ if (t.controlsEnabled) {
+ if (!t.controlsAreVisible) {
+ t.showControls();
+ }
+ if (!t.options.alwaysShowControls) {
+ t.startControlsTimer(t.options.controlsTimeoutMouseEnter);
+ }
+ }
+ });
+ t.container.addEventListener('mouseleave', function () {
+ if (t.controlsEnabled) {
+ if (!t.paused && !t.options.alwaysShowControls) {
+ t.startControlsTimer(t.options.controlsTimeoutMouseLeave);
+ }
+ }
+ });
+ }
+
+ if (t.options.hideVideoControlsOnLoad) {
+ t.hideControls(false);
+ }
+
+ if (t.options.enableAutosize) {
+ t.media.addEventListener('loadedmetadata', function (e) {
+ var target = e !== undefined ? e.detail.target || e.target : t.media;
+ if (t.options.videoHeight <= 0 && !t.domNode.getAttribute('height') && target !== null && !isNaN(target.videoHeight)) {
+ t.setPlayerSize(target.videoWidth, target.videoHeight);
+ t.setControlsSize();
+ t.media.setSize(target.videoWidth, target.videoHeight);
+ }
+ });
+ }
+ }
+
+ t.media.addEventListener('play', function () {
+ t.hasFocus = true;
+
+ for (var playerIndex in _mejs2.default.players) {
+ if (_mejs2.default.players.hasOwnProperty(playerIndex)) {
+ var p = _mejs2.default.players[playerIndex];
+
+ if (p.id !== t.id && t.options.pauseOtherPlayers && !p.paused && !p.ended) {
+ p.pause();
+ p.hasFocus = false;
+ }
+ }
+ }
+
+ if (!(_constants.IS_ANDROID || _constants.IS_IOS) && !t.options.alwaysShowControls && t.isVideo) {
+ t.hideControls();
+ }
+ });
+
+ t.media.addEventListener('ended', function () {
+ if (t.options.autoRewind) {
+ try {
+ t.setCurrentTime(0);
+
+ setTimeout(function () {
+ var loadingElement = t.container.querySelector('.' + t.options.classPrefix + 'overlay-loading');
+ if (loadingElement && loadingElement.parentNode) {
+ loadingElement.parentNode.style.display = 'none';
+ }
+ }, 20);
+ } catch (exp) {
+
+ }
+ }
+
+ if (typeof t.media.renderer.stop === 'function') {
+ t.media.renderer.stop();
+ } else {
+ t.pause();
+ }
+
+ if (t.setProgressRail) {
+ t.setProgressRail();
+ }
+ if (t.setCurrentRail) {
+ t.setCurrentRail();
+ }
+
+ if (t.options.loop) {
+ t.play();
+ } else if (!t.options.alwaysShowControls && t.controlsEnabled) {
+ t.showControls();
+ }
+ });
+
+ t.media.addEventListener('loadedmetadata', function () {
+
+ (0, _time.calculateTimeFormat)(t.getDuration(), t.options, t.options.framesPerSecond || 25);
+
+ if (t.updateDuration) {
+ t.updateDuration();
+ }
+ if (t.updateCurrent) {
+ t.updateCurrent();
+ }
+
+ if (!t.isFullScreen) {
+ t.setPlayerSize(t.width, t.height);
+ t.setControlsSize();
+ }
+ });
+
+ var duration = null;
+ t.media.addEventListener('timeupdate', function () {
+ if (!isNaN(t.getDuration()) && duration !== t.getDuration()) {
+ duration = t.getDuration();
+ (0, _time.calculateTimeFormat)(duration, t.options, t.options.framesPerSecond || 25);
+
+ if (t.updateDuration) {
+ t.updateDuration();
+ }
+ if (t.updateCurrent) {
+ t.updateCurrent();
+ }
+
+ t.setControlsSize();
+ }
+ });
+
+ t.container.addEventListener('click', function (e) {
+ dom.addClass(e.currentTarget, t.options.classPrefix + 'container-keyboard-inactive');
+ });
+
+ t.container.addEventListener('focusin', function (e) {
+ dom.removeClass(e.currentTarget, t.options.classPrefix + 'container-keyboard-inactive');
+ if (t.isVideo && !_constants.IS_ANDROID && !_constants.IS_IOS && t.controlsEnabled && !t.options.alwaysShowControls) {
+ t.killControlsTimer('enter');
+ t.showControls();
+ t.startControlsTimer(t.options.controlsTimeoutMouseEnter);
+ }
+ });
+
+ t.container.addEventListener('focusout', function (e) {
+ setTimeout(function () {
+ if (e.relatedTarget) {
+ if (t.keyboardAction && !e.relatedTarget.closest('.' + t.options.classPrefix + 'container')) {
+ t.keyboardAction = false;
+ if (t.isVideo && !t.options.alwaysShowControls && !t.paused) {
+ t.startControlsTimer(t.options.controlsTimeoutMouseLeave);
+ }
+ }
+ }
+ }, 0);
+ });
+
+ setTimeout(function () {
+ t.setPlayerSize(t.width, t.height);
+ t.setControlsSize();
+ }, 0);
+
+ t.globalResizeCallback = function () {
+ if (!(t.isFullScreen || _constants.HAS_TRUE_NATIVE_FULLSCREEN && _document2.default.webkitIsFullScreen)) {
+ t.setPlayerSize(t.width, t.height);
+ }
+
+ t.setControlsSize();
+ };
+
+ t.globalBind('resize', t.globalResizeCallback);
+ }
+
+ if (autoplay && isNative) {
+ t.play();
+ }
+
+ if (t.options.success) {
+ if (typeof t.options.success === 'string') {
+ _window2.default[t.options.success](t.media, t.domNode, t);
+ } else {
+ t.options.success(t.media, t.domNode, t);
+ }
+ }
+ }
+ }, {
+ key: '_handleError',
+ value: function _handleError(e, media, node) {
+ var t = this,
+ play = t.layers.querySelector('.' + t.options.classPrefix + 'overlay-play');
+
+ if (play) {
+ play.style.display = 'none';
+ }
+
+ if (t.options.error) {
+ t.options.error(e, media, node);
+ }
+
+ if (t.container.querySelector('.' + t.options.classPrefix + 'cannotplay')) {
+ t.container.querySelector('.' + t.options.classPrefix + 'cannotplay').remove();
+ }
+
+ var errorContainer = _document2.default.createElement('div');
+ errorContainer.className = t.options.classPrefix + 'cannotplay';
+ errorContainer.style.width = '100%';
+ errorContainer.style.height = '100%';
+
+ var errorContent = typeof t.options.customError === 'function' ? t.options.customError(t.media, t.media.originalNode) : t.options.customError,
+ imgError = '';
+
+ if (errorContent) {
+ var poster = t.media.originalNode.getAttribute('poster');
+ if (poster) {
+ imgError = '<img src="' + poster + '" alt="' + _mejs2.default.i18n.t('mejs.download-file') + '">';
+ }
+
+ if (e.message) {
+ errorContent += '<p>' + e.message + '</p>';
+ }
+
+ if (e.urls) {
+ for (var i = 0, total = e.urls.length; i < total; i++) {
+ var url = e.urls[i];
+ errorContent += '<a href="' + url.src + '" data-type="' + url.type + '"><span>' + _mejs2.default.i18n.t('mejs.download-file') + ': ' + url.src + '</span></a>';
+ }
+ }
+ }
+
+ if (errorContent && t.layers.querySelector('.' + t.options.classPrefix + 'overlay-error')) {
+ errorContainer.innerHTML = errorContent;
+ t.layers.querySelector('.' + t.options.classPrefix + 'overlay-error').innerHTML = '' + imgError + errorContainer.outerHTML;
+ t.layers.querySelector('.' + t.options.classPrefix + 'overlay-error').parentNode.style.display = 'block';
+ }
+ }
+ }, {
+ key: 'setPlayerSize',
+ value: function setPlayerSize(width, height) {
+ var t = this;
+
+ if (!t.options.setDimensions) {
+ return false;
+ }
+
+ if (typeof width !== 'undefined') {
+ t.width = width;
+ }
+
+ if (typeof height !== 'undefined') {
+ t.height = height;
+ }
+
+ switch (t.options.stretching) {
+ case 'fill':
+ if (t.isVideo) {
+ t.setFillMode();
+ } else {
+ t.setDimensions(t.width, t.height);
+ }
+ break;
+ case 'responsive':
+ t.setResponsiveMode();
+ break;
+ case 'none':
+ t.setDimensions(t.width, t.height);
+ break;
+
+ default:
+ if (t.hasFluidMode() === true) {
+ t.setResponsiveMode();
+ } else {
+ t.setDimensions(t.width, t.height);
+ }
+ break;
+ }
+ }
+ }, {
+ key: 'hasFluidMode',
+ value: function hasFluidMode() {
+ var t = this;
+
+ return t.height.toString().indexOf('%') !== -1 || t.node && t.node.style.maxWidth && t.node.style.maxWidth !== 'none' && t.node.style.maxWidth !== t.width || t.node && t.node.currentStyle && t.node.currentStyle.maxWidth === '100%';
+ }
+ }, {
+ key: 'setResponsiveMode',
+ value: function setResponsiveMode() {
+ var t = this,
+ parent = function () {
+
+ var parentEl = void 0,
+ el = t.container;
+
+ while (el) {
+ try {
+ if (_constants.IS_FIREFOX && el.tagName.toLowerCase() === 'html' && _window2.default.self !== _window2.default.top && _window2.default.frameElement !== null) {
+ return _window2.default.frameElement;
+ } else {
+ parentEl = el.parentElement;
+ }
+ } catch (e) {
+ parentEl = el.parentElement;
+ }
+
+ if (parentEl && dom.visible(parentEl)) {
+ return parentEl;
+ }
+ el = parentEl;
+ }
+
+ return null;
+ }(),
+ parentStyles = parent ? getComputedStyle(parent, null) : getComputedStyle(_document2.default.body, null),
+ nativeWidth = function () {
+ if (t.isVideo) {
+ if (t.media.videoWidth && t.media.videoWidth > 0) {
+ return t.media.videoWidth;
+ } else if (t.node.getAttribute('width')) {
+ return t.node.getAttribute('width');
+ } else {
+ return t.options.defaultVideoWidth;
+ }
+ } else {
+ return t.options.defaultAudioWidth;
+ }
+ }(),
+ nativeHeight = function () {
+ if (t.isVideo) {
+ if (t.media.videoHeight && t.media.videoHeight > 0) {
+ return t.media.videoHeight;
+ } else if (t.node.getAttribute('height')) {
+ return t.node.getAttribute('height');
+ } else {
+ return t.options.defaultVideoHeight;
+ }
+ } else {
+ return t.options.defaultAudioHeight;
+ }
+ }(),
+ aspectRatio = function () {
+ var ratio = 1;
+ if (!t.isVideo) {
+ return ratio;
+ }
+
+ if (t.media.videoWidth && t.media.videoWidth > 0 && t.media.videoHeight && t.media.videoHeight > 0) {
+ ratio = t.height >= t.width ? t.media.videoWidth / t.media.videoHeight : t.media.videoHeight / t.media.videoWidth;
+ } else {
+ ratio = t.initialAspectRatio;
+ }
+
+ if (isNaN(ratio) || ratio < 0.01 || ratio > 100) {
+ ratio = 1;
+ }
+
+ return ratio;
+ }(),
+ parentHeight = parseFloat(parentStyles.height);
+
+ var newHeight = void 0,
+ parentWidth = parseFloat(parentStyles.width);
+
+ if (t.isVideo) {
+ if (t.height === '100%') {
+ newHeight = parseFloat(parentWidth * nativeHeight / nativeWidth, 10);
+ } else {
+ newHeight = t.height >= t.width ? parseFloat(parentWidth / aspectRatio, 10) : parseFloat(parentWidth * aspectRatio, 10);
+ }
+ } else {
+ newHeight = nativeHeight;
+ }
+
+ if (isNaN(newHeight)) {
+ newHeight = parentHeight;
+ }
+
+ if (t.container.parentNode.length > 0 && t.container.parentNode.tagName.toLowerCase() === 'body') {
+ parentWidth = _window2.default.innerWidth || _document2.default.documentElement.clientWidth || _document2.default.body.clientWidth;
+ newHeight = _window2.default.innerHeight || _document2.default.documentElement.clientHeight || _document2.default.body.clientHeight;
+ }
+
+ if (newHeight && parentWidth) {
+ t.container.style.width = parentWidth + 'px';
+ t.container.style.height = newHeight + 'px';
+
+ t.node.style.width = '100%';
+ t.node.style.height = '100%';
+
+ if (t.isVideo && t.media.setSize) {
+ t.media.setSize(parentWidth, newHeight);
+ }
+
+ var layerChildren = t.layers.children;
+ for (var i = 0, total = layerChildren.length; i < total; i++) {
+ layerChildren[i].style.width = '100%';
+ layerChildren[i].style.height = '100%';
+ }
+ }
+ }
+ }, {
+ key: 'setFillMode',
+ value: function setFillMode() {
+ var t = this;
+
+ var parent = void 0,
+ isIframe = false;
+
+ try {
+ if (_window2.default.self !== _window2.default.top) {
+ isIframe = true;
+ parent = _window2.default.frameElement;
+ } else {
+ parent = t.outerContainer;
+ }
+ } catch (e) {
+ parent = t.outerContainer;
+ }
+
+ var parentStyles = getComputedStyle(parent);
+
+ if (t.node.style.height !== 'none' && t.node.style.height !== t.height) {
+ t.node.style.height = 'auto';
+ }
+ if (t.node.style.maxWidth !== 'none' && t.node.style.maxWidth !== t.width) {
+ t.node.style.maxWidth = 'none';
+ }
+
+ if (t.node.style.maxHeight !== 'none' && t.node.style.maxHeight !== t.height) {
+ t.node.style.maxHeight = 'none';
+ }
+
+ if (t.node.currentStyle) {
+ if (t.node.currentStyle.height === '100%') {
+ t.node.currentStyle.height = 'auto';
+ }
+ if (t.node.currentStyle.maxWidth === '100%') {
+ t.node.currentStyle.maxWidth = 'none';
+ }
+ if (t.node.currentStyle.maxHeight === '100%') {
+ t.node.currentStyle.maxHeight = 'none';
+ }
+ }
+
+ if (!isIframe && !parseFloat(parentStyles.width)) {
+ parent.style.width = t.media.offsetWidth + 'px';
+ }
+
+ if (!isIframe && !parseFloat(parentStyles.height)) {
+ parent.style.height = t.media.offsetHeight + 'px';
+ }
+
+ parentStyles = getComputedStyle(parent);
+
+ var parentWidth = parseFloat(parentStyles.width),
+ parentHeight = parseFloat(parentStyles.height);
+
+ t.setDimensions('100%', '100%');
+
+ var poster = t.container.querySelector('.' + t.options.classPrefix + 'poster>img');
+ if (poster) {
+ poster.style.display = '';
+ }
+
+ var targetElement = t.container.querySelectorAll('object, embed, iframe, video'),
+ initHeight = t.height,
+ initWidth = t.width,
+ scaleX1 = parentWidth,
+ scaleY1 = initHeight * parentWidth / initWidth,
+ scaleX2 = initWidth * parentHeight / initHeight,
+ scaleY2 = parentHeight,
+ bScaleOnWidth = scaleX2 > parentWidth === false,
+ finalWidth = bScaleOnWidth ? Math.floor(scaleX1) : Math.floor(scaleX2),
+ finalHeight = bScaleOnWidth ? Math.floor(scaleY1) : Math.floor(scaleY2),
+ width = bScaleOnWidth ? parentWidth + 'px' : finalWidth + 'px',
+ height = bScaleOnWidth ? finalHeight + 'px' : parentHeight + 'px';
+
+ for (var i = 0, total = targetElement.length; i < total; i++) {
+ targetElement[i].style.height = height;
+ targetElement[i].style.width = width;
+ if (t.media.setSize) {
+ t.media.setSize(width, height);
+ }
+
+ targetElement[i].style.marginLeft = Math.floor((parentWidth - finalWidth) / 2) + 'px';
+ targetElement[i].style.marginTop = 0;
+ }
+ }
+ }, {
+ key: 'setDimensions',
+ value: function setDimensions(width, height) {
+ var t = this;
+
+ width = (0, _general.isString)(width) && width.indexOf('%') > -1 ? width : parseFloat(width) + 'px';
+ height = (0, _general.isString)(height) && height.indexOf('%') > -1 ? height : parseFloat(height) + 'px';
+
+ t.container.style.width = width;
+ t.container.style.height = height;
+
+ var layers = t.layers.children;
+ for (var i = 0, total = layers.length; i < total; i++) {
+ layers[i].style.width = width;
+ layers[i].style.height = height;
+ }
+ }
+ }, {
+ key: 'setControlsSize',
+ value: function setControlsSize() {
+ var t = this;
+
+ if (!dom.visible(t.container)) {
+ return;
+ }
+
+ if (t.rail && dom.visible(t.rail)) {
+ var totalStyles = t.total ? getComputedStyle(t.total, null) : null,
+ totalMargin = totalStyles ? parseFloat(totalStyles.marginLeft) + parseFloat(totalStyles.marginRight) : 0,
+ railStyles = getComputedStyle(t.rail),
+ railMargin = parseFloat(railStyles.marginLeft) + parseFloat(railStyles.marginRight);
+
+ var siblingsWidth = 0;
+
+ var siblings = dom.siblings(t.rail, function (el) {
+ return el !== t.rail;
+ }),
+ total = siblings.length;
+ for (var i = 0; i < total; i++) {
+ siblingsWidth += siblings[i].offsetWidth;
+ }
+
+ siblingsWidth += totalMargin + (totalMargin === 0 ? railMargin * 2 : railMargin) + 1;
+
+ t.container.style.minWidth = siblingsWidth + 'px';
+
+ var event = (0, _general.createEvent)('controlsresize', t.container);
+ t.container.dispatchEvent(event);
+ } else {
+ var children = t.controls.children;
+ var minWidth = 0;
+
+ for (var _i = 0, _total = children.length; _i < _total; _i++) {
+ minWidth += children[_i].offsetWidth;
+ }
+
+ t.container.style.minWidth = minWidth + 'px';
+ }
+ }
+ }, {
+ key: 'addControlElement',
+ value: function addControlElement(element, key) {
+
+ var t = this;
+
+ if (t.featurePosition[key] !== undefined) {
+ var child = t.controls.children[t.featurePosition[key] - 1];
+ child.parentNode.insertBefore(element, child.nextSibling);
+ } else {
+ t.controls.appendChild(element);
+ var children = t.controls.children;
+ for (var i = 0, total = children.length; i < total; i++) {
+ if (element === children[i]) {
+ t.featurePosition[key] = i;
+ break;
+ }
+ }
+ }
+ }
+ }, {
+ key: 'createIframeLayer',
+ value: function createIframeLayer() {
+ var t = this;
+
+ if (t.isVideo && t.media.rendererName !== null && t.media.rendererName.indexOf('iframe') > -1 && !_document2.default.getElementById(t.media.id + '-iframe-overlay')) {
+
+ var layer = _document2.default.createElement('div'),
+ target = _document2.default.getElementById(t.media.id + '_' + t.media.rendererName);
+
+ layer.id = t.media.id + '-iframe-overlay';
+ layer.className = t.options.classPrefix + 'iframe-overlay';
+ layer.addEventListener('click', function (e) {
+ if (t.options.clickToPlayPause) {
+ if (t.paused) {
+ t.play();
+ } else {
+ t.pause();
+ }
+
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ });
+
+ target.parentNode.insertBefore(layer, target);
+ }
+ }
+ }, {
+ key: 'resetSize',
+ value: function resetSize() {
+ var t = this;
+
+ setTimeout(function () {
+ t.setPlayerSize(t.width, t.height);
+ t.setControlsSize();
+ }, 50);
+ }
+ }, {
+ key: 'setPoster',
+ value: function setPoster(url) {
+ var t = this;
+
+ var posterDiv = t.container.querySelector('.' + t.options.classPrefix + 'poster');
+
+ if (!posterDiv) {
+ posterDiv = _document2.default.createElement('div');
+ posterDiv.className = t.options.classPrefix + 'poster ' + t.options.classPrefix + 'layer';
+ t.layers.appendChild(posterDiv);
+ }
+
+ var posterImg = posterDiv.querySelector('img');
+
+ if (!posterImg && url) {
+ posterImg = _document2.default.createElement('img');
+ posterImg.className = t.options.classPrefix + 'poster-img';
+ posterImg.width = '100%';
+ posterImg.height = '100%';
+ posterDiv.style.display = '';
+ posterDiv.appendChild(posterImg);
+ }
+
+ if (url) {
+ posterImg.setAttribute('src', url);
+ posterDiv.style.backgroundImage = 'url("' + url + '")';
+ posterDiv.style.display = '';
+ } else if (posterImg) {
+ posterDiv.style.backgroundImage = 'none';
+ posterDiv.style.display = 'none';
+ posterImg.remove();
+ } else {
+ posterDiv.style.display = 'none';
+ }
+ }
+ }, {
+ key: 'changeSkin',
+ value: function changeSkin(className) {
+ var t = this;
+
+ t.container.className = t.options.classPrefix + 'container ' + className;
+ t.setPlayerSize(t.width, t.height);
+ t.setControlsSize();
+ }
+ }, {
+ key: 'globalBind',
+ value: function globalBind(events, callback) {
+ var t = this,
+ doc = t.node ? t.node.ownerDocument : _document2.default;
+
+ events = (0, _general.splitEvents)(events, t.id);
+ if (events.d) {
+ var eventList = events.d.split(' ');
+ for (var i = 0, total = eventList.length; i < total; i++) {
+ eventList[i].split('.').reduce(function (part, e) {
+ doc.addEventListener(e, callback, false);
+ return e;
+ }, '');
+ }
+ }
+ if (events.w) {
+ var _eventList = events.w.split(' ');
+ for (var _i2 = 0, _total2 = _eventList.length; _i2 < _total2; _i2++) {
+ _eventList[_i2].split('.').reduce(function (part, e) {
+ _window2.default.addEventListener(e, callback, false);
+ return e;
+ }, '');
+ }
+ }
+ }
+ }, {
+ key: 'globalUnbind',
+ value: function globalUnbind(events, callback) {
+ var t = this,
+ doc = t.node ? t.node.ownerDocument : _document2.default;
+
+ events = (0, _general.splitEvents)(events, t.id);
+ if (events.d) {
+ var eventList = events.d.split(' ');
+ for (var i = 0, total = eventList.length; i < total; i++) {
+ eventList[i].split('.').reduce(function (part, e) {
+ doc.removeEventListener(e, callback, false);
+ return e;
+ }, '');
+ }
+ }
+ if (events.w) {
+ var _eventList2 = events.w.split(' ');
+ for (var _i3 = 0, _total3 = _eventList2.length; _i3 < _total3; _i3++) {
+ _eventList2[_i3].split('.').reduce(function (part, e) {
+ _window2.default.removeEventListener(e, callback, false);
+ return e;
+ }, '');
+ }
+ }
+ }
+ }, {
+ key: 'buildposter',
+ value: function buildposter(player, controls, layers, media) {
+ var t = this,
+ poster = _document2.default.createElement('div');
+
+ poster.className = t.options.classPrefix + 'poster ' + t.options.classPrefix + 'layer';
+ layers.appendChild(poster);
+
+ var posterUrl = media.originalNode.getAttribute('poster');
+
+ if (player.options.poster !== '' && posterUrl && _constants.IS_IOS) {
+ media.originalNode.removeAttribute('poster');
+ posterUrl = player.options.poster;
+ }
+
+ if (posterUrl) {
+ t.setPoster(posterUrl);
+ } else if (t.media.renderer !== null && typeof t.media.renderer.getPosterUrl === 'function') {
+ t.setPoster(t.media.renderer.getPosterUrl());
+ } else {
+ poster.style.display = 'none';
+ }
+
+ media.addEventListener('play', function () {
+ poster.style.display = 'none';
+ });
+
+ media.addEventListener('playing', function () {
+ poster.style.display = 'none';
+ });
+
+ if (player.options.showPosterWhenEnded && player.options.autoRewind) {
+ media.addEventListener('ended', function () {
+ poster.style.display = '';
+ });
+ }
+
+ media.addEventListener('error', function () {
+ poster.style.display = 'none';
+ });
+
+ if (player.options.showPosterWhenPaused) {
+ media.addEventListener('pause', function () {
+ if (!player.ended) {
+ poster.style.display = '';
+ }
+ });
+ }
+ }
+ }, {
+ key: 'buildoverlays',
+ value: function buildoverlays(player, controls, layers, media) {
+
+ if (!player.isVideo) {
+ return;
+ }
+
+ var t = this,
+ loading = _document2.default.createElement('div'),
+ error = _document2.default.createElement('div'),
+ bigPlay = _document2.default.createElement('div'),
+ buffer = controls.querySelector('.' + t.options.classPrefix + 'time-buffering');
+
+ loading.style.display = 'none';
+ loading.className = t.options.classPrefix + 'overlay ' + t.options.classPrefix + 'layer';
+ loading.innerHTML = '<div class="' + t.options.classPrefix + 'overlay-loading">' + ('<span class="' + t.options.classPrefix + 'overlay-loading-bg-img"></span>') + '</div>';
+ layers.appendChild(loading);
+
+ error.style.display = 'none';
+ error.className = t.options.classPrefix + 'overlay ' + t.options.classPrefix + 'layer';
+ error.innerHTML = '<div class="' + t.options.classPrefix + 'overlay-error"></div>';
+ layers.appendChild(error);
+
+ bigPlay.className = t.options.classPrefix + 'overlay ' + t.options.classPrefix + 'layer ' + t.options.classPrefix + 'overlay-play';
+ bigPlay.innerHTML = '<div class="' + t.options.classPrefix + 'overlay-button" role="button" tabindex="0" ' + ('aria-label="' + _i18n2.default.t('mejs.play') + '" aria-pressed="false"></div>');
+ bigPlay.addEventListener('click', function () {
+ if (t.options.clickToPlayPause) {
+
+ var button = t.container.querySelector('.' + t.options.classPrefix + 'overlay-button'),
+ pressed = button.getAttribute('aria-pressed');
+
+ if (t.paused) {
+ t.play();
+ } else {
+ t.pause();
+ }
+
+ button.setAttribute('aria-pressed', !!pressed);
+ t.container.focus();
+ }
+ });
+
+ bigPlay.addEventListener('keydown', function (e) {
+ var keyPressed = e.keyCode || e.which || 0;
+
+ if (keyPressed === 13 || _constants.IS_FIREFOX && keyPressed === 32) {
+ var event = (0, _general.createEvent)('click', bigPlay);
+ bigPlay.dispatchEvent(event);
+ return false;
+ }
+ });
+
+ layers.appendChild(bigPlay);
+
+ if (t.media.rendererName !== null && (/(youtube|facebook)/i.test(t.media.rendererName) && !(t.media.originalNode.getAttribute('poster') || player.options.poster || typeof t.media.renderer.getPosterUrl === 'function' && t.media.renderer.getPosterUrl()) || _constants.IS_STOCK_ANDROID || t.media.originalNode.getAttribute('autoplay'))) {
+ bigPlay.style.display = 'none';
+ }
+
+ var hasError = false;
+
+ media.addEventListener('play', function () {
+ bigPlay.style.display = 'none';
+ loading.style.display = 'none';
+ if (buffer !== null) {
+ buffer.style.display = 'none';
+ }
+ error.style.display = 'none';
+ hasError = false;
+ });
+ media.addEventListener('playing', function () {
+ bigPlay.style.display = 'none';
+ loading.style.display = 'none';
+ if (buffer !== null) {
+ buffer.style.display = 'none';
+ }
+ error.style.display = 'none';
+ hasError = false;
+ });
+ media.addEventListener('seeking', function () {
+ bigPlay.style.display = 'none';
+ loading.style.display = '';
+ if (buffer !== null) {
+ buffer.style.display = '';
+ }
+ hasError = false;
+ });
+ media.addEventListener('seeked', function () {
+ bigPlay.style.display = t.paused && !_constants.IS_STOCK_ANDROID ? '' : 'none';
+ loading.style.display = 'none';
+ if (buffer !== null) {
+ buffer.style.display = 'none';
+ }
+ hasError = false;
+ });
+ media.addEventListener('pause', function () {
+ loading.style.display = 'none';
+ if (!_constants.IS_STOCK_ANDROID && !hasError) {
+ bigPlay.style.display = '';
+ }
+ if (buffer !== null) {
+ buffer.style.display = 'none';
+ }
+ hasError = false;
+ });
+ media.addEventListener('waiting', function () {
+ loading.style.display = '';
+ if (buffer !== null) {
+ buffer.style.display = '';
+ }
+ hasError = false;
+ });
+
+ media.addEventListener('loadeddata', function () {
+ loading.style.display = '';
+ if (buffer !== null) {
+ buffer.style.display = '';
+ }
+
+ if (_constants.IS_ANDROID) {
+ media.canplayTimeout = setTimeout(function () {
+ if (_document2.default.createEvent) {
+ var evt = _document2.default.createEvent('HTMLEvents');
+ evt.initEvent('canplay', true, true);
+ return media.dispatchEvent(evt);
+ }
+ }, 300);
+ }
+ hasError = false;
+ });
+ media.addEventListener('canplay', function () {
+ loading.style.display = 'none';
+ if (buffer !== null) {
+ buffer.style.display = 'none';
+ }
+
+ clearTimeout(media.canplayTimeout);
+ hasError = false;
+ });
+
+ media.addEventListener('error', function (e) {
+ t._handleError(e, t.media, t.node);
+ loading.style.display = 'none';
+ bigPlay.style.display = 'none';
+ if (buffer !== null) {
+ buffer.style.display = 'none';
+ }
+ hasError = true;
+ });
+
+ media.addEventListener('keydown', function (e) {
+ t.onkeydown(player, media, e);
+ hasError = false;
+ });
+ }
+ }, {
+ key: 'buildkeyboard',
+ value: function buildkeyboard(player, controls, layers, media) {
+
+ var t = this;
+
+ t.container.addEventListener('keydown', function () {
+ t.keyboardAction = true;
+ });
+
+ t.globalKeydownCallback = function (event) {
+ var container = _document2.default.activeElement.closest('.' + t.options.classPrefix + 'container'),
+ target = t.media.closest('.' + t.options.classPrefix + 'container');
+ t.hasFocus = !!(container && target && container.id === target.id);
+ return t.onkeydown(player, media, event);
+ };
+
+ t.globalClickCallback = function (event) {
+ t.hasFocus = !!event.target.closest('.' + t.options.classPrefix + 'container');
+ };
+
+ t.globalBind('keydown', t.globalKeydownCallback);
+
+ t.globalBind('click', t.globalClickCallback);
+ }
+ }, {
+ key: 'onkeydown',
+ value: function onkeydown(player, media, e) {
+
+ if (player.hasFocus && player.options.enableKeyboard) {
+ for (var i = 0, total = player.options.keyActions.length; i < total; i++) {
+ var keyAction = player.options.keyActions[i];
+
+ for (var j = 0, jl = keyAction.keys.length; j < jl; j++) {
+ if (e.keyCode === keyAction.keys[j]) {
+ keyAction.action(player, media, e.keyCode, e);
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ }
+ }
+ }
+
+ return true;
+ }
+ }, {
+ key: 'play',
+ value: function play() {
+ this.proxy.play();
+ }
+ }, {
+ key: 'pause',
+ value: function pause() {
+ this.proxy.pause();
+ }
+ }, {
+ key: 'load',
+ value: function load() {
+ this.proxy.load();
+ }
+ }, {
+ key: 'setCurrentTime',
+ value: function setCurrentTime(time) {
+ this.proxy.setCurrentTime(time);
+ }
+ }, {
+ key: 'getCurrentTime',
+ value: function getCurrentTime() {
+ return this.proxy.currentTime;
+ }
+ }, {
+ key: 'getDuration',
+ value: function getDuration() {
+ return this.proxy.duration;
+ }
+ }, {
+ key: 'setVolume',
+ value: function setVolume(volume) {
+ this.proxy.volume = volume;
+ }
+ }, {
+ key: 'getVolume',
+ value: function getVolume() {
+ return this.proxy.getVolume();
+ }
+ }, {
+ key: 'setMuted',
+ value: function setMuted(value) {
+ this.proxy.setMuted(value);
+ }
+ }, {
+ key: 'setSrc',
+ value: function setSrc(src) {
+ if (!this.controlsEnabled) {
+ this.enableControls();
+ }
+ this.proxy.setSrc(src);
+ }
+ }, {
+ key: 'getSrc',
+ value: function getSrc() {
+ return this.proxy.getSrc();
+ }
+ }, {
+ key: 'canPlayType',
+ value: function canPlayType(type) {
+ return this.proxy.canPlayType(type);
+ }
+ }, {
+ key: 'remove',
+ value: function remove() {
+ var t = this,
+ rendererName = t.media.rendererName,
+ src = t.media.originalNode.src;
+
+ for (var featureIndex in t.options.features) {
+ var feature = t.options.features[featureIndex];
+ if (t['clean' + feature]) {
+ try {
+ t['clean' + feature](t, t.layers, t.controls, t.media);
+ } catch (e) {
+ console.error('error cleaning ' + feature, e);
+ }
+ }
+ }
+
+ var nativeWidth = t.node.getAttribute('width'),
+ nativeHeight = t.node.getAttribute('height');
+
+ if (nativeWidth) {
+ if (nativeWidth.indexOf('%') === -1) {
+ nativeWidth = nativeWidth + 'px';
+ }
+ } else {
+ nativeWidth = 'auto';
+ }
+
+ if (nativeHeight) {
+ if (nativeHeight.indexOf('%') === -1) {
+ nativeHeight = nativeHeight + 'px';
+ }
+ } else {
+ nativeHeight = 'auto';
+ }
+
+ t.node.style.width = nativeWidth;
+ t.node.style.height = nativeHeight;
+
+ if (!t.isDynamic) {
+ (function () {
+ t.node.setAttribute('controls', true);
+ t.node.setAttribute('id', t.node.getAttribute('id').replace('_' + rendererName, '').replace('_from_mejs', ''));
+ var poster = t.container.querySelector('.' + t.options.classPrefix + 'poster>img');
+ if (poster) {
+ t.node.setAttribute('poster', poster.src);
+ }
+
+ delete t.node.autoplay;
+
+ if (t.media.canPlayType((0, _media.getTypeFromFile)(src)) !== '') {
+ t.node.setAttribute('src', src);
+ }
+
+ if (~rendererName.indexOf('iframe')) {
+ var layer = _document2.default.getElementById(t.media.id + '-iframe-overlay');
+ layer.remove();
+ }
+
+ var node = t.node.cloneNode();
+ node.style.display = '';
+ t.container.parentNode.insertBefore(node, t.container);
+ t.node.remove();
+
+ if (t.mediaFiles) {
+ for (var i = 0, total = t.mediaFiles.length; i < total; i++) {
+ var source = _document2.default.createElement('source');
+ source.setAttribute('src', t.mediaFiles[i].src);
+ source.setAttribute('type', t.mediaFiles[i].type);
+ node.appendChild(source);
+ }
+ }
+ if (t.trackFiles) {
+ var _loop3 = function _loop3(_i4, _total4) {
+ var track = t.trackFiles[_i4];
+ var newTrack = _document2.default.createElement('track');
+ newTrack.kind = track.kind;
+ newTrack.label = track.label;
+ newTrack.srclang = track.srclang;
+ newTrack.src = track.src;
+
+ node.appendChild(newTrack);
+ newTrack.addEventListener('load', function () {
+ this.mode = 'showing';
+ node.textTracks[_i4].mode = 'showing';
+ });
+ };
+
+ for (var _i4 = 0, _total4 = t.trackFiles.length; _i4 < _total4; _i4++) {
+ _loop3(_i4, _total4);
+ }
+ }
+
+ delete t.node;
+ delete t.mediaFiles;
+ delete t.trackFiles;
+ })();
+ } else {
+ t.container.parentNode.insertBefore(t.node, t.container);
+ }
+
+ if (typeof t.media.renderer.destroy === 'function') {
+ t.media.renderer.destroy();
+ }
+
+ delete _mejs2.default.players[t.id];
+
+ if (_typeof(t.container) === 'object') {
+ var offscreen = t.container.parentNode.querySelector('.' + t.options.classPrefix + 'offscreen');
+ offscreen.remove();
+ t.container.remove();
+ }
+ t.globalUnbind('resize', t.globalResizeCallback);
+ t.globalUnbind('keydown', t.globalKeydownCallback);
+ t.globalUnbind('click', t.globalClickCallback);
+
+ delete t.media.player;
+ }
+ }, {
+ key: 'paused',
+ get: function get() {
+ return this.proxy.paused;
+ }
+ }, {
+ key: 'muted',
+ get: function get() {
+ return this.proxy.muted;
+ },
+ set: function set(muted) {
+ this.setMuted(muted);
+ }
+ }, {
+ key: 'ended',
+ get: function get() {
+ return this.proxy.ended;
+ }
+ }, {
+ key: 'readyState',
+ get: function get() {
+ return this.proxy.readyState;
+ }
+ }, {
+ key: 'currentTime',
+ set: function set(time) {
+ this.setCurrentTime(time);
+ },
+ get: function get() {
+ return this.getCurrentTime();
+ }
+ }, {
+ key: 'duration',
+ get: function get() {
+ return this.getDuration();
+ }
+ }, {
+ key: 'volume',
+ set: function set(volume) {
+ this.setVolume(volume);
+ },
+ get: function get() {
+ return this.getVolume();
+ }
+ }, {
+ key: 'src',
+ set: function set(src) {
+ this.setSrc(src);
+ },
+ get: function get() {
+ return this.getSrc();
+ }
+ }]);
+
+ return MediaElementPlayer;
+}();
+
+_window2.default.MediaElementPlayer = MediaElementPlayer;
+
+exports.default = MediaElementPlayer;
+
+},{"17":17,"2":2,"25":25,"26":26,"27":27,"28":28,"3":3,"30":30,"5":5,"6":6,"7":7}],17:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var DefaultPlayer = function () {
+ function DefaultPlayer(player) {
+ _classCallCheck(this, DefaultPlayer);
+
+ this.media = player.media;
+ this.isVideo = player.isVideo;
+ this.classPrefix = player.options.classPrefix;
+ this.createIframeLayer = function () {
+ return player.createIframeLayer();
+ };
+ this.setPoster = function (url) {
+ return player.setPoster(url);
+ };
+ return this;
+ }
+
+ _createClass(DefaultPlayer, [{
+ key: 'play',
+ value: function play() {
+ this.media.play();
+ }
+ }, {
+ key: 'pause',
+ value: function pause() {
+ this.media.pause();
+ }
+ }, {
+ key: 'load',
+ value: function load() {
+ var t = this;
+
+ if (!t.isLoaded) {
+ t.media.load();
+ }
+
+ t.isLoaded = true;
+ }
+ }, {
+ key: 'setCurrentTime',
+ value: function setCurrentTime(time) {
+ this.media.setCurrentTime(time);
+ }
+ }, {
+ key: 'getCurrentTime',
+ value: function getCurrentTime() {
+ return this.media.currentTime;
+ }
+ }, {
+ key: 'getDuration',
+ value: function getDuration() {
+ return this.media.getDuration();
+ }
+ }, {
+ key: 'setVolume',
+ value: function setVolume(volume) {
+ this.media.setVolume(volume);
+ }
+ }, {
+ key: 'getVolume',
+ value: function getVolume() {
+ return this.media.getVolume();
+ }
+ }, {
+ key: 'setMuted',
+ value: function setMuted(value) {
+ this.media.setMuted(value);
+ }
+ }, {
+ key: 'setSrc',
+ value: function setSrc(src) {
+ var t = this,
+ layer = document.getElementById(t.media.id + '-iframe-overlay');
+
+ if (layer) {
+ layer.remove();
+ }
+
+ t.media.setSrc(src);
+ t.createIframeLayer();
+ if (t.media.renderer !== null && typeof t.media.renderer.getPosterUrl === 'function') {
+ t.setPoster(t.media.renderer.getPosterUrl());
+ }
+ }
+ }, {
+ key: 'getSrc',
+ value: function getSrc() {
+ return this.media.getSrc();
+ }
+ }, {
+ key: 'canPlayType',
+ value: function canPlayType(type) {
+ return this.media.canPlayType(type);
+ }
+ }, {
+ key: 'paused',
+ get: function get() {
+ return this.media.paused;
+ }
+ }, {
+ key: 'muted',
+ set: function set(muted) {
+ this.setMuted(muted);
+ },
+ get: function get() {
+ return this.media.muted;
+ }
+ }, {
+ key: 'ended',
+ get: function get() {
+ return this.media.ended;
+ }
+ }, {
+ key: 'readyState',
+ get: function get() {
+ return this.media.readyState;
+ }
+ }, {
+ key: 'currentTime',
+ set: function set(time) {
+ this.setCurrentTime(time);
+ },
+ get: function get() {
+ return this.getCurrentTime();
+ }
+ }, {
+ key: 'duration',
+ get: function get() {
+ return this.getDuration();
+ }
+ }, {
+ key: 'volume',
+ set: function set(volume) {
+ this.setVolume(volume);
+ },
+ get: function get() {
+ return this.getVolume();
+ }
+ }, {
+ key: 'src',
+ set: function set(src) {
+ this.setSrc(src);
+ },
+ get: function get() {
+ return this.getSrc();
+ }
+ }]);
+
+ return DefaultPlayer;
+}();
+
+exports.default = DefaultPlayer;
+
+
+_window2.default.DefaultPlayer = DefaultPlayer;
+
+},{"3":3}],18:[function(_dereq_,module,exports){
+'use strict';
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _player = _dereq_(16);
+
+var _player2 = _interopRequireDefault(_player);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+if (typeof jQuery !== 'undefined') {
+ _mejs2.default.$ = _window2.default.jQuery = _window2.default.$ = jQuery;
+} else if (typeof Zepto !== 'undefined') {
+ _mejs2.default.$ = _window2.default.Zepto = _window2.default.$ = Zepto;
+} else if (typeof ender !== 'undefined') {
+ _mejs2.default.$ = _window2.default.ender = _window2.default.$ = ender;
+}
+
+(function ($) {
+ if (typeof $ !== 'undefined') {
+ $.fn.mediaelementplayer = function (options) {
+ if (options === false) {
+ this.each(function () {
+ var player = $(this).data('mediaelementplayer');
+ if (player) {
+ player.remove();
+ }
+ $(this).removeData('mediaelementplayer');
+ });
+ } else {
+ this.each(function () {
+ $(this).data('mediaelementplayer', new _player2.default(this, options));
+ });
+ }
+ return this;
+ };
+
+ $(document).ready(function () {
+ $('.' + _mejs2.default.MepDefaults.classPrefix + 'player').mediaelementplayer();
+ });
+ }
+})(_mejs2.default.$);
+
+},{"16":16,"3":3,"7":7}],19:[function(_dereq_,module,exports){
+'use strict';
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _renderer = _dereq_(8);
+
+var _general = _dereq_(27);
+
+var _media = _dereq_(28);
+
+var _constants = _dereq_(25);
+
+var _dom = _dereq_(26);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NativeDash = {
+
+ promise: null,
+
+ load: function load(settings) {
+ if (typeof dashjs !== 'undefined') {
+ NativeDash.promise = new Promise(function (resolve) {
+ resolve();
+ }).then(function () {
+ NativeDash._createPlayer(settings);
+ });
+ } else {
+ settings.options.path = typeof settings.options.path === 'string' ? settings.options.path : 'https://cdn.dashjs.org/latest/dash.all.min.js';
+
+ NativeDash.promise = NativeDash.promise || (0, _dom.loadScript)(settings.options.path);
+ NativeDash.promise.then(function () {
+ NativeDash._createPlayer(settings);
+ });
+ }
+
+ return NativeDash.promise;
+ },
+
+ _createPlayer: function _createPlayer(settings) {
+ var player = dashjs.MediaPlayer().create();
+ _window2.default['__ready__' + settings.id](player);
+ return player;
+ }
+};
+
+var DashNativeRenderer = {
+ name: 'native_dash',
+ options: {
+ prefix: 'native_dash',
+ dash: {
+ path: 'https://cdn.dashjs.org/latest/dash.all.min.js',
+ debug: false,
+ drm: {},
+
+ robustnessLevel: ''
+ }
+ },
+
+ canPlayType: function canPlayType(type) {
+ return _constants.HAS_MSE && ['application/dash+xml'].indexOf(type.toLowerCase()) > -1;
+ },
+
+ create: function create(mediaElement, options, mediaFiles) {
+
+ var originalNode = mediaElement.originalNode,
+ id = mediaElement.id + '_' + options.prefix,
+ autoplay = originalNode.autoplay,
+ children = originalNode.children;
+
+ var node = null,
+ dashPlayer = null;
+
+ originalNode.removeAttribute('type');
+ for (var i = 0, total = children.length; i < total; i++) {
+ children[i].removeAttribute('type');
+ }
+
+ node = originalNode.cloneNode(true);
+ options = Object.assign(options, mediaElement.options);
+
+ var props = _mejs2.default.html5media.properties,
+ events = _mejs2.default.html5media.events.concat(['click', 'mouseover', 'mouseout']),
+ attachNativeEvents = function attachNativeEvents(e) {
+ if (e.type !== 'error') {
+ var _event = (0, _general.createEvent)(e.type, mediaElement);
+ mediaElement.dispatchEvent(_event);
+ }
+ },
+ assignGettersSetters = function assignGettersSetters(propName) {
+ var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+ node['get' + capName] = function () {
+ return dashPlayer !== null ? node[propName] : null;
+ };
+
+ node['set' + capName] = function (value) {
+ if (_mejs2.default.html5media.readOnlyProperties.indexOf(propName) === -1) {
+ if (propName === 'src') {
+ var source = (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value.src ? value.src : value;
+ node[propName] = source;
+ if (dashPlayer !== null) {
+ dashPlayer.reset();
+ for (var _i = 0, _total = events.length; _i < _total; _i++) {
+ node.removeEventListener(events[_i], attachNativeEvents);
+ }
+ dashPlayer = NativeDash._createPlayer({
+ options: options.dash,
+ id: id
+ });
+
+ if (value && (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && _typeof(value.drm) === 'object') {
+ dashPlayer.setProtectionData(value.drm);
+ if ((0, _general.isString)(options.dash.robustnessLevel) && options.dash.robustnessLevel) {
+ dashPlayer.getProtectionController().setRobustnessLevel(options.dash.robustnessLevel);
+ }
+ }
+ dashPlayer.attachSource(source);
+ if (autoplay) {
+ dashPlayer.play();
+ }
+ }
+ } else {
+ node[propName] = value;
+ }
+ }
+ };
+ };
+
+ for (var _i2 = 0, _total2 = props.length; _i2 < _total2; _i2++) {
+ assignGettersSetters(props[_i2]);
+ }
+
+ _window2.default['__ready__' + id] = function (_dashPlayer) {
+ mediaElement.dashPlayer = dashPlayer = _dashPlayer;
+
+ var dashEvents = dashjs.MediaPlayer.events,
+ assignEvents = function assignEvents(eventName) {
+ if (eventName === 'loadedmetadata') {
+ dashPlayer.getDebug().setLogToBrowserConsole(options.dash.debug);
+ dashPlayer.initialize();
+ dashPlayer.setScheduleWhilePaused(false);
+ dashPlayer.setFastSwitchEnabled(true);
+ dashPlayer.attachView(node);
+ dashPlayer.setAutoPlay(false);
+
+ if (_typeof(options.dash.drm) === 'object' && !_mejs2.default.Utils.isObjectEmpty(options.dash.drm)) {
+ dashPlayer.setProtectionData(options.dash.drm);
+ if ((0, _general.isString)(options.dash.robustnessLevel) && options.dash.robustnessLevel) {
+ dashPlayer.getProtectionController().setRobustnessLevel(options.dash.robustnessLevel);
+ }
+ }
+ dashPlayer.attachSource(node.getSrc());
+ }
+
+ node.addEventListener(eventName, attachNativeEvents);
+ };
+
+ for (var _i3 = 0, _total3 = events.length; _i3 < _total3; _i3++) {
+ assignEvents(events[_i3]);
+ }
+
+ var assignMdashEvents = function assignMdashEvents(name, data) {
+ if (name.toLowerCase() === 'error') {
+ mediaElement.generateError(data.message, node.src);
+ console.error(data);
+ } else {
+ var _event2 = (0, _general.createEvent)(name, mediaElement);
+ _event2.data = data;
+ mediaElement.dispatchEvent(_event2);
+ }
+ };
+
+ for (var eventType in dashEvents) {
+ if (dashEvents.hasOwnProperty(eventType)) {
+ dashPlayer.on(dashEvents[eventType], function (e) {
+ for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+ args[_key - 1] = arguments[_key];
+ }
+
+ return assignMdashEvents(e.type, args);
+ });
+ }
+ }
+ };
+
+ if (mediaFiles && mediaFiles.length > 0) {
+ for (var _i4 = 0, _total4 = mediaFiles.length; _i4 < _total4; _i4++) {
+ if (_renderer.renderer.renderers[options.prefix].canPlayType(mediaFiles[_i4].type)) {
+ node.setAttribute('src', mediaFiles[_i4].src);
+ if (typeof mediaFiles[_i4].drm !== 'undefined') {
+ options.dash.drm = mediaFiles[_i4].drm;
+ }
+ break;
+ }
+ }
+ }
+
+ node.setAttribute('id', id);
+
+ originalNode.parentNode.insertBefore(node, originalNode);
+ originalNode.autoplay = false;
+ originalNode.style.display = 'none';
+
+ node.setSize = function (width, height) {
+ node.style.width = width + 'px';
+ node.style.height = height + 'px';
+ return node;
+ };
+
+ node.hide = function () {
+ node.pause();
+ node.style.display = 'none';
+ return node;
+ };
+
+ node.show = function () {
+ node.style.display = '';
+ return node;
+ };
+
+ node.destroy = function () {
+ if (dashPlayer !== null) {
+ dashPlayer.reset();
+ }
+ };
+
+ var event = (0, _general.createEvent)('rendererready', node);
+ mediaElement.dispatchEvent(event);
+
+ mediaElement.promises.push(NativeDash.load({
+ options: options.dash,
+ id: id
+ }));
+
+ return node;
+ }
+};
+
+_media.typeChecks.push(function (url) {
+ return ~url.toLowerCase().indexOf('.mpd') ? 'application/dash+xml' : null;
+});
+
+_renderer.renderer.add(DashNativeRenderer);
+
+},{"25":25,"26":26,"27":27,"28":28,"3":3,"7":7,"8":8}],20:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.PluginDetector = undefined;
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _i18n = _dereq_(5);
+
+var _i18n2 = _interopRequireDefault(_i18n);
+
+var _renderer = _dereq_(8);
+
+var _general = _dereq_(27);
+
+var _constants = _dereq_(25);
+
+var _media = _dereq_(28);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var PluginDetector = exports.PluginDetector = {
+ plugins: [],
+
+ hasPluginVersion: function hasPluginVersion(plugin, v) {
+ var pv = PluginDetector.plugins[plugin];
+ v[1] = v[1] || 0;
+ v[2] = v[2] || 0;
+ return pv[0] > v[0] || pv[0] === v[0] && pv[1] > v[1] || pv[0] === v[0] && pv[1] === v[1] && pv[2] >= v[2];
+ },
+
+ addPlugin: function addPlugin(p, pluginName, mimeType, activeX, axDetect) {
+ PluginDetector.plugins[p] = PluginDetector.detectPlugin(pluginName, mimeType, activeX, axDetect);
+ },
+
+ detectPlugin: function detectPlugin(pluginName, mimeType, activeX, axDetect) {
+
+ var version = [0, 0, 0],
+ description = void 0,
+ ax = void 0;
+
+ if (_constants.NAV.plugins !== null && _constants.NAV.plugins !== undefined && _typeof(_constants.NAV.plugins[pluginName]) === 'object') {
+ description = _constants.NAV.plugins[pluginName].description;
+ if (description && !(typeof _constants.NAV.mimeTypes !== 'undefined' && _constants.NAV.mimeTypes[mimeType] && !_constants.NAV.mimeTypes[mimeType].enabledPlugin)) {
+ version = description.replace(pluginName, '').replace(/^\s+/, '').replace(/\sr/gi, '.').split('.');
+ for (var i = 0, total = version.length; i < total; i++) {
+ version[i] = parseInt(version[i].match(/\d+/), 10);
+ }
+ }
+ } else if (_window2.default.ActiveXObject !== undefined) {
+ try {
+ ax = new ActiveXObject(activeX);
+ if (ax) {
+ version = axDetect(ax);
+ }
+ } catch (e) {
+
+ }
+ }
+ return version;
+ }
+};
+
+PluginDetector.addPlugin('flash', 'Shockwave Flash', 'application/x-shockwave-flash', 'ShockwaveFlash.ShockwaveFlash', function (ax) {
+ var version = [],
+ d = ax.GetVariable("$version");
+
+ if (d) {
+ d = d.split(" ")[1].split(",");
+ version = [parseInt(d[0], 10), parseInt(d[1], 10), parseInt(d[2], 10)];
+ }
+ return version;
+});
+
+var FlashMediaElementRenderer = {
+ create: function create(mediaElement, options, mediaFiles) {
+
+ var flash = {};
+
+ flash.options = options;
+ flash.id = mediaElement.id + '_' + flash.options.prefix;
+ flash.mediaElement = mediaElement;
+ flash.flashState = {};
+ flash.flashApi = null;
+ flash.flashApiStack = [];
+
+ var props = _mejs2.default.html5media.properties,
+ assignGettersSetters = function assignGettersSetters(propName) {
+ flash.flashState[propName] = null;
+
+ var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+ flash['get' + capName] = function () {
+ if (flash.flashApi !== null) {
+ if (typeof flash.flashApi['get_' + propName] === 'function') {
+ var value = flash.flashApi['get_' + propName]();
+
+ if (propName === 'buffered') {
+ return {
+ start: function start() {
+ return 0;
+ },
+ end: function end() {
+ return value;
+ },
+ length: 1
+ };
+ }
+ return value;
+ } else {
+ return null;
+ }
+ } else {
+ return null;
+ }
+ };
+
+ flash['set' + capName] = function (value) {
+ if (propName === 'src') {
+ value = (0, _media.absolutizeUrl)(value);
+ }
+
+ if (flash.flashApi !== null && flash.flashApi['set_' + propName] !== undefined) {
+ try {
+ flash.flashApi['set_' + propName](value);
+ } catch (e) {
+
+ }
+ } else {
+ flash.flashApiStack.push({
+ type: 'set',
+ propName: propName,
+ value: value
+ });
+ }
+ };
+ };
+
+ for (var i = 0, total = props.length; i < total; i++) {
+ assignGettersSetters(props[i]);
+ }
+
+ var methods = _mejs2.default.html5media.methods,
+ assignMethods = function assignMethods(methodName) {
+ flash[methodName] = function () {
+ if (flash.flashApi !== null) {
+ if (flash.flashApi['fire_' + methodName]) {
+ try {
+ flash.flashApi['fire_' + methodName]();
+ } catch (e) {
+
+ }
+ } else {
+
+ }
+ } else {
+ flash.flashApiStack.push({
+ type: 'call',
+ methodName: methodName
+ });
+ }
+ };
+ };
+ methods.push('stop');
+ for (var _i = 0, _total = methods.length; _i < _total; _i++) {
+ assignMethods(methods[_i]);
+ }
+
+ var initEvents = ['rendererready'];
+
+ for (var _i2 = 0, _total2 = initEvents.length; _i2 < _total2; _i2++) {
+ var event = (0, _general.createEvent)(initEvents[_i2], flash);
+ mediaElement.dispatchEvent(event);
+ }
+
+ _window2.default['__ready__' + flash.id] = function () {
+
+ flash.flashReady = true;
+ flash.flashApi = _document2.default.getElementById('__' + flash.id);
+
+ if (flash.flashApiStack.length) {
+ for (var _i3 = 0, _total3 = flash.flashApiStack.length; _i3 < _total3; _i3++) {
+ var stackItem = flash.flashApiStack[_i3];
+
+ if (stackItem.type === 'set') {
+ var propName = stackItem.propName,
+ capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+ flash['set' + capName](stackItem.value);
+ } else if (stackItem.type === 'call') {
+ flash[stackItem.methodName]();
+ }
+ }
+ }
+ };
+
+ _window2.default['__event__' + flash.id] = function (eventName, message) {
+ var event = (0, _general.createEvent)(eventName, flash);
+ if (message) {
+ try {
+ event.data = JSON.parse(message);
+ event.details.data = JSON.parse(message);
+ } catch (e) {
+ event.message = message;
+ }
+ }
+
+ flash.mediaElement.dispatchEvent(event);
+ };
+
+ flash.flashWrapper = _document2.default.createElement('div');
+
+ if (['always', 'sameDomain'].indexOf(flash.options.shimScriptAccess) === -1) {
+ flash.options.shimScriptAccess = 'sameDomain';
+ }
+
+ var autoplay = mediaElement.originalNode.autoplay,
+ flashVars = ['uid=' + flash.id, 'autoplay=' + autoplay, 'allowScriptAccess=' + flash.options.shimScriptAccess, 'preload=' + (mediaElement.originalNode.getAttribute('preload') || '')],
+ isVideo = mediaElement.originalNode !== null && mediaElement.originalNode.tagName.toLowerCase() === 'video',
+ flashHeight = isVideo ? mediaElement.originalNode.height : 1,
+ flashWidth = isVideo ? mediaElement.originalNode.width : 1;
+
+ if (mediaElement.originalNode.getAttribute('src')) {
+ flashVars.push('src=' + mediaElement.originalNode.getAttribute('src'));
+ }
+
+ if (flash.options.enablePseudoStreaming === true) {
+ flashVars.push('pseudostreamstart=' + flash.options.pseudoStreamingStartQueryParam);
+ flashVars.push('pseudostreamtype=' + flash.options.pseudoStreamingType);
+ }
+
+ mediaElement.appendChild(flash.flashWrapper);
+ mediaElement.originalNode.style.display = 'none';
+
+ var settings = [];
+
+ if (_constants.IS_IE) {
+ var specialIEContainer = _document2.default.createElement('div');
+ flash.flashWrapper.appendChild(specialIEContainer);
+
+ settings = ['classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"', 'codebase="//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"', 'id="__' + flash.id + '"', 'width="' + flashWidth + '"', 'height="' + flashHeight + '"'];
+
+ if (!isVideo) {
+ settings.push('style="clip: rect(0 0 0 0); position: absolute;"');
+ }
+
+ specialIEContainer.outerHTML = '<object ' + settings.join(' ') + '>' + ('<param name="movie" value="' + flash.options.pluginPath + flash.options.filename + '?x=' + new Date() + '" />') + ('<param name="flashvars" value="' + flashVars.join('&') + '" />') + '<param name="quality" value="high" />' + '<param name="bgcolor" value="#000000" />' + '<param name="wmode" value="transparent" />' + ('<param name="allowScriptAccess" value="' + flash.options.shimScriptAccess + '" />') + '<param name="allowFullScreen" value="true" />' + ('<div>' + _i18n2.default.t('mejs.install-flash') + '</div>') + '</object>';
+ } else {
+
+ settings = ['id="__' + flash.id + '"', 'name="__' + flash.id + '"', 'play="true"', 'loop="false"', 'quality="high"', 'bgcolor="#000000"', 'wmode="transparent"', 'allowScriptAccess="' + flash.options.shimScriptAccess + '"', 'allowFullScreen="true"', 'type="application/x-shockwave-flash"', 'pluginspage="//www.macromedia.com/go/getflashplayer"', 'src="' + flash.options.pluginPath + flash.options.filename + '"', 'flashvars="' + flashVars.join('&') + '"', 'width="' + flashWidth + '"', 'height="' + flashHeight + '"'];
+
+ if (!isVideo) {
+ settings.push('style="clip: rect(0 0 0 0); position: absolute;"');
+ }
+
+ flash.flashWrapper.innerHTML = '<embed ' + settings.join(' ') + '>';
+ }
+
+ flash.flashNode = flash.flashWrapper.lastChild;
+
+ flash.hide = function () {
+ if (isVideo) {
+ flash.flashNode.style.display = 'none';
+ }
+ };
+ flash.show = function () {
+ if (isVideo) {
+ flash.flashNode.style.display = '';
+ }
+ };
+ flash.setSize = function (width, height) {
+ flash.flashNode.style.width = width + 'px';
+ flash.flashNode.style.height = height + 'px';
+
+ if (flash.flashApi !== null && typeof flash.flashApi.fire_setSize === 'function') {
+ flash.flashApi.fire_setSize(width, height);
+ }
+ };
+
+ flash.destroy = function () {
+ flash.flashNode.remove();
+ };
+
+ if (mediaFiles && mediaFiles.length > 0) {
+ for (var _i4 = 0, _total4 = mediaFiles.length; _i4 < _total4; _i4++) {
+ if (_renderer.renderer.renderers[options.prefix].canPlayType(mediaFiles[_i4].type)) {
+ flash.setSrc(mediaFiles[_i4].src);
+ break;
+ }
+ }
+ }
+
+ return flash;
+ }
+};
+
+var hasFlash = PluginDetector.hasPluginVersion('flash', [10, 0, 0]);
+
+if (hasFlash) {
+ _media.typeChecks.push(function (url) {
+ url = url.toLowerCase();
+
+ if (url.startsWith('rtmp')) {
+ if (~url.indexOf('.mp3')) {
+ return 'audio/rtmp';
+ } else {
+ return 'video/rtmp';
+ }
+ } else if (/\.og(a|g)/i.test(url)) {
+ return 'audio/ogg';
+ } else if (~url.indexOf('.m3u8')) {
+ return 'application/x-mpegURL';
+ } else if (~url.indexOf('.mpd')) {
+ return 'application/dash+xml';
+ } else if (~url.indexOf('.flv')) {
+ return 'video/flv';
+ } else {
+ return null;
+ }
+ });
+
+ var FlashMediaElementVideoRenderer = {
+ name: 'flash_video',
+ options: {
+ prefix: 'flash_video',
+ filename: 'mediaelement-flash-video.swf',
+ enablePseudoStreaming: false,
+
+ pseudoStreamingStartQueryParam: 'start',
+
+ pseudoStreamingType: 'byte'
+ },
+
+ canPlayType: function canPlayType(type) {
+ return ~['video/mp4', 'video/rtmp', 'audio/rtmp', 'rtmp/mp4', 'audio/mp4', 'video/flv', 'video/x-flv'].indexOf(type.toLowerCase());
+ },
+
+ create: FlashMediaElementRenderer.create
+
+ };
+ _renderer.renderer.add(FlashMediaElementVideoRenderer);
+
+ var FlashMediaElementHlsVideoRenderer = {
+ name: 'flash_hls',
+ options: {
+ prefix: 'flash_hls',
+ filename: 'mediaelement-flash-video-hls.swf'
+ },
+
+ canPlayType: function canPlayType(type) {
+ return ~['application/x-mpegurl', 'application/vnd.apple.mpegurl', 'audio/mpegurl', 'audio/hls', 'video/hls'].indexOf(type.toLowerCase());
+ },
+
+ create: FlashMediaElementRenderer.create
+ };
+ _renderer.renderer.add(FlashMediaElementHlsVideoRenderer);
+
+ var FlashMediaElementMdashVideoRenderer = {
+ name: 'flash_dash',
+ options: {
+ prefix: 'flash_dash',
+ filename: 'mediaelement-flash-video-mdash.swf'
+ },
+
+ canPlayType: function canPlayType(type) {
+ return ~['application/dash+xml'].indexOf(type.toLowerCase());
+ },
+
+ create: FlashMediaElementRenderer.create
+ };
+ _renderer.renderer.add(FlashMediaElementMdashVideoRenderer);
+
+ var FlashMediaElementAudioRenderer = {
+ name: 'flash_audio',
+ options: {
+ prefix: 'flash_audio',
+ filename: 'mediaelement-flash-audio.swf'
+ },
+
+ canPlayType: function canPlayType(type) {
+ return ~['audio/mp3'].indexOf(type.toLowerCase());
+ },
+
+ create: FlashMediaElementRenderer.create
+ };
+ _renderer.renderer.add(FlashMediaElementAudioRenderer);
+
+ var FlashMediaElementAudioOggRenderer = {
+ name: 'flash_audio_ogg',
+ options: {
+ prefix: 'flash_audio_ogg',
+ filename: 'mediaelement-flash-audio-ogg.swf'
+ },
+
+ canPlayType: function canPlayType(type) {
+ return ~['audio/ogg', 'audio/oga', 'audio/ogv'].indexOf(type.toLowerCase());
+ },
+
+ create: FlashMediaElementRenderer.create
+ };
+ _renderer.renderer.add(FlashMediaElementAudioOggRenderer);
+}
+
+},{"2":2,"25":25,"27":27,"28":28,"3":3,"5":5,"7":7,"8":8}],21:[function(_dereq_,module,exports){
+'use strict';
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _renderer = _dereq_(8);
+
+var _general = _dereq_(27);
+
+var _constants = _dereq_(25);
+
+var _media = _dereq_(28);
+
+var _dom = _dereq_(26);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NativeFlv = {
+
+ promise: null,
+
+ load: function load(settings) {
+ if (typeof flvjs !== 'undefined') {
+ NativeFlv.promise = new Promise(function (resolve) {
+ resolve();
+ }).then(function () {
+ NativeFlv._createPlayer(settings);
+ });
+ } else {
+ settings.options.path = typeof settings.options.path === 'string' ? settings.options.path : 'https://cdnjs.cloudflare.com/ajax/libs/flv.js/1.3.2/flv.min.js';
+
+ NativeFlv.promise = NativeFlv.promise || (0, _dom.loadScript)(settings.options.path);
+ NativeFlv.promise.then(function () {
+ NativeFlv._createPlayer(settings);
+ });
+ }
+
+ return NativeFlv.promise;
+ },
+
+ _createPlayer: function _createPlayer(settings) {
+ flvjs.LoggingControl.enableDebug = settings.options.debug;
+ flvjs.LoggingControl.enableVerbose = settings.options.debug;
+ var player = flvjs.createPlayer(settings.options);
+ _window2.default['__ready__' + settings.id](player);
+ return player;
+ }
+};
+
+var FlvNativeRenderer = {
+ name: 'native_flv',
+ options: {
+ prefix: 'native_flv',
+ flv: {
+ path: 'https://cdnjs.cloudflare.com/ajax/libs/flv.js/1.3.2/flv.min.js',
+
+ cors: true,
+ debug: false
+ }
+ },
+
+ canPlayType: function canPlayType(type) {
+ return _constants.HAS_MSE && ['video/x-flv', 'video/flv'].indexOf(type.toLowerCase()) > -1;
+ },
+
+ create: function create(mediaElement, options, mediaFiles) {
+
+ var originalNode = mediaElement.originalNode,
+ id = mediaElement.id + '_' + options.prefix;
+
+ var node = null,
+ flvPlayer = null;
+
+ node = originalNode.cloneNode(true);
+ options = Object.assign(options, mediaElement.options);
+
+ var props = _mejs2.default.html5media.properties,
+ events = _mejs2.default.html5media.events.concat(['click', 'mouseover', 'mouseout']),
+ attachNativeEvents = function attachNativeEvents(e) {
+ if (e.type !== 'error') {
+ var _event = (0, _general.createEvent)(e.type, mediaElement);
+ mediaElement.dispatchEvent(_event);
+ }
+ },
+ assignGettersSetters = function assignGettersSetters(propName) {
+ var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+ node['get' + capName] = function () {
+ return flvPlayer !== null ? node[propName] : null;
+ };
+
+ node['set' + capName] = function (value) {
+ if (_mejs2.default.html5media.readOnlyProperties.indexOf(propName) === -1) {
+ if (propName === 'src') {
+ node[propName] = (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value.src ? value.src : value;
+ if (flvPlayer !== null) {
+ var _flvOptions = {};
+ _flvOptions.type = 'flv';
+ _flvOptions.url = value;
+ _flvOptions.cors = options.flv.cors;
+ _flvOptions.debug = options.flv.debug;
+ _flvOptions.path = options.flv.path;
+
+ flvPlayer.destroy();
+ for (var i = 0, total = events.length; i < total; i++) {
+ node.removeEventListener(events[i], attachNativeEvents);
+ }
+ flvPlayer = NativeFlv._createPlayer({
+ options: _flvOptions,
+ id: id
+ });
+ flvPlayer.attachMediaElement(node);
+ flvPlayer.load();
+ }
+ } else {
+ node[propName] = value;
+ }
+ }
+ };
+ };
+
+ for (var i = 0, total = props.length; i < total; i++) {
+ assignGettersSetters(props[i]);
+ }
+
+ _window2.default['__ready__' + id] = function (_flvPlayer) {
+ mediaElement.flvPlayer = flvPlayer = _flvPlayer;
+
+ var flvEvents = flvjs.Events,
+ assignEvents = function assignEvents(eventName) {
+ if (eventName === 'loadedmetadata') {
+ flvPlayer.unload();
+ flvPlayer.detachMediaElement();
+ flvPlayer.attachMediaElement(node);
+ flvPlayer.load();
+ }
+
+ node.addEventListener(eventName, attachNativeEvents);
+ };
+
+ for (var _i = 0, _total = events.length; _i < _total; _i++) {
+ assignEvents(events[_i]);
+ }
+
+ var assignFlvEvents = function assignFlvEvents(name, data) {
+ if (name === 'error') {
+ var message = data[0] + ': ' + data[1] + ' ' + data[2].msg;
+ mediaElement.generateError(message, node.src);
+ } else {
+ var _event2 = (0, _general.createEvent)(name, mediaElement);
+ _event2.data = data;
+ mediaElement.dispatchEvent(_event2);
+ }
+ };
+
+ var _loop = function _loop(eventType) {
+ if (flvEvents.hasOwnProperty(eventType)) {
+ flvPlayer.on(flvEvents[eventType], function () {
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ return assignFlvEvents(flvEvents[eventType], args);
+ });
+ }
+ };
+
+ for (var eventType in flvEvents) {
+ _loop(eventType);
+ }
+ };
+
+ if (mediaFiles && mediaFiles.length > 0) {
+ for (var _i2 = 0, _total2 = mediaFiles.length; _i2 < _total2; _i2++) {
+ if (_renderer.renderer.renderers[options.prefix].canPlayType(mediaFiles[_i2].type)) {
+ node.setAttribute('src', mediaFiles[_i2].src);
+ break;
+ }
+ }
+ }
+
+ node.setAttribute('id', id);
+
+ originalNode.parentNode.insertBefore(node, originalNode);
+ originalNode.autoplay = false;
+ originalNode.style.display = 'none';
+
+ var flvOptions = {};
+ flvOptions.type = 'flv';
+ flvOptions.url = node.src;
+ flvOptions.cors = options.flv.cors;
+ flvOptions.debug = options.flv.debug;
+ flvOptions.path = options.flv.path;
+
+ node.setSize = function (width, height) {
+ node.style.width = width + 'px';
+ node.style.height = height + 'px';
+ return node;
+ };
+
+ node.hide = function () {
+ if (flvPlayer !== null) {
+ flvPlayer.pause();
+ }
+ node.style.display = 'none';
+ return node;
+ };
+
+ node.show = function () {
+ node.style.display = '';
+ return node;
+ };
+
+ node.destroy = function () {
+ if (flvPlayer !== null) {
+ flvPlayer.destroy();
+ }
+ };
+
+ var event = (0, _general.createEvent)('rendererready', node);
+ mediaElement.dispatchEvent(event);
+
+ mediaElement.promises.push(NativeFlv.load({
+ options: flvOptions,
+ id: id
+ }));
+
+ return node;
+ }
+};
+
+_media.typeChecks.push(function (url) {
+ return ~url.toLowerCase().indexOf('.flv') ? 'video/flv' : null;
+});
+
+_renderer.renderer.add(FlvNativeRenderer);
+
+},{"25":25,"26":26,"27":27,"28":28,"3":3,"7":7,"8":8}],22:[function(_dereq_,module,exports){
+'use strict';
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _renderer = _dereq_(8);
+
+var _general = _dereq_(27);
+
+var _constants = _dereq_(25);
+
+var _media = _dereq_(28);
+
+var _dom = _dereq_(26);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NativeHls = {
+
+ promise: null,
+
+ load: function load(settings) {
+ if (typeof Hls !== 'undefined') {
+ NativeHls.promise = new Promise(function (resolve) {
+ resolve();
+ }).then(function () {
+ NativeHls._createPlayer(settings);
+ });
+ } else {
+ settings.options.path = typeof settings.options.path === 'string' ? settings.options.path : 'https://cdnjs.cloudflare.com/ajax/libs/hls.js/0.7.11/hls.min.js';
+
+ NativeHls.promise = NativeHls.promise || (0, _dom.loadScript)(settings.options.path);
+ NativeHls.promise.then(function () {
+ NativeHls._createPlayer(settings);
+ });
+ }
+
+ return NativeHls.promise;
+ },
+
+ _createPlayer: function _createPlayer(settings) {
+ var player = new Hls(settings.options);
+ _window2.default['__ready__' + settings.id](player);
+ return player;
+ }
+};
+
+var HlsNativeRenderer = {
+ name: 'native_hls',
+ options: {
+ prefix: 'native_hls',
+ hls: {
+ path: 'https://cdnjs.cloudflare.com/ajax/libs/hls.js/0.7.11/hls.min.js',
+
+ autoStartLoad: false,
+ debug: false
+ }
+ },
+
+ canPlayType: function canPlayType(type) {
+ return _constants.HAS_MSE && ['application/x-mpegurl', 'application/vnd.apple.mpegurl', 'audio/mpegurl', 'audio/hls', 'video/hls'].indexOf(type.toLowerCase()) > -1;
+ },
+
+ create: function create(mediaElement, options, mediaFiles) {
+
+ var originalNode = mediaElement.originalNode,
+ id = mediaElement.id + '_' + options.prefix,
+ preload = originalNode.getAttribute('preload'),
+ autoplay = originalNode.autoplay;
+
+ var hlsPlayer = null,
+ node = null;
+
+ node = originalNode.cloneNode(true);
+ options = Object.assign(options, mediaElement.options);
+ options.hls.autoStartLoad = preload && preload !== 'none' || autoplay;
+
+ var props = _mejs2.default.html5media.properties,
+ events = _mejs2.default.html5media.events.concat(['click', 'mouseover', 'mouseout']),
+ attachNativeEvents = function attachNativeEvents(e) {
+ if (e.type !== 'error') {
+ var _event = (0, _general.createEvent)(e.type, mediaElement);
+ mediaElement.dispatchEvent(_event);
+ }
+ },
+ assignGettersSetters = function assignGettersSetters(propName) {
+ var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+ node['get' + capName] = function () {
+ return hlsPlayer !== null ? node[propName] : null;
+ };
+
+ node['set' + capName] = function (value) {
+ if (_mejs2.default.html5media.readOnlyProperties.indexOf(propName) === -1) {
+ if (propName === 'src') {
+ node[propName] = (typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value.src ? value.src : value;
+ if (hlsPlayer !== null) {
+ hlsPlayer.destroy();
+ for (var i = 0, total = events.length; i < total; i++) {
+ node.removeEventListener(events[i], attachNativeEvents);
+ }
+ hlsPlayer = NativeHls._createPlayer({
+ options: options.hls,
+ id: id
+ });
+ hlsPlayer.loadSource(value);
+ hlsPlayer.attachMedia(node);
+ }
+ } else {
+ node[propName] = value;
+ }
+ }
+ };
+ };
+
+ for (var i = 0, total = props.length; i < total; i++) {
+ assignGettersSetters(props[i]);
+ }
+
+ _window2.default['__ready__' + id] = function (_hlsPlayer) {
+ mediaElement.hlsPlayer = hlsPlayer = _hlsPlayer;
+ var hlsEvents = Hls.Events,
+ assignEvents = function assignEvents(eventName) {
+ if (eventName === 'loadedmetadata') {
+ var url = mediaElement.originalNode.src;
+ hlsPlayer.detachMedia();
+ hlsPlayer.loadSource(url);
+ hlsPlayer.attachMedia(node);
+ }
+
+ node.addEventListener(eventName, attachNativeEvents);
+ };
+
+ for (var _i = 0, _total = events.length; _i < _total; _i++) {
+ assignEvents(events[_i]);
+ }
+
+ var recoverDecodingErrorDate = void 0,
+ recoverSwapAudioCodecDate = void 0;
+ var assignHlsEvents = function assignHlsEvents(name, data) {
+ if (name === 'hlsError') {
+ console.warn(name, data);
+
+ if (data.fatal) {
+ switch (data.type) {
+ case 'mediaError':
+ var now = new Date().getTime();
+ if (!recoverDecodingErrorDate || now - recoverDecodingErrorDate > 3000) {
+ recoverDecodingErrorDate = new Date().getTime();
+ hlsPlayer.recoverMediaError();
+ } else if (!recoverSwapAudioCodecDate || now - recoverSwapAudioCodecDate > 3000) {
+ recoverSwapAudioCodecDate = new Date().getTime();
+ console.warn('Attempting to swap Audio Codec and recover from media error');
+ hlsPlayer.swapAudioCodec();
+ hlsPlayer.recoverMediaError();
+ } else {
+ var _message = 'Cannot recover, last media error recovery failed';
+ mediaElement.generateError(_message, node.src);
+ console.error(_message);
+ }
+ break;
+ case 'networkError':
+ var message = 'Network error';
+ mediaElement.generateError(message, node.src);
+ console.error(message);
+ break;
+ default:
+ hlsPlayer.destroy();
+ break;
+ }
+ }
+ } else {
+ var _event2 = (0, _general.createEvent)(name, mediaElement);
+ _event2.data = data;
+ mediaElement.dispatchEvent(_event2);
+ }
+ };
+
+ var _loop = function _loop(eventType) {
+ if (hlsEvents.hasOwnProperty(eventType)) {
+ hlsPlayer.on(hlsEvents[eventType], function () {
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+ args[_key] = arguments[_key];
+ }
+
+ return assignHlsEvents(hlsEvents[eventType], args);
+ });
+ }
+ };
+
+ for (var eventType in hlsEvents) {
+ _loop(eventType);
+ }
+ };
+
+ if (mediaFiles && mediaFiles.length > 0) {
+ for (var _i2 = 0, _total2 = mediaFiles.length; _i2 < _total2; _i2++) {
+ if (_renderer.renderer.renderers[options.prefix].canPlayType(mediaFiles[_i2].type)) {
+ node.setAttribute('src', mediaFiles[_i2].src);
+ break;
+ }
+ }
+ }
+
+ if (preload !== 'auto' && !autoplay) {
+ node.addEventListener('play', function () {
+ if (hlsPlayer !== null) {
+ hlsPlayer.startLoad();
+ }
+ });
+
+ node.addEventListener('pause', function () {
+ if (hlsPlayer !== null) {
+ hlsPlayer.stopLoad();
+ }
+ });
+ }
+
+ node.setAttribute('id', id);
+
+ originalNode.parentNode.insertBefore(node, originalNode);
+ originalNode.autoplay = false;
+ originalNode.style.display = 'none';
+
+ node.setSize = function (width, height) {
+ node.style.width = width + 'px';
+ node.style.height = height + 'px';
+ return node;
+ };
+
+ node.hide = function () {
+ node.pause();
+ node.style.display = 'none';
+ return node;
+ };
+
+ node.show = function () {
+ node.style.display = '';
+ return node;
+ };
+
+ node.destroy = function () {
+ if (hlsPlayer !== null) {
+ hlsPlayer.stopLoad();
+ hlsPlayer.destroy();
+ }
+ };
+
+ var event = (0, _general.createEvent)('rendererready', node);
+ mediaElement.dispatchEvent(event);
+
+ mediaElement.promises.push(NativeHls.load({
+ options: options.hls,
+ id: id
+ }));
+
+ return node;
+ }
+};
+
+_media.typeChecks.push(function (url) {
+ return ~url.toLowerCase().indexOf('.m3u8') ? 'application/x-mpegURL' : null;
+});
+
+_renderer.renderer.add(HlsNativeRenderer);
+
+},{"25":25,"26":26,"27":27,"28":28,"3":3,"7":7,"8":8}],23:[function(_dereq_,module,exports){
+'use strict';
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _renderer = _dereq_(8);
+
+var _general = _dereq_(27);
+
+var _constants = _dereq_(25);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var HtmlMediaElement = {
+ name: 'html5',
+ options: {
+ prefix: 'html5'
+ },
+
+ canPlayType: function canPlayType(type) {
+
+ var mediaElement = _document2.default.createElement('video');
+
+ if (_constants.IS_ANDROID && /\/mp(3|4)$/i.test(type) || ~['application/x-mpegurl', 'vnd.apple.mpegurl', 'audio/mpegurl', 'audio/hls', 'video/hls'].indexOf(type.toLowerCase()) && _constants.SUPPORTS_NATIVE_HLS) {
+ return 'yes';
+ } else if (mediaElement.canPlayType) {
+ return mediaElement.canPlayType(type.toLowerCase()).replace(/no/, '');
+ } else {
+ return '';
+ }
+ },
+
+ create: function create(mediaElement, options, mediaFiles) {
+
+ var id = mediaElement.id + '_' + options.prefix;
+
+ var node = null;
+
+ if (mediaElement.originalNode === undefined || mediaElement.originalNode === null) {
+ node = _document2.default.createElement('audio');
+ mediaElement.appendChild(node);
+ } else {
+ node = mediaElement.originalNode;
+ }
+
+ node.setAttribute('id', id);
+
+ var props = _mejs2.default.html5media.properties,
+ assignGettersSetters = function assignGettersSetters(propName) {
+ var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+ node['get' + capName] = function () {
+ return node[propName];
+ };
+
+ node['set' + capName] = function (value) {
+ if (_mejs2.default.html5media.readOnlyProperties.indexOf(propName) === -1) {
+ node[propName] = value;
+ }
+ };
+ };
+
+ for (var i = 0, total = props.length; i < total; i++) {
+ assignGettersSetters(props[i]);
+ }
+
+ var events = _mejs2.default.html5media.events.concat(['click', 'mouseover', 'mouseout']),
+ assignEvents = function assignEvents(eventName) {
+ node.addEventListener(eventName, function (e) {
+ var event = (0, _general.createEvent)(e.type, mediaElement);
+ mediaElement.dispatchEvent(event);
+ });
+ };
+
+ for (var _i = 0, _total = events.length; _i < _total; _i++) {
+ assignEvents(events[_i]);
+ }
+
+ node.setSize = function (width, height) {
+ node.style.width = width + 'px';
+ node.style.height = height + 'px';
+ return node;
+ };
+
+ node.hide = function () {
+ node.style.display = 'none';
+
+ return node;
+ };
+
+ node.show = function () {
+ node.style.display = '';
+
+ return node;
+ };
+
+ if (mediaFiles && mediaFiles.length > 0) {
+ for (var _i2 = 0, _total2 = mediaFiles.length; _i2 < _total2; _i2++) {
+ if (_renderer.renderer.renderers[options.prefix].canPlayType(mediaFiles[_i2].type)) {
+ node.setAttribute('src', mediaFiles[_i2].src);
+ break;
+ }
+ }
+ }
+
+ var event = (0, _general.createEvent)('rendererready', node);
+ mediaElement.dispatchEvent(event);
+
+ return node;
+ }
+};
+
+_window2.default.HtmlMediaElement = _mejs2.default.HtmlMediaElement = HtmlMediaElement;
+
+_renderer.renderer.add(HtmlMediaElement);
+
+},{"2":2,"25":25,"27":27,"3":3,"7":7,"8":8}],24:[function(_dereq_,module,exports){
+'use strict';
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _renderer = _dereq_(8);
+
+var _general = _dereq_(27);
+
+var _media = _dereq_(28);
+
+var _dom = _dereq_(26);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var YouTubeApi = {
+ isIframeStarted: false,
+
+ isIframeLoaded: false,
+
+ iframeQueue: [],
+
+ enqueueIframe: function enqueueIframe(settings) {
+ YouTubeApi.isLoaded = typeof YT !== 'undefined' && YT.loaded;
+
+ if (YouTubeApi.isLoaded) {
+ YouTubeApi.createIframe(settings);
+ } else {
+ YouTubeApi.loadIframeApi();
+ YouTubeApi.iframeQueue.push(settings);
+ }
+ },
+
+ loadIframeApi: function loadIframeApi() {
+ if (!YouTubeApi.isIframeStarted) {
+ (0, _dom.loadScript)('https://www.youtube.com/player_api');
+ YouTubeApi.isIframeStarted = true;
+ }
+ },
+
+ iFrameReady: function iFrameReady() {
+
+ YouTubeApi.isLoaded = true;
+ YouTubeApi.isIframeLoaded = true;
+
+ while (YouTubeApi.iframeQueue.length > 0) {
+ var settings = YouTubeApi.iframeQueue.pop();
+ YouTubeApi.createIframe(settings);
+ }
+ },
+
+ createIframe: function createIframe(settings) {
+ return new YT.Player(settings.containerId, settings);
+ },
+
+ getYouTubeId: function getYouTubeId(url) {
+
+ var youTubeId = '';
+
+ if (url.indexOf('?') > 0) {
+ youTubeId = YouTubeApi.getYouTubeIdFromParam(url);
+
+ if (youTubeId === '') {
+ youTubeId = YouTubeApi.getYouTubeIdFromUrl(url);
+ }
+ } else {
+ youTubeId = YouTubeApi.getYouTubeIdFromUrl(url);
+ }
+
+ var id = youTubeId.substring(youTubeId.lastIndexOf('/') + 1);
+ youTubeId = id.split('?');
+ return youTubeId[0];
+ },
+
+ getYouTubeIdFromParam: function getYouTubeIdFromParam(url) {
+
+ if (url === undefined || url === null || !url.trim().length) {
+ return null;
+ }
+
+ var parts = url.split('?'),
+ parameters = parts[1].split('&');
+
+ var youTubeId = '';
+
+ for (var i = 0, total = parameters.length; i < total; i++) {
+ var paramParts = parameters[i].split('=');
+ if (paramParts[0] === 'v') {
+ youTubeId = paramParts[1];
+ break;
+ }
+ }
+
+ return youTubeId;
+ },
+
+ getYouTubeIdFromUrl: function getYouTubeIdFromUrl(url) {
+
+ if (url === undefined || url === null || !url.trim().length) {
+ return null;
+ }
+
+ var parts = url.split('?');
+ url = parts[0];
+ return url.substring(url.lastIndexOf('/') + 1);
+ },
+
+ getYouTubeNoCookieUrl: function getYouTubeNoCookieUrl(url) {
+ if (url === undefined || url === null || !url.trim().length || url.indexOf('//www.youtube') === -1) {
+ return url;
+ }
+
+ var parts = url.split('/');
+ parts[2] = parts[2].replace('.com', '-nocookie.com');
+ return parts.join('/');
+ }
+};
+
+var YouTubeIframeRenderer = {
+ name: 'youtube_iframe',
+
+ options: {
+ prefix: 'youtube_iframe',
+
+ youtube: {
+ autoplay: 0,
+ controls: 0,
+ disablekb: 1,
+ end: 0,
+ loop: 0,
+ modestbranding: 0,
+ playsinline: 0,
+ rel: 0,
+ showinfo: 0,
+ start: 0,
+ iv_load_policy: 3,
+
+ nocookie: false,
+
+ imageQuality: null
+ }
+ },
+
+ canPlayType: function canPlayType(type) {
+ return ~['video/youtube', 'video/x-youtube'].indexOf(type.toLowerCase());
+ },
+
+ create: function create(mediaElement, options, mediaFiles) {
+
+ var youtube = {},
+ apiStack = [],
+ readyState = 4;
+
+ var youTubeApi = null,
+ paused = true,
+ ended = false,
+ youTubeIframe = null,
+ volume = 1;
+
+ youtube.options = options;
+ youtube.id = mediaElement.id + '_' + options.prefix;
+ youtube.mediaElement = mediaElement;
+
+ var props = _mejs2.default.html5media.properties,
+ assignGettersSetters = function assignGettersSetters(propName) {
+
+ var capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+ youtube['get' + capName] = function () {
+ if (youTubeApi !== null) {
+ var value = null;
+
+ switch (propName) {
+ case 'currentTime':
+ return youTubeApi.getCurrentTime();
+ case 'duration':
+ return youTubeApi.getDuration();
+ case 'volume':
+ volume = youTubeApi.getVolume() / 100;
+ return volume;
+ case 'paused':
+ return paused;
+ case 'ended':
+ return ended;
+ case 'muted':
+ return youTubeApi.isMuted();
+ case 'buffered':
+ var percentLoaded = youTubeApi.getVideoLoadedFraction(),
+ duration = youTubeApi.getDuration();
+ return {
+ start: function start() {
+ return 0;
+ },
+ end: function end() {
+ return percentLoaded * duration;
+ },
+ length: 1
+ };
+ case 'src':
+ return youTubeApi.getVideoUrl();
+ case 'readyState':
+ return readyState;
+ }
+
+ return value;
+ } else {
+ return null;
+ }
+ };
+
+ youtube['set' + capName] = function (value) {
+ if (youTubeApi !== null) {
+ switch (propName) {
+ case 'src':
+ var url = typeof value === 'string' ? value : value[0].src,
+ _videoId = YouTubeApi.getYouTubeId(url);
+
+ if (mediaElement.originalNode.autoplay) {
+ youTubeApi.loadVideoById(_videoId);
+ } else {
+ youTubeApi.cueVideoById(_videoId);
+ }
+ break;
+ case 'currentTime':
+ youTubeApi.seekTo(value);
+ break;
+ case 'muted':
+ if (value) {
+ youTubeApi.mute();
+ } else {
+ youTubeApi.unMute();
+ }
+ setTimeout(function () {
+ var event = (0, _general.createEvent)('volumechange', youtube);
+ mediaElement.dispatchEvent(event);
+ }, 50);
+ break;
+ case 'volume':
+ volume = value;
+ youTubeApi.setVolume(value * 100);
+ setTimeout(function () {
+ var event = (0, _general.createEvent)('volumechange', youtube);
+ mediaElement.dispatchEvent(event);
+ }, 50);
+ break;
+ case 'readyState':
+ var event = (0, _general.createEvent)('canplay', youtube);
+ mediaElement.dispatchEvent(event);
+ break;
+ default:
+
+ break;
+ }
+ } else {
+ apiStack.push({ type: 'set', propName: propName, value: value });
+ }
+ };
+ };
+
+ for (var i = 0, total = props.length; i < total; i++) {
+ assignGettersSetters(props[i]);
+ }
+
+ var methods = _mejs2.default.html5media.methods,
+ assignMethods = function assignMethods(methodName) {
+ youtube[methodName] = function () {
+ if (youTubeApi !== null) {
+ switch (methodName) {
+ case 'play':
+ paused = false;
+ return youTubeApi.playVideo();
+ case 'pause':
+ paused = true;
+ return youTubeApi.pauseVideo();
+ case 'load':
+ return null;
+ }
+ } else {
+ apiStack.push({ type: 'call', methodName: methodName });
+ }
+ };
+ };
+
+ for (var _i = 0, _total = methods.length; _i < _total; _i++) {
+ assignMethods(methods[_i]);
+ }
+
+ var youtubeContainer = _document2.default.createElement('div');
+ youtubeContainer.id = youtube.id;
+
+ if (youtube.options.youtube.nocookie) {
+ mediaElement.originalNode.src = YouTubeApi.getYouTubeNoCookieUrl(mediaFiles[0].src);
+ }
+
+ mediaElement.originalNode.parentNode.insertBefore(youtubeContainer, mediaElement.originalNode);
+ mediaElement.originalNode.style.display = 'none';
+
+ var isAudio = mediaElement.originalNode.tagName.toLowerCase() === 'audio',
+ height = isAudio ? '1' : mediaElement.originalNode.height,
+ width = isAudio ? '1' : mediaElement.originalNode.width,
+ videoId = YouTubeApi.getYouTubeId(mediaFiles[0].src),
+ youtubeSettings = {
+ id: youtube.id,
+ containerId: youtubeContainer.id,
+ videoId: videoId,
+ height: height,
+ width: width,
+ playerVars: Object.assign({
+ controls: 0,
+ rel: 0,
+ disablekb: 1,
+ showinfo: 0,
+ modestbranding: 0,
+ html5: 1,
+ playsinline: 0,
+ start: 0,
+ end: 0,
+ iv_load_policy: 3
+ }, youtube.options.youtube),
+ origin: _window2.default.location.host,
+ events: {
+ onReady: function onReady(e) {
+ mediaElement.youTubeApi = youTubeApi = e.target;
+ mediaElement.youTubeState = {
+ paused: true,
+ ended: false
+ };
+
+ if (apiStack.length) {
+ for (var _i2 = 0, _total2 = apiStack.length; _i2 < _total2; _i2++) {
+
+ var stackItem = apiStack[_i2];
+
+ if (stackItem.type === 'set') {
+ var propName = stackItem.propName,
+ capName = '' + propName.substring(0, 1).toUpperCase() + propName.substring(1);
+
+ youtube['set' + capName](stackItem.value);
+ } else if (stackItem.type === 'call') {
+ youtube[stackItem.methodName]();
+ }
+ }
+ }
+
+ youTubeIframe = youTubeApi.getIframe();
+
+ if (mediaElement.originalNode.getAttribute('muted')) {
+ youTubeApi.mute();
+ }
+
+ var events = ['mouseover', 'mouseout'],
+ assignEvents = function assignEvents(e) {
+ var newEvent = (0, _general.createEvent)(e.type, youtube);
+ mediaElement.dispatchEvent(newEvent);
+ };
+
+ for (var _i3 = 0, _total3 = events.length; _i3 < _total3; _i3++) {
+ youTubeIframe.addEventListener(events[_i3], assignEvents, false);
+ }
+
+ var initEvents = ['rendererready', 'loadedmetadata', 'loadeddata', 'canplay'];
+
+ for (var _i4 = 0, _total4 = initEvents.length; _i4 < _total4; _i4++) {
+ var event = (0, _general.createEvent)(initEvents[_i4], youtube);
+ mediaElement.dispatchEvent(event);
+ }
+ },
+ onStateChange: function onStateChange(e) {
+ var events = [];
+
+ switch (e.data) {
+ case -1:
+ events = ['loadedmetadata'];
+ paused = true;
+ ended = false;
+ break;
+ case 0:
+ events = ['ended'];
+ paused = false;
+ ended = !youtube.options.youtube.loop;
+ if (!youtube.options.youtube.loop) {
+ youtube.stopInterval();
+ }
+ break;
+ case 1:
+ events = ['play', 'playing'];
+ paused = false;
+ ended = false;
+ youtube.startInterval();
+ break;
+ case 2:
+ events = ['pause'];
+ paused = true;
+ ended = false;
+ youtube.stopInterval();
+ break;
+ case 3:
+ events = ['progress'];
+ ended = false;
+ break;
+ case 5:
+ events = ['loadeddata', 'loadedmetadata', 'canplay'];
+ paused = true;
+ ended = false;
+ break;
+ }
+
+ for (var _i5 = 0, _total5 = events.length; _i5 < _total5; _i5++) {
+ var event = (0, _general.createEvent)(events[_i5], youtube);
+ mediaElement.dispatchEvent(event);
+ }
+ },
+ onError: function onError(e) {
+ var event = (0, _general.createEvent)('error', youtube);
+ event.data = e.data;
+ mediaElement.dispatchEvent(event);
+ }
+ }
+ };
+
+ if (isAudio) {
+ youtubeSettings.playerVars.playsinline = 1;
+ }
+
+ if (mediaElement.originalNode.autoplay) {
+ youtubeSettings.playerVars.autoplay = 1;
+ }
+
+ if (mediaElement.originalNode.loop) {
+ youtubeSettings.playerVars.loop = 1;
+ }
+
+ YouTubeApi.enqueueIframe(youtubeSettings);
+
+ youtube.onEvent = function (eventName, player, _youTubeState) {
+ if (_youTubeState !== null && _youTubeState !== undefined) {
+ mediaElement.youTubeState = _youTubeState;
+ }
+ };
+
+ youtube.setSize = function (width, height) {
+ if (youTubeApi !== null) {
+ youTubeApi.setSize(width, height);
+ }
+ };
+ youtube.hide = function () {
+ youtube.stopInterval();
+ youtube.pause();
+ if (youTubeIframe) {
+ youTubeIframe.style.display = 'none';
+ }
+ };
+ youtube.show = function () {
+ if (youTubeIframe) {
+ youTubeIframe.style.display = '';
+ }
+ };
+ youtube.destroy = function () {
+ youTubeApi.destroy();
+ };
+ youtube.interval = null;
+
+ youtube.startInterval = function () {
+ youtube.interval = setInterval(function () {
+ var event = (0, _general.createEvent)('timeupdate', youtube);
+ mediaElement.dispatchEvent(event);
+ }, 250);
+ };
+ youtube.stopInterval = function () {
+ if (youtube.interval) {
+ clearInterval(youtube.interval);
+ }
+ };
+ youtube.getPosterUrl = function () {
+ var quality = options.youtube.imageQuality,
+ resolutions = ['default', 'hqdefault', 'mqdefault', 'sddefault', 'maxresdefault'],
+ id = YouTubeApi.getYouTubeId(mediaElement.originalNode.src);
+ return quality && resolutions.indexOf(quality) > -1 && id ? 'https://img.youtube.com/vi/' + id + '/' + quality + '.jpg' : '';
+ };
+
+ return youtube;
+ }
+};
+
+_window2.default.onYouTubePlayerAPIReady = function () {
+ YouTubeApi.iFrameReady();
+};
+
+_media.typeChecks.push(function (url) {
+ return (/\/\/(www\.youtube|youtu\.?be)/i.test(url) ? 'video/x-youtube' : null
+ );
+});
+
+_renderer.renderer.add(YouTubeIframeRenderer);
+
+},{"2":2,"26":26,"27":27,"28":28,"3":3,"7":7,"8":8}],25:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.cancelFullScreen = exports.requestFullScreen = exports.isFullScreen = exports.FULLSCREEN_EVENT_NAME = exports.HAS_NATIVE_FULLSCREEN_ENABLED = exports.HAS_TRUE_NATIVE_FULLSCREEN = exports.HAS_IOS_FULLSCREEN = exports.HAS_MS_NATIVE_FULLSCREEN = exports.HAS_MOZ_NATIVE_FULLSCREEN = exports.HAS_WEBKIT_NATIVE_FULLSCREEN = exports.HAS_NATIVE_FULLSCREEN = exports.SUPPORTS_NATIVE_HLS = exports.SUPPORT_POINTER_EVENTS = exports.HAS_MSE = exports.IS_STOCK_ANDROID = exports.IS_SAFARI = exports.IS_FIREFOX = exports.IS_CHROME = exports.IS_EDGE = exports.IS_IE = exports.IS_ANDROID = exports.IS_IOS = exports.IS_IPOD = exports.IS_IPHONE = exports.IS_IPAD = exports.UA = exports.NAV = undefined;
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NAV = exports.NAV = _window2.default.navigator;
+var UA = exports.UA = NAV.userAgent.toLowerCase();
+var IS_IPAD = exports.IS_IPAD = /ipad/i.test(UA) && !_window2.default.MSStream;
+var IS_IPHONE = exports.IS_IPHONE = /iphone/i.test(UA) && !_window2.default.MSStream;
+var IS_IPOD = exports.IS_IPOD = /ipod/i.test(UA) && !_window2.default.MSStream;
+var IS_IOS = exports.IS_IOS = /ipad|iphone|ipod/i.test(UA) && !_window2.default.MSStream;
+var IS_ANDROID = exports.IS_ANDROID = /android/i.test(UA);
+var IS_IE = exports.IS_IE = /(trident|microsoft)/i.test(NAV.appName);
+var IS_EDGE = exports.IS_EDGE = 'msLaunchUri' in NAV && !('documentMode' in _document2.default);
+var IS_CHROME = exports.IS_CHROME = /chrome/i.test(UA);
+var IS_FIREFOX = exports.IS_FIREFOX = /firefox/i.test(UA);
+var IS_SAFARI = exports.IS_SAFARI = /safari/i.test(UA) && !IS_CHROME;
+var IS_STOCK_ANDROID = exports.IS_STOCK_ANDROID = /^mozilla\/\d+\.\d+\s\(linux;\su;/i.test(UA);
+var HAS_MSE = exports.HAS_MSE = 'MediaSource' in _window2.default;
+var SUPPORT_POINTER_EVENTS = exports.SUPPORT_POINTER_EVENTS = function () {
+ var element = _document2.default.createElement('x'),
+ documentElement = _document2.default.documentElement,
+ getComputedStyle = _window2.default.getComputedStyle;
+
+ if (!('pointerEvents' in element.style)) {
+ return false;
+ }
+
+ element.style.pointerEvents = 'auto';
+ element.style.pointerEvents = 'x';
+ documentElement.appendChild(element);
+ var supports = getComputedStyle && getComputedStyle(element, '').pointerEvents === 'auto';
+ element.remove();
+ return !!supports;
+}();
+
+var html5Elements = ['source', 'track', 'audio', 'video'];
+var video = void 0;
+
+for (var i = 0, total = html5Elements.length; i < total; i++) {
+ video = _document2.default.createElement(html5Elements[i]);
+}
+
+var SUPPORTS_NATIVE_HLS = exports.SUPPORTS_NATIVE_HLS = IS_SAFARI || IS_ANDROID && (IS_CHROME || IS_STOCK_ANDROID) || IS_IE && /edge/i.test(UA);
+
+var hasiOSFullScreen = video.webkitEnterFullscreen !== undefined;
+
+var hasNativeFullscreen = video.requestFullscreen !== undefined;
+
+if (hasiOSFullScreen && /mac os x 10_5/i.test(UA)) {
+ hasNativeFullscreen = false;
+ hasiOSFullScreen = false;
+}
+
+var hasWebkitNativeFullScreen = video.webkitRequestFullScreen !== undefined;
+var hasMozNativeFullScreen = video.mozRequestFullScreen !== undefined;
+var hasMsNativeFullScreen = video.msRequestFullscreen !== undefined;
+var hasTrueNativeFullScreen = hasWebkitNativeFullScreen || hasMozNativeFullScreen || hasMsNativeFullScreen;
+var nativeFullScreenEnabled = hasTrueNativeFullScreen;
+var fullScreenEventName = '';
+var isFullScreen = void 0,
+ requestFullScreen = void 0,
+ cancelFullScreen = void 0;
+
+if (hasMozNativeFullScreen) {
+ nativeFullScreenEnabled = _document2.default.mozFullScreenEnabled;
+} else if (hasMsNativeFullScreen) {
+ nativeFullScreenEnabled = _document2.default.msFullscreenEnabled;
+}
+
+if (IS_CHROME) {
+ hasiOSFullScreen = false;
+}
+
+if (hasTrueNativeFullScreen) {
+ if (hasWebkitNativeFullScreen) {
+ fullScreenEventName = 'webkitfullscreenchange';
+ } else if (hasMozNativeFullScreen) {
+ fullScreenEventName = 'mozfullscreenchange';
+ } else if (hasMsNativeFullScreen) {
+ fullScreenEventName = 'MSFullscreenChange';
+ }
+
+ exports.isFullScreen = isFullScreen = function isFullScreen() {
+ if (hasMozNativeFullScreen) {
+ return _document2.default.mozFullScreen;
+ } else if (hasWebkitNativeFullScreen) {
+ return _document2.default.webkitIsFullScreen;
+ } else if (hasMsNativeFullScreen) {
+ return _document2.default.msFullscreenElement !== null;
+ }
+ };
+
+ exports.requestFullScreen = requestFullScreen = function requestFullScreen(el) {
+ if (hasWebkitNativeFullScreen) {
+ el.webkitRequestFullScreen();
+ } else if (hasMozNativeFullScreen) {
+ el.mozRequestFullScreen();
+ } else if (hasMsNativeFullScreen) {
+ el.msRequestFullscreen();
+ }
+ };
+
+ exports.cancelFullScreen = cancelFullScreen = function cancelFullScreen() {
+ if (hasWebkitNativeFullScreen) {
+ _document2.default.webkitCancelFullScreen();
+ } else if (hasMozNativeFullScreen) {
+ _document2.default.mozCancelFullScreen();
+ } else if (hasMsNativeFullScreen) {
+ _document2.default.msExitFullscreen();
+ }
+ };
+}
+
+var HAS_NATIVE_FULLSCREEN = exports.HAS_NATIVE_FULLSCREEN = hasNativeFullscreen;
+var HAS_WEBKIT_NATIVE_FULLSCREEN = exports.HAS_WEBKIT_NATIVE_FULLSCREEN = hasWebkitNativeFullScreen;
+var HAS_MOZ_NATIVE_FULLSCREEN = exports.HAS_MOZ_NATIVE_FULLSCREEN = hasMozNativeFullScreen;
+var HAS_MS_NATIVE_FULLSCREEN = exports.HAS_MS_NATIVE_FULLSCREEN = hasMsNativeFullScreen;
+var HAS_IOS_FULLSCREEN = exports.HAS_IOS_FULLSCREEN = hasiOSFullScreen;
+var HAS_TRUE_NATIVE_FULLSCREEN = exports.HAS_TRUE_NATIVE_FULLSCREEN = hasTrueNativeFullScreen;
+var HAS_NATIVE_FULLSCREEN_ENABLED = exports.HAS_NATIVE_FULLSCREEN_ENABLED = nativeFullScreenEnabled;
+var FULLSCREEN_EVENT_NAME = exports.FULLSCREEN_EVENT_NAME = fullScreenEventName;
+exports.isFullScreen = isFullScreen;
+exports.requestFullScreen = requestFullScreen;
+exports.cancelFullScreen = cancelFullScreen;
+
+
+_mejs2.default.Features = _mejs2.default.Features || {};
+_mejs2.default.Features.isiPad = IS_IPAD;
+_mejs2.default.Features.isiPod = IS_IPOD;
+_mejs2.default.Features.isiPhone = IS_IPHONE;
+_mejs2.default.Features.isiOS = _mejs2.default.Features.isiPhone || _mejs2.default.Features.isiPad;
+_mejs2.default.Features.isAndroid = IS_ANDROID;
+_mejs2.default.Features.isIE = IS_IE;
+_mejs2.default.Features.isEdge = IS_EDGE;
+_mejs2.default.Features.isChrome = IS_CHROME;
+_mejs2.default.Features.isFirefox = IS_FIREFOX;
+_mejs2.default.Features.isSafari = IS_SAFARI;
+_mejs2.default.Features.isStockAndroid = IS_STOCK_ANDROID;
+_mejs2.default.Features.hasMSE = HAS_MSE;
+_mejs2.default.Features.supportsNativeHLS = SUPPORTS_NATIVE_HLS;
+_mejs2.default.Features.supportsPointerEvents = SUPPORT_POINTER_EVENTS;
+_mejs2.default.Features.hasiOSFullScreen = HAS_IOS_FULLSCREEN;
+_mejs2.default.Features.hasNativeFullscreen = HAS_NATIVE_FULLSCREEN;
+_mejs2.default.Features.hasWebkitNativeFullScreen = HAS_WEBKIT_NATIVE_FULLSCREEN;
+_mejs2.default.Features.hasMozNativeFullScreen = HAS_MOZ_NATIVE_FULLSCREEN;
+_mejs2.default.Features.hasMsNativeFullScreen = HAS_MS_NATIVE_FULLSCREEN;
+_mejs2.default.Features.hasTrueNativeFullScreen = HAS_TRUE_NATIVE_FULLSCREEN;
+_mejs2.default.Features.nativeFullScreenEnabled = HAS_NATIVE_FULLSCREEN_ENABLED;
+_mejs2.default.Features.fullScreenEventName = FULLSCREEN_EVENT_NAME;
+_mejs2.default.Features.isFullScreen = isFullScreen;
+_mejs2.default.Features.requestFullScreen = requestFullScreen;
+_mejs2.default.Features.cancelFullScreen = cancelFullScreen;
+
+},{"2":2,"3":3,"7":7}],26:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.removeClass = exports.addClass = exports.hasClass = undefined;
+exports.loadScript = loadScript;
+exports.offset = offset;
+exports.toggleClass = toggleClass;
+exports.fadeOut = fadeOut;
+exports.fadeIn = fadeIn;
+exports.siblings = siblings;
+exports.visible = visible;
+exports.ajax = ajax;
+
+var _window = _dereq_(3);
+
+var _window2 = _interopRequireDefault(_window);
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function loadScript(url) {
+ return new Promise(function (resolve, reject) {
+ var script = _document2.default.createElement('script');
+ script.src = url;
+ script.async = true;
+ script.onload = function () {
+ script.remove();
+ resolve();
+ };
+ script.onerror = function () {
+ script.remove();
+ reject();
+ };
+ _document2.default.head.appendChild(script);
+ });
+}
+
+function offset(el) {
+ var rect = el.getBoundingClientRect(),
+ scrollLeft = _window2.default.pageXOffset || _document2.default.documentElement.scrollLeft,
+ scrollTop = _window2.default.pageYOffset || _document2.default.documentElement.scrollTop;
+ return { top: rect.top + scrollTop, left: rect.left + scrollLeft };
+}
+
+var hasClassMethod = void 0,
+ addClassMethod = void 0,
+ removeClassMethod = void 0;
+
+if ('classList' in _document2.default.documentElement) {
+ hasClassMethod = function hasClassMethod(el, className) {
+ return el.classList !== undefined && el.classList.contains(className);
+ };
+ addClassMethod = function addClassMethod(el, className) {
+ return el.classList.add(className);
+ };
+ removeClassMethod = function removeClassMethod(el, className) {
+ return el.classList.remove(className);
+ };
+} else {
+ hasClassMethod = function hasClassMethod(el, className) {
+ return new RegExp('\\b' + className + '\\b').test(el.className);
+ };
+ addClassMethod = function addClassMethod(el, className) {
+ if (!hasClass(el, className)) {
+ el.className += ' ' + className;
+ }
+ };
+ removeClassMethod = function removeClassMethod(el, className) {
+ el.className = el.className.replace(new RegExp('\\b' + className + '\\b', 'g'), '');
+ };
+}
+
+var hasClass = exports.hasClass = hasClassMethod;
+var addClass = exports.addClass = addClassMethod;
+var removeClass = exports.removeClass = removeClassMethod;
+
+function toggleClass(el, className) {
+ hasClass(el, className) ? removeClass(el, className) : addClass(el, className);
+}
+
+function fadeOut(el) {
+ var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
+ var callback = arguments[2];
+
+ if (!el.style.opacity) {
+ el.style.opacity = 1;
+ }
+
+ var start = null;
+ _window2.default.requestAnimationFrame(function animate(timestamp) {
+ start = start || timestamp;
+ var progress = timestamp - start;
+ var opacity = parseFloat(1 - progress / duration, 2);
+ el.style.opacity = opacity < 0 ? 0 : opacity;
+ if (progress > duration) {
+ if (callback && typeof callback === 'function') {
+ callback();
+ }
+ } else {
+ _window2.default.requestAnimationFrame(animate);
+ }
+ });
+}
+
+function fadeIn(el) {
+ var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
+ var callback = arguments[2];
+
+ if (!el.style.opacity) {
+ el.style.opacity = 0;
+ }
+
+ var start = null;
+ _window2.default.requestAnimationFrame(function animate(timestamp) {
+ start = start || timestamp;
+ var progress = timestamp - start;
+ var opacity = parseFloat(progress / duration, 2);
+ el.style.opacity = opacity > 1 ? 1 : opacity;
+ if (progress > duration) {
+ if (callback && typeof callback === 'function') {
+ callback();
+ }
+ } else {
+ _window2.default.requestAnimationFrame(animate);
+ }
+ });
+}
+
+function siblings(el, filter) {
+ var siblings = [];
+ el = el.parentNode.firstChild;
+ do {
+ if (!filter || filter(el)) {
+ siblings.push(el);
+ }
+ } while (el = el.nextSibling);
+ return siblings;
+}
+
+function visible(elem) {
+ return !!(elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length);
+}
+
+function ajax(url, dataType, success, error) {
+ var xhr = _window2.default.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
+
+ var type = 'application/x-www-form-urlencoded; charset=UTF-8',
+ completed = false,
+ accept = '*/'.concat('*');
+
+ switch (dataType) {
+ case 'text':
+ type = 'text/plain';
+ break;
+ case 'json':
+ type = 'application/json, text/javascript';
+ break;
+ case 'html':
+ type = 'text/html';
+ break;
+ case 'xml':
+ type = 'application/xml, text/xml';
+ break;
+ }
+
+ if (type !== 'application/x-www-form-urlencoded') {
+ accept = type + ', */*; q=0.01';
+ }
+
+ if (xhr) {
+ xhr.open('GET', url, true);
+ xhr.setRequestHeader('Accept', accept);
+ xhr.onreadystatechange = function () {
+ if (completed) {
+ return;
+ }
+
+ if (xhr.readyState === 4) {
+ if (xhr.status === 200) {
+ completed = true;
+ var data = void 0;
+ switch (dataType) {
+ case 'json':
+ data = JSON.parse(xhr.responseText);
+ break;
+ case 'xml':
+ data = xhr.responseXML;
+ break;
+ default:
+ data = xhr.responseText;
+ break;
+ }
+ success(data);
+ } else if (typeof error === 'function') {
+ error(xhr.status);
+ }
+ }
+ };
+
+ xhr.send();
+ }
+}
+
+_mejs2.default.Utils = _mejs2.default.Utils || {};
+_mejs2.default.Utils.offset = offset;
+_mejs2.default.Utils.hasClass = hasClass;
+_mejs2.default.Utils.addClass = addClass;
+_mejs2.default.Utils.removeClass = removeClass;
+_mejs2.default.Utils.toggleClass = toggleClass;
+_mejs2.default.Utils.fadeIn = fadeIn;
+_mejs2.default.Utils.fadeOut = fadeOut;
+_mejs2.default.Utils.siblings = siblings;
+_mejs2.default.Utils.visible = visible;
+_mejs2.default.Utils.ajax = ajax;
+_mejs2.default.Utils.loadScript = loadScript;
+
+},{"2":2,"3":3,"7":7}],27:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.escapeHTML = escapeHTML;
+exports.debounce = debounce;
+exports.isObjectEmpty = isObjectEmpty;
+exports.splitEvents = splitEvents;
+exports.createEvent = createEvent;
+exports.isNodeAfter = isNodeAfter;
+exports.isString = isString;
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function escapeHTML(input) {
+
+ if (typeof input !== 'string') {
+ throw new Error('Argument passed must be a string');
+ }
+
+ var map = {
+ '&': '&',
+ '<': '<',
+ '>': '>',
+ '"': '"'
+ };
+
+ return input.replace(/[&<>"]/g, function (c) {
+ return map[c];
+ });
+}
+
+function debounce(func, wait) {
+ var _this = this,
+ _arguments = arguments;
+
+ var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+
+ if (typeof func !== 'function') {
+ throw new Error('First argument must be a function');
+ }
+
+ if (typeof wait !== 'number') {
+ throw new Error('Second argument must be a numeric value');
+ }
+
+ var timeout = void 0;
+ return function () {
+ var context = _this,
+ args = _arguments;
+ var later = function later() {
+ timeout = null;
+ if (!immediate) {
+ func.apply(context, args);
+ }
+ };
+ var callNow = immediate && !timeout;
+ clearTimeout(timeout);
+ timeout = setTimeout(later, wait);
+
+ if (callNow) {
+ func.apply(context, args);
+ }
+ };
+}
+
+function isObjectEmpty(instance) {
+ return Object.getOwnPropertyNames(instance).length <= 0;
+}
+
+function splitEvents(events, id) {
+ var rwindow = /^((after|before)print|(before)?unload|hashchange|message|o(ff|n)line|page(hide|show)|popstate|resize|storage)\b/;
+
+ var ret = { d: [], w: [] };
+ (events || '').split(' ').forEach(function (v) {
+ var eventName = '' + v + (id ? '.' + id : '');
+
+ if (eventName.startsWith('.')) {
+ ret.d.push(eventName);
+ ret.w.push(eventName);
+ } else {
+ ret[rwindow.test(v) ? 'w' : 'd'].push(eventName);
+ }
+ });
+
+ ret.d = ret.d.join(' ');
+ ret.w = ret.w.join(' ');
+ return ret;
+}
+
+function createEvent(eventName, target) {
+
+ if (typeof eventName !== 'string') {
+ throw new Error('Event name must be a string');
+ }
+
+ var eventFrags = eventName.match(/([a-z]+\.([a-z]+))/i),
+ detail = {
+ target: target
+ };
+
+ if (eventFrags !== null) {
+ eventName = eventFrags[1];
+ detail.namespace = eventFrags[2];
+ }
+
+ return new window.CustomEvent(eventName, {
+ detail: detail
+ });
+}
+
+function isNodeAfter(sourceNode, targetNode) {
+
+ return !!(sourceNode && targetNode && sourceNode.compareDocumentPosition(targetNode) & 2);
+}
+
+function isString(value) {
+ return typeof value === 'string';
+}
+
+_mejs2.default.Utils = _mejs2.default.Utils || {};
+_mejs2.default.Utils.escapeHTML = escapeHTML;
+_mejs2.default.Utils.debounce = debounce;
+_mejs2.default.Utils.isObjectEmpty = isObjectEmpty;
+_mejs2.default.Utils.splitEvents = splitEvents;
+_mejs2.default.Utils.createEvent = createEvent;
+_mejs2.default.Utils.isNodeAfter = isNodeAfter;
+_mejs2.default.Utils.isString = isString;
+
+},{"7":7}],28:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.typeChecks = undefined;
+exports.absolutizeUrl = absolutizeUrl;
+exports.formatType = formatType;
+exports.getMimeFromType = getMimeFromType;
+exports.getTypeFromFile = getTypeFromFile;
+exports.getExtension = getExtension;
+exports.normalizeExtension = normalizeExtension;
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+var _general = _dereq_(27);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var typeChecks = exports.typeChecks = [];
+
+function absolutizeUrl(url) {
+
+ if (typeof url !== 'string') {
+ throw new Error('`url` argument must be a string');
+ }
+
+ var el = document.createElement('div');
+ el.innerHTML = '<a href="' + (0, _general.escapeHTML)(url) + '">x</a>';
+ return el.firstChild.href;
+}
+
+function formatType(url) {
+ var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+
+ return url && !type ? getTypeFromFile(url) : type;
+}
+
+function getMimeFromType(type) {
+
+ if (typeof type !== 'string') {
+ throw new Error('`type` argument must be a string');
+ }
+
+ return type && type.indexOf(';') > -1 ? type.substr(0, type.indexOf(';')) : type;
+}
+
+function getTypeFromFile(url) {
+
+ if (typeof url !== 'string') {
+ throw new Error('`url` argument must be a string');
+ }
+
+ for (var i = 0, total = typeChecks.length; i < total; i++) {
+ var type = typeChecks[i](url);
+
+ if (type) {
+ return type;
+ }
+ }
+
+ var ext = getExtension(url),
+ normalizedExt = normalizeExtension(ext);
+
+ var mime = 'video/mp4';
+
+ if (normalizedExt) {
+ if (~['mp4', 'm4v', 'ogg', 'ogv', 'webm', 'flv', 'mpeg', 'mov'].indexOf(normalizedExt)) {
+ mime = 'video/' + normalizedExt;
+ } else if (~['mp3', 'oga', 'wav', 'mid', 'midi'].indexOf(normalizedExt)) {
+ mime = 'audio/' + normalizedExt;
+ }
+ }
+
+ return mime;
+}
+
+function getExtension(url) {
+
+ if (typeof url !== 'string') {
+ throw new Error('`url` argument must be a string');
+ }
+
+ var baseUrl = url.split('?')[0],
+ baseName = baseUrl.split('\\').pop().split('/').pop();
+ return ~baseName.indexOf('.') ? baseName.substring(baseName.lastIndexOf('.') + 1) : '';
+}
+
+function normalizeExtension(extension) {
+
+ if (typeof extension !== 'string') {
+ throw new Error('`extension` argument must be a string');
+ }
+
+ switch (extension) {
+ case 'mp4':
+ case 'm4v':
+ return 'mp4';
+ case 'webm':
+ case 'webma':
+ case 'webmv':
+ return 'webm';
+ case 'ogg':
+ case 'oga':
+ case 'ogv':
+ return 'ogg';
+ default:
+ return extension;
+ }
+}
+
+_mejs2.default.Utils = _mejs2.default.Utils || {};
+_mejs2.default.Utils.typeChecks = typeChecks;
+_mejs2.default.Utils.absolutizeUrl = absolutizeUrl;
+_mejs2.default.Utils.formatType = formatType;
+_mejs2.default.Utils.getMimeFromType = getMimeFromType;
+_mejs2.default.Utils.getTypeFromFile = getTypeFromFile;
+_mejs2.default.Utils.getExtension = getExtension;
+_mejs2.default.Utils.normalizeExtension = normalizeExtension;
+
+},{"27":27,"7":7}],29:[function(_dereq_,module,exports){
+'use strict';
+
+var _document = _dereq_(2);
+
+var _document2 = _interopRequireDefault(_document);
+
+var _promisePolyfill = _dereq_(4);
+
+var _promisePolyfill2 = _interopRequireDefault(_promisePolyfill);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(function (arr) {
+ arr.forEach(function (item) {
+ if (item.hasOwnProperty('remove')) {
+ return;
+ }
+ Object.defineProperty(item, 'remove', {
+ configurable: true,
+ enumerable: true,
+ writable: true,
+ value: function remove() {
+ this.parentNode.removeChild(this);
+ }
+ });
+ });
+})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
+
+(function () {
+
+ if (typeof window.CustomEvent === 'function') {
+ return false;
+ }
+
+ function CustomEvent(event, params) {
+ params = params || { bubbles: false, cancelable: false, detail: undefined };
+ var evt = _document2.default.createEvent('CustomEvent');
+ evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+ return evt;
+ }
+
+ CustomEvent.prototype = window.Event.prototype;
+ window.CustomEvent = CustomEvent;
+})();
+
+if (typeof Object.assign !== 'function') {
+ Object.assign = function (target) {
+
+ if (target === null || target === undefined) {
+ throw new TypeError('Cannot convert undefined or null to object');
+ }
+
+ var to = Object(target);
+
+ for (var index = 1, total = arguments.length; index < total; index++) {
+ var nextSource = arguments[index];
+
+ if (nextSource !== null) {
+ for (var nextKey in nextSource) {
+ if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+ to[nextKey] = nextSource[nextKey];
+ }
+ }
+ }
+ }
+ return to;
+ };
+}
+
+if (!String.prototype.startsWith) {
+ String.prototype.startsWith = function (searchString, position) {
+ position = position || 0;
+ return this.substr(position, searchString.length) === searchString;
+ };
+}
+
+if (!Element.prototype.matches) {
+ Element.prototype.matches = Element.prototype.matchesSelector || Element.prototype.mozMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.webkitMatchesSelector || function (s) {
+ var matches = (this.document || this.ownerDocument).querySelectorAll(s),
+ i = matches.length - 1;
+ while (--i >= 0 && matches.item(i) !== this) {}
+ return i > -1;
+ };
+}
+
+if (window.Element && !Element.prototype.closest) {
+ Element.prototype.closest = function (s) {
+ var matches = (this.document || this.ownerDocument).querySelectorAll(s),
+ i = void 0,
+ el = this;
+ do {
+ i = matches.length;
+ while (--i >= 0 && matches.item(i) !== el) {}
+ } while (i < 0 && (el = el.parentElement));
+ return el;
+ };
+}
+
+(function () {
+ var lastTime = 0;
+ var vendors = ['ms', 'moz', 'webkit', 'o'];
+ for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
+ window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+ window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
+ }
+
+ if (!window.requestAnimationFrame) window.requestAnimationFrame = function (callback) {
+ var currTime = new Date().getTime();
+ var timeToCall = Math.max(0, 16 - (currTime - lastTime));
+ var id = window.setTimeout(function () {
+ callback(currTime + timeToCall);
+ }, timeToCall);
+ lastTime = currTime + timeToCall;
+ return id;
+ };
+
+ if (!window.cancelAnimationFrame) window.cancelAnimationFrame = function (id) {
+ clearTimeout(id);
+ };
+})();
+
+if (/firefox/i.test(navigator.userAgent)) {
+ window.mediaElementJsOldGetComputedStyle = window.getComputedStyle;
+ window.getComputedStyle = function (el, pseudoEl) {
+ var t = window.mediaElementJsOldGetComputedStyle(el, pseudoEl);
+ return t === null ? { getPropertyValue: function getPropertyValue() {} } : t;
+ };
+}
+
+if (!window.Promise) {
+ window.Promise = _promisePolyfill2.default;
+}
+
+(function (constructor) {
+ if (constructor && constructor.prototype && constructor.prototype.children === null) {
+ Object.defineProperty(constructor.prototype, 'children', {
+ get: function get() {
+ var i = 0,
+ node = void 0,
+ nodes = this.childNodes,
+ children = [];
+ while (node = nodes[i++]) {
+ if (node.nodeType === 1) {
+ children.push(node);
+ }
+ }
+ return children;
+ }
+ });
+ }
+})(window.Node || window.Element);
+
+},{"2":2,"4":4}],30:[function(_dereq_,module,exports){
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+ value: true
+});
+exports.isDropFrame = isDropFrame;
+exports.secondsToTimeCode = secondsToTimeCode;
+exports.timeCodeToSeconds = timeCodeToSeconds;
+exports.calculateTimeFormat = calculateTimeFormat;
+exports.convertSMPTEtoSeconds = convertSMPTEtoSeconds;
+
+var _mejs = _dereq_(7);
+
+var _mejs2 = _interopRequireDefault(_mejs);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function isDropFrame() {
+ var fps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 25;
+
+ return !(fps % 1 === 0);
+}
+function secondsToTimeCode(time) {
+ var forceHours = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+ var showFrameCount = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+ var fps = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 25;
+ var secondsDecimalLength = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+
+
+ time = !time || typeof time !== 'number' || time < 0 ? 0 : time;
+
+ var dropFrames = Math.round(fps * 0.066666),
+ timeBase = Math.round(fps),
+ framesPer24Hours = Math.round(fps * 3600) * 24,
+ framesPer10Minutes = Math.round(fps * 600),
+ frameSep = isDropFrame(fps) ? ';' : ':',
+ hours = void 0,
+ minutes = void 0,
+ seconds = void 0,
+ frames = void 0,
+ f = Math.round(time * fps);
+
+ if (isDropFrame(fps)) {
+
+ if (f < 0) {
+ f = framesPer24Hours + f;
+ }
+
+ f = f % framesPer24Hours;
+
+ var d = Math.floor(f / framesPer10Minutes);
+ var m = f % framesPer10Minutes;
+ f = f + dropFrames * 9 * d;
+ if (m > dropFrames) {
+ f = f + dropFrames * Math.floor((m - dropFrames) / Math.round(timeBase * 60 - dropFrames));
+ }
+
+ var timeBaseDivision = Math.floor(f / timeBase);
+
+ hours = Math.floor(Math.floor(timeBaseDivision / 60) / 60);
+ minutes = Math.floor(timeBaseDivision / 60) % 60;
+
+ if (showFrameCount) {
+ seconds = timeBaseDivision % 60;
+ } else {
+ seconds = (f / timeBase % 60).toFixed(secondsDecimalLength);
+ }
+ } else {
+ hours = Math.floor(time / 3600) % 24;
+ minutes = Math.floor(time / 60) % 60;
+ if (showFrameCount) {
+ seconds = Math.floor(time % 60);
+ } else {
+ seconds = (time % 60).toFixed(secondsDecimalLength);
+ }
+ }
+ hours = hours <= 0 ? 0 : hours;
+ minutes = minutes <= 0 ? 0 : minutes;
+ seconds = seconds <= 0 ? 0 : seconds;
+
+ var result = forceHours || hours > 0 ? (hours < 10 ? '0' + hours : hours) + ':' : '';
+ result += (minutes < 10 ? '0' + minutes : minutes) + ':';
+ result += '' + (seconds < 10 ? '0' + seconds : seconds);
+
+ if (showFrameCount) {
+ frames = (f % timeBase).toFixed(0);
+ frames = frames <= 0 ? 0 : frames;
+ result += frames < 10 ? frameSep + '0' + frames : '' + frameSep + frames;
+ }
+
+ return result;
+}
+
+function timeCodeToSeconds(time) {
+ var fps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 25;
+
+
+ if (typeof time !== 'string') {
+ throw new TypeError('Time must be a string');
+ }
+
+ if (time.indexOf(';') > 0) {
+ time = time.replace(';', ':');
+ }
+
+ if (!/\d{2}(\:\d{2}){0,3}/i.test(time)) {
+ throw new TypeError('Time code must have the format `00:00:00`');
+ }
+
+ var parts = time.split(':');
+
+ var output = void 0,
+ hours = 0,
+ minutes = 0,
+ seconds = 0,
+ frames = 0,
+ totalMinutes = 0,
+ dropFrames = Math.round(fps * 0.066666),
+ timeBase = Math.round(fps),
+ hFrames = timeBase * 3600,
+ mFrames = timeBase * 60;
+
+ switch (parts.length) {
+ default:
+ case 1:
+ seconds = parseInt(parts[0], 10);
+ break;
+ case 2:
+ minutes = parseInt(parts[0], 10);
+ seconds = parseInt(parts[1], 10);
+ break;
+ case 3:
+ hours = parseInt(parts[0], 10);
+ minutes = parseInt(parts[1], 10);
+ seconds = parseInt(parts[2], 10);
+ break;
+ case 4:
+ hours = parseInt(parts[0], 10);
+ minutes = parseInt(parts[1], 10);
+ seconds = parseInt(parts[2], 10);
+ frames = parseInt(parts[3], 10);
+ break;
+ }
+
+ if (isDropFrame(fps)) {
+ totalMinutes = 60 * hours + minutes;
+ output = hFrames * hours + mFrames * minutes + timeBase * seconds + frames - dropFrames * (totalMinutes - Math.floor(totalMinutes / 10));
+ } else {
+ output = (hFrames * hours + mFrames * minutes + fps * seconds + frames) / fps;
+ }
+
+ return parseFloat(output.toFixed(3));
+}
+
+function calculateTimeFormat(time, options) {
+ var fps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 25;
+
+
+ time = !time || typeof time !== 'number' || time < 0 ? 0 : time;
+
+ var hours = Math.floor(time / 3600) % 24,
+ minutes = Math.floor(time / 60) % 60,
+ seconds = Math.floor(time % 60),
+ frames = Math.floor((time % 1 * fps).toFixed(3)),
+ lis = [[frames, 'f'], [seconds, 's'], [minutes, 'm'], [hours, 'h']];
+
+ var format = options.timeFormat,
+ firstTwoPlaces = format[1] === format[0],
+ separatorIndex = firstTwoPlaces ? 2 : 1,
+ separator = format.length < separatorIndex ? format[separatorIndex] : ':',
+ firstChar = format[0],
+ required = false;
+
+ for (var i = 0, len = lis.length; i < len; i++) {
+ if (~format.indexOf(lis[i][1])) {
+ required = true;
+ } else if (required) {
+ var hasNextValue = false;
+ for (var j = i; j < len; j++) {
+ if (lis[j][0] > 0) {
+ hasNextValue = true;
+ break;
+ }
+ }
+
+ if (!hasNextValue) {
+ break;
+ }
+
+ if (!firstTwoPlaces) {
+ format = firstChar + format;
+ }
+ format = lis[i][1] + separator + format;
+ if (firstTwoPlaces) {
+ format = lis[i][1] + format;
+ }
+ firstChar = lis[i][1];
+ }
+ }
+
+ options.currentTimeFormat = format;
+}
+
+function convertSMPTEtoSeconds(SMPTE) {
+
+ if (typeof SMPTE !== 'string') {
+ throw new TypeError('Argument must be a string value');
+ }
+
+ SMPTE = SMPTE.replace(',', '.');
+
+ var decimalLen = ~SMPTE.indexOf('.') ? SMPTE.split('.')[1].length : 0;
+
+ var secs = 0,
+ multiplier = 1;
+
+ SMPTE = SMPTE.split(':').reverse();
+
+ for (var i = 0, total = SMPTE.length; i < total; i++) {
+ multiplier = 1;
+ if (i > 0) {
+ multiplier = Math.pow(60, i);
+ }
+ secs += Number(SMPTE[i]) * multiplier;
+ }
+ return Number(secs.toFixed(decimalLen));
+}
+
+_mejs2.default.Utils = _mejs2.default.Utils || {};
+_mejs2.default.Utils.secondsToTimeCode = secondsToTimeCode;
+_mejs2.default.Utils.timeCodeToSeconds = timeCodeToSeconds;
+_mejs2.default.Utils.calculateTimeFormat = calculateTimeFormat;
+_mejs2.default.Utils.convertSMPTEtoSeconds = convertSMPTEtoSeconds;
+
+},{"7":7}]},{},[29,6,5,15,23,20,19,21,22,24,16,18,17,9,10,11,12,13,14]);
dépôts / lhc / web / www.git / blobdiff