/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ 		}
/******/ 	};
/******/
/******/ 	// define __esModule on exports
/******/ 	__webpack_require__.r = function(exports) {
/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 		}
/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
/******/ 	};
/******/
/******/ 	// create a fake namespace object
/******/ 	// mode & 1: value is a module id, require it
/******/ 	// mode & 2: merge all properties of value into the ns
/******/ 	// mode & 4: return value when already ns object
/******/ 	// mode & 8|1: behave like require
/******/ 	__webpack_require__.t = function(value, mode) {
/******/ 		if(mode & 1) value = __webpack_require__(value);
/******/ 		if(mode & 8) return value;
/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ 		var ns = Object.create(null);
/******/ 		__webpack_require__.r(ns);
/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ 		return ns;
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = 6);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


/*
	MIT License http://www.opensource.org/licenses/mit-license.php
	Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function () {
	var list = [];

	// return the list of modules as css string
	list.toString = function toString() {
		var result = [];
		for (var i = 0; i < this.length; i++) {
			var item = this[i];
			if (item[2]) {
				result.push("@media " + item[2] + "{" + item[1] + "}");
			} else {
				result.push(item[1]);
			}
		}
		return result.join("");
	};

	// import a list of modules into the list
	list.i = function (modules, mediaQuery) {
		if (typeof modules === "string") modules = [[null, modules, ""]];
		var alreadyImportedModules = {};
		for (var i = 0; i < this.length; i++) {
			var id = this[i][0];
			if (typeof id === "number") alreadyImportedModules[id] = true;
		}
		for (i = 0; i < modules.length; i++) {
			var item = modules[i];
			// skip already imported module
			// this implementation is not 100% perfect for weird media query combinations
			//  when a module is imported multiple times with different media queries.
			//  I hope this will never occur (Hey this way we have smaller bundles)
			if (typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
				if (mediaQuery && !item[2]) {
					item[2] = mediaQuery;
				} else if (mediaQuery) {
					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
				}
				list.push(item);
			}
		}
	};
	return list;
};

/***/ }),
/* 1 */
/***/ (function(module, exports) {

/*
	MIT License http://www.opensource.org/licenses/mit-license.php
	Author Tobias Koppers @sokra
*/
var stylesInDom = {},
	memoize = function(fn) {
		var memo;
		return function () {
			if (typeof memo === "undefined") memo = fn.apply(this, arguments);
			return memo;
		};
	},
	isOldIE = memoize(function() {
		return /msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase());
	}),
	getHeadElement = memoize(function () {
		return document.head || document.getElementsByTagName("head")[0];
	}),
	singletonElement = null,
	singletonCounter = 0,
	styleElementsInsertedAtTop = [];

module.exports = function(list, options) {
	if(typeof DEBUG !== "undefined" && DEBUG) {
		if(typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
	}

	options = options || {};
	// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
	// tags it will allow on a page
	if (typeof options.singleton === "undefined") options.singleton = isOldIE();

	// By default, add <style> tags to the bottom of <head>.
	if (typeof options.insertAt === "undefined") options.insertAt = "bottom";

	var styles = listToStyles(list);
	addStylesToDom(styles, options);

	return function update(newList) {
		var mayRemove = [];
		for(var i = 0; i < styles.length; i++) {
			var item = styles[i];
			var domStyle = stylesInDom[item.id];
			domStyle.refs--;
			mayRemove.push(domStyle);
		}
		if(newList) {
			var newStyles = listToStyles(newList);
			addStylesToDom(newStyles, options);
		}
		for(var i = 0; i < mayRemove.length; i++) {
			var domStyle = mayRemove[i];
			if(domStyle.refs === 0) {
				for(var j = 0; j < domStyle.parts.length; j++)
					domStyle.parts[j]();
				delete stylesInDom[domStyle.id];
			}
		}
	};
}

function addStylesToDom(styles, options) {
	for(var i = 0; i < styles.length; i++) {
		var item = styles[i];
		var domStyle = stylesInDom[item.id];
		if(domStyle) {
			domStyle.refs++;
			for(var j = 0; j < domStyle.parts.length; j++) {
				domStyle.parts[j](item.parts[j]);
			}
			for(; j < item.parts.length; j++) {
				domStyle.parts.push(addStyle(item.parts[j], options));
			}
		} else {
			var parts = [];
			for(var j = 0; j < item.parts.length; j++) {
				parts.push(addStyle(item.parts[j], options));
			}
			stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
		}
	}
}

function listToStyles(list) {
	var styles = [];
	var newStyles = {};
	for(var i = 0; i < list.length; i++) {
		var item = list[i];
		var id = item[0];
		var css = item[1];
		var media = item[2];
		var sourceMap = item[3];
		var part = {css: css, media: media, sourceMap: sourceMap};
		if(!newStyles[id])
			styles.push(newStyles[id] = {id: id, parts: [part]});
		else
			newStyles[id].parts.push(part);
	}
	return styles;
}

function insertStyleElement(options, styleElement) {
	var head = getHeadElement();
	var lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
	if (options.insertAt === "top") {
		if(!lastStyleElementInsertedAtTop) {
			head.insertBefore(styleElement, head.firstChild);
		} else if(lastStyleElementInsertedAtTop.nextSibling) {
			head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);
		} else {
			head.appendChild(styleElement);
		}
		styleElementsInsertedAtTop.push(styleElement);
	} else if (options.insertAt === "bottom") {
		head.appendChild(styleElement);
	} else {
		throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
	}
}

function removeStyleElement(styleElement) {
	styleElement.parentNode.removeChild(styleElement);
	var idx = styleElementsInsertedAtTop.indexOf(styleElement);
	if(idx >= 0) {
		styleElementsInsertedAtTop.splice(idx, 1);
	}
}

function createStyleElement(options) {
	var styleElement = document.createElement("style");
	styleElement.type = "text/css";
	insertStyleElement(options, styleElement);
	return styleElement;
}

function createLinkElement(options) {
	var linkElement = document.createElement("link");
	linkElement.rel = "stylesheet";
	insertStyleElement(options, linkElement);
	return linkElement;
}

function addStyle(obj, options) {
	var styleElement, update, remove;

	if (options.singleton) {
		var styleIndex = singletonCounter++;
		styleElement = singletonElement || (singletonElement = createStyleElement(options));
		update = applyToSingletonTag.bind(null, styleElement, styleIndex, false);
		remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);
	} else if(obj.sourceMap &&
		typeof URL === "function" &&
		typeof URL.createObjectURL === "function" &&
		typeof URL.revokeObjectURL === "function" &&
		typeof Blob === "function" &&
		typeof btoa === "function") {
		styleElement = createLinkElement(options);
		update = updateLink.bind(null, styleElement);
		remove = function() {
			removeStyleElement(styleElement);
			if(styleElement.href)
				URL.revokeObjectURL(styleElement.href);
		};
	} else {
		styleElement = createStyleElement(options);
		update = applyToTag.bind(null, styleElement);
		remove = function() {
			removeStyleElement(styleElement);
		};
	}

	update(obj);

	return function updateStyle(newObj) {
		if(newObj) {
			if(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)
				return;
			update(obj = newObj);
		} else {
			remove();
		}
	};
}

var replaceText = (function () {
	var textStore = [];

	return function (index, replacement) {
		textStore[index] = replacement;
		return textStore.filter(Boolean).join('\n');
	};
})();

function applyToSingletonTag(styleElement, index, remove, obj) {
	var css = remove ? "" : obj.css;

	if (styleElement.styleSheet) {
		styleElement.styleSheet.cssText = replaceText(index, css);
	} else {
		var cssNode = document.createTextNode(css);
		var childNodes = styleElement.childNodes;
		if (childNodes[index]) styleElement.removeChild(childNodes[index]);
		if (childNodes.length) {
			styleElement.insertBefore(cssNode, childNodes[index]);
		} else {
			styleElement.appendChild(cssNode);
		}
	}
}

function applyToTag(styleElement, obj) {
	var css = obj.css;
	var media = obj.media;

	if(media) {
		styleElement.setAttribute("media", media)
	}

	if(styleElement.styleSheet) {
		styleElement.styleSheet.cssText = css;
	} else {
		while(styleElement.firstChild) {
			styleElement.removeChild(styleElement.firstChild);
		}
		styleElement.appendChild(document.createTextNode(css));
	}
}

function updateLink(linkElement, obj) {
	var css = obj.css;
	var sourceMap = obj.sourceMap;

	if(sourceMap) {
		// http://stackoverflow.com/a/26603875
		css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
	}

	var blob = new Blob([css], { type: "text/css" });

	var oldSrc = linkElement.href;

	linkElement.href = URL.createObjectURL(blob);

	if(oldSrc)
		URL.revokeObjectURL(oldSrc);
}


/***/ }),
/* 2 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.parseDom = parseDom;
function parseDom(html) {
  var ele = document.createElement('div');
  ele.innerHTML = html;
  return ele.childNodes[0];
}

module.exports.cookieSet = function (cname, cvalue, exdays) {
  var d = new Date();
  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
  var expires = 'expires=' + d.toGMTString();
  document.cookie = cname + '=' + escape(cvalue) + '; ' + expires;
};

/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});

var _typeof2 = 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 _typeof = typeof Symbol === "function" && _typeof2(Symbol.iterator) === "symbol" ? function (obj) {
  return typeof obj === "undefined" ? "undefined" : _typeof2(obj);
} : function (obj) {
  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof2(obj);
};

// Save the previous value of the device variable.
var previousDevice = window.device;

var device = {};

var changeOrientationList = [];

// Add device as a global object.
window.device = device;

// The <html> element.
var documentElement = window.document.documentElement;

// The client user agent string.
// Lowercase, so we can use the more efficient indexOf(), instead of Regex
var userAgent = window.navigator.userAgent.toLowerCase();

// Detectable television devices.
var television = ['googletv', 'viera', 'smarttv', 'internet.tv', 'netcast', 'nettv', 'appletv', 'boxee', 'kylo', 'roku', 'dlnadoc', 'roku', 'pov_tv', 'hbbtv', 'ce-html'];

// Main functions
// --------------

device.macos = function () {
  return find('mac');
};

device.ios = function () {
  return device.iphone() || device.ipod() || device.ipad();
};

device.iphone = function () {
  return !device.windows() && find('iphone');
};

device.ipod = function () {
  return find('ipod');
};

device.ipad = function () {
  return find('ipad');
};

device.android = function () {
  return !device.windows() && find('android');
};

device.androidPhone = function () {
  return device.android() && find('mobile');
};

device.androidTablet = function () {
  return device.android() && !find('mobile');
};

device.blackberry = function () {
  return find('blackberry') || find('bb10') || find('rim');
};

device.blackberryPhone = function () {
  return device.blackberry() && !find('tablet');
};

device.blackberryTablet = function () {
  return device.blackberry() && find('tablet');
};

device.windows = function () {
  return find('windows');
};

device.windowsPhone = function () {
  return device.windows() && find('phone');
};

device.windowsTablet = function () {
  return device.windows() && find('touch') && !device.windowsPhone();
};

device.fxos = function () {
  return (find('(mobile') || find('(tablet')) && find(' rv:');
};

device.fxosPhone = function () {
  return device.fxos() && find('mobile');
};

device.fxosTablet = function () {
  return device.fxos() && find('tablet');
};

device.meego = function () {
  return find('meego');
};

device.cordova = function () {
  return window.cordova && location.protocol === 'file:';
};

device.nodeWebkit = function () {
  return _typeof(window.process) === 'object';
};

device.mobile = function () {
  return device.androidPhone() || device.iphone() || device.ipod() || device.windowsPhone() || device.blackberryPhone() || device.fxosPhone() || device.meego();
};

device.tablet = function () {
  return device.ipad() || device.androidTablet() || device.blackberryTablet() || device.windowsTablet() || device.fxosTablet();
};

device.desktop = function () {
  return !device.tablet() && !device.mobile();
};

device.television = function () {
  var i = 0;
  while (i < television.length) {
    if (find(television[i])) {
      return true;
    }
    i++;
  }
  return false;
};

device.portrait = function () {
  if (screen.orientation && Object.prototype.hasOwnProperty.call(window, 'onorientationchange')) {
    return screen.orientation.type.includes('portrait');
  }
  return window.innerHeight / window.innerWidth > 1;
};

device.landscape = function () {
  if (screen.orientation && Object.prototype.hasOwnProperty.call(window, 'onorientationchange')) {
    return screen.orientation.type.includes('landscape');
  }
  return window.innerHeight / window.innerWidth < 1;
};

// Public Utility Functions
// ------------------------

// Run device.js in noConflict mode,
// returning the device variable to its previous owner.
device.noConflict = function () {
  window.device = previousDevice;
  return this;
};

// Private Utility Functions
// -------------------------

// Simple UA string search
function find(needle) {
  return userAgent.indexOf(needle) !== -1;
}

// Check if documentElement already has a given class.
function hasClass(className) {
  return documentElement.className.match(new RegExp(className, 'i'));
}

// Add one or more CSS classes to the <html> element.
function addClass(className) {
  var currentClassNames = null;
  if (!hasClass(className)) {
    currentClassNames = documentElement.className.replace(/^\s+|\s+$/g, '');
    documentElement.className = currentClassNames + ' ' + className;
  }
}

// Remove single CSS class from the <html> element.
function removeClass(className) {
  if (hasClass(className)) {
    documentElement.className = documentElement.className.replace(' ' + className, '');
  }
}

// HTML Element Handling
// ---------------------

// Insert the appropriate CSS class based on the _user_agent.

if (device.ios()) {
  if (device.ipad()) {
    addClass('ios ipad tablet');
  } else if (device.iphone()) {
    addClass('ios iphone mobile');
  } else if (device.ipod()) {
    addClass('ios ipod mobile');
  }
} else if (device.macos()) {
  addClass('macos desktop');
} else if (device.android()) {
  if (device.androidTablet()) {
    addClass('android tablet');
  } else {
    addClass('android mobile');
  }
} else if (device.blackberry()) {
  if (device.blackberryTablet()) {
    addClass('blackberry tablet');
  } else {
    addClass('blackberry mobile');
  }
} else if (device.windows()) {
  if (device.windowsTablet()) {
    addClass('windows tablet');
  } else if (device.windowsPhone()) {
    addClass('windows mobile');
  } else {
    addClass('windows desktop');
  }
} else if (device.fxos()) {
  if (device.fxosTablet()) {
    addClass('fxos tablet');
  } else {
    addClass('fxos mobile');
  }
} else if (device.meego()) {
  addClass('meego mobile');
} else if (device.nodeWebkit()) {
  addClass('node-webkit');
} else if (device.television()) {
  addClass('television');
} else if (device.desktop()) {
  addClass('desktop');
}

if (device.cordova()) {
  addClass('cordova');
}

// Orientation Handling
// --------------------

// Handle device orientation changes.
function handleOrientation() {
  if (device.landscape()) {
    removeClass('portrait');
    addClass('landscape');
    walkOnChangeOrientationList('landscape');
  } else {
    removeClass('landscape');
    addClass('portrait');
    walkOnChangeOrientationList('portrait');
  }
  setOrientationCache();
}

function walkOnChangeOrientationList(newOrientation) {
  for (var index in changeOrientationList) {
    changeOrientationList[index](newOrientation);
  }
}

device.onChangeOrientation = function (cb) {
  if (typeof cb == 'function') {
    changeOrientationList.push(cb);
  }
};

// Detect whether device supports orientationchange event,
// otherwise fall back to the resize event.
var orientationEvent = 'resize';
if (Object.prototype.hasOwnProperty.call(window, 'onorientationchange')) {
  orientationEvent = 'orientationchange';
}

// Listen for changes in orientation.
if (window.addEventListener) {
  window.addEventListener(orientationEvent, handleOrientation, false);
} else if (window.attachEvent) {
  window.attachEvent(orientationEvent, handleOrientation);
} else {
  window[orientationEvent] = handleOrientation;
}

handleOrientation();

// Public functions to get the current value of type, os, or orientation
// ---------------------------------------------------------------------

function findMatch(arr) {
  for (var i = 0; i < arr.length; i++) {
    if (device[arr[i]]()) {
      return arr[i];
    }
  }
  return 'unknown';
}

device.type = findMatch(['mobile', 'tablet', 'desktop']);
device.os = findMatch(['ios', 'iphone', 'ipad', 'ipod', 'android', 'blackberry', 'windows', 'fxos', 'meego', 'television']);

function setOrientationCache() {
  device.orientation = findMatch(['portrait', 'landscape']);
}

setOrientationCache();

exports.default = device;

/***/ }),
/* 4 */
/***/ (function(module, exports) {

module.exports = "data:application/vnd.ms-fontobject;base64,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"

/***/ }),
/* 5 */
/***/ (function(module, exports) {

module.exports = "data:application/vnd.ms-fontobject;base64,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"

/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {

__webpack_require__(7);
__webpack_require__(17);
__webpack_require__(22);
__webpack_require__(28);
__webpack_require__(34);
__webpack_require__(39);
__webpack_require__(44);
__webpack_require__(50);
__webpack_require__(55);
__webpack_require__(63);
__webpack_require__(69);
__webpack_require__(74);
__webpack_require__(79);
__webpack_require__(84);
__webpack_require__(90);
__webpack_require__(96);
__webpack_require__(101);
module.exports = __webpack_require__(107);


/***/ }),
/* 7 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(8);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.AliplayerDanmuComponent = _index2.default;

/***/ }),
/* 8 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(9);

var _index2 = _interopRequireDefault(_index);

var _danmuControl = __webpack_require__(10);

var _danmuControl2 = _interopRequireDefault(_danmuControl);

var _danmuInput = __webpack_require__(11);

var _danmuInput2 = _interopRequireDefault(_danmuInput);

__webpack_require__(12);

var _CommentCoreLibrary = __webpack_require__(14);

__webpack_require__(15);

var _utils = __webpack_require__(2);

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 AliplayerDanmuComponent = function () {
  /**
   * @constructor 弹幕组件构造函数
   * @param {Array danmuList 弹幕数组, 参考 CommentCoreLibrary 文档 https://github.com/jabbany/CommentCoreLibrary/}
   * @param {id 或者 Element, sendEl, 发送弹幕的输入框, 默认为 null}  
   */
  function AliplayerDanmuComponent(danmukuList) {
    var sendEl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'controlbar';

    _classCallCheck(this, AliplayerDanmuComponent);

    this.sendEl = sendEl;
    this.danmukuList = danmukuList;
    this.html = (0, _utils.parseDom)(_index2.default);
    this.danmuControlHtml = (0, _utils.parseDom)(_danmuControl2.default);
    this.sendEl = sendEl;
    this.danmuInput = sendEl === null ? null : (0, _utils.parseDom)(_danmuInput2.default);
    this.CM = null;
    this.userDanmuOpen = true; // 用户打开关闭弹幕的状态, 默认为 true 打开
  }

  _createClass(AliplayerDanmuComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var _this = this;

      console.log(player);

      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      if (this.danmuInput !== null) {
        this.danmuInput.querySelector('.danmu-input-enter').innerText = this.isEn ? 'Enter' : '发送';
        this.danmuInput.querySelector('input').setAttribute('placeholder', this.isEn ? 'Input danmu' : '输入弹幕');
      }
      this.danmuControlHtml.querySelector('.player-tooltip.close').innerText = this.isEn ? 'Close Bullect' : '关闭弹幕';
      this.danmuControlHtml.querySelector('.player-tooltip.open').innerText = this.isEn ? 'Open Bullect' : '打开弹幕';

      if (this.sendEl === 'controlbar') {
        var danmuInputWrapEle = this.danmuControlHtml.querySelector('.ali-danmu-input-wrap');
        danmuInputWrapEle.style.display = 'inline-block';
        danmuInputWrapEle.appendChild(this.danmuInput);
      } else if (this.sendEl !== null) {
        if ((0, _utils.isElement)(this.sendEl)) {
          this.sendEl.appendChild(this.danmuInput);
        } else if (typeof this.sendEl === 'string') {
          var sendEl = document.querySelector(this.sendEl);
          if ((0, _utils.isElement)(sendEl)) {
            sendEl.appendChild(this.danmuInput);
          } else {
            throw new Error('sendEl must be an element or selector string');
          }
        } else {
          throw new Error('sendEl must be an element or selector string');
        }
      }

      el.querySelector('.prism-controlbar').appendChild(this.danmuControlHtml);
      var videoSiblingElement = el.querySelector('video').nextElementSibling;
      if (videoSiblingElement) {
        el.insertBefore(this.html, videoSiblingElement);
      } else {
        el.appendChild(this.html);
      }
      this.CM = new _CommentCoreLibrary.CommentManager(this.html.querySelector('.danmu')); // 初始化 CommentManager

      this.CM.init();
      this.CM.load(this.danmukuList);

      /* 根据视频播放器的 timeupdate 事件更新弹幕的事件轴   */
      el.querySelector('video').ontimeupdate = function () {
        if (el.querySelector('video') !== null) {
          _this.CM.time(el.querySelector('video').currentTime * 1000);
        }
      };

      var danmuCloseElement = this.danmuControlHtml.querySelector('.icon-danmu-close');
      var danmuOpenElement = this.danmuControlHtml.querySelector('.icon-danmu-open');
      /* 绑定控制条关闭弹幕处理函数 */
      danmuCloseElement.onclick = function () {
        _this.userDanmuOpen = false;
        danmuCloseElement.style.display = 'none';
        danmuOpenElement.style.display = 'inline-block';
        _this.CM.clear();
        _this.CM.stop();
      };
      /* 绑定控制条打开弹幕控制条 */
      danmuOpenElement.onclick = function () {
        danmuOpenElement.style.display = 'none';
        danmuCloseElement.style.display = 'inline-block';
        _this.userDanmuOpen = true;
        _this.CM.start();
      };

      if (this.danmuInput !== null) {
        var danmuInputEle = this.danmuInput.querySelector('.ali-danmu-input input');
        var danmuEnter = this.danmuInput.querySelector('.danmu-input-enter');

        danmuEnter.onclick = this.sendDanmuHandle.bind(this);

        danmuInputEle.onkeydown = function (e) {
          if (e.keyCode === 13) {
            _this.sendDanmuHandle.call(_this);
          }
        };
      }
    }

    // 弹幕发送按钮点击事件和弹幕输入框按下 enter 键, 处理事件

  }, {
    key: 'sendDanmuHandle',
    value: function sendDanmuHandle() {
      var danmuInputEle = this.danmuInput.querySelector('.ali-danmu-input input');
      var danmuText = danmuInputEle.value;
      var commentSize = [16, 18, 25, 36, 45];
      var commentColor = [0xffffff, 0x0000ff, 0xcc0000, 0xff66ff, 0xffff33];
      if (danmuText === '') {
        return;
      }

      this.send({
        "mode": 1,
        "text": danmuText,
        "stime": 1000,
        "size": commentSize[this.randomIndex(5)],
        "color": commentColor[this.randomIndex(5)]
      });
      danmuInputEle.value = '';
      danmuInputEle.focus();
    }
  }, {
    key: 'randomIndex',
    value: function randomIndex(max) {
      return Math.floor(Math.random() * max);
    }
  }, {
    key: 'play',
    value: function play(player, e) {
      if (this.userDanmuOpen) {
        this.CM.start();
      }
    }
  }, {
    key: 'pause',
    value: function pause(player, e) {
      if (this.userDanmuOpen) {
        this.CM.stop();
      }
    }
  }, {
    key: 'send',
    value: function send(danmuku) {
      this.CM.send(danmuku);
    }

    /**
     * 暴露出去的插入弹幕的方法
     * @param {Object danmuku 弹幕对象 只能一条一条插入}
     */

  }, {
    key: 'insert',
    value: function insert(danmuku) {
      this.CM && this.CM.insert(danmuku);
    }
  }, {
    key: 'dispose',
    value: function dispose() {
      if (this.danmuInput !== null) {
        this.danmuInput.parentNode && this.danmuInput.parentNode.removeChild(this.danmuInput);
      }
    }
  }]);

  return AliplayerDanmuComponent;
}();

exports.default = AliplayerDanmuComponent;

/***/ }),
/* 9 */
/***/ (function(module, exports) {

module.exports = "<div class=\"aliplayer-danmuku abp\">\n  <div class=\"danmu container\"></div>\n</div>";

/***/ }),
/* 10 */
/***/ (function(module, exports) {

module.exports = "<div class=\"ali-danmuku-control\">\n  <div class=\"ali-danmu-input-wrap\"></div>\n  <i class=\"iconfont icon-danmu-close\"></i>\n  <div class=\"player-tooltip close\"></div>\n  <i class=\"iconfont icon-danmu-open\" style=\"display: none;\"></i>\n  <div class=\"player-tooltip open\"></div>  \n</div>";

/***/ }),
/* 11 */
/***/ (function(module, exports) {

module.exports = "<div class=\"ali-danmu-input\">\n  <input type=\"text\" placeholder=\"\">\n  <button class=\"danmu-input-enter\"></button>\n</div>";

/***/ }),
/* 12 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(13);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 13 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".aliplayer-danmuku {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%; }\n  .aliplayer-danmuku.abp {\n    position: absolute; }\n    .aliplayer-danmuku.abp .container {\n      z-index: 0; }\n  .aliplayer-danmuku .danmu {\n    position: absolute;\n    width: 100%;\n    height: 100%; }\n\n.ali-danmuku-control {\n  float: right;\n  color: #fff;\n  margin-right: 5px;\n  position: relative;\n  display: table-cell;\n  margin-top: 8px; }\n  .ali-danmuku-control .iconfont {\n    font-size: 35px;\n    cursor: pointer;\n    vertical-align: middle;\n    user-select: none;\n    line-height: initial; }\n    .ali-danmuku-control .iconfont.icon-danmu-close {\n      display: inline-block; }\n  .ali-danmuku-control .player-tooltip.close, .ali-danmuku-control .player-tooltip.open {\n    right: -12px; }\n  @media (min-width: 768px) {\n    .ali-danmuku-control .icon-danmu-close:hover + .player-tooltip {\n      display: block; }\n    .ali-danmuku-control .icon-danmu-open:hover + .player-tooltip {\n      display: block; } }\n  .ali-danmuku-control .ali-danmu-input-wrap {\n    width: 200px;\n    display: none; }\n\n.ali-danmu-input {\n  position: relative;\n  width: 100%;\n  display: inline-block; }\n  .ali-danmu-input input {\n    display: inline-block;\n    width: 100%;\n    padding-right: 40px;\n    box-sizing: border-box;\n    padding: 5px 40px 5px 5px;\n    background-color: rgba(130, 132, 138, 0.4);\n    border: 1px solid #c0c4cc;\n    font-size: 14px;\n    color: #fff;\n    border-radius: 3px; }\n    .ali-danmu-input input:focus {\n      outline: none;\n      border-color: #0f84fd; }\n  .ali-danmu-input .danmu-input-enter {\n    position: absolute;\n    right: 0;\n    top: 0;\n    border: 1px solid;\n    color: #fff;\n    background-color: #0f84fd;\n    border-color: #0f84fd;\n    font-size: 12px;\n    padding: 6px 7px;\n    display: inline-block;\n    height: 28px;\n    border-radius: 0 3px 3px 0;\n    cursor: pointer; }\n    .ali-danmu-input .danmu-input-enter:focus {\n      outline: none; }\n    .ali-danmu-input .danmu-input-enter:hover {\n      background-color: #288df5;\n      border-color: #288df5; }\n", ""]);

// exports


/***/ }),
/* 14 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
	value: true
});
/**
 * Binary Search Stubs for JS Arrays
 * @license MIT
 * @author Jim Chen
 */
var BinArray = function () {
	var BinArray = {};
	BinArray.bsearch = function (arr, what, how) {
		if (arr.length === 0) {
			return 0;
		}
		if (how(what, arr[0]) < 0) {
			return 0;
		}
		if (how(what, arr[arr.length - 1]) >= 0) {
			return arr.length;
		}
		var low = 0;
		var i = 0;
		var count = 0;
		var high = arr.length - 1;
		while (low <= high) {
			i = Math.floor((high + low + 1) / 2);
			count++;
			if (how(what, arr[i - 1]) >= 0 && how(what, arr[i]) < 0) {
				return i;
			}
			if (how(what, arr[i - 1]) < 0) {
				high = i - 1;
			} else if (how(what, arr[i]) >= 0) {
				low = i;
			} else {
				console.error('Program Error');
			}
			if (count > 1500) {
				console.error('Too many run cycles.');
			}
		}
		return -1; // Never actually run
	};
	BinArray.binsert = function (arr, what, how) {
		var index = BinArray.bsearch(arr, what, how);
		arr.splice(index, 0, what);
		return index;
	};
	return BinArray;
}();

var __extends = undefined && undefined.__extends || function (d, b) {
	for (var p in b) {
		if (b.hasOwnProperty(p)) d[p] = b[p];
	}function __() {
		this.constructor = d;
	}
	d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var CommentSpaceAllocator = function () {
	function CommentSpaceAllocator(width, height) {
		if (width === void 0) {
			width = 0;
		}
		if (height === void 0) {
			height = 0;
		}
		this._pools = [[]];
		this.avoid = 1;
		this._width = width;
		this._height = height;
	}
	CommentSpaceAllocator.prototype.willCollide = function (existing, check) {
		return existing.stime + existing.ttl >= check.stime + check.ttl / 2;
	};
	CommentSpaceAllocator.prototype.pathCheck = function (y, comment, pool) {
		var bottom = y + comment.height;
		var right = comment.right;
		for (var i = 0; i < pool.length; i++) {
			if (pool[i].y > bottom || pool[i].bottom < y) {
				continue;
			} else if (pool[i].right < comment.x || pool[i].x > right) {
				if (this.willCollide(pool[i], comment)) {
					return false;
				} else {
					continue;
				}
			} else {
				return false;
			}
		}
		return true;
	};
	CommentSpaceAllocator.prototype.assign = function (comment, cindex) {
		while (this._pools.length <= cindex) {
			this._pools.push([]);
		}
		var pool = this._pools[cindex];
		if (pool.length === 0) {
			comment.cindex = cindex;
			return 0;
		} else if (this.pathCheck(0, comment, pool)) {
			comment.cindex = cindex;
			return 0;
		}
		var y = 0;
		for (var k = 0; k < pool.length; k++) {
			y = pool[k].bottom + this.avoid;
			if (y + comment.height > this._height) {
				break;
			}
			if (this.pathCheck(y, comment, pool)) {
				comment.cindex = cindex;
				return y;
			}
		}
		return this.assign(comment, cindex + 1);
	};
	CommentSpaceAllocator.prototype.add = function (comment) {
		if (comment.height > this._height) {
			comment.cindex = -2;
			comment.y = 0;
		} else {
			comment.y = this.assign(comment, 0);
			BinArray.binsert(this._pools[comment.cindex], comment, function (a, b) {
				if (a.bottom < b.bottom) {
					return -1;
				} else if (a.bottom > b.bottom) {
					return 1;
				} else {
					return 0;
				}
			});
		}
	};
	CommentSpaceAllocator.prototype.remove = function (comment) {
		if (comment.cindex < 0) {
			return;
		}
		if (comment.cindex >= this._pools.length) {
			throw new Error("cindex out of bounds");
		}
		var index = this._pools[comment.cindex].indexOf(comment);
		if (index < 0) return;
		this._pools[comment.cindex].splice(index, 1);
	};
	CommentSpaceAllocator.prototype.setBounds = function (width, height) {
		this._width = width;
		this._height = height;
	};
	return CommentSpaceAllocator;
}();
var AnchorCommentSpaceAllocator = function (_super) {
	__extends(AnchorCommentSpaceAllocator, _super);
	function AnchorCommentSpaceAllocator() {
		_super.apply(this, arguments);
	}
	AnchorCommentSpaceAllocator.prototype.add = function (comment) {
		_super.prototype.add.call(this, comment);
		comment.x = (this._width - comment.width) / 2;
	};
	AnchorCommentSpaceAllocator.prototype.willCollide = function (a, b) {
		return true;
	};
	AnchorCommentSpaceAllocator.prototype.pathCheck = function (y, comment, pool) {
		var bottom = y + comment.height;
		for (var i = 0; i < pool.length; i++) {
			if (pool[i].y > bottom || pool[i].bottom < y) {
				continue;
			} else {
				return false;
			}
		}
		return true;
	};
	return AnchorCommentSpaceAllocator;
}(CommentSpaceAllocator);
//# sourceMappingURL=CommentSpaceAllocator.js.map
var __extends = undefined && undefined.__extends || function (d, b) {
	for (var p in b) {
		if (b.hasOwnProperty(p)) d[p] = b[p];
	}function __() {
		this.constructor = d;
	}
	d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var CoreComment = function () {
	function CoreComment(parent, init) {
		if (init === void 0) {
			init = {};
		}
		this.mode = 1;
		this.stime = 0;
		this.text = "";
		this.ttl = 4000;
		this.dur = 4000;
		this.cindex = -1;
		this.motion = [];
		this.movable = true;
		this._alphaMotion = null;
		this.absolute = true;
		this.align = 0;
		this._alpha = 1;
		this._size = 25;
		this._color = 0xffffff;
		this._border = false;
		this._shadow = true;
		this._font = "";
		if (!parent) {
			throw new Error("Comment not bound to comment manager.");
		} else {
			this.parent = parent;
		}
		if (init.hasOwnProperty("stime")) {
			this.stime = init["stime"];
		}
		if (init.hasOwnProperty("mode")) {
			this.mode = init["mode"];
		} else {
			this.mode = 1;
		}
		if (init.hasOwnProperty("dur")) {
			this.dur = init["dur"];
			this.ttl = this.dur;
		}
		this.dur *= this.parent.options.global.scale;
		this.ttl *= this.parent.options.global.scale;
		if (init.hasOwnProperty("text")) {
			this.text = init["text"];
		}
		if (init.hasOwnProperty("motion")) {
			this._motionStart = [];
			this._motionEnd = [];
			this.motion = init["motion"];
			var head = 0;
			for (var i = 0; i < init["motion"].length; i++) {
				this._motionStart.push(head);
				var maxDur = 0;
				for (var k in init["motion"][i]) {
					var m = init["motion"][i][k];
					maxDur = Math.max(m.dur, maxDur);
					if (m.easing === null || m.easing === undefined) {
						init["motion"][i][k]["easing"] = CoreComment.LINEAR;
					}
				}
				head += maxDur;
				this._motionEnd.push(head);
			}
			this._curMotion = 0;
		}
		if (init.hasOwnProperty("color")) {
			this._color = init["color"];
		}
		if (init.hasOwnProperty("size")) {
			this._size = init["size"];
		}
		if (init.hasOwnProperty("border")) {
			this._border = init["border"];
		}
		if (init.hasOwnProperty("opacity")) {
			this._alpha = init["opacity"];
		}
		if (init.hasOwnProperty("alpha")) {
			this._alphaMotion = init["alpha"];
		}
		if (init.hasOwnProperty("font")) {
			this._font = init["font"];
		}
		if (init.hasOwnProperty("x")) {
			this._x = init["x"];
		}
		if (init.hasOwnProperty("y")) {
			this._y = init["y"];
		}
		if (init.hasOwnProperty("shadow")) {
			this._shadow = init["shadow"];
		}
		if (init.hasOwnProperty("position")) {
			if (init["position"] === "relative") {
				this.absolute = false;
				if (this.mode < 7) {
					console.warn("Using relative position for CSA comment.");
				}
			}
		}
	}
	CoreComment.prototype.init = function (recycle) {
		if (recycle === void 0) {
			recycle = null;
		}
		if (recycle !== null) {
			this.dom = recycle.dom;
		} else {
			this.dom = document.createElement("div");
		}
		this.dom.className = this.parent.options.global.className;
		this.dom.appendChild(document.createTextNode(this.text));
		this.dom.textContent = this.text;
		this.dom.innerText = this.text;
		this.size = this._size;
		if (this._color != 0xffffff) {
			this.color = this._color;
		}
		this.shadow = this._shadow;
		if (this._border) {
			this.border = this._border;
		}
		if (this._font !== "") {
			this.font = this._font;
		}
		if (this._x !== undefined) {
			this.x = this._x;
		}
		if (this._y !== undefined) {
			this.y = this._y;
		}
		if (this._alpha !== 1 || this.parent.options.global.opacity < 1) {
			this.alpha = this._alpha;
		}
		if (this.motion.length > 0) {
			this.animate();
		}
	};
	Object.defineProperty(CoreComment.prototype, "x", {
		get: function get() {
			if (this._x === null || this._x === undefined) {
				if (this.align % 2 === 0) {
					this._x = this.dom.offsetLeft;
				} else {
					this._x = this.parent.width - this.dom.offsetLeft - this.width;
				}
			}
			if (!this.absolute) {
				return this._x / this.parent.width;
			}
			return this._x;
		},
		set: function set(x) {
			this._x = x;
			if (!this.absolute) {
				this._x *= this.parent.width;
			}
			if (this.align % 2 === 0) {
				this.dom.style.left = this._x + "px";
			} else {
				this.dom.style.right = this._x + "px";
			}
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "y", {
		get: function get() {
			if (this._y === null || this._y === undefined) {
				if (this.align < 2) {
					this._y = this.dom.offsetTop;
				} else {
					this._y = this.parent.height - this.dom.offsetTop - this.height;
				}
			}
			if (!this.absolute) {
				return this._y / this.parent.height;
			}
			return this._y;
		},
		set: function set(y) {
			this._y = y;
			if (!this.absolute) {
				this._y *= this.parent.height;
			}
			if (this.align < 2) {
				this.dom.style.top = this._y + "px";
			} else {
				this.dom.style.bottom = this._y + "px";
			}
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "bottom", {
		get: function get() {
			return this.y + this.height;
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "right", {
		get: function get() {
			return this.x + this.width;
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "width", {
		get: function get() {
			if (this._width === null || this._width === undefined) {
				this._width = this.dom.offsetWidth;
			}
			return this._width;
		},
		set: function set(w) {
			this._width = w;
			this.dom.style.width = this._width + "px";
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "height", {
		get: function get() {
			if (this._height === null || this._height === undefined) {
				this._height = this.dom.offsetHeight;
			}
			return this._height;
		},
		set: function set(h) {
			this._height = h;
			this.dom.style.height = this._height + "px";
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "size", {
		get: function get() {
			return this._size;
		},
		set: function set(s) {
			this._size = s;
			this.dom.style.fontSize = this._size + "px";
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "color", {
		get: function get() {
			return this._color;
		},
		set: function set(c) {
			this._color = c;
			var color = c.toString(16);
			color = color.length >= 6 ? color : new Array(6 - color.length + 1).join("0") + color;
			this.dom.style.color = "#" + color;
			if (this._color === 0) {
				this.dom.className = this.parent.options.global.className + " rshadow";
			}
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "alpha", {
		get: function get() {
			return this._alpha;
		},
		set: function set(a) {
			this._alpha = a;
			this.dom.style.opacity = Math.min(this._alpha, this.parent.options.global.opacity) + "";
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "border", {
		get: function get() {
			return this._border;
		},
		set: function set(b) {
			this._border = b;
			if (this._border) {
				this.dom.style.border = "1px solid #00ffff";
			} else {
				this.dom.style.border = "none";
			}
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "shadow", {
		get: function get() {
			return this._shadow;
		},
		set: function set(s) {
			this._shadow = s;
			if (!this._shadow) {
				this.dom.className = this.parent.options.global.className + " noshadow";
			}
		},
		enumerable: true,
		configurable: true
	});
	Object.defineProperty(CoreComment.prototype, "font", {
		get: function get() {
			return this._font;
		},
		set: function set(f) {
			this._font = f;
			if (this._font.length > 0) {
				this.dom.style.fontFamily = this._font;
			} else {
				this.dom.style.fontFamily = "";
			}
		},
		enumerable: true,
		configurable: true
	});
	CoreComment.prototype.time = function (time) {
		this.ttl -= time;
		if (this.ttl < 0) {
			this.ttl = 0;
		}
		if (this.movable) {
			this.update();
		}
		if (this.ttl <= 0) {
			this.finish();
		}
	};
	CoreComment.prototype.update = function () {
		this.animate();
	};
	CoreComment.prototype.invalidate = function () {
		this._x = null;
		this._y = null;
		this._width = null;
		this._height = null;
	};
	CoreComment.prototype._execMotion = function (currentMotion, time) {
		for (var prop in currentMotion) {
			if (currentMotion.hasOwnProperty(prop)) {
				var m = currentMotion[prop];
				this[prop] = m.easing(Math.min(Math.max(time - m.delay, 0), m.dur), m.from, m.to - m.from, m.dur);
			}
		}
	};
	CoreComment.prototype.animate = function () {
		if (this._alphaMotion) {
			this.alpha = (this.dur - this.ttl) * (this._alphaMotion["to"] - this._alphaMotion["from"]) / this.dur + this._alphaMotion["from"];
		}
		if (this.motion.length === 0) {
			return;
		}
		var ttl = Math.max(this.ttl, 0);
		var time = this.dur - ttl - this._motionStart[this._curMotion];
		this._execMotion(this.motion[this._curMotion], time);
		if (this.dur - ttl > this._motionEnd[this._curMotion]) {
			this._curMotion++;
			if (this._curMotion >= this.motion.length) {
				this._curMotion = this.motion.length - 1;
			}
			return;
		}
	};
	CoreComment.prototype.finish = function () {
		this.parent.finish(this);
	};
	CoreComment.prototype.toString = function () {
		return ["[", this.stime, "|", this.ttl, "/", this.dur, "]", "(", this.mode, ")", this.text].join("");
	};
	CoreComment.LINEAR = function (t, b, c, d) {
		return t * c / d + b;
	};
	return CoreComment;
}();
var ScrollComment = function (_super) {
	__extends(ScrollComment, _super);
	function ScrollComment(parent, data) {
		_super.call(this, parent, data);
		this.dur *= this.parent.options.scroll.scale;
		this.ttl *= this.parent.options.scroll.scale;
	}
	Object.defineProperty(ScrollComment.prototype, "alpha", {
		set: function set(a) {
			this._alpha = a;
			this.dom.style.opacity = Math.min(Math.min(this._alpha, this.parent.options.global.opacity), this.parent.options.scroll.opacity) + "";
		},
		enumerable: true,
		configurable: true
	});
	ScrollComment.prototype.init = function (recycle) {
		if (recycle === void 0) {
			recycle = null;
		}
		_super.prototype.init.call(this, recycle);
		this.x = this.parent.width;
		if (this.parent.options.scroll.opacity < 1) {
			this.alpha = this._alpha;
		}
		this.absolute = true;
	};
	ScrollComment.prototype.update = function () {
		this.x = this.ttl / this.dur * (this.parent.width + this.width) - this.width;
	};
	return ScrollComment;
}(CoreComment);
//# sourceMappingURL=Comment.js.map
/** 
 * Comment Filters Module Simplified (only supports modifiers & types)
 * @license MIT
 * @author Jim Chen
 */
function CommentFilter() {
	this.modifiers = [];
	this.runtime = null;
	this.allowTypes = {
		"1": true,
		"4": true,
		"5": true,
		"6": true,
		"7": true,
		"8": true,
		"17": true
	};
	this.doModify = function (cmt) {
		for (var k = 0; k < this.modifiers.length; k++) {
			cmt = this.modifiers[k](cmt);
		}
		return cmt;
	};
	this.beforeSend = function (cmt) {
		return cmt;
	};
	this.doValidate = function (cmtData) {
		if (!this.allowTypes[cmtData.mode]) return false;
		return true;
	};
	this.addRule = function (rule) {};
	this.addModifier = function (f) {
		this.modifiers.push(f);
	};
	this.runtimeFilter = function (cmt) {
		if (this.runtime == null) return cmt;
		return this.runtime(cmt);
	};
	this.setRuntimeFilter = function (f) {
		this.runtime = f;
	};
}

/*!
 * Comment Core Library CommentManager
 * @license MIT
 * @author Jim Chen
 *
 * Copyright (c) 2014 Jim Chen
 */
var CommentManager = function () {
	var getRotMatrix = function getRotMatrix(yrot, zrot) {
		// Courtesy of @StarBrilliant, re-adapted to look better
		var DEG2RAD = Math.PI / 180;
		var yr = yrot * DEG2RAD;
		var zr = zrot * DEG2RAD;
		var COS = Math.cos;
		var SIN = Math.sin;
		var matrix = [COS(yr) * COS(zr), COS(yr) * SIN(zr), SIN(yr), 0, -SIN(zr), COS(zr), 0, 0, -SIN(yr) * COS(zr), -SIN(yr) * SIN(zr), COS(yr), 0, 0, 0, 0, 1];
		// CSS does not recognize scientific notation (e.g. 1e-6), truncating it.
		for (var i = 0; i < matrix.length; i++) {
			if (Math.abs(matrix[i]) < 0.000001) {
				matrix[i] = 0;
			}
		}
		return "matrix3d(" + matrix.join(",") + ")";
	};

	function CommentManager(stageObject) {
		var __timer = 0;

		this._listeners = {};
		this._lastPosition = 0;

		this.stage = stageObject;
		this.options = {
			global: {
				opacity: 1,
				scale: 1,
				className: "cmt"
			},
			scroll: {
				opacity: 1,
				scale: 1
			},
			limit: 0
		};
		this.timeline = [];
		this.runline = [];
		this.position = 0;
		this.limiter = 0;
		this.filter = null;
		this.csa = {
			scroll: new CommentSpaceAllocator(0, 0),
			top: new AnchorCommentSpaceAllocator(0, 0),
			bottom: new AnchorCommentSpaceAllocator(0, 0),
			reverse: new CommentSpaceAllocator(0, 0),
			scrollbtm: new CommentSpaceAllocator(0, 0)
		};

		/** Precompute the offset width **/
		this.width = this.stage.offsetWidth;
		this.height = this.stage.offsetHeight;
		this.startTimer = function () {
			if (__timer > 0) return;
			var lastTPos = new Date().getTime();
			var cmMgr = this;
			__timer = window.setInterval(function () {
				var elapsed = new Date().getTime() - lastTPos;
				lastTPos = new Date().getTime();
				cmMgr.onTimerEvent(elapsed, cmMgr);
			}, 10);
		};
		this.stopTimer = function () {
			window.clearInterval(__timer);
			__timer = 0;
		};
	}

	/** Public **/
	CommentManager.prototype.stop = function () {
		this.stopTimer();
	};

	CommentManager.prototype.start = function () {
		this.startTimer();
	};

	CommentManager.prototype.seek = function (time) {
		this.position = BinArray.bsearch(this.timeline, time, function (a, b) {
			if (a < b.stime) return -1;else if (a > b.stime) return 1;else return 0;
		});
	};

	CommentManager.prototype.validate = function (cmt) {
		if (cmt == null) return false;
		return this.filter.doValidate(cmt);
	};

	CommentManager.prototype.load = function (a) {
		this.timeline = a;
		this.timeline.sort(function (a, b) {
			if (a.stime > b.stime) return 2;else if (a.stime < b.stime) return -2;else {
				if (a.date > b.date) return 1;else if (a.date < b.date) return -1;else if (a.dbid != null && b.dbid != null) {
					if (a.dbid > b.dbid) return 1;else if (a.dbid < b.dbid) return -1;
					return 0;
				} else return 0;
			}
		});
		this.dispatchEvent("load");
	};

	CommentManager.prototype.insert = function (c) {
		var index = BinArray.binsert(this.timeline, c, function (a, b) {
			if (a.stime > b.stime) return 2;else if (a.stime < b.stime) return -2;else {
				if (a.date > b.date) return 1;else if (a.date < b.date) return -1;else if (a.dbid != null && b.dbid != null) {
					if (a.dbid > b.dbid) return 1;else if (a.dbid < b.dbid) return -1;
					return 0;
				} else return 0;
			}
		});
		if (index <= this.position) {
			this.position++;
		}
		this.dispatchEvent("insert");
	};

	CommentManager.prototype.clear = function () {
		while (this.runline.length > 0) {
			this.runline[0].finish();
		}
		this.dispatchEvent("clear");
	};

	CommentManager.prototype.setBounds = function () {
		this.width = this.stage.offsetWidth;
		this.height = this.stage.offsetHeight;
		this.dispatchEvent("resize");
		for (var comAlloc in this.csa) {
			this.csa[comAlloc].setBounds(this.width, this.height);
		}
		// Update 3d perspective
		this.stage.style.perspective = this.width * Math.tan(40 * Math.PI / 180) / 2 + "px";
		this.stage.style.webkitPerspective = this.width * Math.tan(40 * Math.PI / 180) / 2 + "px";
	};
	CommentManager.prototype.init = function () {
		this.setBounds();
		if (this.filter == null) {
			this.filter = new CommentFilter(); //Only create a filter if none exist
		}
	};
	CommentManager.prototype.time = function (time) {
		time = time - 1;
		if (this.position >= this.timeline.length || Math.abs(this._lastPosition - time) >= 2000) {
			this.seek(time);
			this._lastPosition = time;
			if (this.timeline.length <= this.position) {
				return;
			}
		} else {
			this._lastPosition = time;
		}
		for (; this.position < this.timeline.length; this.position++) {
			if (this.timeline[this.position]['stime'] <= time) {
				if (this.options.limit > 0 && this.runline.length > this.limiter) {
					continue; // Skip comments but still move the position pointer
				} else if (this.validate(this.timeline[this.position])) {
					this.send(this.timeline[this.position]);
				}
			} else {
				break;
			}
		}
	};
	CommentManager.prototype.rescale = function () {};
	CommentManager.prototype.send = function (data) {
		if (data.mode === 8) {
			console.log(data);
			if (this.scripting) {
				console.log(this.scripting.eval(data.code));
			}
			return;
		}
		if (this.filter != null) {
			data = this.filter.doModify(data);
			if (data == null) return;
		}
		if (data.mode === 1 || data.mode === 2 || data.mode === 6) {
			var cmt = new ScrollComment(this, data);
		} else {
			var cmt = new CoreComment(this, data);
		}
		switch (cmt.mode) {
			case 1:
				cmt.align = 0;break;
			case 2:
				cmt.align = 2;break;
			case 4:
				cmt.align = 2;break;
			case 5:
				cmt.align = 0;break;
			case 6:
				cmt.align = 1;break;
		}
		cmt.init();
		this.stage.appendChild(cmt.dom);
		switch (cmt.mode) {
			default:
			case 1:
				{
					this.csa.scroll.add(cmt);
				}break;
			case 2:
				{
					this.csa.scrollbtm.add(cmt);
				}break;
			case 4:
				{
					this.csa.bottom.add(cmt);
				}break;
			case 5:
				{
					this.csa.top.add(cmt);
				}break;
			case 6:
				{
					this.csa.reverse.add(cmt);
				}break;
			case 17:
			case 7:
				{
					if (data.rY !== 0 || data.rZ !== 0) {
						/** TODO: revise when browser manufacturers make up their mind on Transform APIs **/
						cmt.dom.style.transform = getRotMatrix(data.rY, data.rZ);
						cmt.dom.style.webkitTransform = getRotMatrix(data.rY, data.rZ);
						cmt.dom.style.OTransform = getRotMatrix(data.rY, data.rZ);
						cmt.dom.style.MozTransform = getRotMatrix(data.rY, data.rZ);
						cmt.dom.style.MSTransform = getRotMatrix(data.rY, data.rZ);
					}
				}break;
		}
		cmt.y = cmt.y;
		this.dispatchEvent("enterComment", cmt);
		this.runline.push(cmt);
	};
	CommentManager.prototype.sendComment = function (data) {
		console.log("CommentManager.sendComment is deprecated. Please use send instead");
		this.send(data); // Wrapper for Backwards Compatible APIs
	};
	CommentManager.prototype.finish = function (cmt) {
		this.dispatchEvent("exitComment", cmt);
		this.stage.removeChild(cmt.dom);
		var index = this.runline.indexOf(cmt);
		if (index >= 0) {
			this.runline.splice(index, 1);
		}
		switch (cmt.mode) {
			default:
			case 1:
				{
					this.csa.scroll.remove(cmt);
				}break;
			case 2:
				{
					this.csa.scrollbtm.remove(cmt);
				}break;
			case 4:
				{
					this.csa.bottom.remove(cmt);
				}break;
			case 5:
				{
					this.csa.top.remove(cmt);
				}break;
			case 6:
				{
					this.csa.reverse.remove(cmt);
				}break;
			case 7:
				break;
		}
	};
	CommentManager.prototype.addEventListener = function (event, listener) {
		if (typeof this._listeners[event] !== "undefined") {
			this._listeners[event].push(listener);
		} else {
			this._listeners[event] = [listener];
		}
	};
	CommentManager.prototype.dispatchEvent = function (event, data) {
		if (typeof this._listeners[event] !== "undefined") {
			for (var i = 0; i < this._listeners[event].length; i++) {
				try {
					this._listeners[event][i](data);
				} catch (e) {
					console.err(e.stack);
				}
			}
		}
	};
	/** Static Functions **/
	CommentManager.prototype.onTimerEvent = function (timePassed, cmObj) {
		for (var i = 0; i < cmObj.runline.length; i++) {
			var cmt = cmObj.runline[i];
			if (cmt.hold) {
				continue;
			}
			cmt.time(timePassed);
		}
	};
	return CommentManager;
}();

/** 
 * AcFun Format Parser
 * @license MIT License
 * An alternative format comment parser
 */
function AcfunParser(jsond) {
	var list = [];
	try {
		var jsondt = JSON.parse(jsond);
	} catch (e) {
		console.log('Error: Could not parse json list!');
		return [];
	}
	for (var i = 0; i < jsondt.length; i++) {
		//Read each comment and generate a correct comment object
		var data = {};
		var xc = jsondt[i]['c'].split(',');
		if (xc.length > 0) {
			data.stime = parseFloat(xc[0]) * 1000;
			data.color = parseInt(xc[1]);
			data.mode = parseInt(xc[2]);
			data.size = parseInt(xc[3]);
			data.hash = xc[4];
			data.date = parseInt(xc[5]);
			data.position = "absolute";
			if (data.mode != 7) {
				data.text = jsondt[i].m.replace(/(\/n|\\n|\n|\r\n|\\r)/g, "\n");
				data.text = data.text.replace(/\r/g, "\n");
				data.text = data.text.replace(/\s/g, '\xA0');
			} else {
				data.text = jsondt[i].m;
			}
			if (data.mode == 7) {
				//High level positioned dm
				try {
					var x = JSON.parse(data.text);
				} catch (e) {
					console.log('[Err] Error parsing internal data for comment');
					console.log('[Dbg] ' + data.text);
					continue;
				}
				data.position = "relative";
				data.text = x.n; /*.replace(/\r/g,"\n");*/
				data.text = data.text.replace(/\ /g, '\xA0');
				if (x.a != null) {
					data.opacity = x.a;
				} else {
					data.opacity = 1;
				}
				if (x.p != null) {
					data.x = x.p.x / 1000; // relative position
					data.y = x.p.y / 1000;
				} else {
					data.x = 0;
					data.y = 0;
				}
				data.shadow = x.b;
				data.dur = 4000;
				if (x.l != null) data.moveDelay = x.l * 1000;
				if (x.z != null && x.z.length > 0) {
					data.movable = true;
					data.motion = [];
					var moveDuration = 0;
					var last = { x: data.x, y: data.y, alpha: data.opacity, color: data.color };
					for (var m = 0; m < x.z.length; m++) {
						var dur = x.z[m].l != null ? x.z[m].l * 1000 : 500;
						moveDuration += dur;
						var motion = {
							x: { from: last.x, to: x.z[m].x / 1000, dur: dur, delay: 0 },
							y: { from: last.y, to: x.z[m].y / 1000, dur: dur, delay: 0 }
						};
						last.x = motion.x.to;
						last.y = motion.y.to;
						if (x.z[m].t !== last.alpha) {
							motion.alpha = { from: last.alpha, to: x.z[m].t, dur: dur, delay: 0 };
							last.alpha = motion.alpha.to;
						}
						if (x.z[m].c != null && x.z[m].c !== last.color) {
							motion.color = { from: last.color, to: x.z[m].c, dur: dur, delay: 0 };
							last.color = motion.color.to;
						}
						data.motion.push(motion);
					}
					data.dur = moveDuration + (data.moveDelay ? data.moveDelay : 0);
				}
				if (x.r != null && x.k != null) {
					data.rX = x.r;
					data.rY = x.k;
				}
			}
			list.push(data);
		}
	}
	return list;
}

/** 
 * Bilibili Format Parser
 * @license MIT License
 * Takes in an XMLDoc/LooseXMLDoc and parses that into a Generic Comment List
 **/
function BilibiliParser(xmlDoc, text, warn) {
	function format(string) {
		// Format the comment text to be JSON Valid.
		return string.replace(/\t/, "\\t");
	}

	if (xmlDoc !== null) {
		var elems = xmlDoc.getElementsByTagName('d');
	} else {
		if (!document || !document.createElement) {
			// Maybe we are in a restricted context? Bail.
			return [];
		}
		if (warn) {
			if (!confirm("XML Parse Error. \n Allow tag soup parsing?\n[WARNING: This is unsafe.]")) {
				return [];
			}
		} else {
			// TODO: Make this safer in the future
			text = text.replace(new RegExp("</([^d])", "g"), "</disabled $1");
			text = text.replace(new RegExp("</(\S{2,})", "g"), "</disabled $1");
			text = text.replace(new RegExp("<([^d/]\W*?)", "g"), "<disabled $1");
			text = text.replace(new RegExp("<([^/ ]{2,}\W*?)", "g"), "<disabled $1");
		}
		var tmp = document.createElement("div");
		tmp.innerHTML = text;
		var elems = tmp.getElementsByTagName('d');
	}

	var tlist = [];
	for (var i = 0; i < elems.length; i++) {
		if (elems[i].getAttribute('p') != null) {
			var opt = elems[i].getAttribute('p').split(',');
			if (!elems[i].childNodes[0]) continue;
			var text = elems[i].childNodes[0].nodeValue;
			var obj = {};
			obj.stime = Math.round(parseFloat(opt[0]) * 1000);
			obj.size = parseInt(opt[2]);
			obj.color = parseInt(opt[3]);
			obj.mode = parseInt(opt[1]);
			obj.date = parseInt(opt[4]);
			obj.pool = parseInt(opt[5]);
			obj.position = "absolute";
			if (opt[7] != null) obj.dbid = parseInt(opt[7]);
			obj.hash = opt[6];
			obj.border = false;
			if (obj.mode < 7) {
				obj.text = text.replace(/(\/n|\\n|\n|\r\n)/g, "\n");
			} else {
				if (obj.mode == 7) {
					try {
						adv = JSON.parse(format(text));
						obj.shadow = true;
						obj.x = parseFloat(adv[0]);
						obj.y = parseFloat(adv[1]);
						if (Math.floor(obj.x) < obj.x || Math.floor(obj.y) < obj.y) {
							obj.position = "relative";
						}
						obj.text = adv[4].replace(/(\/n|\\n|\n|\r\n)/g, "\n");
						obj.rZ = 0;
						obj.rY = 0;
						if (adv.length >= 7) {
							obj.rZ = parseInt(adv[5], 10);
							obj.rY = parseInt(adv[6], 10);
						}
						obj.motion = [];
						obj.movable = false;
						if (adv.length >= 11) {
							obj.movable = true;
							var singleStepDur = 500;
							var motion = {
								x: { from: obj.x, to: parseFloat(adv[7]), dur: singleStepDur, delay: 0 },
								y: { from: obj.y, to: parseFloat(adv[8]), dur: singleStepDur, delay: 0 }
							};
							if (adv[9] !== '') {
								singleStepDur = parseInt(adv[9], 10);
								motion.x.dur = singleStepDur;
								motion.y.dur = singleStepDur;
							}
							if (adv[10] !== '') {
								motion.x.delay = parseInt(adv[10], 10);
								motion.y.delay = parseInt(adv[10], 10);
							}
							if (adv.length > 11) {
								obj.shadow = adv[11];
								if (obj.shadow === "true") {
									obj.shadow = true;
								}
								if (obj.shadow === "false") {
									obj.shadow = false;
								}
								if (adv[12] != null) {
									obj.font = adv[12];
								}
								if (adv.length > 14) {
									// Support for Bilibili Advanced Paths
									if (obj.position === "relative") {
										console.log("Cannot mix relative and absolute positioning");
										obj.position = "absolute";
									}
									var path = adv[14];
									var lastPoint = { x: motion.x.from, y: motion.y.from };
									var pathMotion = [];
									var regex = new RegExp("([a-zA-Z])\\s*(\\d+)[, ](\\d+)", "g");
									var counts = path.split(/[a-zA-Z]/).length - 1;
									var m = regex.exec(path);
									while (m !== null) {
										switch (m[1]) {
											case "M":
												{
													lastPoint.x = parseInt(m[2], 10);
													lastPoint.y = parseInt(m[3], 10);
												}break;
											case "L":
												{
													pathMotion.push({
														"x": { "from": lastPoint.x, "to": parseInt(m[2], 10), "dur": singleStepDur / counts, "delay": 0 },
														"y": { "from": lastPoint.y, "to": parseInt(m[3], 10), "dur": singleStepDur / counts, "delay": 0 }
													});
													lastPoint.x = parseInt(m[2], 10);
													lastPoint.y = parseInt(m[3], 10);
												}break;
										}
										m = regex.exec(path);
									}
									motion = null;
									obj.motion = pathMotion;
								}
							}
							if (motion !== null) {
								obj.motion.push(motion);
							}
						}
						obj.dur = 2500;
						if (adv[3] < 12) {
							obj.dur = adv[3] * 1000;
						}
						var tmp = adv[2].split('-');
						if (tmp != null && tmp.length > 1) {
							var alphaFrom = parseFloat(tmp[0]);
							var alphaTo = parseFloat(tmp[1]);
							obj.opacity = alphaFrom;
							if (alphaFrom !== alphaTo) {
								obj.alpha = { from: alphaFrom, to: alphaTo };
							}
						}
					} catch (e) {
						console.log('[Err] Error occurred in JSON parsing');
						console.log('[Dbg] ' + text);
					}
				} else if (obj.mode == 8) {
					obj.code = text; //Code comments are special
				}
			}
			if (obj.text != null) obj.text = obj.text.replace(/\u25a0/g, '\u2588');
			tlist.push(obj);
		}
	}
	return tlist;
}
exports.CommentManager = CommentManager;

/***/ }),
/* 15 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(16);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 16 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".abp {\n  position: relative; }\n\n.abp .container {\n  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  position: absolute;\n  display: block;\n  overflow: hidden;\n  margin: 0;\n  border: 0;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 9999;\n  touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none; }\n\n.abp .container .cmt {\n  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);\n  -webkit-transform-origin: 0% 0%;\n  -ms-transform-origin: 0% 0%;\n  transform-origin: 0% 0%;\n  position: absolute;\n  padding: 3px 0 0 0;\n  margin: 0;\n  color: #fff;\n  font-family: SimHei, SimSun, Heiti, \"MS Mincho\", \"Meiryo\", \"Microsoft YaHei\", monospace;\n  font-size: 25px;\n  text-decoration: none;\n  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;\n  -webkit-text-size-adjust: none;\n  -ms-text-size-adjust: none;\n  text-size-adjust: none;\n  line-height: 100%;\n  letter-spacing: 0;\n  word-break: keep-all;\n  white-space: pre; }\n\n.abp .container .cmt.noshadow {\n  text-shadow: none; }\n\n.abp .container .cmt.rshadow {\n  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }\n\n/** Aliases for Chinese named fonts because they don't work on *nix **/\n@font-face {\n  font-family: \"\\9ED1\\4F53\";\n  src: local(\"SimHei\"); }\n\n@font-face {\n  font-family: \"\\5B8B\\4F53\";\n  src: local(\"SimSun\"); }\n\n@font-face {\n  font-family: \"\\534E\\6587\\6977\\4F53\";\n  src: local(\"SimKai\"); }\n\n@font-face {\n  font-family: \"\\5E7C\\5706\";\n  src: local(\"YouYuan\"); }\n\n@font-face {\n  font-family: \"\\5FAE\\8F6F\\96C5\\9ED1\";\n  src: local(\"Microsoft YaHei\"); }\n", ""]);

// exports


/***/ }),
/* 17 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(18);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.BulletScreenComponent = _index2.default;

/***/ }),
/* 18 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(19);

var _index2 = _interopRequireDefault(_index);

__webpack_require__(20);

var _utils = __webpack_require__(2);

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 BulletScreenComponent = function () {
  /**
   * @constructor 跑马灯构造函数
   * @param {String text 跑马灯内容}
   * @param {Object style 跑马灯样式}
   * param {String bulletPosition 跑马灯所在的位置, 可能的值 'top', 'bottom' , 'random, 默认为 'random'}
   */
  function BulletScreenComponent(text, style) {
    var bulletPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'random';

    _classCallCheck(this, BulletScreenComponent);

    this.text = text;
    this.style = style || { fontSize: '14px', color: '#fff' };
    this.html = (0, _utils.parseDom)(_index2.default);
    // this.html.style.animationPlayState = 'paused'
    this.bulletPosition = bulletPosition;
  }

  _createClass(BulletScreenComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      this.html.innerText = this.text;
      el.appendChild(this.html);
      el.style.overflow = 'hidden';
    }
  }, {
    key: 'ready',
    value: function ready(player, e) {
      var _this = this;

      console.log(player.getOptions());
      if (player.getOptions().autoplay === false) {
        this.html.style.animationPlayState = 'paused';
      }
      Object.keys(this.style).forEach(function (key) {
        return _this.html.style[key] = _this.style[key];
      });
      //字体高度
      var bulletHeight = this.html.offsetHeight;
      //播放器高度
      var playerHeight = parseInt(getComputedStyle(player.tag).height.replace('px', ''));
      //字体距离播放器底部最大高度
      var maxHeight = playerHeight - bulletHeight;

      if (this.bulletPosition === 'bottom') {
        this.html.style.bottom = 0;
      } else {
        var top = this.bulletPosition === 'top' ? 0 : this.randomTop(maxHeight);
        this.html.style.top = top;
      }

      if (this.bulletPosition === 'random') {
        this.html.addEventListener('animationiteration', function () {
          _this.html.style.top = _this.randomTop(maxHeight);
        });
      }
    }
  }, {
    key: 'playing',
    value: function playing(player, e) {
      console.log('playering');
      this.html.style.animationPlayState = 'running';
    }
  }, {
    key: 'timeupdate',
    value: function timeupdate(player, timeStamp) {
      var el = player.el();
      var componentEl = el.querySelector('.bullet-screen');
      if (!componentEl) {
        el.appendChild(this.html);
      } else {
        if (componentEl.className !== 'bullet-screen') {
          componentEl.className = 'bullet-screen';
        }
        var cssStyles = getComputedStyle(componentEl);
        var display = cssStyles.getPropertyValue('display');
        var opacity = cssStyles.getPropertyValue('opacity');
        var visibility = cssStyles.getPropertyValue('visibility');
        var currentwords = this.text;
        var modifywords = componentEl.innerText;
        if (display === 'none') {
          componentEl.style.setProperty('display', 'block');
        }
        if (opacity !== '1') {
          componentEl.style.setProperty('opacity', '1');
        }
        if (visibility === 'hidden') {
          componentEl.style.setProperty('visibility', 'visible');
        }
        if (currentwords != modifywords) {
          componentEl.innerText = currentwords;
        }
      }
    }
  }, {
    key: 'pause',
    value: function pause(player, e) {
      console.log('pause');
      this.html.style.animationPlayState = 'paused';
    }
  }, {
    key: 'randomTop',
    value: function randomTop(max) {
      return Math.floor(Math.random() * max) + 'px';
    }
  }]);

  return BulletScreenComponent;
}();

exports.default = BulletScreenComponent;

/***/ }),
/* 19 */
/***/ (function(module, exports) {

module.exports = "<div class=\"bullet-screen paused\"></div>";

/***/ }),
/* 20 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(21);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 21 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".bullet-screen {\n  position: absolute;\n  white-space: nowrap;\n  animation: bullet 10s linear infinite; }\n\n@keyframes bullet {\n  from {\n    left: 100%; }\n  to {\n    left: 0%;\n    transform: translateX(-100%); } }\n", ""]);

// exports


/***/ }),
/* 22 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(23);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.CaptionComponent = _index2.default;

/***/ }),
/* 23 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(24);

var _index2 = _interopRequireDefault(_index);

var _captionModal = __webpack_require__(25);

var _captionModal2 = _interopRequireDefault(_captionModal);

__webpack_require__(26);

var _utils = __webpack_require__(2);

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 CaptionComponent = function () {
  /**
   * @constructor 字幕组件构造函数
   */

  function CaptionComponent() {
    _classCallCheck(this, CaptionComponent);

    this.captionList = null;
    this.html = (0, _utils.parseDom)(_index2.default);
    this.modalHtml = (0, _utils.parseDom)(_captionModal2.default);
    this.hasCreated = false;
    this.definition = '';
  }

  _createClass(CaptionComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var _this = this;

      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      //this.html.querySelector('.current-caption').innerText = this.isEn ? 'Subtitle language' : '字幕语言'
      this.modalHtml.querySelector('.switchimg').innerText = this.isEn ? 'Switching to you for' : '字幕切换到';
      this.modalHtml.querySelector('.switchimg').style.display = 'none';
      var eleControlbar = el.querySelector('.prism-controlbar');
      eleControlbar.appendChild(this.html);
      el.appendChild(this.modalHtml);
      player.on('textTrackReady', function (_ref) {
        var paramData = _ref.paramData;

        _this.captionList = paramData;
        var lis_ele = paramData.map(function (v) {
          return '<li data-def="' + v.value + '">' + v.text + '</li>';
        });
        _this.html.querySelector('.caption-list').innerHTML = '<li style="background:rgba(88,87,86,.5);color:#fff">\u5B57\u5E55</li>' + lis_ele.join('');
      });
      var currentCaptionEle = this.html.querySelector('.current-caption');
      var captionListEle = this.html.querySelector('.caption-list');

      if (this.hasCreated == false && this.definition) {
        var li_target = captionListEle.querySelector('li[data-def="' + this.definition + '"]');
        li_target.className = 'current';
      }
      this.hasCreated = true;

      var timeId = null;
      currentCaptionEle.onclick = function () {
        captionListEle.style.display = 'block';
      };

      currentCaptionEle.onmouseleave = function () {
        timeId = setTimeout(function () {
          captionListEle.style.display = 'none';
        }, 100);
      };

      captionListEle.onmouseenter = function () {
        clearTimeout(timeId);
      };
      captionListEle.onmouseleave = function () {
        captionListEle.style.display = 'none';
        // this.html.querySelector('.caption-modal').style.display = 'none'
        _this.modalHtml.style.display = 'none';
      };

      captionListEle.onclick = function (_ref2) {
        var target = _ref2.target;

        var definition = target.dataset.def;
        if (definition) {
          if (target.className !== 'current') {
            var caption = Array.isArray(_this.captionList) ? _this.captionList.filter(function (v) {
              return v.value === definition;
            })[0] : _this.captionList.find(function (v) {
              return v.value === definition;
            });

            player._ccService.switch(caption.value);
            _this.setCurrentCaption(caption.text, caption.value);
            _this.modalHtml.style.display = 'block';
            _this.modalHtml.querySelector('.switchimg').style.display = 'block';
            _this.modalHtml.querySelector('span.current-caption-tag').innerText = caption.text;
          }
        }
      };
    }
  }, {
    key: 'setCurrentCaption',
    value: function setCurrentCaption(caption, def) {
      var currentCaption = this.html.querySelector('.current-caption');
      currentCaption.innerText = caption;
      currentCaption.dataset.def = def;
      this.definition = def;

      var captionListEle = this.html.querySelector('.caption-list');
      var currentEle = captionListEle.querySelector('.current');
      if (currentEle) {
        currentEle.className = '';
      }
      //let li_target = captionListEle.querySelector(`li[data-def="${def}"]`)
      var lis = captionListEle.querySelectorAll('li');
      lis.forEach(function (element) {
        var text = element.innerText;
        if (text === caption) {
          element.className = 'current';
        }
      });
      if (lis) {
        lis.className = 'current';
      }
    }
  }, {
    key: 'created',
    value: function created(player) {}
  }, {
    key: 'ready',
    value: function ready(player) {
      this.modalHtml.style.display = 'none';
      // 隐藏设置里面的倍速播放
      var settingEle = document.querySelector('.prism-setting-item.prism-setting-cc');
      if (settingEle) {
        settingEle.classList.add('player-hidden');
      }
    }
  }]);

  return CaptionComponent;
}();

exports.default = CaptionComponent;

/***/ }),
/* 24 */
/***/ (function(module, exports) {

module.exports = "<div class=\"caption-components\">\n    <div class=\"current-caption\" data-ref=\"\"></div>\n    <ul class=\"caption-list\">\n    </ul>\n  </div>";

/***/ }),
/* 25 */
/***/ (function(module, exports) {

module.exports = "<div class=\"caption-modal prism-info-display prism-info-left-bottom\">\n  <span class=\"switchimg\"></span> <span class=\"current-caption-tag\"></span>\n</div>";

/***/ }),
/* 26 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(27);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 27 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".player-hidden {\n  display: none !important; }\n\n.caption-components {\n  float: right;\n  color: #fff;\n  height: 35px;\n  position: relative;\n  box-sizing: border-box;\n  margin-top: 5px; }\n\n.current-caption {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  width: 100px;\n  cursor: pointer; }\n\n.caption-list {\n  position: absolute;\n  bottom: 46px;\n  display: none;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  height: 150px;\n  width: 100px;\n  overflow-y: scroll; }\n  .caption-list li {\n    text-align: center;\n    width: 100px;\n    line-height: 30px;\n    background-color: rgba(0, 0, 0, 0.6);\n    cursor: pointer; }\n    .caption-list li.current {\n      color: #00c1de; }\n    .caption-list li + li {\n      border-top: 1px solid rgba(78, 78, 78, 0.3); }\n    .caption-list li:hover {\n      background-color: rgba(0, 0, 0, 0.5); }\n\n@media (max-width: 768px) {\n  .current-caption {\n    width: 40px; }\n  .caption-list li {\n    width: 43px; } }\n\n.prism-player .prism-info-display .switchimg {\n  color: #fff; }\n", ""]);

// exports


/***/ }),
/* 28 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(29);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.ManyVideoADComponent = _index2.default;

/***/ }),
/* 29 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(30);

var _index2 = _interopRequireDefault(_index);

__webpack_require__(31);

var _utils = __webpack_require__(2);

var _mbIndex = __webpack_require__(33);

var _mbIndex2 = _interopRequireDefault(_mbIndex);

var _currentDevice = __webpack_require__(3);

var _currentDevice2 = _interopRequireDefault(_currentDevice);

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"); } }

/*
 * PC 多视频广告组件
 */
var ManyVideoAdComponent = function () {
  /** 
   * @constructor PC 多视频广告的构造函数
   * @param adVideoSource {@String 广告视频的视频地址 必须参数}
   * @param adLink {@String 广告视频的链接地址 必须参数}
   * @param adCloseFunction {@Function 关闭广告的点击事件处理函数, 可选参数, 不传则默认关闭广告视频}
   * @param closeText {@String 关闭广告的文字内容, 可选参数, 不传则默认为 '关闭广告'}
   */

  function ManyVideoAdComponent(adVideoSource, adCloseFunction) {
    var closeText = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '关闭广告';

    _classCallCheck(this, ManyVideoAdComponent);

    this.adVideoSource = adVideoSource;
    this.html = (0, _utils.parseDom)(_index2.default);
    this.adInterval = null;
    this.adCloseFunction = adCloseFunction;
    this.html.querySelector('.many-video-ad-close-text').innerText = closeText;
    this.adDuration = null; // 视频广告的时长, 用于倒计时, 
    this.player = null;
    this.indexVideo = 1; //给广告视频标号
  }

  _createClass(ManyVideoAdComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      this.html.querySelector('.many-video-ad-detail').innerText = this.isEn ? 'For more information' : '查看广告详情';
      this.html.querySelector('.limit').innerText = this.isEn ? 'Your browser limits autoplay' : '您的浏览器限制';
      this.html.querySelector('.manual').innerText = this.isEn ? 'Please Click' : '自动播放请点击';
      el.appendChild(this.html);
    }
  }, {
    key: 'created',
    value: function created(player) {
      //添加video
      var videos = this.adVideoSource.map(function (url, index) {
        return '<video id="many-video-ad-content' + (index + 1) + '" style="' + (index === 0 ? 'display: block' : 'display:none') + ';width:100%;height:100%" x5-video-player-type="h5" x5-video-player-fullscreen="false" src="' + url.adVideo + '"></video>';
      });
      this.html.querySelector('.videos').innerHTML = videos.join(' ');

      this.indexVideo = Number(this.indexVideo);
      var indexVideo_ = this.indexVideo;
      var adVideoSource_ = this.adVideoSource;
      var manyVideoAd_ele = this.html.querySelector('#many-video-ad-content' + this.indexVideo);
      var videoAdDetak = this.html.querySelector('.many-video-ad-detail');
      var adDuration_ele = this.html.querySelector('#many-video-ad-duration');
      var self = this;
      function getManyVideoAdTime() {
        manyVideoAd_ele.removeEventListener('canplay', getManyVideoAdTime);
        videoAdDetak.href = adVideoSource_[indexVideo_ - 1].adVideoLink;
        manyVideoAd_ele.play().then(function () {
          var duration = Math.ceil(manyVideoAd_ele.duration);
          adDuration_ele.innerText = duration;
          self.setAdInterval();
        }).catch(function (err) {
          self.html.querySelector('.autoplay-many-video-ad').style.display = 'block';
          self.html.querySelector('.icon-player-play').onclick = function () {
            self.playManyVideoAd();
            self.html.querySelector('.autoplay-many-video-ad').style.display = 'none';
          };
        });
      }
      //对浏览器会限制，有时会自动播放失败的判断
      var promise = manyVideoAd_ele.play();
      if (promise !== undefined) {
        promise.then(function () {
          manyVideoAd_ele.play(); //播放广告
        }).catch(function (error) {
          document.querySelector('.autoplay-many-video-ad').style.display = 'block';
          manyVideoAd_ele.oncanplay = function () {
            var ad_time = Math.ceil(manyVideoAd_ele.duration);
            document.querySelector('#many-video-ad-duration').innerText = ad_time;
          };
        });
      }
      manyVideoAd_ele.addEventListener('canplay', getManyVideoAdTime);
    }
  }, {
    key: 'ready',
    value: function ready(player, e) {
      var _this = this;

      this.indexVideo = Number(this.indexVideo);
      var manyVideoAd_ele = this.html.querySelector('#many-video-ad-content' + this.indexVideo);
      var self = this;
      manyVideoAd_ele.addEventListener('ended', function (event) {
        // self.html.querySelector('.many-video-ad-detail').href=self.adVideoSource[self.indexVideo].adVideoLink
        var flag = self.playNext(self);
        if (flag == '-1') {
          player.play();
        }
      });
      this.html.querySelector('.many-video-ad-close label').onclick = function () {
        if (typeof _this.adCloseFunction === 'function') {
          _this.adCloseFunction(_this);
        } else {
          _this.closeManyVideoAd();
        }
      };
    }

    // 视频广告倒计时

  }, {
    key: 'setAdInterval',
    value: function setAdInterval(index) {
      var _this2 = this;

      var adDuration_ele = this.html.querySelector('#many-video-ad-duration');
      var manyVideoAd_ele = this.html.querySelector('#many-video-ad-content' + this.indexVideo);
      this.adInterval = setInterval(function () {
        var duration = Math.ceil(manyVideoAd_ele.duration);
        var currentTime = Math.ceil(manyVideoAd_ele.currentTime);
        var time = duration - currentTime;
        adDuration_ele.innerText = time;
        if (time == 1) {
          clearInterval(_this2.adInterval);
        }
      }, 1000);
    }

    // 暂停视频广告 

  }, {
    key: 'pauseManyVideoAd',
    value: function pauseManyVideoAd() {
      this.clearAdInterval();
      this.html.querySelector('#many-video-ad-content' + this.indexVideo).pause();
    }

    // 播放视频广告

  }, {
    key: 'playManyVideoAd',
    value: function playManyVideoAd() {
      this.setAdInterval();
      this.html.querySelector('#many-video-ad-content' + this.indexVideo).play();
    }

    // 清除视频广告倒计时

  }, {
    key: 'clearAdInterval',
    value: function clearAdInterval() {
      this.adInterval !== null && clearInterval(this.adInterval);
      this.adInterval = null;
    }

    // 关闭当前广告并播放下一个视频

  }, {
    key: 'playNext',
    value: function playNext(self) {
      if (self.indexVideo >= self.adVideoSource.length) {
        self.html.parentNode.removeChild(self.html);
        return -1;
      }
      this.indexVideo = Number(this.indexVideo);
      if (document.getElementById('many-video-ad-content' + this.indexVideo) != null) {
        document.getElementById('many-video-ad-content' + this.indexVideo).remove();
      }

      var indexVideo_ = this.indexVideo + 1;
      self.html.querySelector('.many-video-ad-detail').href = self.adVideoSource[self.indexVideo].adVideoLink;
      var manyVideoAd_ele = this.html.querySelector('#many-video-ad-content' + indexVideo_);
      var adDuration_ele = this.html.querySelector('#many-video-ad-duration');
      manyVideoAd_ele.style.display = 'block';
      if (this.adVideoSource.length >= this.indexVideo) {
        this.indexVideo = this.indexVideo + 1;
      }

      var duration = Math.ceil(manyVideoAd_ele.duration);
      adDuration_ele.innerText = duration;
      self.setAdInterval();
      manyVideoAd_ele.play();

      manyVideoAd_ele.addEventListener('ended', function (event) {
        var flag = self.playNext(self);
        //广告结束之后自动播放主视频
        if (flag == '-1') {
          document.getElementById(player._options.id).getElementsByTagName('video')[0].play();
        }
      });
    }

    // 关闭视频广告

  }, {
    key: 'closeManyVideoAd',
    value: function closeManyVideoAd() {
      this.clearAdInterval();
      this.html.parentNode.removeChild(this.html);
      this.html = null;
      //广告结束之后自动播放主视频
      document.getElementById(player._options.id).getElementsByTagName('video')[0].play();
    }
  }]);

  return ManyVideoAdComponent;
}();

/**
 * 移动端多视频广告组件
 */


var MbManyVideoAdComponent = function () {
  /**
   * @constructor 移动端多视频广告组件
   * @param {String adVideoSource 视频广告播放地址}
   * @param {String adLink 广告链接}
   * @param {Function adCloseFunction 关闭广告按钮点击出发的函数}
   * @param {String closeText 可选参数 关闭按钮中的文字, 默认为 '关闭广告'}
   */
  function MbManyVideoAdComponent(adVideoSource, adCloseFunction) {
    var closeText = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '关闭广告';

    _classCallCheck(this, MbManyVideoAdComponent);

    this.adVideoSource = adVideoSource;
    this.html = (0, _utils.parseDom)(_mbIndex2.default);
    this.adInterval = null;
    this.adCloseFunction = adCloseFunction;
    this.html.querySelector('.many-video-ad-close-text').innerText = closeText;
    this.adDuration = null; // 视频广告的时长, 用于倒计时, 
    this.player = null;
    this.indexVideo = 1; //给广告视频标号
  }

  _createClass(MbManyVideoAdComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var _this3 = this;

      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      this.html.querySelector('.many-video-ad-detail').innerText = this.isEn ? 'For more information' : '查看广告详情';
      this.html.querySelector('.limit').innerText = this.isEn ? 'Your browser limits autoplay' : '您的浏览器限制';
      this.html.querySelector('.manual').innerText = this.isEn ? 'Please Click' : '自动播放请点击';
      el.appendChild(this.html);
      el.querySelector('.videosmb');
      el.querySelector('.videosmb').setAttribute('preload', 'load');

      // 隐藏 controlbar 
      var controlBar = el.querySelector('.prism-controlbar');
      controlBar.className = controlBar.className + ' controlbar-element-hidden';

      this.html.querySelector('.icon-player-play').onclick = function () {
        _this3.playManyVideoAd();
        _this3.html.querySelector('.autoplay-many-video-ad').style.display = 'none';
      };
    }
  }, {
    key: 'created',
    value: function created(player) {
      //添加video
      var videos = this.adVideoSource.map(function (url, index) {
        return '<video id="many-video-ad-content' + (index + 1) + '" style="' + (index === 0 ? 'display: block' : 'display:none') + ';width:100%;height:100%" x5-video-player-type="h5" x5-video-player-fullscreen="false" src="' + url.adVideo + '"></video>';
      });
      this.html.querySelector('.videosmb').innerHTML = videos.join(' ');

      this.indexVideo = Number(this.indexVideo);
      var indexVideo_ = this.indexVideo;
      var adVideoSource_ = this.adVideoSource;
      var manyVideoAd_ele = this.html.querySelector('#many-video-ad-content' + this.indexVideo);
      var videoAdDetak = this.html.querySelector('.many-video-ad-detail');
      var self = this;
      function getManyVideoAdTime() {
        manyVideoAd_ele.removeEventListener('canplay', getManyVideoAdTime);
        videoAdDetak.href = adVideoSource_[indexVideo_ - 1].adVideoLink;
        self.html.querySelector('#many-video-ad-duration').innerText = Math.ceil(manyVideoAd_ele.duration);
      }
      manyVideoAd_ele.addEventListener('canplay', getManyVideoAdTime);
    }
  }, {
    key: 'ready',
    value: function ready(player) {
      var _this4 = this;

      this.indexVideo = Number(this.indexVideo);
      var manyVideoAd_ele = this.html.querySelector('#many-video-ad-content' + this.indexVideo);
      var self = this;
      manyVideoAd_ele.addEventListener('ended', function (event) {
        var flag = self.playNext(self);
        if (flag == '-1') {
          player.play();
          var controlBar = document.querySelector('.prism-controlbar');
          controlBar.className = controlBar.className.replace(' controlbar-element-hidden', '');
        }
      });
      this.html.querySelector('.many-video-ad-close label').onclick = function () {
        if (typeof _this4.adCloseFunction === 'function') {
          _this4.adCloseFunction(_this4);
        } else {
          _this4.closeManyVideoAd();
        }
      };
    }
    // 视频广告倒计时

  }, {
    key: 'setAdInterval',
    value: function setAdInterval() {
      var _this5 = this;

      var adDuration_ele = this.html.querySelector('#many-video-ad-duration');
      var manyVideoAd_ele = this.html.querySelector('#many-video-ad-content' + this.indexVideo);
      this.adInterval = setInterval(function () {
        var duration = Math.ceil(manyVideoAd_ele.duration);
        var currentTime = Math.ceil(manyVideoAd_ele.currentTime);
        var time = duration - currentTime;
        adDuration_ele.innerText = time;
        if (time == 1) {
          clearInterval(_this5.adInterval);
        }
      }, 1000);
    }

    // 关闭视频广告

  }, {
    key: 'closeManyVideoAd',
    value: function closeManyVideoAd() {
      this.clearAdInterval();
      var controlBar = this.html.parentNode.querySelector('.prism-controlbar');
      controlBar.className = controlBar.className.replace(' controlbar-element-hidden', '');
      this.html.parentNode.removeChild(this.html);
      this.html = null;
      //广告结束之后自动播放主视频
      document.getElementById(player._options.id).getElementsByTagName('video')[0].play();
    }

    // 清除视频广告倒计时

  }, {
    key: 'clearAdInterval',
    value: function clearAdInterval() {
      this.adInterval !== null && clearInterval(this.adInterval);
      this.adInterval = null;
    }

    // 播放视频广告

  }, {
    key: 'playManyVideoAd',
    value: function playManyVideoAd() {
      this.setAdInterval();
      this.html.querySelector('#many-video-ad-content' + this.indexVideo).play();
    }

    // 暂停视频广告 

  }, {
    key: 'pauseManyVideoAd',
    value: function pauseManyVideoAd() {
      this.clearAdInterval();
      this.html.querySelector('#many-video-ad-content' + this.indexVideo).pause();
    }

    // 关闭当前广告并播放下一个视频

  }, {
    key: 'playNext',
    value: function playNext(self) {
      if (self.indexVideo >= self.adVideoSource.length) {
        self.html.parentNode.removeChild(self.html);
        return -1;
      }
      this.indexVideo = Number(this.indexVideo);
      if (document.getElementById('many-video-ad-content' + this.indexVideo) != null) {
        document.getElementById('many-video-ad-content' + this.indexVideo).remove();
      }

      var indexVideo_ = this.indexVideo + 1;
      self.html.querySelector('.many-video-ad-detail').href = self.adVideoSource[self.indexVideo].adVideoLink;
      var manyVideoAd_ele = this.html.querySelector('#many-video-ad-content' + indexVideo_);
      var adDuration_ele = this.html.querySelector('#many-video-ad-duration');
      manyVideoAd_ele.style.display = 'block';
      if (this.adVideoSource.length >= this.indexVideo) {
        this.indexVideo = this.indexVideo + 1;
      }

      var duration = Math.ceil(manyVideoAd_ele.duration);
      adDuration_ele.innerText = duration;
      self.setAdInterval();
      manyVideoAd_ele.play();
      manyVideoAd_ele.addEventListener('ended', function (event) {
        var flag = self.playNext(self);
        //广告结束之后自动播放主视频
        if (flag == '-1') {
          document.getElementById(player._options.id).getElementsByTagName('video')[0].play();
          var controlBar = document.querySelector('.prism-controlbar');
          controlBar.className = controlBar.className.replace(' controlbar-element-hidden', '');
        }
      });
    }
  }]);

  return MbManyVideoAdComponent;
}();

var defaultComponent = ManyVideoAdComponent;

if (_currentDevice2.default.mobile()) {
  defaultComponent = MbManyVideoAdComponent;
}

exports.default = defaultComponent;

/***/ }),
/* 30 */
/***/ (function(module, exports) {

module.exports = "<div class=\"many-video-ad-component\">\n  <div class=\"videos\">\n    <!-- <video id=\"many-video-ad-content1\" class=\"test\" style=\"display: block\" x5-video-player-type=\"h5\" x5-video-player-fullscreen=\"false\" src=\"https://alivc-demo-cms.alicdn.com/video/videoAD.mp4\"></video>\n    <video id=\"many-video-ad-content2\" class=\"test\" style=\"display: none\" x5-video-player-type=\"h5\" x5-video-player-fullscreen=\"false\" src=\"https://player.alicdn.com/resource/player/qupai.mp4\"></video>\n    <video id=\"many-video-ad-content3\" class=\"test\" style=\"display: none\" x5-video-player-type=\"h5\" x5-video-player-fullscreen=\"false\" src=\"https://player.alicdn.com/video/guanggao.mp4\"></video> -->\n  </div>\n  <a class=\"many-video-ad-link\" target=\"_blank\"></a>\n  <div class=\"many-video-ad-close\">\n    <span id=\"many-video-ad-duration\"></span>\n    <label>\n      <span class=\"many-video-ad-close-text\"></span>\n      <i class=\"iconfont icon-close\"></i>\n    </label>\n  </div>\n  <a class=\"many-video-ad-detail\" target=\"_blank\">查看详情</a>\n  <div class=\"autoplay-many-video-ad\">\n    <i class=\"iconfont icon-player-play\"></i>\n    <span class=\"limit\"></span>\n    <span class=\"manual\"></span>\n  </div>\n  <!-- <div id=\"loadflag\" class=\"prism-loading center\">\n    <div class=\"circle\"></div> \n    <div class=\"circle1\"></div>\n  </div> -->\n</div>";

/***/ }),
/* 31 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(32);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 32 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".many-video-ad-component {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 2147483647;\n  background-color: #000;\n  font-size: 12px; }\n  .many-video-ad-component #many-video-ad-content {\n    width: 100%;\n    height: 100%; }\n  .many-video-ad-component .many-video-ad-link {\n    width: 100%;\n    height: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0; }\n  .many-video-ad-component .many-video-ad-close {\n    background-color: rgba(59, 59, 59, 0.85);\n    position: absolute;\n    top: 15px;\n    right: 20px;\n    color: #fff;\n    line-height: 26px;\n    padding: 0 10px;\n    user-select: none; }\n    .many-video-ad-component .many-video-ad-close #many-video-ad-duration {\n      color: #00c1de;\n      vertical-align: top;\n      font-size: 14px;\n      position: relative;\n      display: inline-block;\n      text-align: right; }\n      .many-video-ad-component .many-video-ad-close #many-video-ad-duration::after {\n        background-color: #fff;\n        position: absolute;\n        content: '';\n        right: -7px;\n        top: 8px;\n        bottom: 8px;\n        width: 1px; }\n    .many-video-ad-component .many-video-ad-close label {\n      cursor: pointer;\n      display: inline-block; }\n    .many-video-ad-component .many-video-ad-close .icon-close {\n      font-size: 12px;\n      vertical-align: top; }\n      @media (min-width: 768px) {\n        .many-video-ad-component .many-video-ad-close .icon-close:hover {\n          color: #00c1de; } }\n    .many-video-ad-component .many-video-ad-close .many-video-ad-close-text {\n      padding: 0 5px 0 10px; }\n  .many-video-ad-component .many-video-ad-detail {\n    position: absolute;\n    right: 35px;\n    bottom: 30px;\n    background-color: rgba(0, 222, 255, 0.85);\n    color: #fff;\n    padding: 8px 12px;\n    user-select: none;\n    cursor: pointer;\n    transition: background-color .15s; }\n    @media (min-width: 768px) {\n      .many-video-ad-component .many-video-ad-detail:hover {\n        background-color: #00deff; } }\n  .many-video-ad-component .autoplay-many-video-ad {\n    position: absolute;\n    color: #fff;\n    top: 50%;\n    left: 50%;\n    text-align: center;\n    padding: 10px;\n    border-radius: 5px;\n    background-color: rgba(144, 147, 153, 0.85);\n    transform: translate(-50%, -50%);\n    display: none; }\n    .many-video-ad-component .autoplay-many-video-ad i {\n      font-size: 42px;\n      margin-bottom: 7px;\n      display: inline-block;\n      cursor: pointer; }\n      .many-video-ad-component .autoplay-many-video-ad i + span {\n        margin-bottom: 5px; }\n    .many-video-ad-component .autoplay-many-video-ad span {\n      display: block; }\n\n.controlbar-element-hidden {\n  display: none !important; }\n", ""]);

// exports


/***/ }),
/* 33 */
/***/ (function(module, exports) {

module.exports = "<div class=\"many-video-ad-component\" style=\"background-color: transparent;\">\n  <div class=\"videosmb\"></div>\n  <a class=\"many-video-ad-link\" target=\"_blank\"></a>\n  <div class=\"many-video-ad-close\">\n    <span id=\"many-video-ad-duration\"></span>\n    <label>\n      <span class=\"many-video-ad-close-text\"></span>\n      <i class=\"iconfont icon-close\"></i>\n    </label>\n  </div>\n  <a class=\"many-video-ad-detail\" target=\"_blank\"></a>\n  <div class=\"autoplay-many-video-ad\" style=\"display: block;\">\n    <i class=\"iconfont icon-player-play\"></i>\n    <span class=\"limit\"></span>\n    <span class=\"manual\"></span>\n  </div>\n</div>";

/***/ }),
/* 34 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(35);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.MemoryPlayComponent = _index2.default;

/***/ }),
/* 35 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(36);

var _index2 = _interopRequireDefault(_index);

__webpack_require__(37);

var _utils = __webpack_require__(2);

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 MemoryPlayComponent = function () {
  /**
   * @constructor 记忆播放组件构造函数
   */
  function MemoryPlayComponent() {
    var autoPlay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
    var getTime = arguments[1];
    var saveTimeFunction = arguments[2];

    _classCallCheck(this, MemoryPlayComponent);

    this.html = (0, _utils.parseDom)(_index2.default);
    this.autoPlay = autoPlay;
    this.getTime = getTime || this._getTime;
    this.saveTimeFunction = saveTimeFunction || this._saveTime;
    this.hasMemoryDisplay = false;
  }

  _createClass(MemoryPlayComponent, [{
    key: 'createEl',
    value: function createEl(el) {
      el.appendChild(this.html);
    }
  }, {
    key: 'ready',
    value: function ready(player, e) {
      var _this = this;

      var playerOptions = player.getOptions();
      var memoryVideo = playerOptions.vid || playerOptions.source.replace(/\?.*$/, ''); // 根据视频 vid 或者 source 去存储 localeStorage
      var memoryTime = this.getTime(memoryVideo);
      memoryTime = memoryTime ? parseInt(memoryTime) : 0;
      if (memoryTime !== null && memoryTime !== 0 && !this.hasMemoryDisplay) {
        // 标识记忆播放是否有触发, 解决清晰度切换也会触发记忆播放的问题
        this.hasMemoryDisplay = true;
        if (this.autoPlay) {
          player.seek(memoryTime);
          if (player.getStatus() !== 'playing') {
            player.play();
          }
        } else {
          var memoryVideoTime = this.getVideoTime(memoryTime);
          //判断是否是视频播放完了，如果没到，就有拼接的跳转播放
          if (memoryTime !== parseInt(player._duration)) {
            var memoryDomString = '<div class="memory-play">\n          <i class="iconfont icon-close"></i>\n          <span>\u4E0A\u6B21\u770B\u5230</span>\n          <span>' + memoryVideoTime + '</span>\n          <span class="play-jump">\u8DF3\u8F6C\u64AD\u653E</span>\n          </div>';
            this.html.innerHTML = memoryDomString;
            var timeoutMemory = setTimeout(function () {
              _this.html.innerHTML = '';
            }, 15000);
            this.html.querySelector('.icon-close').onclick = function () {
              _this.html.innerHTML = '';
              clearTimeout(timeoutMemory);
            };
            this.html.querySelector('.play-jump').onclick = function () {
              player.seek(memoryTime);
              if (player.getStatus() !== 'playing') {
                player.play();
              }
              _this.html.innerHTML = '';
              clearTimeout(timeoutMemory);
            };
          }
        }
      }

      document.onvisibilitychange = function () {
        if (document.visibilityState === 'hidden' && player.getCurrentTime() !== 0) {
          _this.saveTimeFunction(memoryVideo, player.getCurrentTime());
          console.log(play);
        }
      };

      window.onbeforeunload = function () {
        if (player.getCurrentTime() !== 0) {
          _this.saveTimeFunction(memoryVideo, player.getCurrentTime());
        }
      };
    }
  }, {
    key: 'error',
    value: function error(player, e) {
      this.setMemory(player);
    }
  }, {
    key: 'dispose',
    value: function dispose(player, e) {
      this.setMemory(player);
    }
  }, {
    key: 'setMemory',
    value: function setMemory(player) {
      var playerOptions = player.getOptions();
      var memoryVideo = playerOptions.vid || playerOptions.source.replace(/\?.*$/, '');
      this.saveTimeFunction(memoryVideo, player.getCurrentTime());
    }
  }, {
    key: 'getVideoTime',
    value: function getVideoTime(duration) {
      var secondTotal = Math.round(duration);

      var hour = Math.floor(secondTotal / 3600);
      var minute = Math.floor((secondTotal - hour * 3600) / 60);

      var second = secondTotal - hour * 3600 - minute * 60;

      if (minute < 10) {
        minute = '0' + minute;
      }
      if (second < 10) {
        second = '0' + second;
      }
      return hour === 0 ? minute + ':' + second : hour + ':' + minute + ':' + second;
    }
  }, {
    key: '_getTime',
    value: function _getTime(memoryVideo) {
      return localStorage.getItem(memoryVideo);
    }
  }, {
    key: '_saveTime',
    value: function _saveTime(memoryVideo, currentTime) {
      localStorage.setItem(memoryVideo, currentTime);
    }
  }]);

  return MemoryPlayComponent;
}();

exports.default = MemoryPlayComponent;

/***/ }),
/* 36 */
/***/ (function(module, exports) {

module.exports = "<div class=\"memory-play-wrap\"></div>";

/***/ }),
/* 37 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(38);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 38 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".memory-play-wrap {\n  position: absolute;\n  right: 10px;\n  bottom: 55px; }\n  .memory-play-wrap .memory-play {\n    padding: 13px 20px;\n    background-color: #191919;\n    background-color: rgba(25, 25, 25, 0.88);\n    border-radius: 4px;\n    color: #fff;\n    font-size: 14px;\n    user-select: none; }\n    .memory-play-wrap .memory-play .icon-close {\n      transition: color .3s;\n      font-size: 14px;\n      cursor: pointer; }\n      @media (min-width: 768px) {\n        .memory-play-wrap .memory-play .icon-close:hover {\n          color: #00c1de; } }\n    .memory-play-wrap .memory-play .play-jump {\n      color: #00c1de;\n      padding: 5px;\n      border-radius: 3px;\n      cursor: pointer; }\n      @media (min-width: 768px) {\n        .memory-play-wrap .memory-play .play-jump:hover {\n          background-color: rgba(255, 255, 255, 0.2); } }\n", ""]);

// exports


/***/ }),
/* 39 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(40);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.PauseADComponent = _index2.default;

/***/ }),
/* 40 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(41);

var _index2 = _interopRequireDefault(_index);

__webpack_require__(42);

var _utils = __webpack_require__(2);

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 PauseADComponent = function () {
  /**
   * @constructor 暂停图片广告组件构造函数
   * @param {String coverUrl 封面图片地址}
   * @param {String adUrl 广告地址}
   */
  function PauseADComponent(coverUrl, adUrl) {
    _classCallCheck(this, PauseADComponent);

    this.coverUrl = coverUrl;
    this.adUrl = adUrl;
    this.html = (0, _utils.parseDom)(_index2.default);
  }

  _createClass(PauseADComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var _this = this;

      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      this.html.querySelector('.ad-text').innerText = this.isEn ? 'Ad' : '广告';

      var adContent = this.html.querySelector('.ad-content');
      var adImg = adContent.querySelector('img');
      adContent.setAttribute('href', this.adUrl);
      adImg.setAttribute('src', this.coverUrl);

      var btnClose = this.html.querySelector('.btn-close');
      btnClose.onclick = function () {
        _this.html.style.display = 'none';
      };

      el.appendChild(this.html);
    }
  }, {
    key: 'play',
    value: function play(player, e) {
      this.html.style.display = 'none';
    }
  }, {
    key: 'pause',
    value: function pause(player, e) {
      this.html.style.display = 'block';
    }
  }]);

  return PauseADComponent;
}();

exports.default = PauseADComponent;

/***/ }),
/* 41 */
/***/ (function(module, exports) {

module.exports = "<div class=\"pause-ad\">\n  <a class=\"btn-close\">\n    <i class=\"split-left\"></i>\n    <i class=\"split-right\"></i>\n  <a>\n  <span class=\"ad-text\"></span>\n  <a class=\"ad-content\" target=\"_blank\">\n    <img />\n  </a>\n</div>";

/***/ }),
/* 42 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(43);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 43 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".pause-ad {\n  width: 60%;\n  height: 50%;\n  background: #000;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  display: none; }\n  .pause-ad .btn-close {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    background-color: #333;\n    width: 2px;\n    height: 15px;\n    padding: 2px 8px;\n    cursor: pointer; }\n    .pause-ad .btn-close i {\n      background-color: #fff;\n      width: 2px;\n      height: 15px;\n      position: absolute; }\n    .pause-ad .btn-close .split-left {\n      transform: rotate(-45deg); }\n    .pause-ad .btn-close .split-right {\n      transform: rotate(45deg); }\n  .pause-ad .ad-text {\n    position: absolute;\n    left: 5px;\n    top: 5px;\n    background-color: #333;\n    color: #fff;\n    padding: 3px 5px;\n    font-size: 14px; }\n  .pause-ad .ad-content {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center; }\n    .pause-ad .ad-content img {\n      max-width: 100%;\n      max-height: 100%; }\n", ""]);

// exports


/***/ }),
/* 44 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(45);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.PlaylistComponent = _index2.default;

/***/ }),
/* 45 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(46);

var _index2 = _interopRequireDefault(_index);

var _list = __webpack_require__(47);

var _list2 = _interopRequireDefault(_list);

__webpack_require__(48);

var _utils = __webpack_require__(2);

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 PlaylistComponentEvent = {
  VideoClick: 'plugin-playlist-click-video',
  PrevClick: 'plugin-playlist-click-prev',
  NextClick: 'plugin-playlist-click-next',
  VideoChange: 'plugin-playlist-change'

  /**
   * 播放列表组件
   */
};
var PlaylistComponent = function () {
  /**
   * @constructor 播放列表组件构造函数
   * @param {Array playlist 播放列表数组}
   */
  function PlaylistComponent(playlist) {
    _classCallCheck(this, PlaylistComponent);

    this.controlHtml = (0, _utils.parseDom)(_index2.default);
    this.listHtml = (0, _utils.parseDom)(_list2.default);
    this.playlist = playlist;
    this.playingVideoIndex = 0;
    this.listHideTimeout = null;
  }

  _createClass(PlaylistComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var _this = this;

      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      this.controlHtml.querySelector('.player-tooltip.prev').innerText = this.isEn ? 'Previous' : '上一个';
      this.controlHtml.querySelector('.player-tooltip.list').innerText = this.isEn ? 'Playlist' : '播放列表';
      this.controlHtml.querySelector('.player-tooltip.next').innerText = this.isEn ? 'Next' : '下一个';

      var controlbarElement = el.querySelector('.prism-controlbar');
      var siblingElement = controlbarElement.querySelector('.prism-time-display');
      controlbarElement.insertBefore(this.controlHtml, siblingElement);

      this.listHtml.onmouseleave = function () {
        _this.listHtml.style.width = 0;
      };

      this.listHtml.onmouseenter = this.clearHideListTimeout.bind(this);

      this.controlHtml.querySelector('.icon-list').onclick = this.tooglePlaylist.bind(this);

      this.listHtml.querySelector('.list').innerHTML = this.computedListDom(this.playlist);

      var source = player.getOptions() && player.getOptions().source;
      var defaultPlayIndex = 0;
      if (source) {
        defaultPlayIndex = this.playlist.findIndex(function (item) {
          return item.source === source;
        });
        defaultPlayIndex = defaultPlayIndex > -1 ? defaultPlayIndex : 0;
        this.playingVideoIndex = defaultPlayIndex > -1 ? defaultPlayIndex : 0;
      }

      this.listHtml.querySelector('.list').childNodes[0].className = 'video-item active';
      el.appendChild(this.listHtml);
    }
  }, {
    key: 'ready',
    value: function ready(player, e) {
      var _this2 = this;

      this.controlHtml.querySelector('.icon-skip-previous').onclick = function () {

        player && player.trigger(PlaylistComponentEvent.PrevClick, {
          currentIndex: Math.max(_this2.playingVideoIndex - 1, 0)
        });

        if (_this2.playingVideoIndex === 0) {
          _this2.playlistTip(_this2.isEn ? 'Already the first one~' : '已经是第一个了~', player._el);
          return;
        }
        _this2.playVideo(player, _this2.playingVideoIndex - 1);
      };

      this.controlHtml.querySelector('.icon-skipnext').onclick = function () {

        player && player.trigger(PlaylistComponentEvent.NextClick, {
          currentIndex: Math.min(_this2.playingVideoIndex + 1, _this2.playlist.length - 1)
        });

        if (_this2.playingVideoIndex === _this2.playlist.length - 1) {
          _this2.playlistTip(_this2.isEn ? 'Already the last one~' : '已经是最后一个了~', player._el);
          return;
        }
        _this2.playVideo(player, _this2.playingVideoIndex + 1);
      };

      this.listHtml.querySelector('.list').onclick = function (e) {
        var target = e.target;
        var videoIndex = parseInt(target.getAttribute('data-index'));

        player && player.trigger(PlaylistComponentEvent.VideoClick, {
          currentIndex: _this2.playingVideoIndex,
          clickedIndex: videoIndex
        });

        if (target.className === 'video-item') {
          _this2.playVideo(player, videoIndex);
        }
      };
    }

    /* clear 自动隐藏右侧播放列表 timeout 的函数 */

  }, {
    key: 'clearHideListTimeout',
    value: function clearHideListTimeout() {
      if (this.listHideTimeout !== null) {
        clearTimeout(this.listHideTimeout);
        this.listHideTimeout = null;
      }
    }

    /* 播放 playlist 中 index 为 @param videoIndex 的视频 */

  }, {
    key: 'playVideo',
    value: function playVideo(player, videoIndex) {
      if (this.playingVideoIndex === videoIndex) {
        return;
      }

      player && player.trigger(PlaylistComponentEvent.VideoChange, { currentIndex: videoIndex });

      this.playingVideoIndex = parseInt(videoIndex);
      player.loadByUrl(this.playlist[videoIndex].source);
      this.listHtml.querySelector('.video-item.active').className = 'video-item';
      this.listHtml.querySelector('.list').childNodes[videoIndex].className = 'video-item active';
    }

    /* 点击 controlbar 上的播放列表按钮显示隐藏播放列表 */

  }, {
    key: 'tooglePlaylist',
    value: function tooglePlaylist() {
      var _this3 = this;

      this.clearHideListTimeout();
      if (this.listHtml.style.width === '30%') {
        this.listHtml.style.width = 0;
      } else {
        this.listHtml.style.width = '30%';
        this.listHideTimeout = setTimeout(function () {
          _this3.listHtml.style.width = 0;
        }, 5000);
      }
    }

    /* 播放器提示信息 */

  }, {
    key: 'playlistTip',
    value: function playlistTip(msg, el) {
      var tipElement = document.createElement('div');
      tipElement.className = 'playlist-skip-tip';
      tipElement.innerText = msg;
      el.appendChild(tipElement);
      setTimeout(function () {
        el.removeChild(tipElement);
      }, 3000);
    }
  }, {
    key: 'computedListDom',
    value: function computedListDom(playlist) {
      var domList = playlist.map(function (item, index) {
        return '<div class="video-item" data-index="' + index + '" title="' + item.name + '">' + item.name + '</div>';
      });
      return domList.join('');
    }
  }]);

  return PlaylistComponent;
}();

exports.default = PlaylistComponent;

/***/ }),
/* 46 */
/***/ (function(module, exports) {

module.exports = "<div class=\"playlist-component\">\n  <i class=\"iconfont icon-skip-previous\"></i>\n  <div class=\"player-tooltip prev\">上一个</div>\n  <i class=\"iconfont icon-list\"></i>\n  <div class=\"player-tooltip list\">播放列表</div>\n  <i class=\"iconfont icon-skipnext\"></i>\n  <div class=\"player-tooltip next\">下一个</div>  \n</div>";

/***/ }),
/* 47 */
/***/ (function(module, exports) {

module.exports = "<div class=\"playlist-content\">\n  <div class=\"list\"></div>\n</div>";

/***/ }),
/* 48 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(49);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 49 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".playlist-component {\n  color: #fff;\n  float: left;\n  height: 35px;\n  margin-top: 5px;\n  display: flex;\n  align-items: center;\n  position: relative; }\n  .playlist-component i {\n    color: #fff;\n    display: inline-block;\n    font-size: 22px;\n    display: block;\n    margin-top: 7px;\n    cursor: pointer; }\n    .playlist-component i + i {\n      margin-left: 3px; }\n    @media (min-width: 768px) {\n      .playlist-component i:hover + .player-tooltip {\n        display: block; } }\n  .playlist-component .player-tooltip.prev {\n    left: -10px; }\n  .playlist-component .player-tooltip.list {\n    left: 5px; }\n  .playlist-component .player-tooltip.next {\n    right: -12px; }\n\n.playlist-content {\n  position: absolute;\n  right: 0;\n  width: 0px;\n  padding-bottom: 48px;\n  box-sizing: border-box;\n  height: 100%;\n  transition: all .38s ease-in-out;\n  overflow: hidden; }\n  .playlist-content .list {\n    background-color: #000;\n    background-color: rgba(0, 0, 0, 0.3);\n    height: 100%;\n    overflow: auto; }\n    .playlist-content .list .video-item {\n      color: #fff;\n      padding: 0px 10px;\n      line-height: 35px;\n      font-size: 14px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      cursor: pointer; }\n      .playlist-content .list .video-item.active {\n        background-color: #000;\n        color: #00ddff; }\n      @media (min-width: 768px) {\n        .playlist-content .list .video-item:hover {\n          background-color: #000;\n          color: #00ddff; } }\n\n.player-tooltip {\n  position: absolute;\n  display: none;\n  font-size: 12px;\n  color: #fff;\n  line-height: 28px;\n  letter-spacing: 0;\n  text-align: center;\n  background: #3c3c3c;\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);\n  height: 28px;\n  top: -48px;\n  padding: 0 5px;\n  white-space: nowrap; }\n\n.playlist-skip-tip {\n  padding: 5px 15px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  z-index: 30;\n  line-height: 30px;\n  font-size: 14px;\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.8);\n  color: #000;\n  text-align: center;\n  transform: translate(-50%, -50%); }\n", ""]);

// exports


/***/ }),
/* 50 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(51);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.PreviewVodComponent = _index2.default;

/***/ }),
/* 51 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(52);

var _index2 = _interopRequireDefault(_index);

__webpack_require__(53);

var _utils = __webpack_require__(2);

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 PreviewVodComponent = function () {
  /**
   * @constructor 试看组件构造函数
   * @param {Number previewDuration 试看时长单位为秒, 传入0表示可以完整观看}
   * @param {String previewEndHtml 可选参数, 插入到试看结束之后显示的 dom 字符串, 默认为 null}
   * @param {String previewBarHtml 可选参数, 插入到免费试看多少分钟之后的 html}
   */
  function PreviewVodComponent(previewDuration) {
    var previewEndHtml = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
    var previewBarHtml = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;

    _classCallCheck(this, PreviewVodComponent);

    this.previewDuration = previewDuration;
    this.html = (0, _utils.parseDom)(_index2.default);

    // 在试看结束之后, 如果用户自定义
    if (previewEndHtml !== null) {
      this.insertHTtml(previewEndHtml, 'previewEndHtml');
    }
    if (previewBarHtml !== null) {
      this.insertHTtml(previewBarHtml, 'previewBarHtml');
    }
  }

  _createClass(PreviewVodComponent, [{
    key: 'play',
    value: function play(player) {
      if (this.previewEnd) {
        player._el.querySelector('.center').classList.remove('preview-hide');
        player.seek(0);
        this.previewEnd = false;
      }
    }
  }, {
    key: 'insertHTtml',
    value: function insertHTtml(idOrHmtl, params) {
      var parentSelector = params === 'previewEndHtml' ? '.preview-custom' : '.preview-custom-bar';
      var parentEle = this.html.querySelector(parentSelector);
      if (typeof idOrHmtl === 'string') {
        if (idOrHmtl[0] === '#') {
          var templeteEle = document.querySelector(idOrHmtl);
          if (templeteEle) {
            parentEle.innerHTML = templeteEle.innerHTML;
          } else {
            console.warn('[aliplayer components warn]: Invalid parameter ' + params + ', can\'t find element by this id');
          }
        } else {
          parentEle.innerHTML = idOrHmtl;
        }
      } else {
        console.warn('[aliplayer components warn]: Invalid parameter ' + params + ', ' + params + ' must be a string type');
      }
    }
  }, {
    key: 'ready',
    value: function ready(player) {
      var videoDuration = parseInt(player.getDuration());
      this.videoDuration = videoDuration;
      if (!this.invalidPreview && this.previewDuration >= videoDuration) {
        this.invalidPreview = true;
        console.warn('[aliplayer components warn]: Invalid parameter previewDuration, previewDuration must be less than the video duration!');
      }
      if (this.previewDuration !== 0 && this.previewDuration < videoDuration) {
        this.html.style.display = 'block';
      }
    }
  }, {
    key: 'createEl',
    value: function createEl(el, player) {
      var _this = this;

      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      console.log(this.html.querySelector('.preview-default'));
      var previewDefaultEle = this.html.querySelector('.preview-default');
      if (previewDefaultEle) {
        previewDefaultEle.innerText = this.isEn ? 'Preview is over' : '试看已结束';
      }
      this.html.querySelector('.can-preview').innerText = this.isEn ? 'Try' : '可试看';

      var previewDuration = this.previewDuration;
      if (previewDuration === 0) {
        this.html.style.display = 'none';
      }

      var previewDuration_text = previewDuration / 60;
      var decimal = previewDuration_text.toString().split('.')[1];
      if (decimal && decimal.length > 1) {
        previewDuration_text = ' ' + previewDuration + (this.isEn ? ' senconds' : ' 秒');
      } else {
        previewDuration_text = ' ' + previewDuration_text + (this.isEn ? ' minutes' : ' 分钟');
      }
      if (previewDuration < 60) {
        previewDuration_text = ' ' + previewDuration + (this.isEn ? ' senconds' : ' 秒');
      }

      // 考虑到可能不是整分钟数, 整分钟数去掉小数点后面的 0
      this.html.querySelector('.preview-time').innerText = previewDuration_text;

      var videoSiblingElement = el.querySelector('video').nextElementSibling;
      if (videoSiblingElement) {
        el.insertBefore(this.html, videoSiblingElement);
      } else {
        el.appendChild(this.html);
      }

      var closeSpan = this.html.querySelector('.preview-vod-close');
      closeSpan.addEventListener('click', function () {
        _this.html.querySelector('.preview-component-tip').style.display = 'none';
      });
      player.setPreviewTime(Number(this.previewDuration));
    }
  }, {
    key: 'closePreviewLayer',
    value: function closePreviewLayer() {
      this.previewEnd = false;
      this.html.querySelector('.preview-component-layer').style.display = 'none';
    }
  }, {
    key: 'timeupdate',
    value: function timeupdate(player) {
      if (!this.previewEnd && this.previewDuration !== 0 && this.previewDuration < this.videoDuration) {
        var previewTime = player.getPreviewTime();
        var currentTime = player.getCurrentTime();
        if (Math.floor(previewTime) < currentTime) {
          this.previewEnd = true;
          player._el.querySelector('.center') && player._el.querySelector('.center').classList.add('preview-hide');
          player.seek(previewTime);
          player.pause();
          this.html.querySelector('.preview-component-layer').style.display = 'block';
        }
      }
    }
  }, {
    key: 'ended',
    value: function ended(player, e) {
      if (player.isPreview()) {
        this.html.querySelector('.preview-component-layer').style.display = 'block';
      }
    }
  }]);

  return PreviewVodComponent;
}();

exports.default = PreviewVodComponent;

/***/ }),
/* 52 */
/***/ (function(module, exports) {

module.exports = "<div class=\"preview-vod-component\">\n  <div class=\"preview-component-layer\">\n    <div class=\"preview-custom\">\n      <p class=\"preview-default\"></p>\n    </div>\n  </div>\n  <div class=\"preview-component-tip\">\n    <span class=\"can-preview\"></span><span class=\"preview-time\"></span>， <span class=\"preview-custom-bar\">Become VIP Watch Full Version </span>\n    <span class=\"preview-vod-close\">x</span>\n  </div>\n</div>";

/***/ }),
/* 53 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(54);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 54 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".preview-hide {\n  display: none !important; }\n\n.preview-vod-component {\n  display: none; }\n  .preview-vod-component .preview-component-layer {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, 0.8);\n    z-index: 9998;\n    box-sizing: border-box;\n    padding: 20px 20px 70px;\n    display: none; }\n    .preview-vod-component .preview-component-layer .preview-close {\n      position: absolute;\n      right: 18px;\n      top: 15px;\n      border-radius: 50%;\n      color: #000;\n      background: white;\n      width: 20px;\n      height: 20px;\n      text-align: center;\n      line-height: 18px;\n      vertical-align: top;\n      color: #333;\n      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);\n      cursor: pointer;\n      z-index: 9998; }\n    .preview-vod-component .preview-component-layer .preview-custom {\n      width: 100%;\n      height: 100%;\n      position: relative; }\n      .preview-vod-component .preview-component-layer .preview-custom .preview-default {\n        font-size: 14px;\n        color: #fff;\n        text-align: center;\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 100%; }\n  .preview-vod-component .preview-custom {\n    color: #fff;\n    font-size: 14px; }\n  .preview-vod-component .preview-component-tip {\n    position: absolute;\n    bottom: 50px;\n    left: 25px;\n    border-radius: 15px;\n    background-color: #333;\n    color: #fff;\n    line-height: 26px;\n    font-size: 14px;\n    padding: 0 12px;\n    z-index: 9998; }\n  .preview-vod-component .preview-vod-close {\n    font-size: 18px;\n    cursor: pointer;\n    padding: 0 5px;\n    font-family: PingFangSC-Regular, sans-serif;\n    font-weight: 200; }\n    .preview-vod-component .preview-vod-close:hover {\n      color: #00c1de; }\n", ""]);

// exports


/***/ }),
/* 55 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(56);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.ProgressComponent = _index2.default;

/***/ }),
/* 56 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(57);

var _index2 = _interopRequireDefault(_index);

var _utils = __webpack_require__(2);

__webpack_require__(58);

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 ProgressMarker = function () {
  function ProgressMarker() {
    _classCallCheck(this, ProgressMarker);

    this.html = (0, _utils.parseDom)(_index2.default);
    this.imgEle = this.html.querySelector('.img-wrap img');
    this.timeEle = this.html.querySelector('.time');
    this.playBtnEle = this.html.querySelector('.pregress-play-btn');
    this.describeEle = this.html.querySelector('.describe');
    this.timer = null;
    this.currentOffset = null;
  }

  _createClass(ProgressMarker, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var _this = this;

      el.appendChild(this.html);

      this.html.onmouseenter = function () {
        if (_this.timer !== null) {
          clearTimeout(_this.timer);
          _this.timer = null;
        }
      };

      this.html.onmouseleave = function () {
        _this.html.style.display = 'none';
      };
      this.html.onclick = function () {
        _this.html.style.display = 'none';
      };
      this.html.querySelector('.pregress-play-btn').addEventListener('click', function () {
        player.seek(_this.currentOffset);
      });
    }
  }, {
    key: 'markerDotOver',
    value: function markerDotOver(player, data) {
      var maxWidth = player._el.clientWidth;
      var componentLeft = 'calc(' + data.left * 100 + '% - 10px)';
      if (maxWidth * data.left + 323 > maxWidth) {
        componentLeft = maxWidth - 330 + 'px';
        this.html.querySelector('.icon-arrowdown').style.left = maxWidth * data.left - maxWidth + 317 + 'px';
      } else {
        this.html.querySelector('.icon-arrowdown').style.left = '-2px';
      }
      var _data$progressMarker = data.progressMarker,
          coverUrl = _data$progressMarker.coverUrl,
          title = _data$progressMarker.title,
          describe = _data$progressMarker.describe,
          offset = _data$progressMarker.offset;

      this.currentOffset = offset;
      this.html.style.left = componentLeft;
      this.imgEle.src = coverUrl;
      this.timeEle.innerText = title;
      this.describeEle.innerText = describe;
      this.html.style.display = 'block';
    }
  }, {
    key: 'markerDotOut',
    value: function markerDotOut(player, data) {
      var _this2 = this;

      this.timer = setTimeout(function () {
        _this2.html.style.display = 'none';
      }, 100);
    }
  }]);

  return ProgressMarker;
}();

exports.default = ProgressMarker;

/***/ }),
/* 57 */
/***/ (function(module, exports) {

module.exports = "<div class=\"progress-component\">\n  <div class=\"progress-content clearfix\">\n    <div class=\"img-wrap\"><img /></div>    \n\n    <div class=\"info\">\n      <div class=\"time\"></div>\n      <div class=\"describe\"></div>\n    </div>\n\n    <i href=\"\" target=\"_blank\" class=\"iconfont icon-play pregress-play-btn\"></i>\n  </div>\n  <i class=\"iconfont icon-arrowdown\"></i>\n</div>";

/***/ }),
/* 58 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(59);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 59 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, "@font-face {\n  font-family: \"iconfont\";\n  src: url(" + __webpack_require__(4) + ");\n  /* IE9 */\n  src: url(" + __webpack_require__(4) + "#iefix) format(\"embedded-opentype\"), url(\"data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALoAAsAAAAABswAAAKZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqBLIEoATYCJAMMCwgABCAFhG0HPxv3BciemjwJBBawWJiKrz0ASDwe/hv7dt/MfNW2KmnPdtG6CbVE49AhkkRLp5FIhAwheQn/z+kv/1pWQYEwj7X+Uuyl/nTcdSTtTi8NcwkH30gwCtRYSyHREE3ufj9P1OLQShNpd5+4d/rneReO/SzLZW3rorEmfwww7rwLcKxFEQ2RQLxh7AKXcJhA07wmodOhiRQqVFijAvHU1GVUmAsrCsvVhWrNwiLeqKinV+kQr8Pvx397KSSpZNbEyyeDGur5VflDWJ2tols+IUKAyyvI2IUU4k5t+hpBML6gaRfbS6uKkOaK/T+hXndWd/rHS0SVVd0Gm9CWbsrgqgh+00EB8vtVFGxALmYoJOTctiY+K0kvXH6mrr7SNz/Z6+9Zx5qJtFlNxSWTO6vj1HYuhJefJ9ftXh9abHpfLGqU77bG13rmtKH98PROBBAh724RzHCxLE2XTr/nplZqkQ6eox7Wz9KPuBAIal+/fLw7HX+FxQX8PFYXDpmtiii/QP1UnuDXdSohKNxkuXJR7VqrA9nqbYxMaGpihrB/6Hm8c9K7mlA3SZHUzCGrWyULu4uKln1U1R2gacfw8pYRRhClgW1bAKFvD0nXN2R9R2Rhn1Ax9YuqfgQ0XYmyDVvWY0r9DMsca6DMgalSjzhuLkW1CaxPOTLLmkJpBrPAjEEsHC3mhrGH2RxTgmk9zjkBwqgLQ+A47DgUfEYtrPKwwbnfFomQuheFVeoiyQkGk3GYBijmAJOK8hC/NSeVPp+A6aY4ZKyFU1PPwJiA2T2ICYv2IIftXi/OvTwTmKaL4zgCEAzlAkOgH+ZwUMCv72fBVFyYMSLpaxOxm5G+9vD6Tvf7tkGTNSlHihxF9z5jdEZzenvNKvXnRN+R5xACAAAA\") format(\"woff2\"), url(" + __webpack_require__(60) + ") format(\"woff\"), url(" + __webpack_require__(61) + ") format(\"truetype\"), url(" + __webpack_require__(62) + "#iconfont) format(\"svg\");\n  /* iOS 4.1- */ }\n\n.iconfont {\n  font-family: \"iconfont\" !important;\n  font-size: 16px;\n  font-style: normal;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale; }\n\n.icon-play:before {\n  content: \"\\E726\"; }\n\n.icon-arrowdown:before {\n  content: \"\\E623\"; }\n\n.clearfix:before, .clearfix:after {\n  content: \"\";\n  display: table;\n  line-height: 0; }\n\n.clearfix:after {\n  clear: both; }\n\n.clearfix {\n  *zoom: 1; }\n\n.progress-component {\n  padding: 8px;\n  background-color: rgba(0, 0, 0, 0.35);\n  position: absolute;\n  display: none;\n  box-sizing: border-box;\n  bottom: 55px;\n  font-size: 12px;\n  color: #fff;\n  height: 74px;\n  z-index: 10; }\n  .progress-component .progress-content {\n    height: 100%;\n    position: relative;\n    padding-right: 45px; }\n  .progress-component .img-wrap {\n    float: left;\n    width: 100px;\n    text-align: center;\n    border: 1px solid rgba(0, 0, 0, 0.6);\n    height: 100%; }\n    .progress-component .img-wrap img {\n      vertical-align: top;\n      max-width: 100%;\n      max-height: 100%;\n      object-fit: contain; }\n  .progress-component .info {\n    float: left;\n    padding-left: 10px;\n    width: 150px; }\n    .progress-component .info .describe {\n      line-height: 18px;\n      margin-top: 8px;\n      height: 36px;\n      overflow: hidden; }\n  .progress-component .pregress-play-btn {\n    display: inline-block;\n    position: absolute;\n    right: 6px;\n    bottom: 0px;\n    font-size: 28px;\n    color: #ca7838;\n    cursor: pointer; }\n  .progress-component .icon-arrowdown {\n    left: -2px;\n    position: absolute;\n    font-size: 31px;\n    color: rgba(0, 0, 0, 0.35);\n    line-height: 6px;\n    top: 100%; }\n", ""]);

// exports


/***/ }),
/* 60 */
/***/ (function(module, exports) {

module.exports = "data:application/font-woff;base64,d09GRgABAAAAAARoAAsAAAAABswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8mUkYY21hcAAAAYAAAABWAAABhmkn0RRnbHlmAAAB2AAAAJEAAACsoFCg7WhlYWQAAAJsAAAALwAAADYU+6wjaGhlYQAAApwAAAAeAAAAJAfeA4VobXR4AAACvAAAAAwAAAAMDAEAAGxvY2EAAALIAAAACAAAAAgADgBWbWF4cAAAAtAAAAAeAAAAIAEQADBuYW1lAAAC8AAAAUUAAAJtPlT+fXBvc3QAAAQ4AAAALgAAAD/D5yXjeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeKT9XY27438AQw9zA0AAUZgTJAQDi6gwteJztkMENgDAMAy9p6QOxBRLiwUC8GJ+OUdwUtsDSxYqTl4EJSOIQGezC6DqVWuSJOfIcP0Vu+L3WrTX4XDLdSrhrFH4tMfd3897WoDdbtwH+ADzlDm4AAHicTYu7DcIwGITvt/FDjiIEQnFtRTItBQTmQGIBJskWbOQeUURykyI7pEKGP12uuu8eILDEQB8IgIIXQ7kzvZdYAr9+A9mjgkfLvYZp4DtcI2TEkQ2jhmwOW9Lxsjt3XiCVWSlyKZFTqswpl5E55EyBeXxaO9m6tvKxlKvx97RaZX6JyuzNSxtHN2c0/rNfLF8AAAB4nGNgZGBgAGLxnctexvPbfGXgZmEAgRvvTIQR9P8GFgbmBiCXg4EJJAoAMOgKOgB4nGNgZGBgbvjfwBDDAmQxMLAwMIBpJMAMAEciAm0AAAQAAAAEAAAABAEAAAAAAAAADgBWeJxjYGRgYGBmUAFiEGACYi4gZGD4D+YzAAAMZAFBAAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICZkYmRmZGFgS+xqCi/PCW/PE83Ob+gkqUgJ7GSgQEAYa8HrwAA"

/***/ }),
/* 61 */
/***/ (function(module, exports) {

module.exports = "data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzI8mUkYAAABfAAAAFZjbWFwaSfRFAAAAeAAAAGGZ2x5ZqBQoO0AAANwAAAArGhlYWQU+6wjAAAA4AAAADZoaGVhB94DhQAAALwAAAAkaG10eAwBAAAAAAHUAAAADGxvY2EADgBWAAADaAAAAAhtYXhwARAAMAAAARgAAAAgbmFtZT5U/n0AAAQcAAACbXBvc3TD5yXjAAAGjAAAAD8AAQAAA4D/gABcBAEAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAMAAQAAAAEAABe5pulfDzz1AAsEAAAAAADY7jQTAAAAANjuNBMAAP+ABAADgAAAAAgAAgAAAAAAAAABAAAAAwAkAAMAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQQAAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5iPnJgOA/4AAXAOAAIAAAAABAAAAAAAABAAAAAQAAAAEAQAAAAAABQAAAAMAAAAsAAAABAAAAV4AAQAAAAAAWAADAAEAAAAsAAMACgAAAV4ABAAsAAAABgAEAAEAAuYj5yb//wAA5iPnJv//AAAAAAABAAYABgAAAAEAAgAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAKAAAAAAAAAACAADmIwAA5iMAAAABAADnJgAA5yYAAAACAAAAAAAAAA4AVgABAAAAAALXAdMAAgAAASEXAtf+UtcB09EAAAAAAwAA/4AEAAOAAAsAFwAjAAABBgAHFgAXNgA3JgADJgAnNgA3FgAXBgADFhQPAQYmNRE0NhcCAMb+9gUFAQrGxgEKBQX+9sba/t8FBQEh2toBIQUF/t9iCAjjCA0NCANVBf72xsb+9gUFAQrGxgEK/DAFASHa2gEhBQX+39ra/t8CCwcSB5cGBwoBOAoHBgAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAIABUAAQAAAAAAAgAHAB0AAQAAAAAAAwAIACQAAQAAAAAABAAIACwAAQAAAAAABQALADQAAQAAAAAABgAIAD8AAQAAAAAACgArAEcAAQAAAAAACwATAHIAAwABBAkAAAAqAIUAAwABBAkAAQAQAK8AAwABBAkAAgAOAL8AAwABBAkAAwAQAM0AAwABBAkABAAQAN0AAwABBAkABQAWAO0AAwABBAkABgAQAQMAAwABBAkACgBWARMAAwABBAkACwAmAWkKQ3JlYXRlZCBieSBpY29uZm9udAppY29uZm9udFJlZ3VsYXJpY29uZm9udGljb25mb250VmVyc2lvbiAxLjBpY29uZm9udEdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAAoAQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdAAKAGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG4AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAQIBAwEEAA5hcnJvd2Rvd24tY29weQRwbGF5AAAA"

/***/ }),
/* 62 */
/***/ (function(module, exports) {

module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPCEtLQoyMDEzLTktMzA6IENyZWF0ZWQuCi0tPgo8c3ZnPgo8bWV0YWRhdGE+CkNyZWF0ZWQgYnkgaWNvbmZvbnQKPC9tZXRhZGF0YT4KPGRlZnM+Cgo8Zm9udCBpZD0iaWNvbmZvbnQiIGhvcml6LWFkdi14PSIxMDI0IiA+CiAgPGZvbnQtZmFjZQogICAgZm9udC1mYW1pbHk9Imljb25mb250IgogICAgZm9udC13ZWlnaHQ9IjUwMCIKICAgIGZvbnQtc3RyZXRjaD0ibm9ybWFsIgogICAgdW5pdHMtcGVyLWVtPSIxMDI0IgogICAgYXNjZW50PSI4OTYiCiAgICBkZXNjZW50PSItMTI4IgogIC8+CiAgICA8bWlzc2luZy1nbHlwaCAvPgogICAgCiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0iYXJyb3dkb3duLWNvcHkiIHVuaWNvZGU9IiYjNTg5MTU7IiBkPSJNNzI2LjY1MyA0NjYuNjk0aC00MjkuMzA2bDIxNC44NDYtMjA4Ljg1MXoiICBob3Jpei1hZHYteD0iMTAyNCIgLz4KCiAgICAKICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJwbGF5IiB1bmljb2RlPSImIzU5MTc0OyIgZD0iTTUxMiA4NTMuMzMyOTkyQzI1NC43MzMzMTIgODUzLjMzMjk5MiA0Mi42NjU5ODQgNjQxLjI2MzYxNiA0Mi42NjU5ODQgMzg0czIxMi4wNjczMjgtNDY5LjMzMTk2OCA0NjkuMzMxOTY4LTQ2OS4zMzE5NjhjMjU3LjI2NDY0IDAgNDY5LjMzNDAxNiAyMTIuMDY3MzI4IDQ2OS4zMzQwMTYgNDY5LjMzMTk2OCAwIDI1Ny4yNjQ2NC0yMTIuMDY5Mzc2IDQ2OS4zMzQwMTYtNDY5LjMzNDAxNiA0NjkuMzM0MDE2TTUxMi0xMjhDMjI4LjY5Mjk5Mi0xMjggMCAxMDAuNjkyOTkyIDAgMzg0IDAgNjY3LjMwNzAwOCAyMjguNjkyOTkyIDg5NiA1MTIgODk2YzI4My4zMDcwMDggMCA1MTItMjI4LjY5Mjk5MiA1MTItNTEyIDAtMjgzLjMwNzAwOC0yMjguNjkyOTkyLTUxMi01MTItNTEyTTYzMS44ODM3NzYgMzk5Ljg5NzZjMTAuNjE4ODgtNy45NDkzMTIgMTAuNjE4ODgtMjMuODQ2OTEyIDAtMzEuNzk1Mkw0MDUuMjM3NzYgMjE3LjA2NzUyQzM5NC42MTg4OCAyMDkuMTE5MjMyIDM4NCAyMTQuNDE3NDA4IDM4NCAyMjcuNjY1OTJWNTQwLjMzMjAzMmMwIDEzLjI0OTUzNiAxMC42MTk5MDQgMTguNTQ4NzM2IDIxLjIzNzc2IDEwLjYwMDQ0OGwyMjYuNjQ2MDE2LTE1MS4wMzQ4OHoiICBob3Jpei1hZHYteD0iMTAyNSIgLz4KCiAgICAKCgogIDwvZm9udD4KPC9kZWZzPjwvc3ZnPgo="

/***/ }),
/* 63 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(64);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.QualityComponent = _index2.default;

/***/ }),
/* 64 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(65);

var _index2 = _interopRequireDefault(_index);

var _qualityModal = __webpack_require__(66);

var _qualityModal2 = _interopRequireDefault(_qualityModal);

__webpack_require__(67);

var _utils = __webpack_require__(2);

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 QualityComponent = function () {
  function QualityComponent(getQuality) {
    _classCallCheck(this, QualityComponent);

    this.html = (0, _utils.parseDom)(_index2.default);
    this.modalHtml = (0, _utils.parseDom)(_qualityModal2.default);
    this.hasCreated = false;
    this.definition = '';
    this.getQuality = getQuality;
  }

  _createClass(QualityComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      this.html.querySelector('.current-quality').innerText = this.isEn ? 'Resolution' : '清晰度';
      this.modalHtml.querySelector('.switchimg').innerText = this.isEn ? 'Switching to you for' : '正在为您切换到';
      this.modalHtml.querySelector('.wait').innerText = this.isEn ? 'Please wait...' : '请稍后...';
      var eleControlbar = el.querySelector('.prism-controlbar');
      eleControlbar.appendChild(this.html);
      el.appendChild(this.modalHtml);
    }
  }, {
    key: 'setCurrentQuality',
    value: function setCurrentQuality(quality, def) {
      var currentQuality = this.html.querySelector('.current-quality');
      currentQuality.innerText = quality;
      currentQuality.dataset.def = def;
      this.definition = def;

      var qualityListEle = this.html.querySelector('.quality-list');
      var currentEle = qualityListEle.querySelector('.current');
      if (currentEle) {
        currentEle.className = '';
      }
      var li_target = qualityListEle.querySelector('li[data-def="' + def + '"]');
      if (li_target) {
        li_target.className = 'current';
      }
    }
  }, {
    key: 'created',
    value: function created(player) {
      var _this = this;

      this._urls = player._urls;

      var currentQualityEle = this.html.querySelector('.current-quality');
      var qualityListEle = this.html.querySelector('.quality-list');

      var lis_ele = this._urls.map(function (url) {
        return '<li data-def="' + url.definition + '">' + url.desc + '</li>';
      });
      this.html.querySelector('.quality-list').innerHTML = lis_ele.join('');

      console.log(this.definition);
      if (this.hasCreated == false && this.definition) {
        var li_target = qualityListEle.querySelector('li[data-def="' + this.definition + '"]');
        li_target.className = 'current';
      }
      this.hasCreated = true;

      var timeId = null;

      currentQualityEle.onclick = function () {
        var listVisible = qualityListEle.style.display !== 'none';
        if (listVisible) {
          qualityListEle.style.display = 'none';
        } else {
          qualityListEle.style.display = 'block';
        }
      };

      currentQualityEle.onmouseleave = function () {
        if (timeId) clearTimeout(timeId);
        timeId = setTimeout(function () {
          qualityListEle.style.display = 'none';
        }, 150);
      };

      qualityListEle.onmouseenter = function () {
        clearTimeout(timeId);
      };
      qualityListEle.onmouseleave = function () {
        if (timeId) clearTimeout(timeId);
        timeId = setTimeout(function () {
          qualityListEle.style.display = 'none';
        }, 150);
      };

      qualityListEle.onclick = function (_ref) {
        var target = _ref.target;

        var definition = target.dataset.def;
        var desc = target.innerText;
        if (definition && target.className !== 'current') {
          var url = Array.isArray(_this._urls) ? _this._urls.filter(function (url) {
            return url.definition === definition;
          })[0] : _this._urls.find(function (url) {
            return url.definition === definition;
          });
          if (url) {
            (0, _utils.cookieSet)('selectedStreamLevel', url.definition, 365);

            if (player._switchLevel && !player._options.isLive) {
              player._switchLevel(url.Url);
            } else {
              player._loadByUrlInner(url.Url, player.getCurrentTime(), true /*autoPlay*/, true /* isSwitchLevel */);
            }

            _this.setCurrentQuality(url.desc, url.definition);

            _this.modalHtml.style.display = 'block';
            _this.modalHtml.querySelector('span.current-quality-tag').innerText = url.desc;
          }
        }
        //点击切换清晰度时，调用这个方法
        _this.getQuality(definition, desc);
      };
    }
  }, {
    key: 'ready',
    value: function ready(player) {
      this.modalHtml.style.display = 'none';
      // 隐藏设置里面的倍速播放
      var settingEle = document.querySelector('.prism-setting-item.prism-setting-quality');
      if (settingEle) {
        settingEle.classList.add('player-hidden');
      }
    }
  }]);

  return QualityComponent;
}();

exports.default = QualityComponent;

/***/ }),
/* 65 */
/***/ (function(module, exports) {

module.exports = "<div class=\"quality-components\">\n  <div class=\"current-quality\" data-ref=\"\"></div>\n  <ul class=\"quality-list\">\n  </ul>\n</div>";

/***/ }),
/* 66 */
/***/ (function(module, exports) {

module.exports = "<div class=\"quality-modal\">\n  <span class=\"switchimg\"></span> <span class=\"current-quality-tag\"></span> , <span class=\"wait\"></span>\n</div>";

/***/ }),
/* 67 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(68);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 68 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".player-hidden {\n  display: none !important; }\n\n.quality-components {\n  float: right;\n  color: #fff;\n  height: 35px;\n  position: relative;\n  box-sizing: border-box;\n  margin-top: 4px; }\n\n.current-quality {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  width: 70px;\n  cursor: pointer; }\n\n.quality-list {\n  position: absolute;\n  bottom: 46px;\n  display: none;\n  padding: 0;\n  margin: 0;\n  list-style: none; }\n  .quality-list li {\n    text-align: center;\n    width: 70px;\n    line-height: 30px;\n    background-color: rgba(0, 0, 0, 0.6);\n    cursor: pointer; }\n    .quality-list li.current {\n      color: #00c1de; }\n    .quality-list li + li {\n      border-top: 1px solid rgba(78, 78, 78, 0.3); }\n    .quality-list li:hover {\n      background-color: rgba(0, 0, 0, 0.5); }\n\n.quality-modal {\n  position: absolute;\n  bottom: 20%;\n  left: 5%;\n  background-color: rgba(0, 0, 0, 0.6);\n  border-radius: 5px;\n  color: #fff;\n  padding: 10px 15px;\n  font-size: 14px;\n  display: none; }\n  .quality-modal span.current-quality-tag {\n    color: #00c1de; }\n\n@media (max-width: 768px) {\n  .current-quality {\n    width: 40px; }\n  .quality-list li {\n    width: 45px; } }\n", ""]);

// exports


/***/ }),
/* 69 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(70);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.RateComponent = _index2.default;

/***/ }),
/* 70 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(71);

var _index2 = _interopRequireDefault(_index);

__webpack_require__(72);

var _utils = __webpack_require__(2);

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 RateComponent = function () {
  /**
   * @constructor 倍速播放组件构造函数
   */
  function RateComponent() {
    _classCallCheck(this, RateComponent);

    this.html = (0, _utils.parseDom)(_index2.default);
  }

  _createClass(RateComponent, [{
    key: 'createEl',
    value: function createEl(el) {
      var eleControlbar = el.querySelector('.prism-controlbar');
      eleControlbar.appendChild(this.html);
    }
  }, {
    key: 'ready',
    value: function ready(player, e) {
      var currentRateEle = this.html.querySelector('.current-rate');
      var rateListEle = this.html.querySelector('.rate-list');
      var timeId = null;

      // 隐藏设置里面的倍速播放
      var settingRate = document.querySelector('.prism-setting-item.prism-setting-speed');
      if (settingRate) {
        settingRate.classList.add('player-hidden');
      }

      currentRateEle.onclick = function () {
        rateListEle.style.display = 'block';
      };
      currentRateEle.onmouseleave = function () {
        timeId = setTimeout(function () {
          rateListEle.style.display = 'none';
        }, 100);
      };

      rateListEle.onmouseenter = function () {
        clearTimeout(timeId);
      };
      rateListEle.onmouseleave = function () {
        rateListEle.style.display = 'none';
      };

      rateListEle.onclick = function (_ref) {
        var target = _ref.target;

        var rate = target.dataset.rate;
        if (rate) {
          player.setSpeed(rate);
          if (target.className !== 'current') {
            var currentEle = rateListEle.querySelector('.current');
            if (currentEle) {
              currentEle.className = '';
            }
            target.className = 'current';
          }
          rateListEle.style.display = 'none';
          currentRateEle.innerText = rate + 'x';
        }
      };
    }
  }]);

  return RateComponent;
}();

exports.default = RateComponent;

/***/ }),
/* 71 */
/***/ (function(module, exports) {

module.exports = "<div class=\"rate-components\">\n  <div class=\"current-rate\">1.0x</div>\n  <ul class=\"rate-list\">\n    <li data-rate=\"2.0\">2.0x</li>\n    <li data-rate=\"1.5\">1.5x</li>\n    <li data-rate=\"1.25\">1.25x</li>\n    <li data-rate=\"1.0\" class=\"current\">1.0x</li>\n    <li data-rate=\"0.5\">0.5x</li>\n  </ul>\n</div>";

/***/ }),
/* 72 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(73);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 73 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".player-hidden {\n  display: none !important; }\n\n.rate-components {\n  float: right;\n  color: #fff;\n  height: 35px;\n  position: relative;\n  box-sizing: border-box;\n  margin-top: 5px; }\n\n.current-rate {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  width: 70px;\n  cursor: pointer; }\n\n.rate-list {\n  position: absolute;\n  bottom: 46px;\n  display: none;\n  padding: 0;\n  margin: 0;\n  list-style: none; }\n  .rate-list li {\n    text-align: center;\n    width: 70px;\n    line-height: 30px;\n    background-color: rgba(0, 0, 0, 0.6);\n    cursor: pointer; }\n    .rate-list li.current {\n      color: #00c1de; }\n    .rate-list li + li {\n      border-top: 1px solid rgba(78, 78, 78, 0.3); }\n    .rate-list li:hover {\n      background-color: rgba(0, 0, 0, 0.5); }\n\n@media (max-width: 768px) {\n  .current-rate {\n    width: 40px; }\n  .rate-list li {\n    width: 43px; } }\n", ""]);

// exports


/***/ }),
/* 74 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(75);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.RotateMirrorComponent = _index2.default;

/***/ }),
/* 75 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(76);

var _index2 = _interopRequireDefault(_index);

__webpack_require__(77);

var _utils = __webpack_require__(2);

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 RotateMirrorComponent = function () {
  /**
   * @constructor 旋转镜像组件构造函数
   */
  function RotateMirrorComponent() {
    _classCallCheck(this, RotateMirrorComponent);

    this.html = (0, _utils.parseDom)(_index2.default);
  }

  _createClass(RotateMirrorComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      this.html.querySelector('.player-tooltip.counterclockwise').innerText = this.isEn ? 'Rotate 45 degrees counterclockwise' : '逆时针旋转45度';
      this.html.querySelector('.mirror-item[data-id="counterclockwise"]').innerText = this.isEn ? 'Rotate left 45 ̊' : '左旋转45˚';
      this.html.querySelector('.player-tooltip.clockwise').innerText = this.isEn ? 'Rotate 45 degrees clockwise' : '顺时针旋转45度';
      this.html.querySelector('.mirror-item[data-id="clockwise"]').innerText = this.isEn ? 'Rotate right 45 ̊' : '右旋转45˚';
      this.html.querySelector('.player-tooltip.switch').innerText = this.isEn ? 'Mirror' : '镜像';
      this.html.querySelector('.mirror-item[data-id=vertical]').innerText = this.isEn ? 'Vertical mirroring' : '垂直镜像';
      this.html.querySelector('.mirror-item[data-id=horizon]').innerText = this.isEn ? 'Horizontal mirroring' : '水平镜像';

      var eleControlbar = el.querySelector('.prism-controlbar');
      eleControlbar.appendChild(this.html);
    }
  }, {
    key: 'ready',
    value: function ready(player, e) {
      this.html.querySelector('.icon-player-rotate-left').onclick = function () {
        var rotate = player.getRotate();
        player.setRotate(rotate - 45);
      };
      this.html.querySelector('.icon-player-rotate-right').onclick = function () {
        var rotate = player.getRotate();
        player.setRotate(rotate + 45);
      };
      var eleMirror = this.html.querySelector('.mirror-option');
      this.html.querySelector('.icon-player-switch').onclick = function () {
        var displayStyle = eleMirror.style.display;
        eleMirror.style.display = displayStyle === 'none' ? 'block' : 'none';
      };
      eleMirror.onmouseleave = function () {
        this.style.display = 'none';
      };
      eleMirror.onclick = function (e) {
        var target = e.target;
        if (target.dataset.id === 'counterclockwise') {
          var rotate = player.getRotate();
          player.setRotate(rotate - 45);
          return;
        }
        if (target.dataset.id === 'clockwise') {
          var _rotate = player.getRotate();
          player.setRotate(_rotate + 45);
          return;
        }
        if (!target.className.match('active')) {
          var siblingEle = target.dataset.id === 'horizon' ? target.previousElementSibling : target.nextElementSibling;
          if (siblingEle.className.match('active')) {
            siblingEle.className = 'mirror-item';
            player.cancelImage();
          }
          var param = target.getAttribute('data-id');
          player.setImage(param);
          target.className = 'mirror-item active';
        } else {
          player.cancelImage();
          target.className = 'mirror-item';
        }
      };
    }
  }]);

  return RotateMirrorComponent;
}();

exports.default = RotateMirrorComponent;

/***/ }),
/* 76 */
/***/ (function(module, exports) {

module.exports = "<div class=\"aliplayer-rotate-mirror\">\n  <i class=\"iconfont icon-player-rotate-left\"></i>\n  <div class=\"player-tooltip counterclockwise\"></div>\n  <i class=\"iconfont icon-player-rotate-right\"></i>\n  <div class=\"player-tooltip clockwise\"></div>\n  <i class=\"iconfont icon-player-switch\"></i>\n  <div class=\"player-tooltip switch\"></div>\n  <div class=\"mirror-option\" style=\"display: none;\">\n    <div class=\"mirror-item\" data-id=\"vertical\"></div>\n    <div class=\"mirror-item\" data-id=\"horizon\"></div>\n    <div class=\"mirror-item\" data-id=\"counterclockwise\"></div>\n    <div class=\"mirror-item\" data-id=\"clockwise\"></div>\n  </div>\n</div>";

/***/ }),
/* 77 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(78);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 78 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".aliplayer-rotate-mirror {\n  float: right;\n  color: #fff;\n  display: flex;\n  align-items: center;\n  height: 35px;\n  position: relative;\n  margin-top: 5px; }\n  .aliplayer-rotate-mirror i {\n    color: #fff;\n    display: inline-block;\n    font-size: 22px;\n    display: block;\n    margin-top: 7px;\n    cursor: pointer;\n    margin-right: 10px; }\n    .aliplayer-rotate-mirror i.icon-player-switch {\n      font-size: 24px;\n      font-weight: bold; }\n    @media (min-width: 768px) {\n      .aliplayer-rotate-mirror i:hover + .player-tooltip {\n        display: block; } }\n  .aliplayer-rotate-mirror .mirror-option {\n    position: absolute;\n    background-color: #3c3c3c;\n    top: 0;\n    transform: translateY(-103%);\n    right: -20px; }\n    .aliplayer-rotate-mirror .mirror-option .mirror-item {\n      font-size: 14px;\n      color: #ebecec;\n      line-height: 30px;\n      white-space: nowrap;\n      padding: 0 15px;\n      cursor: pointer;\n      user-select: none; }\n      .aliplayer-rotate-mirror .mirror-option .mirror-item[data-id=\"counterclockwise\"] {\n        display: none; }\n      .aliplayer-rotate-mirror .mirror-option .mirror-item[data-id=\"clockwise\"] {\n        display: none; }\n      .aliplayer-rotate-mirror .mirror-option .mirror-item.active {\n        background-color: rgba(216, 216, 216, 0.1);\n        color: #00c1de; }\n  .aliplayer-rotate-mirror .player-tooltip.counterclockwise {\n    left: -35px; }\n  .aliplayer-rotate-mirror .player-tooltip.clockwise {\n    left: -5px; }\n  .aliplayer-rotate-mirror .player-tooltip.switch {\n    right: 7px; }\n  @media (max-width: 768px) {\n    .aliplayer-rotate-mirror .mirror-option .mirror-item[data-id=\"counterclockwise\"] {\n      display: block; }\n    .aliplayer-rotate-mirror .mirror-option .mirror-item[data-id=\"clockwise\"] {\n      display: block; } }\n", ""]);

// exports


/***/ }),
/* 79 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(80);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.StartADComponent = _index2.default;

/***/ }),
/* 80 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(81);

var _index2 = _interopRequireDefault(_index);

__webpack_require__(82);

var _utils = __webpack_require__(2);

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 StartADComponent = function () {
  /**
   * @constructor 开始图片广告组件构造函数
   * @param {String coverUrl 广告图片地址}
   * @param {String adUrl 广告链接}
   * @param {Number adDuration 广告时长, 单位为秒}
   */
  function StartADComponent(coverUrl, adUrl, adDuration) {
    _classCallCheck(this, StartADComponent);

    this.coverUrl = coverUrl;
    this.adUrl = adUrl;
    this.adDuration = adDuration;
    if (adDuration <= 0) {
      throw Error('adDuration must must be greater than 0');
    }
    this.html = (0, _utils.parseDom)(_index2.default);
  }

  _createClass(StartADComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var _this = this;

      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      this.html.querySelector('.ad-name').innerText = this.isEn ? 'Ad' : '广告';
      this.html.querySelector('.second').innerText = this.isEn ? 's' : '秒';

      var adUrlElement = this.html.querySelector('.ad-content');
      adUrlElement.setAttribute('href', this.adUrl);

      var adImgElement = adUrlElement.querySelector('img');
      adImgElement.setAttribute('src', this.coverUrl);

      var durationElement = this.html.querySelector('.tip i');
      durationElement.innerText = this.adDuration;

      el.appendChild(this.html);

      if (this.html !== null) {
        if (player.getStatus() !== 'init') {
          player.pause();
        }
        var duration = this.adDuration;
        var _durationElement = this.html.querySelector('.tip i');
        var durationInterval = setInterval(function () {
          duration = duration - 1;
          _durationElement.innerText = duration;
          if (duration === 0) {
            clearInterval(durationInterval);
            _this.removeComponent();
            // 如果试看组件和记忆播放组件一起用了, 那么不让播放器播放
            var playerOptions = player.getOptions();
            var memoryVideo = playerOptions.vid || playerOptions.source.replace(/\?.*$/, '');
            var memoryTime = localStorage.getItem(memoryVideo) || 0;
            if (memoryTime) {
              memoryTime = parseInt(memoryTime);
            }
            var components = player.getOptions() && player.getOptions().components;
            var memoryComponent = Array.isArray(components) ? components.filter(function (item) {
              return item.type.name === 'MemoryPlayComponent';
            })[0] : components.find(function (item) {
              return item.type.name === 'MemoryPlayComponent';
            });
            var memoryAutoPlay = memoryComponent && memoryComponent.args[0];
            if (!memoryAutoPlay || player.getCurrentTime() >= memoryTime) {
              player.play();
            }
          }
        }, 1000);
      }
    }
  }, {
    key: 'removeComponent',
    value: function removeComponent() {
      this.html.parentNode.removeChild(this.html);
      this.html = null;
    }
  }, {
    key: 'ready',
    value: function ready(player) {
      if (this.html !== null) {
        player.pause();
      }
    }
  }]);

  return StartADComponent;
}();

exports.default = StartADComponent;

/***/ }),
/* 81 */
/***/ (function(module, exports) {

module.exports = "<div class=\"start-ad\">\n  <span class=\"tip\"><span class=\"ad-name\">广告</span>: <i></i><span class=\"second\">秒</span></span>\n  <a class=\"ad-content\" target=\"_blank\">\n    <img />\n  </a>\n</div>";

/***/ }),
/* 82 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(83);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 83 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".start-ad {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  background-color: #000;\n  position: absolute;\n  z-index: 9999; }\n  .start-ad .tip {\n    position: absolute;\n    right: 5px;\n    top: 5px;\n    background-color: #333;\n    color: #fff;\n    font-size: 14px;\n    text-align: center;\n    padding: 3px 7px; }\n    .start-ad .tip i {\n      font-style: normal; }\n  .start-ad a {\n    width: 100%;\n    height: 100%;\n    display: inline-block;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center; }\n    .start-ad a img {\n      max-width: 100%;\n      max-height: 100%; }\n", ""]);

// exports


/***/ }),
/* 84 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(85);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.TrackComponent = _index2.default;

/***/ }),
/* 85 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(86);

var _index2 = _interopRequireDefault(_index);

var _trackModal = __webpack_require__(87);

var _trackModal2 = _interopRequireDefault(_trackModal);

__webpack_require__(88);

var _utils = __webpack_require__(2);

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 TrackComponent = function () {
  /**
   * @constructor 音轨组件构造函数
   */

  function TrackComponent() {
    _classCallCheck(this, TrackComponent);

    this.trackList = null;
    this.html = (0, _utils.parseDom)(_index2.default);
    this.modalHtml = (0, _utils.parseDom)(_trackModal2.default);
    this.hasCreated = false;
    this.definition = '';
  }

  _createClass(TrackComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var _this = this;

      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      this.modalHtml.querySelector('.switchimg').innerText = this.isEn ? 'Track to you for' : '音轨切换到';
      this.modalHtml.querySelector('.switchimg').style.display = 'none';
      var eleControlbar = el.querySelector('.prism-controlbar');
      eleControlbar.appendChild(this.html);
      el.appendChild(this.modalHtml);
      player.on('audioTrackReady', function (_ref) {
        var paramData = _ref.paramData;

        _this.trackList = paramData;
        var lis_ele = paramData.map(function (v) {
          return '<li data-def="' + v.value + '">' + v.text + '</li>';
        });
        _this.html.querySelector('.track-list').innerHTML = '<li style="background:rgba(88,87,86,.5);color:#fff">\u97F3\u8F68</li>' + lis_ele.join('');
      });
      var currentTrackEle = this.html.querySelector('.current-track');
      var trackListEle = this.html.querySelector('.track-list');

      if (this.hasCreated == false && this.definition) {
        var li_target = trackListEle.querySelector('li[data-def="' + this.definition + '"]');
        li_target.className = 'current';
      }

      this.hasCreated = true;

      var timeId = null;
      currentTrackEle.onclick = function () {
        trackListEle.style.display = 'block';
      };

      currentTrackEle.onmouseleave = function () {
        timeId = setTimeout(function () {
          trackListEle.style.display = 'none';
        }, 100);
      };

      trackListEle.onmouseenter = function () {
        clearTimeout(timeId);
      };
      trackListEle.onmouseleave = function () {
        trackListEle.style.display = 'none';
        _this.modalHtml.style.display = 'none';
      };

      trackListEle.onclick = function (_ref2) {
        var target = _ref2.target;

        var definition = target.dataset.def;
        if (definition) {
          if (target.className !== 'current') {
            var track = Array.isArray(_this.trackList) ? _this.trackList.filter(function (v) {
              return v.value.toString() === definition;
            })[0] : _this.trackList.find(function (v) {
              return v.value.toString() === definition;
            });
            player._audioTrackService.switch(track.value);
            _this.setCurrentTrack(track.text, track.value);
            _this.modalHtml.style.display = 'block';
            _this.modalHtml.querySelector('.switchimg').style.display = 'block';
            _this.modalHtml.querySelector('span.current-track-tag').innerText = track.text;
          }
        }
      };
    }
  }, {
    key: 'setCurrentTrack',
    value: function setCurrentTrack(track, def) {
      var currentTrack = this.html.querySelector('.current-track');
      currentTrack.innerText = track;
      currentTrack.dataset.def = def;
      this.definition = def;

      var trackListEle = this.html.querySelector('.track-list');
      var currentEle = trackListEle.querySelector('.current');
      if (currentEle) {
        currentEle.className = '';
      }
      // let li_target = trackListEle.querySelector(`li[data-def="${def}"]`)
      var lis = trackListEle.querySelectorAll('li');
      lis.forEach(function (element) {
        var text = element.innerText;
        if (text === track) {
          element.className = 'current';
        }
        console.log(text);
      });
      if (lis) {
        lis.className = 'current';
      }
    }
  }, {
    key: 'created',
    value: function created(player) {}
  }, {
    key: 'ready',
    value: function ready(player) {
      this.modalHtml.style.display = 'none';
      // 隐藏设置里面的音轨
      var settingEle = document.querySelector('.prism-setting-item.prism-setting-audio');
      if (settingEle) {
        settingEle.classList.add('player-hidden');
      }
    }
  }]);

  return TrackComponent;
}();

exports.default = TrackComponent;

/***/ }),
/* 86 */
/***/ (function(module, exports) {

module.exports = "<div class=\"track-components\">\n  <div class=\"current-track\"></div>\n  <ul class=\"track-list\">\n    \n  </ul>\n</div>";

/***/ }),
/* 87 */
/***/ (function(module, exports) {

module.exports = "<div class=\"track-modal prism-info-display prism-info-left-bottom\">\n    <span class=\"switchimg\"></span> <span class=\"current-track-tag\"></span>\n</div>";

/***/ }),
/* 88 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(89);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 89 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".player-hidden {\n  display: none !important; }\n\n.track-components {\n  float: right;\n  color: #fff;\n  height: 35px;\n  position: relative;\n  box-sizing: border-box;\n  margin-top: 5px; }\n\n.current-track {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  width: 100px;\n  cursor: pointer; }\n\n.track-list {\n  position: absolute;\n  bottom: 46px;\n  display: none;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  height: auto;\n  width: 100px;\n  overflow-y: scroll; }\n  .track-list li {\n    text-align: center;\n    width: 100px;\n    line-height: 30px;\n    background-color: rgba(0, 0, 0, 0.6);\n    cursor: pointer; }\n    .track-list li.current {\n      color: #00c1de; }\n    .track-list li + li {\n      border-top: 1px solid rgba(78, 78, 78, 0.3); }\n    .track-list li:hover {\n      background-color: rgba(0, 0, 0, 0.5); }\n\n@media (max-width: 768px) {\n  .current-track {\n    width: 40px; }\n  .track-list li {\n    width: 43px; } }\n\n.prism-player .prism-info-display .switchimg {\n  color: #fff; }\n", ""]);

// exports


/***/ }),
/* 90 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(91);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.VideoADComponent = _index2.default;

/***/ }),
/* 91 */
/***/ (function(module, exports, __webpack_require__) {

"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 _index = __webpack_require__(92);

var _index2 = _interopRequireDefault(_index);

__webpack_require__(93);

var _utils = __webpack_require__(2);

var _mbIndex = __webpack_require__(95);

var _mbIndex2 = _interopRequireDefault(_mbIndex);

var _currentDevice = __webpack_require__(3);

var _currentDevice2 = _interopRequireDefault(_currentDevice);

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"); } }

/*
 * PC 视频广告组件
 */
var VideoAdComponent = function () {
  /** 
   * @constructor PC 视频广告的构造函数
   * @param adVideoSource {@String 广告视频的视频地址 必须参数}
   * @param adLink {@String 广告视频的链接地址 必须参数}
   * @param adCloseFunction {@Function 关闭广告的点击事件处理函数, 可选参数, 不传则默认关闭广告视频}
   * @param closeText {@String 关闭广告的文字内容, 可选参数, 不传则默认为 '关闭广告'}
   */
  function VideoAdComponent(adVideoSource, adLink, adCloseFunction) {
    var closeText = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '关闭广告';

    _classCallCheck(this, VideoAdComponent);

    this.adVideoSource = adVideoSource;
    this.adLink = adLink;
    this.html = (0, _utils.parseDom)(_index2.default);
    this.adInterval = null;
    this.adCloseFunction = adCloseFunction;
    this.html.querySelector('.video-ad-close-text').innerText = closeText;

    this.adDuration = null; // 视频广告的时长, 用于倒计时, 
    this.player = null;
  }

  _createClass(VideoAdComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var _this = this;

      this.player = player;
      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      this.html.querySelector('.video-ad-detail').innerText = this.isEn ? 'For more information' : '查看广告详情';
      this.html.querySelector('.limit').innerText = this.isEn ? 'Your browser limits autoplay' : '您的浏览器限制';
      this.html.querySelector('.manual').innerText = this.isEn ? 'Please Click' : '自动播放请点击';
      // 给广告视频添加 source
      var videoAd_ele = this.html.querySelector('#video-ad-content');
      videoAd_ele.setAttribute('src', this.adVideoSource);

      // 获取广告视频的时长, 并赋值到 this.duration 中
      var self = this;
      function getVideoAdTime() {
        videoAd_ele.removeEventListener('canplay', getVideoAdTime);
        //广告起播loading 
        document.getElementById('loadflag').style.display = 'none';
        self.adDuration = Math.ceil(videoAd_ele.duration);
        var adDuration_ele = self.html.querySelector('#video-ad-duration');
        adDuration_ele.innerText = self.adDuration;
        videoAd_ele.play().then(function () {
          self.setAdInterval();
        }).catch(function (err) {
          self.html.querySelector('.autoplay-video-ad').style.display = 'block';
        });
      }

      this.html.querySelector('.icon-player-play').onclick = function () {
        _this.playVideoAd();
        _this.html.querySelector('.autoplay-video-ad').style.display = 'none';
      };

      videoAd_ele.addEventListener('canplay', getVideoAdTime);

      // 查看详情 整个广告链接添加 href
      var videoLink = this.html.querySelector('.video-ad-link');
      var videoDetail = this.html.querySelector('.video-ad-detail');
      videoLink.setAttribute('href', this.adLink);
      videoDetail.setAttribute('href', this.adLink);

      el.appendChild(this.html);

      // handle close
      this.html.querySelector('.video-ad-close label').onclick = function () {
        if (typeof _this.adCloseFunction === 'function') {
          _this.adCloseFunction(_this);
        } else {
          _this.closeVideoAd();
        }
      };
    }
  }, {
    key: 'ready',
    value: function ready(player, e) {
      if (this.html !== null) {
        player.pause();
        this.player = player;
      }
    }

    // 暂停视频广告 

  }, {
    key: 'pauseVideoAd',
    value: function pauseVideoAd() {
      this.clearAdInterval();
      this.html.querySelector('#video-ad-content').pause();
    }

    // 播放视频广告

  }, {
    key: 'playVideoAd',
    value: function playVideoAd() {
      this.setAdInterval();
      this.html.querySelector('#video-ad-content').play();
    }

    // 清除视频广告倒计时

  }, {
    key: 'clearAdInterval',
    value: function clearAdInterval() {
      this.adInterval !== null && clearInterval(this.adInterval);
      this.adInterval = null;
    }

    // 视频广告倒计时

  }, {
    key: 'setAdInterval',
    value: function setAdInterval() {
      var _this2 = this;

      var adDuration_ele = this.html.querySelector('#video-ad-duration');
      this.adInterval = setInterval(function () {
        _this2.adDuration -= 1;
        if (_this2.adDuration <= 0) {
          _this2.closeVideoAd();
          //广告播放完了之后自动播放视频
          document.getElementById(_this2.player.id()).getElementsByTagName('video')[0].play();
        } else {
          adDuration_ele.innerText = _this2.adDuration;
        }
      }, 1000);
    }

    // 关闭视频广告

  }, {
    key: 'closeVideoAd',
    value: function closeVideoAd() {
      this.clearAdInterval();
      this.html.parentNode.removeChild(this.html);
      this.html = null;
      if (this.player && this.player.getOptions().autoplay) {
        this.player.play();
      }
    }
  }]);

  return VideoAdComponent;
}();

/**
 * 移动端视频广告组件
 */


var MbVideoAdComponent = function () {
  /**
   * @constructor 移动端视频广告组件
   * @param {String adVideoSource 视频广告播放地址}
   * @param {String adLink 广告链接}
   * @param {Function adCloseFunction 关闭广告按钮点击出发的函数}
   * @param {String closeText 可选参数 关闭按钮中的文字, 默认为 '关闭广告'}
   */
  function MbVideoAdComponent(adVideoSource, adLink, adCloseFunction) {
    var closeText = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '关闭广告';

    _classCallCheck(this, MbVideoAdComponent);

    this.adVideoSource = adVideoSource;
    this.adLink = adLink;
    this.html = (0, _utils.parseDom)(_mbIndex2.default);
    this.adInterval = null;
    this.adCloseFunction = adCloseFunction;
    this.html.querySelector('.video-ad-close-text').innerText = closeText;
    this.html.querySelector('.video-ad-link').setAttribute('href', this.adLink);
    this.html.querySelector('.video-ad-detail').setAttribute('href', this.adLink);
    this.adDuration = null; // 视频广告的时长, 用于倒计时, 
  }

  _createClass(MbVideoAdComponent, [{
    key: 'createEl',
    value: function createEl(el, player) {
      var lang = player._options && player._options.language;
      this.isEn = lang && lang === 'en-us';
      this.html.querySelector('.video-ad-detail').innerText = this.isEn ? 'For more information' : '查看广告详情';
      this.html.querySelector('.limit').innerText = this.isEn ? 'Your browser limits autoplay' : '您的浏览器限制';
      this.html.querySelector('.manual').innerText = this.isEn ? 'Please Click' : '自动播放请点击';
      el.appendChild(this.html);
      el.querySelector('video');
      el.querySelector('video').setAttribute('preload', 'load');

      // 隐藏 controlbar 
      var controlBar = el.querySelector('.prism-controlbar');
      controlBar.className = controlBar.className + ' controlbar-element-hidden';
      // 隐藏播放暂停按钮
      var pauseBtn = el.querySelector('.prism-big-play-btn');
      pauseBtn.className = pauseBtn.className + ' controlbar-element-hidden';
    }
  }, {
    key: 'created',
    value: function created(player) {
      var _this3 = this;

      this.player = player;

      this.vdSource = player.getOptions().source;
      player.loadByUrl(this.adVideoSource);

      var btnPlay_el = this.html.querySelector('.autoplay-video-ad');
      btnPlay_el.onclick = function () {
        //alert('created')
        if (_this3.adDuration === null) {
          return;
        }
        player.loadByUrl(_this3.adVideoSource);
        _this3.html.parentNode.querySelector('.prism-big-play-btn').click();
      };

      if (this.adDuration === null) {
        var _timeupdateHandle = function _timeupdateHandle() {
          var duration = aliplayer_el.duration;
          if (!isNaN(duration) && duration !== 0) {
            aliplayer_el.removeEventListener('timeupdate', _timeupdateHandle);
            self.adDuration = Math.ceil(aliplayer_el.duration);
            if (self.html.querySelector('.autoplay-video-ad').style.display !== 'none') {
              self.html.querySelector('.autoplay-video-ad').style.display = 'none';
              player.play();
            }
            self.html.querySelector('#video-ad-duration').innerText = self.adDuration;
            self.setAdInterval();
            // document.getElementById('loadflag').style.display = 'none'
          }
        };

        //player.loadByUrl(this.adVideoSource)
        this.adDuration = undefined;

        var aliplayerWrap_el = this.html.parentNode;
        var aliplayer_el = aliplayerWrap_el.querySelector('video');
        var self = this;


        aliplayer_el.addEventListener('timeupdate', _timeupdateHandle);
      }
    }
  }, {
    key: 'ready',
    value: function ready(player) {
      var _this4 = this;

      //alert("2222222")
      // let btnPlay_el = this.html.querySelector('.autoplay-video-ad')
      // btnPlay_el.onclick = () => {
      //   alert('ready')
      //   if (this.adDuration === null) {
      //     return
      //   }
      //   this.html.parentNode.querySelector('.prism-big-play-btn').click()
      // }

      // if (this.adDuration === null) {
      //   player.loadByUrl(this.adVideoSource)
      //   this.adDuration = undefined

      //   let aliplayerWrap_el = this.html.parentNode
      //   let aliplayer_el = aliplayerWrap_el.querySelector('video')
      //   let self = this
      //   function timeupdateHandle () {
      //     let duration = aliplayer_el.duration
      //     console.log('duration', duration)
      //     if (!isNaN(duration) && duration !== 0) {
      //       aliplayer_el.removeEventListener('timeupdate', timeupdateHandle)
      //       self.adDuration = Math.ceil(aliplayer_el.duration)
      //       if (self.html.querySelector('.autoplay-video-ad').style.display !== 'none') {
      //         self.html.querySelector('.autoplay-video-ad').style.display = 'none'
      //         player.play()
      //       }
      //       self.html.querySelector('#video-ad-duration').innerText = self.adDuration
      //       self.setAdInterval()
      //     }
      //   }

      //   aliplayer_el.addEventListener('timeupdate', timeupdateHandle)

      // 关闭广告点击事件
      this.html.querySelector('.video-ad-close label').onclick = function () {
        if (typeof _this4.adCloseFunction === 'function') {
          _this4.adCloseFunction(_this4);
        } else {
          _this4.closeVideoAd();
        }
        //广告播放完了之后自动播放视频
        document.getElementById(player.id()).getElementsByTagName('video')[0].play();
      };
      // }
    }

    // 视频广告倒计时

  }, {
    key: 'setAdInterval',
    value: function setAdInterval() {
      var _this5 = this;

      var adDuration_ele = this.html.querySelector('#video-ad-duration');
      this.adInterval = setInterval(function () {
        _this5.adDuration -= 1;
        if (_this5.adDuration <= 0) {
          _this5.closeVideoAd();
          //广告播放完了之后自动播放视频
          document.getElementById(_this5.player.id()).getElementsByTagName('video')[0].play();
        } else {
          adDuration_ele.innerText = _this5.adDuration;
        }
      }, 1000);
    }

    // 关闭视频广告

  }, {
    key: 'closeVideoAd',
    value: function closeVideoAd() {
      this.clearAdInterval();
      this.player.loadByUrl(this.vdSource);
      var controlBar = this.html.parentNode.querySelector('.prism-controlbar');
      controlBar.className = controlBar.className.replace(' controlbar-element-hidden', '');
      var pauseBtn = this.html.parentNode.querySelector('.prism-big-play-btn');
      pauseBtn.className = pauseBtn.className.replace(' controlbar-element-hidden', '');
      if (this.player.getOptions().autoplay) {
        this.player.play();
      }
      this.html.parentNode.removeChild(this.html);
    }

    // 清除视频广告倒计时

  }, {
    key: 'clearAdInterval',
    value: function clearAdInterval() {
      this.adInterval !== null && clearInterval(this.adInterval);
      this.adInterval = null;
    }

    // 播放视频广告

  }, {
    key: 'playVideoAd',
    value: function playVideoAd() {
      this.setAdInterval();
      this.player.play();
    }

    // 暂停视频广告 

  }, {
    key: 'pauseVideoAd',
    value: function pauseVideoAd() {
      this.clearAdInterval();
      this.player.pause();
    }
  }]);

  return MbVideoAdComponent;
}();

var defaultComponent = VideoAdComponent;

if (_currentDevice2.default.mobile()) {
  defaultComponent = MbVideoAdComponent;
}

exports.default = defaultComponent;

/***/ }),
/* 92 */
/***/ (function(module, exports) {

module.exports = "<div class=\"video-ad-component\">\n  <video id=\"video-ad-content\" x5-video-player-type=\"h5\" x5-video-player-fullscreen=\"false\"></video>\n  <a class=\"video-ad-link\" target=\"_blank\"></a>\n  <div class=\"video-ad-close\">\n    <span id=\"video-ad-duration\"></span>\n    <label>\n      <span class=\"video-ad-close-text\"></span>\n      <i class=\"iconfont icon-close\"></i>\n    </label>\n  </div>\n  <a class=\"video-ad-detail\" target=\"_blank\"></a>\n  <div class=\"autoplay-video-ad\">\n    <i class=\"iconfont icon-player-play\"></i>\n    <span class=\"limit\"></span>\n    <span class=\"manual\"></span>\n  </div>\n  <div id=\"loadflag\" class=\"prism-loading loading-center\">\n    <div class=\"circle\"></div> \n    <div class=\"circle1\"></div>\n  </div>\n</div>";

/***/ }),
/* 93 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(94);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 94 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".video-ad-component {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 2147483647;\n  background-color: #000;\n  font-size: 12px; }\n  .video-ad-component #video-ad-content {\n    width: 100%;\n    height: 100%; }\n  .video-ad-component .video-ad-link {\n    width: 100%;\n    height: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0; }\n  .video-ad-component .video-ad-close {\n    background-color: rgba(59, 59, 59, 0.85);\n    position: absolute;\n    top: 15px;\n    right: 20px;\n    color: #fff;\n    line-height: 26px;\n    padding: 0 10px;\n    user-select: none; }\n    .video-ad-component .video-ad-close #video-ad-duration {\n      color: #00c1de;\n      vertical-align: top;\n      font-size: 14px;\n      position: relative;\n      display: inline-block;\n      text-align: right; }\n      .video-ad-component .video-ad-close #video-ad-duration::after {\n        background-color: #fff;\n        position: absolute;\n        content: '';\n        right: -7px;\n        top: 8px;\n        bottom: 8px;\n        width: 1px; }\n    .video-ad-component .video-ad-close label {\n      cursor: pointer;\n      display: inline-block; }\n    .video-ad-component .video-ad-close .icon-close {\n      font-size: 12px;\n      vertical-align: top; }\n      @media (min-width: 768px) {\n        .video-ad-component .video-ad-close .icon-close:hover {\n          color: #00c1de; } }\n    .video-ad-component .video-ad-close .video-ad-close-text {\n      padding: 0 5px 0 10px; }\n  .video-ad-component .video-ad-detail {\n    position: absolute;\n    right: 35px;\n    bottom: 30px;\n    background-color: rgba(0, 222, 255, 0.85);\n    color: #fff;\n    padding: 8px 12px;\n    user-select: none;\n    cursor: pointer;\n    transition: background-color .15s; }\n    @media (min-width: 768px) {\n      .video-ad-component .video-ad-detail:hover {\n        background-color: #00deff; } }\n  .video-ad-component .autoplay-video-ad {\n    position: absolute;\n    color: #fff;\n    top: 50%;\n    left: 50%;\n    text-align: center;\n    padding: 10px;\n    border-radius: 5px;\n    background-color: rgba(144, 147, 153, 0.85);\n    transform: translate(-50%, -50%);\n    display: none; }\n    .video-ad-component .autoplay-video-ad i {\n      font-size: 42px;\n      margin-bottom: 7px;\n      display: inline-block;\n      cursor: pointer; }\n      .video-ad-component .autoplay-video-ad i + span {\n        margin-bottom: 5px; }\n    .video-ad-component .autoplay-video-ad span {\n      display: block; }\n\n.controlbar-element-hidden {\n  display: none !important; }\n", ""]);

// exports


/***/ }),
/* 95 */
/***/ (function(module, exports) {

module.exports = "<div class=\"video-ad-component\" style=\"background-color: transparent;\">\n  <a class=\"video-ad-link\" target=\"_blank\"></a>\n  <div class=\"video-ad-close\">\n    <span id=\"video-ad-duration\"></span>\n    <label>\n      <span class=\"video-ad-close-text\"></span>\n      <i class=\"iconfont icon-close\"></i>\n    </label>\n  </div>\n  <a class=\"video-ad-detail\" target=\"_blank\"></a>\n  <div class=\"autoplay-video-ad\" style=\"display: block;\">\n    <i class=\"iconfont icon-player-play\"></i>\n    <span class=\"limit\"></span>\n    <span class=\"manual\"></span>\n  </div>\n</div>";

/***/ }),
/* 96 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(97);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.PlayerNextComponent = _index2.default;

/***/ }),
/* 97 */
/***/ (function(module, exports, __webpack_require__) {

"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; }; }();

__webpack_require__(98);

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

var PlayerNextComponent = function () {
    function PlayerNextComponent(clickHandle) {
        _classCallCheck(this, PlayerNextComponent);

        this.clickHandle = clickHandle;
        this._html = document.createElement('div');
        this._html.setAttribute('class', 'player-olympic-player-next');
        var innerDiv = document.createElement('div');
        innerDiv.setAttribute('class', 'player-olympic-player-next-tip');
        innerDiv.textContent = "Next";
        this._html.appendChild(innerDiv);
    }

    _createClass(PlayerNextComponent, [{
        key: 'createEl',
        value: function createEl(el) {
            this._html.addEventListener('click', this.clickHandle);
            el.querySelector('.prism-play-btn').insertAdjacentElement('afterend', this._html);
        }
    }]);

    return PlayerNextComponent;
}();

exports.default = PlayerNextComponent;

/***/ }),
/* 98 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(99);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 99 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".player-olympic-player-next {\n  width: 32px;\n  height: 32px;\n  background: url(" + __webpack_require__(100) + ") center no-repeat;\n  background-size: contain;\n  float: left;\n  margin-left: 10px;\n  margin-top: 8px;\n  cursor: pointer;\n  position: relative; }\n\n.player-olympic-player-next-tip {\n  position: absolute;\n  top: -45px;\n  display: none;\n  font-size: 12px;\n  color: #ffffff;\n  line-height: 28px;\n  letter-spacing: 0;\n  text-align: center;\n  background: #3c3c3c;\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);\n  width: 58px;\n  height: 28px; }\n\n.player-olympic-player-next:hover .player-olympic-player-next-tip {\n  display: block; }\n", ""]);

// exports


/***/ }),
/* 100 */
/***/ (function(module, exports) {

module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAApJJREFUeAHt2T9OwzAUBvAatTC1lZIwsTJzAC7ACTgBLEhdOjGWDSYWVsQB6AVgR2wsCAkhsTI1ttQyIP4I87nCkpEiVJU0fkEfQ506afv847n2axoN/lGAAhSgAAUoQAEKUIACFKAABShAAQpQgAIUmFVAzXpheF2e5z2l1EuSJGdobXgu5vEozwtjWc2yucbpxrI0z4CsUtmntafamCtjzMY871GX18wF5Adnrd0E1M1I6+ORtW3f/5/aPwE5CCA18dBXxtxrrbf/E44by5+BPAig1pBN57nWF+PxeN33170tDchDAGrr7f39Dtk0wPGK769rWzrQN8QKsukA2eSgtuqK4+JeFJA3WQfUBaDOsTVY8511ahcNNLXAVHNf3u5LvI/jJoEKBLCDayObjnNjbgC1WXCJyK5KMujHyK3dANYV9k6nk8kk/XFO4JPqgYCAaabwsIPV7gHZtDN9LhDHhRQFyFsAJsW0E12yRAUKoMSWLCKAHNR0dRNYsogBCrJJVMkiDiiAElGyiAX6hopeskgH8gkVrZW+7X9tKHWUJckhftp9jaEkFgggl61ms9ftdh9jwPjPFAcEmCf8wt5P03Tog4zZigECzAdqtBObJINMqeeYKOFniwACzvWSUnu4jXQbBifhOCoQYDSm0760+2vhPyYKEGAsptPZcqu13+l0dBiQtOPqgZS6RdbsZWl6LQ2jKJ7KgIDyjMwZYDqdoP0oCkZiXyVAABm6m4tYup8kIvwW06KBHrE69QBz+VsQks8tCih6iVAWeulAmE4iSgRxQIARVSKIAXIrksQSQQQQcMSWCFGBsA/OgbMruUQoC4jvQwEKUIACFKAABShAAQpQgAIUoAAFKEABClBgdoEvgRgNiNlEUbkAAAAASUVORK5CYII="

/***/ }),
/* 101 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _index = __webpack_require__(102);

var _index2 = _interopRequireDefault(_index);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

if (!window.AliPlayerComponent) {
  window.AliPlayerComponent = {};
}
window.AliPlayerComponent.StaticAdComponent = _index2.default;

/***/ }),
/* 102 */
/***/ (function(module, exports, __webpack_require__) {

"use strict";


Object.defineProperty(exports, "__esModule", {
  value: true
});
var html = __webpack_require__(103);
__webpack_require__(105);

/**
* 静态广告组件
*/
var StaticADComponent = Aliplayer.Component({
  /**
  * 初始函数，在new对象时调用
  *
  * @param {string} adAddress - 广告视频地址
  * @param {string} toAddress - 广告链接地址
  */
  init: function init(adAddress, toAddress) {
    this.adAddress = adAddress;
    this.toAddress = toAddress;
    this.$html = $(html);
  },

  /**
  * 创建广告Dom元素
  */
  createEl: function createEl(el) {
    (Array.isArray(this.$html) ? this.$html.filter('.ad')[0] : this.$html.find('.ad')).attr('src', this.adAddress);
    var $adWrapper = Array.isArray(this.$html) ? this.$html.filter('.ad-wrapper')[0] : this.$html.find('.ad-wrapper');
    $adWrapper.attr('href', this.toAddress);
    $adWrapper.click(function () {
      Aliplayer.util.stopPropagation();
    });
    (Array.isArray(this.$html) ? this.$html.filter('.close')[0] : this.$html.find('.close')).click(function () {
      this.$html.hide();
    });
    $(el).append(this.$html);
  },
  ready: function ready(player, e) {},
  /**
  * 隐藏广告
  */
  play: function play(player, e) {
    this.$html.hide();
  },
  /**
  * 显示广告
  */
  pause: function pause(player, e) {
    this.$html.show();
  },
  /**
  * 隐藏广告
  */
  playing: function playing(player, e) {
    this.$html.hide();
  },
  waiting: function waiting(player, e) {},
  timeupdate: function timeupdate(player, e) {},
  error: function error(player, e) {},
  /**
  * 显示广告
  */
  ended: function ended(player, e) {
    this.$html.show();
  }
});

exports.default = StaticADComponent;

/***/ }),
/* 103 */
/***/ (function(module, exports, __webpack_require__) {

module.exports = "<div class=\"ad-container\">\n    <span>广告</span>\n    <img class=\"close\" src=\"" + __webpack_require__(104) + "\"></img>\n    <a class='ad-wrapper' target=\"_blank\">\n       <img class=\"ad\"></img>\n    </a>\n</div>";

/***/ }),
/* 104 */
/***/ (function(module, exports) {

module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNzdDNzkwNTE1MjA2ODExODIyQTg3RDcyQkRGNjk2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3Rjg1NzQ2NDY0MjYxMUU2ODk0QUZBRTg4N0Y5MDgxRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3Rjg1NzQ2MzY0MjYxMUU2ODk0QUZBRTg4N0Y5MDgxRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUU0MTk5OEUxRTIwNjgxMTgyMkE4N0Q3MkJERjY5NjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qjc3Qzc5MDUxNTIwNjgxMTgyMkE4N0Q3MkJERjY5NjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7gi5EfAAABEklEQVR42qyUTQ6CMBCFW004hLrSU3gL/zd6Cb0AsJSt3kIT40lcG2N0oXdQN/W9pJgKLT/iSz5Spp0HZcpIpZSwyAM9TRc0wAvcwAHswF7HvkXDBH1wUvnimkEy37ypg6Uqr6XOTRn+YmaafhmOVHXRQ0hcWIAzaIlquoN2DZdx0iwIAiGlFGEYprIY4xzXJNQEE253Y3t/3/d5nhQSPzGOGeOcQ1saXl2zpmkBM+pKw0fWiti0gBn1rFlPuyF+L9vYKbgeXY8zt2n7pq4tb/LMsgplK8q0iFlB09m/D3YnLspCVNccPM3mEFX4jyNX+1r9YLZ2ta+YYYkGO8pqsCaerv4WXMBLc9GxqV6Tyn0LMACAi/Wdy4svogAAAABJRU5ErkJggg=="

/***/ }),
/* 105 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(106);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 106 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, ".ad-container {\n  display: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin-left: -150px;\n  margin-top: -100px; }\n\n.ad-container span {\n  width: 27px;\n  height: 16px;\n  border-radius: 1px;\n  background-color: rgba(0, 0, 0, 0.5);\n  position: absolute;\n  font-size: 10px;\n  color: #fff;\n  line-height: 16px;\n  text-align: center;\n  top: 0px;\n  left: 0px; }\n\n.ad-container .close {\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  width: 20px;\n  height: 20px; }\n\n.ad-container .close:hover {\n  cursor: pointer; }\n\n.ad-container .ad {\n  width: 300px;\n  height: 200px; }\n", ""]);

// exports


/***/ }),
/* 107 */
/***/ (function(module, exports, __webpack_require__) {

// style-loader: Adds some css to the DOM by adding a <style> tag

// load the styles
var content = __webpack_require__(108);
if(typeof content === 'string') content = [[module.i, content, '']];
// add the styles to the DOM
var update = __webpack_require__(1)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {}

/***/ }),
/* 108 */
/***/ (function(module, exports, __webpack_require__) {

exports = module.exports = __webpack_require__(0)();
// imports


// module
exports.push([module.i, "@charset \"UTF-8\";\n@font-face {\n  font-family: \"iconfont\";\n  src: url(" + __webpack_require__(5) + ");\n  /* IE9*/\n  src: url(" + __webpack_require__(5) + "#iefix) format(\"embedded-opentype\"), url(\"data:application/x-font-woff;charset=utf-8;base64,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\") format(\"woff\"), url(" + __webpack_require__(109) + ") format(\"truetype\"), url(" + __webpack_require__(110) + "#iconfont) format(\"svg\");\n  /* iOS 4.1- */ }\n\n.iconfont {\n  font-family: \"iconfont\" !important;\n  font-size: 16px;\n  font-style: normal;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale; }\n\n.icon-list:before {\n  content: \"\\E643\"; }\n\n.icon-skipnext:before {\n  content: \"\\EA9E\"; }\n\n.icon-skip-previous:before {\n  content: \"\\E6D3\"; }\n\n.icon-close:before {\n  content: \"\\E616\"; }\n\n.icon-player-rotate-left:before {\n  content: \"\\E658\"; }\n\n.icon-player-rotate-right:before {\n  content: \"\\E659\"; }\n\n.icon-player-switch:before {\n  content: \"\\E781\"; }\n\n.icon-danmu-close:before {\n  content: \"\\E696\"; }\n\n.icon-danmu-open:before {\n  content: \"\\E697\"; }\n\n.icon-player-play:before {\n  content: \"\\E641\"; }\n\nbody {\n  font-family: \"Helvetica Neue\",Helvetica,\"PingFang SC\",\"Hiragino Sans GB\",\"Microsoft YaHei\",\"\\5FAE\\8F6F\\96C5\\9ED1\",Arial,sans-serif; }\n\n/* previewVodComponents 中的自定义 css */\n.vip-join {\n  color: #00c1de; }\n\n.vip_limit_content {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center; }\n\n.vip_limit_content .title {\n  font-size: 18px;\n  line-height: 36px;\n  color: #fff;\n  text-align: center;\n  width: 100%; }\n\n.vip_limit_button_box {\n  text-align: center;\n  white-space: nowrap;\n  overflow: hidden;\n  width: 100%; }\n\n.vip_limit_btn {\n  display: inline-block;\n  min-width: 100px;\n  position: relative;\n  background: #f60;\n  padding: 0 35px;\n  margin: 0px 5px 20px 5px;\n  border-radius: 38px;\n  font-size: 18px;\n  line-height: 38px;\n  color: #623A0C;\n  text-align: center;\n  background-image: linear-gradient(-135deg, #FBE8A8 0%, #F8E7AC 15%, #E2C078 100%);\n  cursor: pointer; }\n\n.vip_limit_close {\n  text-align: center; }\n  .vip_limit_close span {\n    display: inline-block;\n    width: 40px;\n    height: 40px;\n    line-height: 36px;\n    background: rgba(165, 165, 165, 0.54);\n    border-radius: 50%;\n    font-size: 24px;\n    cursor: pointer; }\n", ""]);

// exports


/***/ }),
/* 109 */
/***/ (function(module, exports) {

module.exports = "data:application/x-font-ttf;base64,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Ly8vRS8vL0YuLi6jAmNKSmMCAmNKSmP+0wFJNjZJAQFJNjZJtQcHUjEHDhIIQQcHYgcSAAACAAD/0wOqAzQAIQBDAAA3IT4BNzU0NjIWHQEOAQchFxYUBiIvAS4BNTQ/ATYyFhQHASEOAQcVFAYiJj0BPgE3IScmNDYyHwEeARUUDwEGIiY0N8YCGio1AREeEQJZRf3NdgoUGQqcBQUKnAoZFAoCJ/2WKjUBER4RAllFAlNdCRMZCp0FBQqdChkTCcABNSpgDxERD2BFWQJ2ChkUCp0FDAUOCJ0KFBkKAUoBNSpgDxERD2BFWQJdChkTCaAFDQUNCZ0KFBkKAAAAEgDeAAEAAAAAAAAAFQAAAAEAAAAAAAEACAAVAAEAAAAAAAIABwAdAAEAAAAAAAMACAAkAAEAAAAAAAQACAAsAAEAAAAAAAUACwA0AAEAAAAAAAYACAA/AAEAAAAAAAoAKwBHAAEAAAAAAAsAEwByAAMAAQQJAAAAKgCFAAMAAQQJAAEAEACvAAMAAQQJAAIADgC/AAMAAQQJAAMAEADNAAMAAQQJAAQAEADdAAMAAQQJAAUAFgDtAAMAAQQJAAYAEAEDAAMAAQQJAAoAVgETAAMAAQQJAAsAJgFpCkNyZWF0ZWQgYnkgaWNvbmZvbnQKaWNvbmZvbnRSZWd1bGFyaWNvbmZvbnRpY29uZm9udFZlcnNpb24gMS4waWNvbmZvbnRHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQAKAEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgBpAGMAbwBuAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBpAGMAbwBuAGYAbwBuAHQAaQBjAG8AbgBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBuAGYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQABeAUxbXVsdQhza2lwbmV4dAVjbG9zZQRwbGF5DXNraXAtcHJldmlvdXMRYXJyb3ctcm90YXRlLWxlZnQSYXJyb3ctcm90YXRlLXJpZ2h0EmJvZmFuZ3FpLWRhbm11Z3VhbhFib2ZhbmdxaS1kYW5tdWthaQ5uZWlyb25ncWllaHVhbgAA"

/***/ }),
/* 110 */
/***/ (function(module, exports) {

module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPCEtLQoyMDEzLTktMzA6IENyZWF0ZWQuCi0tPgo8c3ZnPgo8bWV0YWRhdGE+CkNyZWF0ZWQgYnkgaWNvbmZvbnQKPC9tZXRhZGF0YT4KPGRlZnM+Cgo8Zm9udCBpZD0iaWNvbmZvbnQiIGhvcml6LWFkdi14PSIxMDI0IiA+CiAgPGZvbnQtZmFjZQogICAgZm9udC1mYW1pbHk9Imljb25mb250IgogICAgZm9udC13ZWlnaHQ9IjUwMCIKICAgIGZvbnQtc3RyZXRjaD0ibm9ybWFsIgogICAgdW5pdHMtcGVyLWVtPSIxMDI0IgogICAgYXNjZW50PSI4OTYiCiAgICBkZXNjZW50PSItMTI4IgogIC8+CiAgICA8bWlzc2luZy1nbHlwaCAvPgogICAgCiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0ieCIgdW5pY29kZT0ieCIgaG9yaXotYWR2LXg9IjEwMDEiCmQ9Ik0yODEgNTQzcS0yNyAtMSAtNTMgLTFoLTgzcS0xOCAwIC0zNi41IC02dC0zMi41IC0xOC41dC0yMyAtMzJ0LTkgLTQ1LjV2LTc2aDkxMnY0MXEwIDE2IC0wLjUgMzB0LTAuNSAxOHEwIDEzIC01IDI5dC0xNyAyOS41dC0zMS41IDIyLjV0LTQ5LjUgOWgtMTMzdi05N2gtNDM4djk3ek05NTUgMzEwdi01MnEwIC0yMyAwLjUgLTUydDAuNSAtNTh0LTEwLjUgLTQ3LjV0LTI2IC0zMHQtMzMgLTE2dC0zMS41IC00LjVxLTE0IC0xIC0yOS41IC0wLjUKdC0yOS41IDAuNWgtMzJsLTQ1IDEyOGgtNDM5bC00NCAtMTI4aC0yOWgtMzRxLTIwIDAgLTQ1IDFxLTI1IDAgLTQxIDkuNXQtMjUuNSAyM3QtMTMuNSAyOS41dC00IDMwdjE2N2g5MTF6TTE2MyAyNDdxLTEyIDAgLTIxIC04LjV0LTkgLTIxLjV0OSAtMjEuNXQyMSAtOC41cTEzIDAgMjIgOC41dDkgMjEuNXQtOSAyMS41dC0yMiA4LjV6TTMxNiAxMjNxLTggLTI2IC0xNCAtNDhxLTUgLTE5IC0xMC41IC0zN3QtNy41IC0yNXQtMyAtMTV0MSAtMTQuNQp0OS41IC0xMC41dDIxLjUgLTRoMzdoNjdoODFoODBoNjRoMzZxMjMgMCAzNCAxMnQyIDM4cS01IDEzIC05LjUgMzAuNXQtOS41IDM0LjVxLTUgMTkgLTExIDM5aC0zNjh6TTMzNiA0OTh2MjI4cTAgMTEgMi41IDIzdDEwIDIxLjV0MjAuNSAxNS41dDM0IDZoMTg4cTMxIDAgNTEuNSAtMTQuNXQyMC41IC01Mi41di0yMjdoLTMyN3oiIC8+CiAgICAKCiAgICAKICAgIDxnbHlwaCBnbHlwaC1uYW1lPSIxbXVsdSIgdW5pY29kZT0iJiM1ODk0NzsiIGQ9Ik0xMDcuMiA2ODMuMm0tNjcuMiAwYTQuMiA0LjIgMCAxIDAgMTM0LjQgMCA0LjIgNC4yIDAgMSAwLTEzNC40IDBaTTk4MC44IDc1MC40IDI5Ny42IDc1MC40Yy05LjYgMC0xNi04LTE2LTE2bDAtMTAyLjRjMC05LjYgOC0xNiAxNi0xNmw2ODMuMiAwYzkuNiAwIDE2IDggMTYgMTZsMCAxMDIuNEM5OTYuOCA3NDQgOTg4LjggNzUwLjQgOTgwLjggNzUwLjR6TTk2IDM5OC40bS02Ny4yIDBhNC4yIDQuMiAwIDEgMCAxMzQuNCAwIDQuMiA0LjIgMCAxIDAtMTM0LjQgMFpNOTY4IDQ2NS42IDI4NC44IDQ2NS42Yy05LjYgMC0xNi04LTE2LTE2bDAtMTAyLjRjMC05LjYgOC0xNiAxNi0xNmw2ODMuMiAwYzkuNiAwIDE2IDggMTYgMTZsMCAxMDIuNEM5ODQgNDU3LjYgOTc3LjYgNDY1LjYgOTY4IDQ2NS42ek05NiAxMDAuOG0tNjcuMiAwYTQuMiA0LjIgMCAxIDAgMTM0LjQgMCA0LjIgNC4yIDAgMSAwLTEzNC40IDBaTTk2OCAxNjggMjg0LjggMTY4Yy05LjYgMC0xNi04LTE2LTE2bDAtMTAyLjRjMC05LjYgOC0xNiAxNi0xNmw2ODMuMiAwYzkuNiAwIDE2IDggMTYgMTZsMCAxMDIuNEM5ODQgMTYwIDk3Ny42IDE2OCA5NjggMTY4eiIgIGhvcml6LWFkdi14PSIxMDI0IiAvPgoKICAgIAogICAgPGdseXBoIGdseXBoLW5hbWU9InNraXBuZXh0IiB1bmljb2RlPSImIzYwMDYyOyIgZD0iTTY4Mi42NjY2NjcgMTIyLjAyNjY2NyA3NjggMTIyLjAyNjY2NyA3NjggNjM0LjAyNjY2NyA2ODIuNjY2NjY3IDYzNC4wMjY2NjdNMjU2IDEyMi4wMjY2NjcgNjE4LjY2NjY2NyAzNzguMDI2NjY3IDI1NiA2MzQuMDI2NjY3IDI1NiAxMjIuMDI2NjY3WiIgIGhvcml6LWFkdi14PSIxMDI0IiAvPgoKICAgIAogICAgPGdseXBoIGdseXBoLW5hbWU9ImNsb3NlIiB1bmljb2RlPSImIzU4OTAyOyIgZD0iTTg3Ny4yMTYgNDA0LjE5Mk01NzUuMzI4IDM4NS41MDQgOTQ2Ljc4NCA3NTUuMzI4YzE3LjU2OCAxNy41MDQgMTcuNjY0IDQ1LjgyNCAwLjE5MiA2My40MjQtMTcuNTA0IDE3LjYzMi00NS43OTIgMTcuNjY0LTYzLjM2IDAuMTkyTDUxMi4wMzIgNDQ5LjA1NiAxNDMuNzEyIDgxOC43ODRDMTI2LjMwNCA4MzYuMjg4IDk3LjkyIDgzNi4zNTIgODAuMzg0IDgxOC44OCA2Mi44NDggODAxLjM3NiA2Mi44MTYgNzcyLjk5MiA4MC4yODggNzU1LjQyNGwzNjguMjI0LTM2OS42MzJMNzcuMjE2IDE2LjE5MmMtMTcuNTY4LTE3LjUwNC0xNy42NjQtNDUuODI0LTAuMTkyLTYzLjQyNCA4LjczNi04LjggMjAuMjU2LTEzLjIxNiAzMS43NzYtMTMuMjE2IDExLjQyNCAwIDIyLjg0OCA0LjM1MiAzMS41ODQgMTMuMDU2bDM3MS4zNiAzNjkuNjk2IDM3MS42OC0zNzMuMDg4Qzg5Mi4xOTItNTkuNjE2IDkwMy42OC02NCA5MTUuMTY4LTY0YzExLjQ1NiAwIDIyLjkxMiA0LjM4NCAzMS42NDggMTMuMDg4IDE3LjUwNCAxNy41MDQgMTcuNTY4IDQ1LjgyNCAwLjA5NiA2My4zOTJMNTc1LjMyOCAzODUuNTA0IDU3NS4zMjggMzg1LjUwNHpNNTc1LjMyOCAzODUuNTA0IiAgaG9yaXotYWR2LXg9IjEwMjQiIC8+CgogICAgCiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0icGxheSIgdW5pY29kZT0iJiM1ODk0NTsiIGQ9Ik01MTIgODkzLjk4NHEtMTM5LjAwOCAwLTI1Ni41MTItNjguNTEyVDY5LjQ3MiA2MzkuNDU2IDAuOTYgMzgyLjk0NHQ2OC41MTItMjU2LjUxMiAxODYuMDE2LTE4Ni4wMTZUNTEyLTEyOC4wOTZ0MjU2LjUxMiA2OC41MTIgMTg2LjAxNiAxODYuMDE2IDY4LjUxMiAyNTYuNTEyLTY4LjUxMiAyNTYuNTEyLTE4Ni4wMTYgMTg2LjAxNlQ1MTIgODkzLjk4NHogbTIwMC01MjQuOTkybC0yOTEuMDA4LTI0Ny4wMDhxLTYuMDE2LTYuMDE2LTE1LjAwOC02LjAxNi04IDAtMTQuNDk2IDUuNTA0dC02LjQ5NiAxNC40OTZWNjMwLjk3NnEwIDggNi40OTYgMTMuNTA0dDE1LjAwOCA1LjUwNCAxNC40OTYtNi4wMTZsMjkxLjAwOC0yNDcuMDA4cTYuMDE2LTYuMDE2IDYuMDE2LTE0LjAxNnQtNi4wMTYtMTQuMDE2eiIgIGhvcml6LWFkdi14PSIxMDI0IiAvPgoKICAgIAogICAgPGdseXBoIGdseXBoLW5hbWU9InNraXAtcHJldmlvdXMiIHVuaWNvZGU9IiYjNTkwOTE7IiBkPSJNMjU2IDY0MGg4NS4zMzMzMzN2LTUxMkgyNTZ6TTQwNS4zMzMzMzMgMzg0bDM2Mi42NjY2NjctMjU2VjY0MHoiICBob3Jpei1hZHYteD0iMTAyNCIgLz4KCiAgICAKICAgIDxnbHlwaCBnbHlwaC1uYW1lPSJhcnJvdy1yb3RhdGUtbGVmdCIgdW5pY29kZT0iJiM1ODk2ODsiIGQ9Ik05Ni40IDc3OS4xbDgwLjYtODAuNmM4MC43IDgxLjMgMTkyLjUgMTMxLjggMzE2LjEgMTMyIDI0Ni4yIDAuNSA0NDcuMy0xOTkuNyA0NDcuNy00NDUuOUM5NDEuMiAxMzcuNSA3NDEtNjMgNDk0LTYzYy0xMzEuOSAwLTI1MC40IDU3LjEtMzMyLjIgMTQ4LTM3LjIgNDEuNC03LjkgMTA3LjQgNDcuOCAxMDcuOSAxOC41IDAuMiAzNi4yLTcuNSA0OC41LTIxLjIgNTguMS02NC41IDE0Mi4zLTEwNS4xIDIzNS45LTEwNS4xIDE3Ni4xIDAgMzE4LjggMTQzLjUgMzE3LjMgMzIwLTEuNSAxNzYuMi0xNDUuMSAzMTYuNi0zMjEuNCAzMTQuNC04Ni42LTEuMS0xNjQuOC0zNi45LTIyMS40LTk0LjFsNzkuNi03OS42YzExLjgtMTEuOCAzLjQtMzEuOS0xMy4yLTMxLjlIODMuMmMtMTAuMyAwLTE4LjcgOC4zLTE4LjcgMTguN1Y3NjUuOWMwIDE2LjYgMjAuMSAyNSAzMS45IDEzLjJ6IiAgaG9yaXotYWR2LXg9IjEwMjQiIC8+CgogICAgCiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0iYXJyb3ctcm90YXRlLXJpZ2h0IiB1bmljb2RlPSImIzU4OTY5OyIgZD0iTTk0MC44IDc2NS45di0yNTEuOGMwLTEwLjQtOC40LTE4LjctMTguNy0xOC43SDY3MC40Yy0xNi42IDAtMjUgMjAuMS0xMy4yIDMxLjlsNzkuNiA3OS42Yy01Ni42IDU3LjItMTM0LjggOTMtMjIxLjQgOTQuMS0xNzYuMyAyLjItMzE5LjktMTM4LjItMzIxLjQtMzE0LjQtMS41LTE3Ni41IDE0MS4yLTMyMCAzMTcuMy0zMjAgOTMuNiAwIDE3Ny44IDQwLjYgMjM1LjkgMTA1LjEgMTIuMyAxMy43IDMwIDIxLjQgNDguNSAyMS4yIDU1LjctMC41IDg1LTY2LjUgNDcuOC0xMDcuOS04MS44LTkwLjktMjAwLjMtMTQ4LTMzMi4yLTE0OC0yNDcgMC00NDcuMiAyMDAuNS00NDYuOCA0NDcuNkM2NC45IDYzMC44IDI2NiA4MzEgNTEyLjIgODMwLjVjMTIzLjYtMC4yIDIzNS40LTUwLjcgMzE2LjEtMTMybDgwLjYgODAuNmMxMS44IDExLjggMzEuOSAzLjQgMzEuOS0xMy4yeiIgIGhvcml6LWFkdi14PSIxMDI0IiAvPgoKICAgIAogICAgPGdseXBoIGdseXBoLW5hbWU9ImJvZmFuZ3FpLWRhbm11Z3VhbiIgdW5pY29kZT0iJiM1OTAzMDsiIGQ9Ik01NTguNTQ1NDU1IDE3NC41NDU0NTVIMTU1LjkyNzI3M0MxMjMuMzQ1NDU1IDE3NC41NDU0NTUgOTMuMDkwOTA5IDIwNC44IDkzLjA5MDkwOSAyMzcuMzgxODE4VjU3Ny4xNjM2MzZDOTMuMDkwOTA5IDYwOS43NDU0NTUgMTIzLjM0NTQ1NSA2NDAgMTU1LjkyNzI3MyA2NDBoNTcyLjUwOTA5MWMzMi41ODE4MTggMCA2Mi44MzYzNjQtMzAuMjU0NTQ1IDYyLjgzNjM2My02Mi44MzYzNjRWNTQ2LjkwOTA5MWMwLTEzLjk2MzYzNiA5LjMwOTA5MS0yMy4yNzI3MjcgMjMuMjcyNzI4LTIzLjI3MjcyN3MyMy4yNzI3MjcgOS4zMDkwOTEgMjMuMjcyNzI3IDIzLjI3MjcyN3YzMC4yNTQ1NDVjMCA1OC4xODE4MTgtNTEuMiAxMDkuMzgxODE4LTEwOS4zODE4MTggMTA5LjM4MTgxOUgxNTUuOTI3MjczQzk3Ljc0NTQ1NSA2ODYuNTQ1NDU1IDQ2LjU0NTQ1NSA2MzUuMzQ1NDU1IDQ2LjU0NTQ1NSA1NzcuMTYzNjM2di0zMzkuNzgxODE4QzQ2LjU0NTQ1NSAxNzkuMiA5Ny43NDU0NTUgMTI4IDE1NS45MjcyNzMgMTI4SDU1OC41NDU0NTVjMTMuOTYzNjM2IDAgMjMuMjcyNzI3IDkuMzA5MDkxIDIzLjI3MjcyNyAyMy4yNzI3MjdzLTkuMzA5MDkxIDIzLjI3MjcyNy0yMy4yNzI3MjcgMjMuMjcyNzI4ek0zMjUuODE4MTgyIDU0Ni45MDkwOTFoNDYuNTQ1NDU0di00Ni41NDU0NTVoLTQ2LjU0NTQ1NHpNNDE4LjkwOTA5MSA1NDYuOTA5MDkxaDE4Ni4xODE4MTh2LTQ2LjU0NTQ1NWgtMTg2LjE4MTgxOHpNMTg2LjE4MTgxOCA0MzAuNTQ1NDU1aDQ2LjU0NTQ1NXYtNDYuNTQ1NDU1SDE4Ni4xODE4MTh6TTI3OS4yNzI3MjcgNDMwLjU0NTQ1NWgxODYuMTgxODE4di00Ni41NDU0NTVoLTE4Ni4xODE4MTh6TTI3OS4yNzI3MjcgMzE0LjE4MTgxOGg0Ni41NDU0NTV2LTQ2LjU0NTQ1NGgtNDYuNTQ1NDU1ek0zNzIuMzYzNjM2IDMxNC4xODE4MThoMTg2LjE4MTgxOXYtNDYuNTQ1NDU0aC0xODYuMTgxODE5ek04MDIuOTA5MDkxIDQzMC41NDU0NTVjLTk1LjQxODE4MiAwLTE3NC41NDU0NTUtNzkuMTI3MjczLTE3NC41NDU0NTUtMTc0LjU0NTQ1NXM3OS4xMjcyNzMtMTc0LjU0NTQ1NSAxNzQuNTQ1NDU1LTE3NC41NDU0NTUgMTc0LjU0NTQ1NSA3OS4xMjcyNzMgMTc0LjU0NTQ1NCAxNzQuNTQ1NDU1LTc5LjEyNzI3MyAxNzQuNTQ1NDU1LTE3NC41NDU0NTQgMTc0LjU0NTQ1NXogbTAtMzAyLjU0NTQ1NWMtNjkuODE4MTgyIDAtMTI4IDU4LjE4MTgxOC0xMjggMTI4IDAgMjMuMjcyNzI3IDYuOTgxODE4IDQ0LjIxODE4MiAxNi4yOTA5MDkgNjIuODM2MzY0bDE3NC41NDU0NTUtMTc0LjU0NTQ1NWMtMTguNjE4MTgyLTkuMzA5MDkxLTM5LjU2MzYzNi0xNi4yOTA5MDktNjIuODM2MzY0LTE2LjI5MDkwOXogbTk3Ljc0NTQ1NCA0Ni41NDU0NTVMNzIxLjQ1NDU0NSAzNTMuNzQ1NDU1YzIzLjI3MjcyNyAxOC42MTgxODIgNTEuMiAzMC4yNTQ1NDUgODEuNDU0NTQ2IDMwLjI1NDU0NSA2OS44MTgxODIgMCAxMjgtNTguMTgxODE4IDEyOC0xMjggMC0zMC4yNTQ1NDUtMTEuNjM2MzY0LTYwLjUwOTA5MS0zMC4yNTQ1NDYtODEuNDU0NTQ1eiIgIGhvcml6LWFkdi14PSIxMDI0IiAvPgoKICAgIAogICAgPGdseXBoIGdseXBoLW5hbWU9ImJvZmFuZ3FpLWRhbm11a2FpIiB1bmljb2RlPSImIzU5MDMxOyIgZD0iTTU1OC41NDU0NTUgMTc0LjU0NTQ1NUgxNTUuOTI3MjczQzEyMy4zNDU0NTUgMTc0LjU0NTQ1NSA5My4wOTA5MDkgMjA0LjggOTMuMDkwOTA5IDIzNy4zODE4MThWNTc3LjE2MzYzNkM5My4wOTA5MDkgNjA5Ljc0NTQ1NSAxMjMuMzQ1NDU1IDY0MCAxNTUuOTI3MjczIDY0MGg1NzIuNTA5MDkxYzMyLjU4MTgxOCAwIDYyLjgzNjM2NC0zMC4yNTQ1NDUgNjIuODM2MzYzLTYyLjgzNjM2NFY1NDYuOTA5MDkxYzAtMTMuOTYzNjM2IDkuMzA5MDkxLTIzLjI3MjcyNyAyMy4yNzI3MjgtMjMuMjcyNzI3czIzLjI3MjcyNyA5LjMwOTA5MSAyMy4yNzI3MjcgMjMuMjcyNzI3djMwLjI1NDU0NWMwIDU4LjE4MTgxOC01MS4yIDEwOS4zODE4MTgtMTA5LjM4MTgxOCAxMDkuMzgxODE5SDE1NS45MjcyNzNDOTcuNzQ1NDU1IDY4Ni41NDU0NTUgNDYuNTQ1NDU1IDYzNS4zNDU0NTUgNDYuNTQ1NDU1IDU3Ny4xNjM2MzZ2LTMzOS43ODE4MThDNDYuNTQ1NDU1IDE3OS4yIDk3Ljc0NTQ1NSAxMjggMTU1LjkyNzI3MyAxMjhINTU4LjU0NTQ1NWMxMy45NjM2MzYgMCAyMy4yNzI3MjcgOS4zMDkwOTEgMjMuMjcyNzI3IDIzLjI3MjcyN3MtOS4zMDkwOTEgMjMuMjcyNzI3LTIzLjI3MjcyNyAyMy4yNzI3Mjh6TTMyNS44MTgxODIgNTQ2LjkwOTA5MWg0Ni41NDU0NTR2LTQ2LjU0NTQ1NWgtNDYuNTQ1NDU0ek00MTguOTA5MDkxIDU0Ni45MDkwOTFoMTg2LjE4MTgxOHYtNDYuNTQ1NDU1aC0xODYuMTgxODE4ek0xODYuMTgxODE4IDQzMC41NDU0NTVoNDYuNTQ1NDU1di00Ni41NDU0NTVIMTg2LjE4MTgxOHpNMjc5LjI3MjcyNyA0MzAuNTQ1NDU1aDE4Ni4xODE4MTh2LTQ2LjU0NTQ1NWgtMTg2LjE4MTgxOHpNMzcyLjM2MzYzNiAzMTQuMTgxODE4aDE4Ni4xODE4MTl2LTQ2LjU0NTQ1NGgtMTg2LjE4MTgxOXpNMjc5LjI3MjcyNyAzMTQuMTgxODE4aDQ2LjU0NTQ1NXYtNDYuNTQ1NDU0aC00Ni41NDU0NTV6TTgwMi45MDkwOTEgNDMwLjU0NTQ1NWMtOTUuNDE4MTgyIDAtMTc0LjU0NTQ1NS03OS4xMjcyNzMtMTc0LjU0NTQ1NS0xNzQuNTQ1NDU1czc5LjEyNzI3My0xNzQuNTQ1NDU1IDE3NC41NDU0NTUtMTc0LjU0NTQ1NSAxNzQuNTQ1NDU1IDc5LjEyNzI3MyAxNzQuNTQ1NDU0IDE3NC41NDU0NTUtNzkuMTI3MjczIDE3NC41NDU0NTUtMTc0LjU0NTQ1NCAxNzQuNTQ1NDU1eiBtMC0zMDIuNTQ1NDU1Yy02OS44MTgxODIgMC0xMjggNTguMTgxODE4LTEyOCAxMjhzNTguMTgxODE4IDEyOCAxMjggMTI4IDEyOC01OC4xODE4MTggMTI4LTEyOC01OC4xODE4MTgtMTI4LTEyOC0xMjh6TTkwMC42NTQ1NDUgMzA5LjUyNzI3M2MtOS4zMDkwOTEgOS4zMDkwOTEtMjMuMjcyNzI3IDkuMzA5MDkxLTMyLjU4MTgxOCAwbC04MS40NTQ1NDUtODEuNDU0NTQ2LTQ4Ljg3MjcyNyA0OC44NzI3MjhjLTkuMzA5MDkxIDkuMzA5MDkxLTIzLjI3MjcyNyA5LjMwOTA5MS0zMi41ODE4MTkgMC05LjMwOTA5MS05LjMwOTA5MS05LjMwOTA5MS0yMy4yNzI3MjcgMC0zMi41ODE4MTlsNjUuMTYzNjM3LTY1LjE2MzYzNmM5LjMwOTA5MS05LjMwOTA5MSAyMy4yNzI3MjctOS4zMDkwOTEgMzIuNTgxODE4IDBsOTcuNzQ1NDU0IDk3Ljc0NTQ1NWM5LjMwOTA5MSA5LjMwOTA5MSA5LjMwOTA5MSAyMy4yNzI3MjcgMCAzMi41ODE4MTh6IiAgaG9yaXotYWR2LXg9IjEwMjQiIC8+CgogICAgCiAgICA8Z2x5cGggZ2x5cGgtbmFtZT0ibmVpcm9uZ3FpZWh1YW4iIHVuaWNvZGU9IiYjNTkyNjU7IiBkPSJNMTk4LjQgMTkyaDUzNy42YzU0LjQgMCA5NiA0MS42IDk2IDk2djk2YzAgMTkuMiAxMi44IDMyIDMyIDMyczMyLTEyLjggMzItMzJ2LTk2YzAtODkuNi03MC40LTE2MC0xNjAtMTYwaC01NjMuMmwxMTguNC0xMTguNGMxMi44LTEyLjggMTIuOC0zMiAwLTQ0LjgtMTIuOC0xMi44LTMyLTEyLjgtNDQuOCAwbC0xNTYuOCAxNTYuOGMtNi40IDYuNC05LjYgMTYtOS42IDIyLjQgMCA5LjYgMy4yIDE2IDkuNiAyMi40bDE1Ni44IDE1Ni44YzEyLjggMTIuOCAzMiAxMi44IDQ0LjggMCAxMi44LTEyLjggMTIuOC0zMiAwLTQ0LjhsLTkyLjgtODYuNHogbTY0My4yIDQxNmgtNjE3LjZjLTU0LjQgMC05Ni00MS42LTk2LTk2di05NmMwLTE5LjItMTIuOC0zMi0zMi0zMnMtMzIgMTIuOC0zMiAzMnY5NmMwIDg5LjYgNzAuNCAxNjAgMTYwIDE2MGg1OTUuMmwtOTIuOCA5Mi44Yy0xMi44IDEyLjgtMTIuOCAzMiAwIDQ0LjggMTIuOCAxMi44IDMyIDEyLjggNDQuOCAwbDE1Ni44LTE2MGM2LjQtNi40IDkuNi0xNiA5LjYtMjIuNCAwLTkuNi0zLjItMTYtOS42LTIyLjRsLTE1Ni44LTE1Ni44Yy0xMi44LTEyLjgtMzItMTIuOC00NC44IDAtMTIuOCAxMi44LTEyLjggMzIgMCA0NC44bDExNS4yIDExNS4yeiIgIGhvcml6LWFkdi14PSIxMDI0IiAvPgoKICAgIAoKCiAgPC9mb250Pgo8L2RlZnM+PC9zdmc+Cg=="

/***/ })
/******/ ]);