diff --git a/dist/artplayer-plugin-flv.js b/dist/artplayer-plugin-flv.js
new file mode 100644
index 000000000..db794f7a9
--- /dev/null
+++ b/dist/artplayer-plugin-flv.js
@@ -0,0 +1,8 @@
+/*!
+ * artplayer-plugin-flv.js v1.0.5
+ * Github: https://github.com/zhw2590582/ArtPlayer#readme
+ * (c) 2017-2018 Harvey Zack
+ * Released under the MIT License.
+ */
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t["artplayer-plugin-flv"]={})}(this,function(t){"use strict";var r=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var e=function(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t};function n(t,e){return t(e={exports:{}},e.exports),e.exports}var i=n(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=o=function(t){return n(t)}:e.exports=o=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},o(t)}e.exports=o});var u=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var c=function(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?u(t):e},f=n(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),p=n(function(n){function o(t,e){return n.exports=o=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},o(t,e)}n.exports=o});var a=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&p(t,e)};function l(){}l.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,u=o.length;i<u;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}};var s=l;var y=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},d=n(function(o){function r(t,e,n){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?o.exports=r=function(t,e,n){var o=[null];o.push.apply(o,e);var r=new(Function.bind.apply(t,o));return n&&p(r,n.prototype),r}:o.exports=r=Reflect.construct,r.apply(null,arguments)}o.exports=r}),h=function(t){function o(t,e){var n;return r(this,o),n=c(this,f(o).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(u(u(n)),e||n.constructor),n.name="FlvError",n}return a(o,t),o}(n(function(e){function o(t){var n="function"==typeof Map?new Map:void 0;return e.exports=o=function(t){if(null===t||!y(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return d(t,arguments,f(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),p(e,t)},o(t)}e.exports=o})(Error));function b(t,e){if(!t)throw new h(e)}var v=function t(){r(this,t);var e='video/mp4; codecs="avc1.42001E, mp4a.40.2"',n=window.document.createElement("video").canPlayType(e);b(window.MediaSource&&window.MediaSource.isTypeSupported(e)&&("probably"===n||"maybe"===n),"Unsupported MIME type or codec: ".concat(e)),b("function"==typeof window.Promise,"Unsupported 'Promise' method"),b("function"==typeof window.fetch,"Unsupported 'fetch' method")},m=function t(e){r(this,t),this.mediaSource=new MediaSource,this.url=URL.createObjectURL(this.mediaSource),e.mediaElement.src=this.url},w=function(t){function o(t,e){var n;return r(this,o),(n=c(this,f(o).call(this))).mediaElement=t,n.url=e,n.support=new v(u(u(n))),n.mediaSource=new m(u(u(n))),n}return a(o,s),e(o,[{key:"load",value:function(){console.log(this)}},{key:"destroy",value:function(){console.log(this)}}]),o}();function x(t){var n=null;return t.on("destroy",function(){n&&n.destroy()}),{flv:n,init:function(t,e){(n=new w(t,e)).load()}}}window.Flv=w,window.artplayerPluginFlv=x,t.default=x,Object.defineProperty(t,"__esModule",{value:!0})});
diff --git a/dist/artplayer-tool-thumbnail.js b/dist/artplayer-tool-thumbnail.js
index 170359125..504bcb620 100644
--- a/dist/artplayer-tool-thumbnail.js
+++ b/dist/artplayer-tool-thumbnail.js
@@ -5,4 +5,4 @@
  * Released under the MIT License.
  */
 
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t["artplayer-tool-thumbnail"]={})}(this,function(t){"use strict";var o=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function i(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var e=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t};function n(t,e){return t(e={exports:{}},e.exports),e.exports}var r=n(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=o=function(t){return n(t)}:e.exports=o=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},o(t)}e.exports=o});var u=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var a=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?u(t):e},s=n(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),c=n(function(n){function o(t,e){return n.exports=o=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},o(t,e)}n.exports=o});var l=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c(t,e)};function h(){}h.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function i(){o.off(t,i),e.apply(n,arguments)}return i._=e,this.on(t,i,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,i=n.length;o<i;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],i=[];if(o&&e)for(var r=0,u=o.length;r<u;r++)o[r].fn!==e&&o[r].fn._!==e&&i.push(o[r]);return i.length?n[t]=i:delete n[t],this}};var f=h;function p(e){return new Promise(function(t){return setTimeout(t,e)})}function d(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}var m=function(t){function n(){var t,e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return o(this,n),(t=a(this,s(n).call(this))).processing=!1,t.option={},t.setup(Object.assign({},n.DEFAULTS,e)),t.video=n.creatVideo(),t.inputChange=t.inputChange.bind(u(u(t))),t.option.fileInput.addEventListener("change",t.inputChange),t}return l(n,f),e(n,[{key:"setup",value:function(){var e=this,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.option=Object.assign({},this.option,t);var n=this.option,o=n.fileInput,i=n.delay,r=n.number,u=n.width,a=n.height,s=n.column;return this.errorHandle("INPUT"===o.tagName&&"file"===o.type,"The 'fileInput' is not a usable file input like: <input type=\"file\">"),["delay","number","width","height","column"].forEach(function(t){e.errorHandle("number"==typeof e.option[t],"The '".concat(t,"' is not a number"))}),this.option.delay=d(i,10,1e3),this.option.number=d(r,10,1e3),this.option.width=d(u,10,1e3),this.option.height=d(a,10,1e3),this.option.column=d(s,1,1e3),this}},{key:"inputChange",value:function(){var e=this,t=this.option.delay,n=["video/mp4","audio/ogg","video/webm"],o=this.option.fileInput.files[0];if(o){this.errorHandle(n.includes(o.type),"Only file types are supported: ".concat(n.toString(),", but got ").concat(o.type));var i=URL.createObjectURL(o);this.videoUrl=i,this.file=o,this.emit("file",this.file),this.video.src=i,p(t).then(function(){e.emit("video",e.video)}).catch(function(t){e.emit("error",t.message),console.error(t)})}}},{key:"start",value:function(){var n=this,t=this.option,o=t.width,i=t.height,r=t.number,u=t.delay;this.density=r/this.video.duration,this.errorHandle(this.file&&this.video,"Please select the video file first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment..."),this.errorHandle(this.density<=1,"The preview density cannot be greater than 1, but got ".concat(this.density));var e=this.creatScreenshotDate(),a=this.creatCanvas(),s=a.getContext("2d");this.emit("canvas",a);var c,l=e.map(function(t,e){return function(){return n.video.currentTime=t.time,p(u).then(function(){s.drawImage(n.video,t.x,t.y,o,i),a.toBlob(function(t){n.thumbnailUrl&&URL.revokeObjectURL(n.thumbnailUrl),n.thumbnailUrl=URL.createObjectURL(t),n.emit("update",n.thumbnailUrl,(e+1)/r)})}).catch(function(t){console.error(t)})}});return this.processing=!0,(c=l,c.reduce(function(t,e){return t.then(e)},Promise.resolve())).then(function(){return p(2*u).then(function(){n.processing=!1,n.emit("done")}).catch(function(t){n.processing=!1,n.emit("error",t.message),console.error(t)})}).catch(function(t){n.processing=!1,n.emit("error",t.message),console.error(t)})}},{key:"creatScreenshotDate",value:function(){for(var t=this.option,e=t.number,n=t.width,o=t.height,i=t.column,r=this.video.duration/e,u=[r];u.length<e;){var a=u[u.length-1];u.push(a+r)}return u.map(function(t,e){return{time:t-r/2,x:e%i*n,y:Math.floor(e/i)*o}})}},{key:"creatCanvas",value:function(){var t=this.option,e=t.number,n=t.width,o=t.height,i=t.column,r=document.createElement("canvas"),u=r.getContext("2d");return r.width=n*i,r.height=Math.ceil(e/i)*o+30,u.fillStyle="black",u.fillRect(0,0,r.width,r.height),u.font="14px Georgia",u.fillStyle="#fff",u.fillText("From: https://artplayer.org/thumbnail, Number: ".concat(e,", Width: ").concat(n,", Height: ").concat(o,", Column: ").concat(i),10,r.height-11),r}},{key:"download",value:function(){this.errorHandle(this.file&&this.thumbnailUrl,"Download does not seem to be ready, please create preview first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment...");var t,e,n=document.createElement("a"),o="".concat((t=this.file.name,(e=t.split(".")).pop(),e.join(".")),".png");return n.download=o,n.href=this.thumbnailUrl,document.body.appendChild(n),n.click(),document.body.removeChild(n),this.emit("download",o),this}},{key:"errorHandle",value:function(t,e){if(!t)throw this.emit("error",e),new Error(e)}},{key:"destroy",value:function(){this.option.fileInput.removeEventListener("change",this.inputChange),document.body.removeChild(this.video),this.videoUrl&&URL.revokeObjectURL(this.videoUrl),this.thumbnailUrl&&URL.revokeObjectURL(this.thumbnailUrl),this.emit("destroy")}}],[{key:"creatVideo",value:function(){var t=document.createElement("video");return t.style.position="absolute",t.style.top="-9999px",t.style.left="-9999px",t.muted=!0,t.controls=!0,document.body.appendChild(t),t}},{key:"DEFAULTS",get:function(){return{delay:300,number:60,width:160,height:90,column:10}}}]),n}();window.ArtplayerToolThumbnail=m,t.default=m,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(e["artplayer-tool-thumbnail"]={})}(this,function(e){"use strict";var o=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")};function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var t=function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e};function n(e,t){return e(t={exports:{}},t.exports),t.exports}var r=n(function(t){function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?t.exports=o=function(e){return n(e)}:t.exports=o=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":n(e)},o(e)}t.exports=o});var a=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};var s=function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?a(e):t},u=n(function(t){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(e)}t.exports=n}),l=n(function(n){function o(e,t){return n.exports=o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},o(e,t)}n.exports=o});var c=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&l(e,t)};function h(){}h.prototype={on:function(e,t,n){var o=this.e||(this.e={});return(o[e]||(o[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){var o=this;function i(){o.off(e,i),t.apply(n,arguments)}return i._=t,this.on(e,i,n)},emit:function(e){for(var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),o=0,i=n.length;o<i;o++)n[o].fn.apply(n[o].ctx,t);return this},off:function(e,t){var n=this.e||(this.e={}),o=n[e],i=[];if(o&&t)for(var r=0,a=o.length;r<a;r++)o[r].fn!==t&&o[r].fn._!==t&&i.push(o[r]);return i.length?n[e]=i:delete n[e],this}};var f=h;function p(t){return new Promise(function(e){return setTimeout(e,t)})}function d(e,t,n){return Math.max(Math.min(e,Math.max(t,n)),Math.min(t,n))}var m=function(e){function n(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return o(this,n),(e=s(this,u(n).call(this))).processing=!1,e.option={},e.setup(Object.assign({},n.DEFAULTS,t)),e.video=n.creatVideo(),e.inputChange=e.inputChange.bind(a(a(e))),e.ondrop=e.ondrop.bind(a(a(e))),e.option.fileInput.addEventListener("change",e.inputChange),e.option.fileInput.addEventListener("dragover",n.ondragover),e.option.fileInput.addEventListener("drop",n.ondrop),e}return c(n,f),t(n,[{key:"ondrop",value:function(e){e.preventDefault();var t=e.dataTransfer.files[0];this.loadVideo(t)}},{key:"setup",value:function(){var t=this,e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.option=Object.assign({},this.option,e);var n=this.option,o=n.fileInput,i=n.delay,r=n.number,a=n.width,s=n.height,u=n.column;return this.errorHandle("INPUT"===o.tagName&&"file"===o.type,"The 'fileInput' is not a usable file input like: <input type=\"file\">"),["delay","number","width","height","column"].forEach(function(e){t.errorHandle("number"==typeof t.option[e],"The '".concat(e,"' is not a number"))}),this.option.delay=d(i,10,1e3),this.option.number=d(r,10,1e3),this.option.width=d(a,10,1e3),this.option.height=d(s,10,1e3),this.option.column=d(u,1,1e3),this}},{key:"inputChange",value:function(){var e=this.option.fileInput.files[0];this.loadVideo(e)}},{key:"loadVideo",value:function(e){var t=this,n=this.option.delay;if(e){var o=this.video.canPlayType(e.type);this.errorHandle("maybe"===o||"probably"===o,"Playback of this file format is not supported: ".concat(e.type));var i=URL.createObjectURL(e);this.videoUrl=i,this.file=e,this.emit("file",this.file),this.video.src=i,p(n).then(function(){t.emit("video",t.video)}).catch(function(e){t.emit("error",e.message),console.error(e)})}}},{key:"start",value:function(){var o=this,e=this.option,i=e.width,r=e.height,a=e.number,s=e.delay;this.density=a/this.video.duration,this.errorHandle(this.file&&this.video,"Please select the video file first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment..."),this.errorHandle(this.density<=1,"The preview density cannot be greater than 1, but got ".concat(this.density));var t=this.creatScreenshotDate(),u=this.creatCanvas(),l=u.getContext("2d");this.emit("canvas",u);var n,c=t.map(function(e,n){return function(){return o.video.currentTime=e.time,new Promise(function(t){p(s).then(function(){l.drawImage(o.video,e.x,e.y,i,r),u.toBlob(function(e){o.thumbnailUrl&&URL.revokeObjectURL(o.thumbnailUrl),o.thumbnailUrl=URL.createObjectURL(e),o.emit("update",o.thumbnailUrl,(n+1)/a),t()})}).catch(function(e){console.error(e)})})}});return this.processing=!0,(n=c,n.reduce(function(e,t){return e.then(t)},Promise.resolve())).then(function(){return p(2*s).then(function(){o.processing=!1,o.emit("done")}).catch(function(e){o.processing=!1,o.emit("error",e.message),console.error(e)})}).catch(function(e){o.processing=!1,o.emit("error",e.message),console.error(e)})}},{key:"creatScreenshotDate",value:function(){for(var e=this.option,t=e.number,n=e.width,o=e.height,i=e.column,r=this.video.duration/t,a=[r];a.length<t;){var s=a[a.length-1];a.push(s+r)}return a.map(function(e,t){return{time:e-r/2,x:t%i*n,y:Math.floor(t/i)*o}})}},{key:"creatCanvas",value:function(){var e=this.option,t=e.number,n=e.width,o=e.height,i=e.column,r=document.createElement("canvas"),a=r.getContext("2d");return r.width=n*i,r.height=Math.ceil(t/i)*o+30,a.fillStyle="black",a.fillRect(0,0,r.width,r.height),a.font="14px Georgia",a.fillStyle="#fff",a.fillText("From: https://artplayer.org/thumbnail, Number: ".concat(t,", Width: ").concat(n,", Height: ").concat(o,", Column: ").concat(i),10,r.height-11),r}},{key:"download",value:function(){this.errorHandle(this.file&&this.thumbnailUrl,"Download does not seem to be ready, please create preview first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment...");var e,t,n=document.createElement("a"),o="".concat((e=this.file.name,(t=e.split(".")).pop(),t.join(".")),".png");return n.download=o,n.href=this.thumbnailUrl,document.body.appendChild(n),n.click(),document.body.removeChild(n),this.emit("download",o),this}},{key:"errorHandle",value:function(e,t){if(!e)throw this.emit("error",t),new Error(t)}},{key:"destroy",value:function(){this.option.fileInput.removeEventListener("change",this.inputChange),this.option.fileInput.removeEventListener("dragover",n.ondragover),this.option.fileInput.removeEventListener("drop",n.ondrop),document.body.removeChild(this.video),this.videoUrl&&URL.revokeObjectURL(this.videoUrl),this.thumbnailUrl&&URL.revokeObjectURL(this.thumbnailUrl),this.emit("destroy")}}],[{key:"ondragover",value:function(e){e.preventDefault()}},{key:"creatVideo",value:function(){var e=document.createElement("video");return e.style.position="absolute",e.style.top="-9999px",e.style.left="-9999px",e.muted=!0,e.controls=!0,document.body.appendChild(e),e}},{key:"DEFAULTS",get:function(){return{delay:300,number:60,width:160,height:90,column:10}}}]),n}();window.ArtplayerToolThumbnail=m,e.default=m,Object.defineProperty(e,"__esModule",{value:!0})});
diff --git a/dist/artplayer.css b/dist/artplayer.css
index 15da3e78b..1a8e2b43b 100644
--- a/dist/artplayer.css
+++ b/dist/artplayer.css
@@ -1,18 +1,18 @@
 .artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;text-shadow:.5px .5px .5px rgba(0,0,0,.5);font-size:20px;pointer-events:none}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}
-.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}
 .artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}
+.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}
 .artplayer-video-player .artplayer-layers{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:all}
-.artplayer-video-player .artplayer-mask{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-mask .art-playBig{position:absolute;right:30px;bottom:65px;opacity:.6}
 .artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:60;left:0;top:0;right:0;bottom:0;width:100%;height:100%;align-items:center;justify-content:center;pointer-events:none}
-.artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:flex;align-items:center;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;line-height:36px;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:flex;align-items:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}
+.artplayer-video-player .artplayer-mask{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-mask .art-playBig{position:absolute;right:30px;bottom:65px;opacity:.6}
 .artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:70;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}
+.artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:flex;align-items:center;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:flex;align-items:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}
 .artplayer-video-player .artplayer-contextmenu{display:none;position:absolute;z-index:110;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}
 .artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}
-.artplayer-video-player .artplayer-setting{display:none;position:absolute;z-index:80;left:0;top:0;height:100%;width:100%;align-items:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:relative;width:300px;height:250px;font-size:12px;background:rgba(0,0,0,.8);border-radius:3px;pointer-events:all;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 20px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{color:#fff;margin-bottom:10px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-body{color:hsla(0,0%,100%,.8)}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-close{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.5);font-size:20px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns{display:flex;margin-left:-4px;margin-right:-4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn{flex:1;padding:0 4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn span{display:block;height:20px;line-height:20px;text-align:center;color:#fff;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn.current span,.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn:hover span{color:#fff;background:#00a1d6}
 .artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}
+.artplayer-video-player .artplayer-setting{display:none;position:absolute;z-index:80;left:0;top:0;height:100%;width:100%;align-items:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:relative;width:300px;height:250px;font-size:12px;background:rgba(0,0,0,.8);border-radius:3px;pointer-events:all;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 20px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{color:#fff;margin-bottom:10px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-body{color:hsla(0,0%,100%,.8)}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-close{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.5);font-size:20px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns{display:flex;margin-left:-4px;margin-right:-4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn{flex:1;padding:0 4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn span{display:block;height:20px;line-height:20px;text-align:center;color:#fff;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn.current span,.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn:hover span{color:#fff;background:#00a1d6}
 .artplayer-video-player[data-aspect-ratio] video{box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
 .artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}
-.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:100;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);align-items:center;justify-content:space-between;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;right:20px;bottom:20px;width:400px;height:225px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:flex}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask{display:flex;align-items:center;justify-content:center}.artplayer-video-player.artplayer-pip .artplayer-mask .art-icon-playBig{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}
+.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:100;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);align-items:center;justify-content:space-between;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;right:20px;bottom:20px;width:400px;height:225px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:flex}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask{display:flex;align-items:center;justify-content:center}.artplayer-video-player.artplayer-pip .artplayer-mask .art-playBig{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}
 .artplayer-auto-size{display:flex;align-items:center;justify-content:center}
 .artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}
 button[data-balloon]{overflow:visible}[data-balloon]{position:relative;cursor:pointer}[data-balloon]:after{font-family:sans-serif!important;font-weight:400!important;font-style:normal!important;text-shadow:none!important;font-size:12px!important;background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(data-balloon);padding:.5em 1em;white-space:nowrap}[data-balloon]:after,[data-balloon]:before{filter:alpha(opactiy=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;pointer-events:none;transition:all .18s ease-out .18s;position:absolute;z-index:10}[data-balloon]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;content:""}[data-balloon]:hover:after,[data-balloon]:hover:before,[data-balloon][data-balloon-visible]:after,[data-balloon][data-balloon-visible]:before{filter:alpha(opactiy=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;pointer-events:auto}[data-balloon].font-awesome:after{font-family:FontAwesome}[data-balloon][data-balloon-break]:after{white-space:pre}[data-balloon][data-balloon-blunt]:after,[data-balloon][data-balloon-blunt]:before{transition:none}[data-balloon][data-balloon-pos=up]:after{margin-bottom:11px}[data-balloon][data-balloon-pos=up]:after,[data-balloon][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up]:before{margin-bottom:5px}[data-balloon][data-balloon-pos=up]:hover:after,[data-balloon][data-balloon-pos=up]:hover:before,[data-balloon][data-balloon-pos=up][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up][data-balloon-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[data-balloon][data-balloon-pos=up-left]:after{left:0;margin-bottom:11px}[data-balloon][data-balloon-pos=up-left]:after,[data-balloon][data-balloon-pos=up-left]:before{bottom:100%;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up-left]:before{left:5px;margin-bottom:5px}[data-balloon][data-balloon-pos=up-left]:hover:after,[data-balloon][data-balloon-pos=up-left]:hover:before,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=up-right]:after{right:0;margin-bottom:11px}[data-balloon][data-balloon-pos=up-right]:after,[data-balloon][data-balloon-pos=up-right]:before{bottom:100%;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up-right]:before{right:5px;margin-bottom:5px}[data-balloon][data-balloon-pos=up-right]:hover:after,[data-balloon][data-balloon-pos=up-right]:hover:before,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=down]:after{margin-top:11px}[data-balloon][data-balloon-pos=down]:after,[data-balloon][data-balloon-pos=down]:before{left:50%;top:100%;-webkit-transform:translate(-50%,-10px);transform:translate(-50%,-10px)}[data-balloon][data-balloon-pos=down]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;margin-top:5px}[data-balloon][data-balloon-pos=down]:hover:after,[data-balloon][data-balloon-pos=down]:hover:before,[data-balloon][data-balloon-pos=down][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down][data-balloon-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[data-balloon][data-balloon-pos=down-left]:after{left:0;margin-top:11px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-left]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;left:5px;margin-top:5px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-left]:hover:after,[data-balloon][data-balloon-pos=down-left]:hover:before,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=down-right]:after{right:0;margin-top:11px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-right]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;right:5px;margin-top:5px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-right]:hover:after,[data-balloon][data-balloon-pos=down-right]:hover:before,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=left]:after{margin-right:11px;right:100%;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon][data-balloon-pos=left]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;margin-right:5px;right:100%;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon][data-balloon-pos=left]:hover:after,[data-balloon][data-balloon-pos=left]:hover:before,[data-balloon][data-balloon-pos=left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=left][data-balloon-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-balloon][data-balloon-pos=right]:after{left:100%;margin-left:11px;top:50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon][data-balloon-pos=right]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;left:100%;margin-left:5px;top:50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon][data-balloon-pos=right]:hover:after,[data-balloon][data-balloon-pos=right]:hover:before,[data-balloon][data-balloon-pos=right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=right][data-balloon-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-balloon][data-balloon-length=small]:after{white-space:normal;width:80px}[data-balloon][data-balloon-length=medium]:after{white-space:normal;width:150px}[data-balloon][data-balloon-length=large]:after{white-space:normal;width:260px}[data-balloon][data-balloon-length=xlarge]:after{white-space:normal;width:380px}@media screen and (max-width:768px){[data-balloon][data-balloon-length=xlarge]:after{white-space:normal;width:90vw}}[data-balloon][data-balloon-length=fit]:after{white-space:normal;width:100%}
\ No newline at end of file
diff --git a/dist/artplayer.js b/dist/artplayer.js
index e1894a92e..39ee893b4 100644
--- a/dist/artplayer.js
+++ b/dist/artplayer.js
@@ -5,4 +5,4 @@
  * Released under the MIT License.
  */
 
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.artplayer={})}(this,function(t){"use strict";var Bt=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var r=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t},o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function n(t,e){return t(e={exports:{}},e.exports),e.exports}var S=n(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},i(t)}e.exports=i});var a=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var s=function(t,e){return!e||"object"!==S(e)&&"function"!=typeof e?a(t):e},c=n(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),l=n(function(n){function i(t,e){return n.exports=i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}n.exports=i});var u=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)};function d(){}d.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function r(){i.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,r=n.length;i<r;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],r=[];if(i&&e)for(var o=0,a=i.length;o<a;o++)i[o].fn!==e&&i[o].fn._!==e&&r.push(i[o]);return r.length?n[t]=r:delete n[t],this}};var p=d,f=n(function(t,e){t.exports=function(){function c(t){return(c="function"==typeof Symbol&&"symbol"==S(Symbol.iterator)?function(t){return S(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":S(t)})(t)}var l=Object.prototype.toString,a=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e,n,i,r,o,a,s=c(t);if("boolean"===s)return"boolean";if("string"===s)return"string";if("number"===s)return"number";if("symbol"===s)return"symbol";if("function"===s)return"GeneratorFunction"===u(t)?"generatorfunction":"function";if(e=t,Array.isArray?Array.isArray(e):e instanceof Array)return"array";if((a=t).constructor&&"function"==typeof a.constructor.isBuffer&&a.constructor.isBuffer(a))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if((n=t)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((i=t)instanceof Error||"string"==typeof i.message&&i.constructor&&"number"==typeof i.constructor.stackTraceLimit)return"error";if((r=t)instanceof RegExp||"string"==typeof r.flags&&"boolean"==typeof r.ignoreCase&&"boolean"==typeof r.multiline&&"boolean"==typeof r.global)return"regexp";switch(u(t)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if("function"==typeof(o=t).throw&&"function"==typeof o.return&&"function"==typeof o.next)return"generator";switch(s=l.call(t)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return s.slice(8,-1).toLowerCase().replace(/\s/g,"")};function u(t){return t.constructor?t.constructor.name:null}function o(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var i in d(t,e,n),p(t,e,n),f(t,e,n),e)if(e.hasOwnProperty(i)){var r=t[i],o=e[i],a=n.concat(i);if(s(t,i,o,a))continue;d(r,o,a),p(r,o,a),f(r,o,a)}}function s(t,e,n,i){if(!Object.prototype.hasOwnProperty.call(t,e)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(i.join("."),"' is required"));return!0}}function d(t,e,n){var i;if("string"===a(e)?i=e:"function"===a(e)?e.___validator__=e:e.__type__?i=e.__type__:e.type&&(i=e.type),i&&"string"===a(i)){i=i.trim().toLowerCase();var r=a(t),o=r===i;if(-1<i.indexOf("|")&&(o=i.split("|").filter(Boolean).some(function(t){return r===t.trim()})),!o)throw new TypeError("'".concat(n.join("."),"' require '").concat(i,"' type, but got '").concat(r,"'"))}}function p(t,e,n){var i;if(e.___validator__?i=e.___validator__:e.validator&&(i=e.validator),"function"===a(i)){var r=i(n,t,a(t));if(!0!==r)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(r,"'"))}}function f(t,e,n){var i;if(e.___child__?i=e.___child__:e.child&&(i=e.child),"object"===a(i)){var r=a(t);"object"===r?o(t,i,n):"array"===r&&t.forEach(function(t,e){o(t,i,n.concat(e))})}}return o.kindOf=a,window.optionValidator=o}()});var h=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var v=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},m=n(function(i){function r(t,e,n){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?i.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&l(r,n.prototype),r}:i.exports=r=Reflect.construct,r.apply(null,arguments)}i.exports=r}),y=function(t){function i(t,e){var n;return Bt(this,i),n=s(this,c(i).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(a(a(n)),e||n.constructor),n.name="ArtPlayerError",n}return u(i,t),i}(n(function(e){function i(t){var n="function"==typeof Map?new Map:void 0;return e.exports=i=function(t){if(null===t||!v(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return m(t,arguments,c(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),l(e,t)},i(t)}e.exports=i})(Error));function Wt(t,e){if(!t)throw new y(e)}function qt(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function Dt(t){return t.includes("?")?Dt(t.split("?")[0]):t.includes("#")?Dt(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function Ht(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),i=Math.floor(t-3600*e-60*n);return(0<e?[e,n,i]:[n,i]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function Ft(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function E(i,r,o){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,i.apply(o,e)},r)}return t.clearTimeout=function(){clearTimeout(a)},t}function g(t){return t&&"object"===S(t)&&!Array.isArray(t)}function b(t){return t instanceof Element}function w(n,i){var r=Object.assign({},n);return g(n)&&g(i)&&Object.keys(i).forEach(function(t){var e=i[t];g(e)&&!b(e)&&t in n?r[t]=w(n[t],e):Object.assign(r,h({},t,e))}),r}function x(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",e),t.lastElementChild}function k(t,e,n){var i=Array.from(t.children);e.dataset.index=n;var r=i.find(function(t){return Number(t.dataset.index)>=Number(n)});return r?r.insertAdjacentElement("beforebegin",e):x(t,e),e}function It(t,e,n){return t.style[e]=n,t}function $(e,n){return Object.keys(n).forEach(function(t){It(e,t,n[t])}),e}function P(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],i=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(i):i}function T(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function R(t,e){T(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function O(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("data-balloon",e),t.setAttribute("data-balloon-pos",n)}function C(t){return"WEBVTT \r\n\r\n".concat(t.replace(/\{\\([ibu])\}/g,"</$1>").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"</$1>").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function L(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function _(t,e){var n=document.createElement("a");It(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var j=Object.freeze({ArtPlayerError:y,errorHandle:Wt,clamp:qt,getExt:Dt,secondToTime:Ht,sleep:Ft,debounce:E,isObject:g,isElement:b,mergeDeep:w,append:x,remove:function(t){return t.parentNode.removeChild(t)},insertByIndex:k,setStyle:It,setStyles:$,getStyle:P,sublings:T,inverseClass:R,tooltip:O,srtToVtt:C,vttToBlob:L,downloadImage:_});function M(t,e,n){if("string"===n){if(""===e.trim())throw new y("".concat(t.join(".")," can not be empty"));return!0}if(e instanceof Element)return!0;throw new y("".concat(t.join(".")," require 'string' or 'Element' type, but got '").concat(n,"'"))}var A={container:{validator:M,required:!0},url:{type:"string",required:!0,validator:function(t,e,n){if("string"!==n)throw new y("".concat(t.join(".")," required 'string' type."));if(""===e.trim())throw new y("".concat(t.join(".")," can not be empty"));return!0}},poster:"string",title:"string",type:{type:"string"},mimeCodec:"string",theme:"string",volume:"number",isLive:"boolean",mse:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function",position:function(t,e){return["top","left","right"].includes(e)}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{type:"object",url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{type:"object",url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object",lang:"string"},Ut={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","mediaGroup","muted","networkState","paused","playbackRate","played","preload","readyState","seekable","seeking","src","startDate","textTracks","videoTracks","volume"],methods:["addTextTrack","canPlayType","load","play","pause"],events:["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"]}},z=function t(e){var n=this;Bt(this,t);var i=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||i.some(function(t){var e=!1;switch(f.kindOf(t)){case"string":e=-1<n.userAgent.indexOf(t);break;case"function":e=t(n.userAgent);break;case"regexp":e=t.test(n.userAgent)}return e})},B=function(){function n(t){var e=this;Bt(this,n),t.option.container instanceof Element?this.$container=t.option.container:this.$container=document.querySelector(t.option.container),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&Wt(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return r(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n                <div class="artplayer-setting-close">×</div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$settingClose=this.$container.querySelector(".artplayer-setting-close"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),W={"zh-cn":{"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器"},"zh-tw":{"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器"}},q=function(){function e(t){Bt(this,e),this.art=t,this.init()}return r(e,[{key:"init",value:function(){this.language=W[this.art.option.lang.toLowerCase()]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){W=w(W,t),this.init()}}]),e}();function Nt(e,t){var n=e.option,i=e.notice,r=e.template.$video;Object.defineProperty(t,"screenshot",{value:function(){try{var t=function(){var t=document.createElement("canvas");t.width=r.videoWidth,t.height=r.videoHeight,t.getContext("2d").drawImage(r,0,0);var e=t.toDataURL("image/png");return _(e,"".concat(n.title||"artplayer","_").concat(Ht(r.currentTime),".png")),e}();e.emit("screenshot",t)}catch(t){i.show(t),console.warn(t)}}})}var Vt=n(function(t){var o,e,n,i,r,a;o="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,n="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,i=function(){for(var t,e=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],n=0,i=e.length,r={};n<i;n++)if((t=e[n])&&t[1]in o){for(n=0;n<t.length;n++)r[e[0][n]]=t[n];return r}return!1}(),r={change:i.fullscreenchange,error:i.fullscreenerror},a={request:function(t){var e=i.requestFullscreen;t=t||o.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?t[e]():t[e](n?Element.ALLOW_KEYBOARD_INPUT:{})},exit:function(){o[i.exitFullscreen]()},toggle:function(t){this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=r[t];n&&o.addEventListener(n,e,!1)},off:function(t,e){var n=r[t];n&&o.removeEventListener(n,e,!1)},raw:i},i?(Object.defineProperties(a,{isFullscreen:{get:function(){return Boolean(o[i.fullscreenElement])}},element:{enumerable:!0,get:function(){return o[i.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(o[i.fullscreenEnabled])}}}),e?t.exports=a:window.screenfull=a):e?t.exports=!1:window.screenfull=!1});var D=n(function(t){var e,n;e=window,n=function(){function y(t){var e=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(e)&&e}var n="undefined"==typeof console?function(){}:function(t){console.error(t)},g=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],b=g.length;function w(t){var e=getComputedStyle(t);return e||n("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}var x,k=!1;function E(t){if(function(){if(!k){k=!0;var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style.boxSizing="border-box";var e=document.body||document.documentElement;e.appendChild(t);var n=w(t);x=200==Math.round(y(n.width)),E.isBoxSizeOuter=x,e.removeChild(t)}}(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==S(t)&&t.nodeType){var e=w(t);if("none"==e.display)return function(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<b;e++)t[g[e]]=0;return t}();var n={};n.width=t.offsetWidth,n.height=t.offsetHeight;for(var i=n.isBorderBox="border-box"==e.boxSizing,r=0;r<b;r++){var o=g[r],a=e[o],s=parseFloat(a);n[o]=isNaN(s)?0:s}var c=n.paddingLeft+n.paddingRight,l=n.paddingTop+n.paddingBottom,u=n.marginLeft+n.marginRight,d=n.marginTop+n.marginBottom,p=n.borderLeftWidth+n.borderRightWidth,f=n.borderTopWidth+n.borderBottomWidth,h=i&&x,v=y(e.width);!1!==v&&(n.width=v+(h?0:c+p));var m=y(e.height);return!1!==m&&(n.height=m+(h?0:l+f)),n.innerWidth=n.width-(c+p),n.innerHeight=n.height-(l+f),n.outerWidth=n.width+u,n.outerHeight=n.height+d,n}}return E},t.exports?t.exports=n():e.getSize=n()}),H=n(function(t){var e,n;e="undefined"!=typeof window?window:o,n=function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var n=this._events=this._events||{},i=n[t]=n[t]||[];return-1==i.indexOf(e)&&i.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[e]=!0,this}},e.off=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var i=n.indexOf(e);return-1!=i&&n.splice(i,1),this}},e.emitEvent=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){n=n.slice(0),e=e||[];for(var i=this._onceEvents&&this._onceEvents[t],r=0;r<n.length;r++){var o=n[r];i&&i[o]&&(this.off(t,o),delete i[o]),o.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t},t.exports?t.exports=n():e.EvEmitter=n()}),F=n(function(t){var e,n;e=window,n=function(r,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindStartEvent=function(t){this._bindStartEvent(t,!0)},n.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},n._bindStartEvent=function(t,e){var n=(e=void 0===e||e)?"addEventListener":"removeEventListener",i="mousedown";r.PointerEvent?i="pointerdown":"ontouchstart"in r&&(i="touchstart"),t[n](i,this)},n.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.getTouch=function(t){for(var e=0;e<t.length;e++){var n=t[e];if(n.identifier==this.pointerIdentifier)return n}},n.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},n.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},n.onpointerdown=function(t){this._pointerDown(t,t)},n._pointerDown=function(t,e){t.button||this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDown(t,e))},n.pointerDown=function(t,e){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e])};var i={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};return n._bindPostStartEvents=function(t){if(t){var e=i[t.type];e.forEach(function(t){r.addEventListener(t,this)},this),this._boundPointerEvents=e}},n._unbindPostStartEvents=function(){this._boundPointerEvents&&(this._boundPointerEvents.forEach(function(t){r.removeEventListener(t,this)},this),delete this._boundPointerEvents)},n.onmousemove=function(t){this._pointerMove(t,t)},n.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},n.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},n._pointerMove=function(t,e){this.pointerMove(t,e)},n.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])},n.onmouseup=function(t){this._pointerUp(t,t)},n.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},n._pointerUp=function(t,e){this._pointerDone(),this.pointerUp(t,e)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])},n._pointerDone=function(){this._pointerReset(),this._unbindPostStartEvents(),this.pointerDone()},n._pointerReset=function(){this.isPointerDown=!1,delete this.pointerIdentifier},n.pointerDone=function(){},n.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},n.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerCancel(t,e)},n._pointerCancel=function(t,e){this._pointerDone(),this.pointerCancel(t,e)},n.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])},e.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}},e},t.exports?t.exports=n(e,H):e.Unipointer=n(e,e.EvEmitter)}),I=n(function(t){var e,n;e=window,n=function(o,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindHandles=function(){this._bindHandles(!0)},n.unbindHandles=function(){this._bindHandles(!1)},n._bindHandles=function(t){for(var e=(t=void 0===t||t)?"addEventListener":"removeEventListener",n=t?this._touchActionValue:"",i=0;i<this.handles.length;i++){var r=this.handles[i];this._bindStartEvent(r,t),r[e]("click",this),o.PointerEvent&&(r.style.touchAction=n)}},n._touchActionValue="none",n.pointerDown=function(t,e){this.okayPointerDown(t)&&(this.pointerDownPointer=e,t.preventDefault(),this.pointerDownBlur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e]))};var r={TEXTAREA:!0,INPUT:!0,SELECT:!0,OPTION:!0},a={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};return n.okayPointerDown=function(t){var e=r[t.target.nodeName],n=a[t.target.type],i=!e||n;return i||this._pointerReset(),i},n.pointerDownBlur=function(){var t=document.activeElement;t&&t.blur&&t!=document.body&&t.blur()},n.pointerMove=function(t,e){var n=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,n]),this._dragMove(t,e,n)},n._dragPointerMove=function(t,e){var n={x:e.pageX-this.pointerDownPointer.pageX,y:e.pageY-this.pointerDownPointer.pageY};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,e),n},n.hasDragStarted=function(t){return 3<Math.abs(t.x)||3<Math.abs(t.y)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},n._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},n._dragStart=function(t,e){this.isDragging=!0,this.isPreventingClicks=!0,this.dragStart(t,e)},n.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},n._dragMove=function(t,e,n){this.isDragging&&this.dragMove(t,e,n)},n.dragMove=function(t,e,n){t.preventDefault(),this.emitEvent("dragMove",[t,e,n])},n._dragEnd=function(t,e){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,e)},n.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},n.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},n._staticClick=function(t,e){this.isIgnoringMouseUp&&"mouseup"==t.type||(this.staticClick(t,e),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)))},n.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},e.getPointerPoint=t.getPointerPoint,e},t.exports?t.exports=n(e,F):e.Unidragger=n(e,e.Unipointer)}),U=n(function(t){var e,n;e=window,n=function(o,c,t){function n(t,e){for(var n in e)t[n]=e[n];return t}var i=o.jQuery;function e(t,e){this.element="string"==typeof t?document.querySelector(t):t,i&&(this.$element=i(this.element)),this.options=n({},this.constructor.defaults),this.option(e),this._create()}var r=e.prototype=Object.create(t.prototype);e.defaults={},r.option=function(t){n(this.options,t)};var a={relative:!0,absolute:!0,fixed:!0};function l(t,e,n){return n=n||"round",e?Math[n](t/e)*e:t}return r._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=n({},this.position);var t=getComputedStyle(this.element);a[t.position]||(this.element.style.position="relative"),this.on("pointerDown",this.onPointerDown),this.on("pointerMove",this.onPointerMove),this.on("pointerUp",this.onPointerUp),this.enable(),this.setHandles()},r.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},r.dispatchEvent=function(t,e,n){var i=[e].concat(n);this.emitEvent(t,i),this.dispatchJQueryEvent(t,e,n)},r.dispatchJQueryEvent=function(t,e,n){var i=o.jQuery;if(i&&this.$element){var r=i.Event(e);r.type=t,this.$element.trigger(r,n)}},r._getPosition=function(){var t=getComputedStyle(this.element),e=this._getPositionCoord(t.left,"width"),n=this._getPositionCoord(t.top,"height");this.position.x=isNaN(e)?0:e,this.position.y=isNaN(n)?0:n,this._addTransformPosition(t)},r._getPositionCoord=function(t,e){if(-1==t.indexOf("%"))return parseInt(t,10);var n=c(this.element.parentNode);return n?parseFloat(t)/100*n[e]:0},r._addTransformPosition=function(t){var e=t.transform;if(0===e.indexOf("matrix")){var n=e.split(","),i=0===e.indexOf("matrix3d")?12:4,r=parseInt(n[i],10),o=parseInt(n[i+1],10);this.position.x+=r,this.position.y+=o}},r.onPointerDown=function(t,e){this.element.classList.add("is-pointer-down"),this.dispatchJQueryEvent("pointerDown",t,[e])},r.dragStart=function(t,e){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.dispatchEvent("dragStart",t,[e]),this.animate())},r.measureContainment=function(){var t=this.getContainer();if(t){var e=c(this.element),n=c(t),i=this.element.getBoundingClientRect(),r=t.getBoundingClientRect(),o=n.borderLeftWidth+n.borderRightWidth,a=n.borderTopWidth+n.borderBottomWidth,s=this.relativeStartPosition={x:i.left-(r.left+n.borderLeftWidth),y:i.top-(r.top+n.borderTopWidth)};this.containSize={width:n.width-o-s.x-e.width,height:n.height-a-s.y-e.height}}},r.getContainer=function(){var t=this.options.containment;if(t)return t instanceof HTMLElement?t:"string"==typeof t?document.querySelector(t):this.element.parentNode},r.onPointerMove=function(t,e,n){this.dispatchJQueryEvent("pointerMove",t,[e,n])},r.dragMove=function(t,e,n){if(this.isEnabled){var i=n.x,r=n.y,o=this.options.grid,a=o&&o[0],s=o&&o[1];i=l(i,a),r=l(r,s),i=this.containDrag("x",i,a),r=this.containDrag("y",r,s),i="y"==this.options.axis?0:i,r="x"==this.options.axis?0:r,this.position.x=this.startPosition.x+i,this.position.y=this.startPosition.y+r,this.dragPoint.x=i,this.dragPoint.y=r,this.dispatchEvent("dragMove",t,[e,n])}},r.containDrag=function(t,e,n){if(!this.options.containment)return e;var i="x"==t?"width":"height",r=l(-this.relativeStartPosition[t],n,"ceil"),o=this.containSize[i];return o=l(o,n,"floor"),Math.max(r,Math.min(o,e))},r.onPointerUp=function(t,e){this.element.classList.remove("is-pointer-down"),this.dispatchJQueryEvent("pointerUp",t,[e])},r.dragEnd=function(t,e){this.isEnabled&&(this.element.style.transform="",this.setLeftTop(),this.element.classList.remove("is-dragging"),this.dispatchEvent("dragEnd",t,[e]))},r.animate=function(){if(this.isDragging){this.positionDrag();var t=this;requestAnimationFrame(function(){t.animate()})}},r.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},r.positionDrag=function(){this.element.style.transform="translate3d( "+this.dragPoint.x+"px, "+this.dragPoint.y+"px, 0)"},r.staticClick=function(t,e){this.dispatchEvent("staticClick",t,[e])},r.setPosition=function(t,e){this.position.x=t,this.position.y=e,this.setLeftTop()},r.enable=function(){this.isEnabled=!0},r.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},r.destroy=function(){this.disable(),this.element.style.transform="",this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},r._init=function(){},i&&i.bridget&&i.bridget("draggabilly",e),e},t.exports?t.exports=n(e,D,I):e.Draggabilly=n(e,e.getSize,e.Unidragger)});function Qt(t,e){var n,i,r,o,a,s,c,l,u,d,p,f,h,v,m,y,g,b;document.pictureInPictureEnabled?(m=e,y=(v=t).notice,g=v.template.$video,b=v.events.proxy,g.disablePictureInPicture=!1,Object.defineProperty(m,"pipState",{get:function(){return document.pictureInPictureElement}}),Object.defineProperty(m,"pipEnabled",{value:function(){g.requestPictureInPicture().catch(function(t){y.show(t,!0,3e3),console.warn(t)})}}),Object.defineProperty(m,"pipExit",{value:function(){document.exitPictureInPicture().catch(function(t){y.show(t,!0,3e3),console.warn(t)})}}),b(g,"enterpictureinpicture",function(){v.emit("pipEnabled")}),b(g,"leavepictureinpicture",function(){v.emit("pipExit")}),v.on("destroy",function(){m.pipState&&m.pipExit()})):(i=e,r=(n=t).option,o=n.i18n,a=n.template,s=a.$player,c=a.$pipClose,l=a.$pipTitle,u=n.events,d=u.destroyEvents,p=u.proxy,h=f=null,Object.defineProperty(i,"pipState",{get:function(){return s.classList.contains("artplayer-pip")}}),Object.defineProperty(i,"pipEnabled",{value:function(){i.autoSizeState&&i.autoSizeRemove(),h?(It(s,"left","".concat(f.x,"px")),It(s,"top","".concat(f.y,"px"))):(h=new U(s,{handle:".artplayer-pip-header"}),x(l,r.title||o.get("Mini player")),p(c,"click",function(){i.pipExit()}),d.push(function(){h.destroy()})),s.classList.add("artplayer-pip"),i.fullscreenExit(),i.fullscreenWebExit(),i.aspectRatioRemove(),i.playbackRateRemove(),n.emit("pipEnabled")}}),Object.defineProperty(i,"pipExit",{value:function(){i.pipState&&(s.classList.remove("artplayer-pip"),f=h.position,It(s,"left",null),It(s,"top",null),i.fullscreenExit(),i.fullscreenWebExit(),i.aspectRatioRemove(),i.playbackRateRemove(),n.emit("pipExit"))}})),Object.defineProperty(e,"pipToggle",{value:function(){e.pipState?e.pipExit():e.pipEnabled()}})}var N=function t(e){var i,r,n,o,a,s,c,l,u,d,p,f,h,v,m,y,g,b,w,x,k,E,S,$,P,T,R,O,C,L,_,j,M,A,z,B,W,q,D,H,F,I,U,N,V,Q,Y,J,X,Z,G,K,tt,et,nt,it,rt,ot,at,st,ct,lt,ut,dt,pt,ft,ht,vt,mt,yt,gt,bt,wt,xt,kt,Et,St,$t,Pt,Tt,Rt,Ot,Ct,Lt,_t,jt,Mt,At,zt;Bt(this,t),r=this,n=(i=e).option,o=n.type,a=n.customType,s=i.template.$video,Object.defineProperty(r,"returnUrl",{writable:!0,value:function(t){return t}}),Object.defineProperty(r,"attachUrl",{value:function(t){var e=o||Dt(t),n=a[e];return Ft().then(function(){e&&n?(i.emit("beforeCustomType",e),n(s,r.returnUrl(t),i),i.emit("afterCustomType",e)):(i.emit("beforeAttachUrl",t),s.src=r.returnUrl(t),i.emit("afterAttachUrl",s.src))})}}),l=this,u=(c=e).option,d=c.events.proxy,p=c.template,f=p.$player,h=p.$video,v=c.i18n,m=c.notice,y=!1,g=0,d(h,"click",function(){l.toggle()}),Ut.video.events.forEach(function(t){d(h,t,function(t){c.emit("video:".concat(t.type),t)})}),c.on("video:canplay",function(){y||(y=!0,u.autoplay&&l.play(),c.emit("firstCanplay")),g=0,c.controls.show(),c.mask.show(),c.loading.hide()}),c.on("video:ended",function(){c.controls.show(),c.mask.show(),u.loop&&(l.seek(0),l.play())}),c.on("video:error",function(){g<5?Ft(1e3).then(function(){g+=1,l.attachUrl(u.url),m.show("".concat(v.get("Reconnect"),": ").concat(g))}):(c.loading.hide(),c.controls.hide(),f.classList.add("artplayer-error"),Ft(1e3).then(function(){m.show(v.get("Video load failed"),!1),c.destroy()}))}),c.on("video:loadedmetadata",function(){u.autoSize&&l.autoSize()}),c.on("video:loadstart",function(){c.loading.show()}),c.on("video:pause",function(){c.controls.show(),c.mask.show()}),c.on("video:play",function(){c.controls.hide(),c.mask.hide()}),c.on("video:playing",function(){c.controls.hide(),c.mask.hide()}),c.on("video:seeked",function(){c.loading.hide()}),c.on("video:seeking",function(){c.loading.show()}),c.on("video:timeupdate",function(){c.controls.hide(),c.mask.hide()}),c.on("video:waiting",function(){c.loading.show()}),w=this,x=(b=e).option,k=b.template.$video,Object.keys(x.moreVideoAttr).forEach(function(t){k[t]=x.moreVideoAttr[t]}),x.muted&&(k.muted=x.muted),x.volume&&(k.volume=qt(x.volume,0,1)),x.poster&&(k.poster=x.poster),x.autoplay&&(k.autoplay=x.autoplay),w.attachUrl(x.url),S=this,$=(E=e).template.$video,P=E.i18n,T=E.notice,R=E.option.mutex,Object.defineProperty(S,"play",{value:function(){var t=$.play();void 0!==t&&t.then().catch(function(t){T.show(t,!0,3e3),console.warn(t)}),R&&E.constructor.instances.filter(function(t){return t!==E}).forEach(function(t){return t.player.pause()}),T.show(P.get("Play")),E.emit("play")}}),C=this,L=(O=e).template.$video,_=O.i18n,j=O.notice,Object.defineProperty(C,"pause",{value:function(){L.pause(),j.show(_.get("Pause")),O.emit("pause")}}),M=this,Object.defineProperty(M,"toggle",{value:function(){M.playing?M.pause():M.play()}}),z=this,B=(A=e).notice,Object.defineProperty(z,"seek",{value:function(t){var e=Math.max(t,0);z.duration&&(e=Math.min(e,z.duration)),z.currentTime=e,B.show("".concat(Ht(e)," / ").concat(Ht(z.duration))),A.emit("seek",e)}}),q=this,D=(W=e).template.$video,H=W.i18n,F=W.notice,I=W.storage,Object.defineProperty(q,"volume",{get:function(){return D.volume||0},set:function(t){void 0!==t&&(D.volume=qt(t,0,1),F.show("".concat(H.get("Volume"),": ").concat(parseInt(100*D.volume,10))),0!==D.volume&&I.set("volume",D.volume),W.emit("volumeChange",D.volume))}}),Object.defineProperty(q,"muted",{get:function(){return D.muted},set:function(t){D.muted=t,W.emit("volumeChange",D.volume)}}),U=e,N=this,Object.defineProperty(N,"currentTime",{get:function(){return U.template.$video.currentTime||0},set:function(t){U.template.$video.currentTime=t}}),V=e,Q=this,Object.defineProperty(Q,"duration",{get:function(){return V.template.$video.duration||0}}),J=this,X=(Y=e).i18n,Z=Y.notice,G=Y.option,Object.defineProperty(J,"switchQuality",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t!==G.url){var n=J.currentTime,i=J.playing;J.attachUrl(t).then(function(){G.url=t,J.playbackRateRemove(),J.aspectRatioRemove(),J.seek(n),i&&J.play(),Z.show("".concat(X.get("Switch video"),": ").concat(e)),Y.emit("switch",t)})}}}),tt=this,et=(K=e).template,nt=et.$video,it=et.$player,rt=K.i18n,ot=K.notice,Object.defineProperty(tt,"playbackRateState",{get:function(){return it.dataset.playbackRate}}),Object.defineProperty(tt,"playbackRate",{value:function(t){var e=[.5,.75,1,1.25,1.5,2];Wt(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t!==it.dataset.playbackRate&&(nt.playbackRate=t,it.dataset.playbackRate=t,ot.show("".concat(rt.get("Rate"),": ").concat(t,"x")),K.emit("playbackRateChange",t))}}),Object.defineProperty(tt,"playbackRateRemove",{value:function(){tt.$playbackRateState&&(tt.playbackRate(1),delete it.dataset.playbackRate,K.emit("playbackRateRemove"))}}),Object.defineProperty(tt,"playbackRateReset",{value:function(){var t=it.dataset.playbackRate;t&&(tt.playbackRate(Number(t)),K.emit("playbackRateReset"))}}),st=this,ct=(at=e).template,lt=ct.$video,ut=ct.$player,dt=at.i18n,pt=at.notice,Object.defineProperty(st,"aspectRatioState",{get:function(){return ut.dataset.aspectRatio||""}}),Object.defineProperty(st,"aspectRatio",{value:function(t){var e=["default","4:3","16:9"];if(Wt(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),t!==ut.dataset.aspectRatio){if("default"===t)st.aspectRatioRemove();else{var n=t.split(":"),i=lt.videoWidth,r=lt.videoHeight,o=ut.clientWidth,a=ut.clientHeight,s=i/r,c=n[0]/n[1];if(c<s){var l=c*r/i;It(lt,"width","".concat(100*l,"%")),It(lt,"height","100%"),It(lt,"padding","0 ".concat((o-o*l)/2,"px"))}else{var u=i/c/r;It(lt,"width","100%"),It(lt,"height","".concat(100*u,"%")),It(lt,"padding","".concat((a-a*u)/2,"px 0"))}}ut.dataset.aspectRatio=t,pt.show("".concat(dt.get("Aspect ratio"),": ").concat(t)),at.emit("aspectRatioChange",t)}}}),Object.defineProperty(st,"aspectRatioRemove",{value:function(){st.aspectRatioState&&(It(lt,"width",null),It(lt,"height",null),It(lt,"padding",null),delete ut.dataset.aspectRatio,at.emit("aspectRatioRemove"))}}),Object.defineProperty(st,"aspectRatioReset",{value:function(){var t=ut.dataset.aspectRatio;t&&(st.aspectRatio(t),at.emit("aspectRatioReset"))}}),Nt(e,this),ht=this,vt=(ft=e).notice,mt=ft.events.destroyEvents,yt=ft.template.$player,gt=function(){ft.emit("fullscreen",Vt.isFullscreen)},bt=function(){vt.show("Your browser does not seem to support full screen functionality.")},Vt.on("change",gt),Vt.on("error",bt),mt.push(function(){Vt.off("change",gt),Vt.off("error",bt)}),Object.defineProperty(ht,"fullscreenState",{get:function(){return Vt.isFullscreen}}),Object.defineProperty(ht,"fullscreenEnabled",{value:function(){ht.fullscreenWebState&&ht.fullscreenWebExit(),yt.classList.add("artplayer-fullscreen"),Vt.request(yt),ft.emit("fullscreen:enabled")}}),Object.defineProperty(ht,"fullscreenExit",{value:function(){ht.fullscreenState&&(ht.fullscreenWebExit(),yt.classList.remove("artplayer-fullscreen"),Vt.exit(),ft.emit("fullscreen:exit"))}}),Object.defineProperty(ht,"fullscreenToggle",{value:function(){ht.fullscreenState?ht.fullscreenExit():ht.fullscreenEnabled()}}),xt=this,kt=(wt=e).template.$player,Object.defineProperty(xt,"fullscreenWebState",{get:function(){return kt.classList.contains("artplayer-web-fullscreen")}}),Object.defineProperty(xt,"fullscreenWebEnabled",{value:function(){xt.fullscreenState&&xt.fullscreenExit(),kt.classList.add("artplayer-web-fullscreen"),wt.emit("fullscreenWeb:enabled")}}),Object.defineProperty(xt,"fullscreenWebExit",{value:function(){xt.fullscreenWebState&&(xt.fullscreenExit(),kt.classList.remove("artplayer-web-fullscreen"),wt.emit("fullscreenWeb:exit"))}}),Object.defineProperty(xt,"fullscreenWebToggle",{value:function(){xt.fullscreenWebState?xt.fullscreenWebExit():xt.fullscreenWebEnabled()}}),Qt(e,this),Et=this,St=e.template.$video,Object.defineProperty(Et,"loaded",{get:function(){return St.buffered.length?St.buffered.end(St.buffered.length-1)/St.duration:0}}),$t=e,Pt=this,Object.defineProperty(Pt,"played",{get:function(){return $t.template.$video.currentTime/$t.template.$video.duration}}),Tt=this,Rt=e.template.$video,Object.defineProperty(Tt,"playing",{get:function(){return!!(0<Rt.currentTime&&!Rt.paused&&!Rt.ended&&2<Rt.readyState)}}),Ct=this,Lt=(Ot=e).template,_t=Lt.$container,jt=Lt.$player,Mt=Lt.$video,Object.defineProperty(Ct,"autoSizeState",{get:function(){return _t.classList.contains("artplayer-auto-size")}}),Object.defineProperty(Ct,"autoSize",{value:function(){var t=Mt.videoWidth,e=Mt.videoHeight,n=_t.getBoundingClientRect(),i=n.width,r=n.height,o=t/e,a=i/r;if(_t.classList.add("artplayer-auto-size"),o<a)It(jt,"width","".concat(r*o/i*100,"%")),It(jt,"height","100%");else{var s=i/o/r*100;It(jt,"width","100%"),It(jt,"height","".concat(s,"%"))}Ot.emit("autoSizeChange")}}),Object.defineProperty(Ct,"autoSizeRemove",{value:function(){_t.classList.remove("artplayer-auto-size"),It(jt,"width",null),It(jt,"height",null),Ot.emit("autoSizeRemove")}}),At=e,zt=this,Object.defineProperty(zt,"flipState",{get:function(){return At.template.$player.dataset.flip}}),Object.defineProperty(zt,"flip",{value:function(t){var e=["normal","horizontal","vertical"];Wt(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),At.template.$player.dataset.flip=t,At.emit("flipChange",t)}}),Object.defineProperty(zt,"flipRemove",{value:function(){delete At.template.$player.dataset.flip,At.emit("flipRemove")}})},V=function(){function e(t){Bt(this,e),(this.art=t).option.mse&&this.init()}return r(e,[{key:"init",value:function(){var e=this,t=this.art,n=t.player,i=t.events;this.setMimeCodec(),Object.defineProperty(n,"returnUrl",{value:function(){e.mediaSource=new MediaSource;var t=URL.createObjectURL(e.mediaSource);return e.eventBind(),i.destroyEvents.push(function(){URL.revokeObjectURL(t)}),t}})}},{key:"setMimeCodec",value:function(){var t=this.art.option;if(!t.type){var e=Dt(t.url);Wt(Object.keys(Ut.mimeCodec).includes(e),"Can't find video's type '".concat(e,"' from '").concat(t.url,"'")),t.type=e}if(!t.mimeCodec){var n=Ut.mimeCodec[t.type];Wt(n,"Can't find video's mimeCodec from ".concat(t.type)),t.mimeCodec=n}Wt("MediaSource"in window&&MediaSource.isTypeSupported(t.mimeCodec),"Unsupported MIME type or codec: ".concat(t.mimeCodec))}},{key:"eventBind",value:function(){var e=this,t=this.art,n=t.option,i=t.events.proxy,r=Ut.mse,o=r.mediaSource,a=r.sourceBufferList,s=r.sourceBuffer;o.events.forEach(function(t){i(e.mediaSource,t,function(t){e.art.emit("mediaSource:".concat(t.type),t)})}),a.events.forEach(function(t){i(e.mediaSource.sourceBuffers,t,function(t){e.art.emit("sourceBuffers:".concat(t.type),t)}),i(e.mediaSource.activeSourceBuffers,t,function(t){e.art.emit("activeSourceBuffers:".concat(t.type),t)})}),this.art.on("mediaSource:sourceopen",function(){e.sourceBuffer=e.mediaSource.addSourceBuffer(n.mimeCodec),s.events.forEach(function(t){i(e.sourceBuffer,t,function(t){e.art.emit("sourceBuffer:".concat(t.type),t)})})}),this.art.on("sourceBuffer:updateend",function(){e.mediaSource.endOfStream()})}}]),e}();function Q(e,n,t,i,r,o){var a="function"==typeof i?i(e):i;if(!a.disable){n.id+=1;var s=a.name||"".concat(o).concat(n.id),c=document.createElement("div");c.classList.value="art-".concat(o," art-").concat(o,"-").concat(s),a.html&&x(c,a.html),a.style&&$(c,a.style),a.click&&e.events.proxy(c,"click",function(t){t.preventDefault(),a.click.call(n,t),e.emit("".concat(o,":click"),c)}),Object.defineProperty(a,"$ref",{get:function(){return c}}),Object.defineProperty(a,"hide",{value:function(){It(c,"display","none"),e.emit("".concat(o,":hide"),c)}}),Object.defineProperty(a,"show",{value:function(){It(c,"display","block"),e.emit("".concat(o,":show"),c)}}),k(t,c,a.index||n.id),a.mounted&&a.mounted(c),r&&r(c),n[s]=a,e.emit("".concat(o,":add"),a)}}var Y=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){h(e,t,n[t])})}return e};var J=function(t){if(Array.isArray(t))return t};var X=function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(t){r=!0,o=t}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}return n};var Z=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var G=function(t,e){return J(t)||X(t,e)||Z()};var K,tt,et=(K={loading:'<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default">\n  <rect x="0" y="0" width="100" height="100" fill="none" class="bk"/>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(0 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(30 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(60 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(90 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.75s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(120 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(150 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(180 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(210 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(240 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(270 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.25s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(300 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(330 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"/>\n  </rect>\n</svg>',playBig:'<svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',play:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n  <path d="M17.982 9.275L8.06 3.27A2.013 2.013 0 0 0 5 4.994v12.011a2.017 2.017 0 0 0 3.06 1.725l9.922-6.005a2.017 2.017 0 0 0 0-3.45z"></path>\n</svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M7 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2zM15 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2z"></path>\n</svg>',volume:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M10.188 4.65L6 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39V5.04a.498.498 0 0 0-.812-.39zM14.446 3.778a1 1 0 0 0-.862 1.804 6.002 6.002 0 0 1-.007 10.838 1 1 0 0 0 .86 1.806A8.001 8.001 0 0 0 19 11a8.001 8.001 0 0 0-4.554-7.222z"></path>\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v6.93A3.998 3.998 0 0 0 15 11z"></path>\n</svg>',volumeClose:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v2.636l1.865 1.865A4.02 4.02 0 0 0 15 11z"></path>\n    <path d="M13.583 5.583A5.998 5.998 0 0 1 17 11a6 6 0 0 1-.585 2.587l1.477 1.477a8.001 8.001 0 0 0-3.446-11.286 1 1 0 0 0-.863 1.805zM18.778 18.778l-2.121-2.121-1.414-1.414-1.415-1.415L13 13l-2-2-3.889-3.889-3.889-3.889a.999.999 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39v-3.131l2.587 2.587-.01.005a1 1 0 0 0 .86 1.806c.215-.102.424-.214.627-.333l2.3 2.3a1.001 1.001 0 0 0 1.414-1.416zM11 5.04a.5.5 0 0 0-.813-.39L8.682 5.854 11 8.172V5.04z"></path>\n</svg>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\n</svg>',screenshot:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 50 50">\n\t<path d="M 19.402344 6 C 17.019531 6 14.96875 7.679688 14.5 10.011719 L 14.097656 12 L 9 12 C 6.238281 12 4 14.238281 4 17 L 4 38 C 4 40.761719 6.238281 43 9 43 L 41 43 C 43.761719 43 46 40.761719 46 38 L 46 17 C 46 14.238281 43.761719 12 41 12 L 35.902344 12 L 35.5 10.011719 C 35.03125 7.679688 32.980469 6 30.597656 6 Z M 25 17 C 30.519531 17 35 21.480469 35 27 C 35 32.519531 30.519531 37 25 37 C 19.480469 37 15 32.519531 15 27 C 15 21.480469 19.480469 17 25 17 Z M 25 19 C 20.589844 19 17 22.589844 17 27 C 17 31.410156 20.589844 35 25 35 C 29.410156 35 33 31.410156 33 27 C 33 22.589844 29.410156 19 25 19 Z "/>\n</svg>\n',setting:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <circle cx="11" cy="11" r="2"></circle>\n    <path d="M19.164 8.861L17.6 8.6a6.978 6.978 0 0 0-1.186-2.099l.574-1.533a1 1 0 0 0-.436-1.217l-1.997-1.153a1.001 1.001 0 0 0-1.272.23l-1.008 1.225a7.04 7.04 0 0 0-2.55.001L8.716 2.829a1 1 0 0 0-1.272-.23L5.447 3.751a1 1 0 0 0-.436 1.217l.574 1.533A6.997 6.997 0 0 0 4.4 8.6l-1.564.261A.999.999 0 0 0 2 9.847v2.306c0 .489.353.906.836.986l1.613.269a7 7 0 0 0 1.228 2.075l-.558 1.487a1 1 0 0 0 .436 1.217l1.997 1.153c.423.244.961.147 1.272-.23l1.04-1.263a7.089 7.089 0 0 0 2.272 0l1.04 1.263a1 1 0 0 0 1.272.23l1.997-1.153a1 1 0 0 0 .436-1.217l-.557-1.487c.521-.61.94-1.31 1.228-2.075l1.613-.269a.999.999 0 0 0 .835-.986V9.847a.999.999 0 0 0-.836-.986zM11 15a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"></path>\n</svg>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},tt={},Object.keys(K).forEach(function(t){var e=document.createElement("div");e.innerHTML='<i class="art-icon art-icon-'.concat(t,'">').concat(K[t],"</i>");var n=G(e.childNodes,1);tt[t]=n[0]}),tt);function nt(t,e){var n=t.template.$progress,i=t.player,r=n.getBoundingClientRect().left,o=qt(e.x-r,0,n.clientWidth),a=o/n.clientWidth*i.duration;return{second:a,time:Ht(a),width:o,percentage:qt(o/n.clientWidth,0,1)}}function it(i){return function(u){var t=u.option,e=t.highlight,n=t.theme,d=u.events.proxy,p=u.player;return Y({},i,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(o){var r=!1,n=o.querySelector(".art-progress-loaded"),i=o.querySelector(".art-progress-played"),a=o.querySelector(".art-progress-highlight"),s=o.querySelector(".art-progress-indicator"),c=o.querySelector(".art-progress-tip");function l(t,e){"loaded"===t&&It(n,"width","".concat(100*e,"%")),"played"===t&&(It(i,"width","".concat(100*e,"%")),It(s,"left","calc(".concat(100*e,"% - ").concat(P(s,"width")/2,"px)")))}e.forEach(function(t){var e=qt(t.time,0,p.duration)/p.duration*100;x(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),l("loaded",p.loaded),u.on("video:progress",function(){l("loaded",p.loaded)}),u.on("video:timeupdate",function(){l("played",p.played)}),u.on("video:ended",function(){l("played",1)}),d(o,"mousemove",function(t){var e,n,i,r;It(c,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=t.target.dataset,n=e.text,i=e.time;c.innerHTML=n;var r=Number(i)/u.player.duration*o.clientWidth+t.target.clientWidth/2-c.clientWidth/2;It(c,"left","".concat(r,"px"))}(t):(e=nt(u,t),n=e.width,i=e.time,r=c.clientWidth,c.innerHTML=i,n<=r/2?It(c,"left",0):n>o.clientWidth-r/2?It(c,"left","".concat(o.clientWidth-r,"px")):It(c,"left","".concat(n-r/2,"px")))}),d(o,"mouseout",function(){It(c,"display","none")}),d(o,"click",function(t){if(t.target!==s){var e=nt(u,t),n=e.second;l("played",e.percentage),p.seek(n)}}),d(s,"mousedown",function(){r=!0}),d(document,"mousemove",function(t){if(r){var e=nt(u,t),n=e.second,i=e.percentage;s.classList.add("art-show-indicator"),l("played",i),p.seek(n)}}),d(document,"mouseup",function(){r&&(r=!1,s.classList.remove("art-show-indicator"))})}})}}function rt(t){return function(y){return Y({},t,{mounted:function(p){var f=y.template.$progress,t=y.events,e=t.proxy,h=t.loadImg,v=!1,m=!1;e(f,"mousemove",function(t){var e,n,i,r,o,a,s,c,l,u,d;v||(v=!0,h(y.option.thumbnails.url).then(function(){m=!0})),m&&(It(p,"display","block"),e=nt(y,t).width,n=y.option.thumbnails,i=n.url,r=n.height,o=n.width,a=n.number,s=n.column,c=f.clientWidth/a,l=Math.ceil(e/c),u=Math.ceil(l/s)-1,d=l%s||s-1,It(p,"backgroundImage","url(".concat(i,")")),It(p,"height","".concat(r,"px")),It(p,"width","".concat(o,"px")),It(p,"backgroundPosition","-".concat(d*o,"px -").concat(u*r,"px")),e<=o/2?It(p,"left",0):e>f.clientWidth-o/2?It(p,"left","".concat(f.clientWidth-o,"px")):It(p,"left","".concat(e-o/2,"px")))}),e(f,"mouseout",function(){It(p,"display","none")})}})}}var ot=function(){function n(t){var e=this;Bt(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var t,e,n,i,r,a,s,o,c,l,u=this,d=this.art.option;this.add(it({name:"progress",disable:d.isLive,position:"top",index:10})),this.add(rt({name:"thumbnails",disable:!d.thumbnails.url||d.isLive,position:"top",index:20})),this.add((t={name:"playAndPause",disable:!1,position:"left",index:10},function(c){return Y({},t,{mounted:function(t){var e=c.events.proxy,n=c.player,i=c.i18n,r=x(t,et.play),o=x(t,et.pause);function a(){It(r,"display","flex"),It(o,"display","none")}function s(){It(r,"display","none"),It(o,"display","flex")}O(r,i.get("Play")),O(o,i.get("Pause")),e(r,"click",function(){n.play()}),e(o,"click",function(){n.pause()}),n.playing?s():a(),c.on("video:playing",function(){s()}),c.on("video:pause",function(){a()})}})})),this.add((e={name:"volume",disable:!1,position:"left",index:20},function(d){return Y({},e,{mounted:function(t){var e=d.events.proxy,r=d.player,n=d.i18n,i=!1,o=x(t,et.volume),a=x(t,et.volumeClose),s=x(t,'<div class="art-volume-panel"></div>'),c=x(s,'<div class="art-volume-slider-handle"></div>');function l(t){var e=s.getBoundingClientRect(),n=e.left,i=e.width,r=c.getBoundingClientRect().width;return qt(t.x-n-r/2,0,i-r/2)/(i-r)}function u(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(r.muted||0===t)It(o,"display","none"),It(a,"display","flex"),It(c,"left","0");else{var e=P(s,"width")||60,n=P(c,"width"),i=n/2+(e-n)*t-n/2;It(o,"display","flex"),It(a,"display","none"),It(c,"left","".concat(i,"px"))}}O(o,n.get("Mute")),It(a,"display","none"),u(r.volume),d.on("video:volumechange",function(){u(r.volume)}),e(o,"click",function(){r.muted=!0}),e(a,"click",function(){r.muted=!1}),e(s,"click",function(t){r.muted=!1,r.volume=l(t)}),e(c,"mousedown",function(){i=!0}),e(c,"mousemove",function(t){i&&(r.muted=!1,r.volume=l(t))}),e(document,"mouseup",function(){i&&(i=!1)})}})})),this.add((n={name:"time",disable:d.isLive,position:"left",index:30},function(i){return Y({},n,{mounted:function(e){function n(){var t="".concat(Ht(i.player.currentTime)," / ").concat(Ht(i.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){i.on(t,n)})}})})),this.add((i={name:"quality",disable:0===d.quality.length,position:"right",index:10},function(r){return Y({},i,{mounted:function(t){var o=r.option,e=r.events.proxy,a=r.player,s=-1,n=o.quality.find(function(t){return t.default})||o.quality[0];s=o.quality.indexOf(n);var c=x(t,'<div class="art-quality-name">'.concat(n.name,"</div>")),i=o.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join("");e(x(t,'<div class="art-qualitys">'.concat(i,"</div>")),"click",function(t){var e=Number(t.target.dataset.index),n=o.quality[e],i=n.url,r=n.name;i&&r&&s!==e&&(a.switchQuality(i,r),c.innerHTML=r,s=e)})}})})),this.add((r={name:"screenshot",disable:!d.screenshot,position:"right",index:20},function(o){return Y({},r,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,et.screenshot);O(r,n.get("Screenshot")),e(r,"click",function(){i.screenshot()})}})})),this.add((a={name:"subtitle",disable:!d.subtitle.url,position:"right",index:30},function(o){return Y({},a,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.subtitle,r=x(t,et.subtitle);O(r,n.get("Hide subtitle")),e(t,"click",function(){i.toggle()}),o.on("subtitle:show",function(){It(r,"opacity","1"),O(r,n.get("Hide subtitle"))}),o.on("subtitle:hide",function(){It(r,"opacity","0.8"),O(r,n.get("Show subtitle"))})}})})),this.add((s={name:"setting",disable:!d.setting,position:"right",index:40},function(o){return Y({},s,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.setting,r=x(t,et.setting);O(r,n.get("Show setting")),e(t,"click",function(){i.toggle()}),o.on("setting:show",function(){It(r,"opacity","0.8"),O(r,n.get("Hide setting"))}),o.on("setting:hide",function(){It(r,"opacity","1"),O(r,n.get("Show setting"))})}})})),this.add((o={name:"pip",disable:!d.pip,position:"right",index:50},function(r){return Y({},o,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.player;O(x(t,et.pip),n.get("Mini player")),e(t,"click",function(){i.pipEnabled()})}})})),this.add((c={name:"fullscreenWeb",disable:!d.fullscreenWeb,position:"right",index:60},function(o){return Y({},c,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,et.fullscreenWeb);O(r,n.get("Web fullscreen")),e(t,"click",function(){i.fullscreenWebToggle()}),o.on("fullscreenWeb:enabled",function(){It(r,"opacity","0.8"),O(r,n.get("Exit web fullscreen"))}),o.on("fullscreenWeb:exit",function(){It(r,"opacity","1"),O(r,n.get("Web fullscreen"))})}})})),this.add((l={name:"fullscreen",disable:!d.fullscreen,position:"right",index:70},function(o){return Y({},l,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,et.fullscreen);O(r,n.get("Fullscreen")),e(t,"click",function(){i.fullscreenToggle()}),o.on("fullscreen:enabled",function(){It(r,"opacity","0.8"),O(r,n.get("Exit fullscreen"))}),o.on("fullscreen:exit",function(){It(r,"opacity","1"),O(r,n.get("Fullscreen"))})}})})),d.controls.forEach(function(t){u.add(t)})}},{key:"add",value:function(t,e){var n,i="function"==typeof t?t(this.art):t,r=this.art.template,o=r.$progress,a=r.$controlsLeft,s=r.$controlsRight;switch(i.position){case"top":n=o;break;case"left":n=a;break;case"right":n=s}n&&Q(this.art,this,n,i,e,"control")}},{key:"show",value:function(){this.art.template.$player.classList.add("artplayer-controls-show")}},{key:"hide",value:function(){this.art.template.$player.classList.remove("artplayer-controls-show")}}]),n}();var at=function(){function n(t){var e=this;Bt(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var e,r,n,i,o=this,t=this.art,a=t.option,s=t.template,c=s.$player,l=s.$contextmenu,u=t.events.proxy;this.add((e={disable:!a.playbackRate,name:"playbackRate",index:10},function(n){var t=n.i18n,i=n.player;return Y({},e,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(t){var e=t.target.dataset.rate;e&&(i.playbackRate(Number(e)),n.contextmenu.hide())},mounted:function(t){n.on("playbackRateChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e}),"current")})}})})),this.add((r={disable:!a.aspectRatio,name:"aspectRatio",index:20},function(n){var t=n.i18n,i=n.player;return Y({},r,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(t){var e=t.target.dataset.ratio;e&&(i.aspectRatio(e),n.contextmenu.hide())},mounted:function(t){n.on("aspectRatioChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})})),this.add((n={disable:!1,name:"info",index:30},function(t){return Y({},n,{html:t.i18n.get("Video info"),click:function(){t.info.show(),t.contextmenu.hide()}})})),this.add(Y({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 1.0.5</a>'})),this.add((i={disable:!1,name:"close",index:50},function(t){return Y({},i,{html:t.i18n.get("Close"),click:function(){t.contextmenu.hide()}})})),a.contextmenu.forEach(function(t){o.add(t)}),u(c,"contextmenu",function(t){t.preventDefault(),o.show(),o.setPos(t)}),u(c,"click",function(t){t.composedPath().includes(l)||o.hide()})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;Q(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,i=e.$contextmenu,r=t.clientX,o=t.clientY,a=n.getBoundingClientRect(),s=a.height,c=a.width,l=a.left,u=a.top,d=i.getBoundingClientRect(),p=d.height,f=d.width,h=r-l,v=o-u;l+c<r+f&&(h=c-f),u+s<o+p&&(v=s-p),It(i,"left","".concat(h,"px")),It(i,"top","".concat(v,"px"))}},{key:"hide",value:function(){var t=this.art.template.$contextmenu;It(t,"display","none"),this.art.emit("contextmenu:hide",t)}},{key:"show",value:function(){var t=this.art.template.$contextmenu;It(t,"display","block"),this.art.emit("contextmenu:show",t)}}]),n}(),st=function(){function e(t){Bt(this,e),this.art=t,this.init()}return r(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.hide()})}},{key:"show",value:function(){var t=this.art.template,e=t.$info,n=t.$infoPanel;It(e,"display","block"),n.innerHTML||x(n,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show",e)}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">1.0.5</div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video volume:</div>\n            <div class="art-info-content" data-video="volume"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video time:</div>\n            <div class="art-info-content" data-video="currentTime"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video duration:</div>\n            <div class="art-info-content" data-video="duration"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video resolution:</div>\n            <div class="art-info-content">\n              <span data-video="videoWidth"></span> x <span data-video="videoHeight"></span>\n            </div>\n          </div>\n        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"hide",value:function(){var t=this.art.template.$info;It(t,"display","none"),clearTimeout(this.timer),this.art.emit("info:hide",t)}}]),e}(),ct=function(){function n(t){Bt(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return r(n,[{key:"init",value:function(t){var i=this,e=this.art,r=e.events.proxy,n=e.option.subtitle,o=e.template,a=o.$video,s=o.$subtitle,c=o.$track;if($(s,n.style||{}),!c){var l=document.createElement("track");l.default=!0,l.kind="metadata",a.appendChild(l),this.art.template.$track=l}this.load(t).then(function(t){if(i.art.template.$track.src=t,i.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var n=G(a.textTracks,1)[0];r(n,"cuechange",function(){var t=G(n.activeCues,1)[0];if(s.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),s.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}i.art.emit("subtitle:update",s)})}})}},{key:"load",value:function(e){var n,i=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?L(C(t)):e}).catch(function(t){i.show(t),console.warn(t)})}},{key:"show",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;It(e,"display","block"),this.state=!0,i.show(n.get("Show subtitle")),this.art.emit("subtitle:show",e)}},{key:"hide",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;It(e,"display","none"),this.state=!1,i.show(n.get("Hide subtitle")),this.art.emit("subtitle:hide",e)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}();var lt=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});e.ContentRect=function(t){if("getBBox"in t){var e=t.getBBox();return Object.freeze({height:e.height,left:0,top:0,width:e.width})}var n=window.getComputedStyle(t);return Object.freeze({height:parseFloat(n.height||"0"),left:parseFloat(n.paddingLeft||"0"),top:parseFloat(n.paddingTop||"0"),width:parseFloat(n.width||"0")})}});e(lt);lt.ContentRect;var ut=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t){this.target=t,this.$$broadcastWidth=this.$$broadcastHeight=0}return Object.defineProperty(t.prototype,"broadcastWidth",{get:function(){return this.$$broadcastWidth},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"broadcastHeight",{get:function(){return this.$$broadcastHeight},enumerable:!0,configurable:!0}),t.prototype.isActive=function(){var t=lt.ContentRect(this.target);return!!t&&(t.width!==this.broadcastWidth||t.height!==this.broadcastHeight)},t}();e.ResizeObservation=n});e(ut);ut.ResizeObservation;var dt=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){this.target=t,this.contentRect=lt.ContentRect(t)};e.ResizeObserverEntry=n});e(dt);dt.ResizeObserverEntry;var pt=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=[],i=function(){function t(t){this.$$observationTargets=[],this.$$activeTargets=[],this.$$skippedTargets=[];var e=function(t){if(void 0===t)return"Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.";if("function"!=typeof t)return"Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function."}(t);if(e)throw TypeError(e);this.$$callback=t,n.push(this)}return t.prototype.observe=function(t){var e=r("observe",t);if(e)throw TypeError(e);0<o(this.$$observationTargets,t)||(this.$$observationTargets.push(new ut.ResizeObservation(t)),d())},t.prototype.unobserve=function(t){var e=r("unobserve",t);if(e)throw TypeError(e);var n=o(this.$$observationTargets,t);n<0||(this.$$observationTargets.splice(n,1),f())},t.prototype.disconnect=function(){this.$$observationTargets=[],this.$$activeTargets=[]},t}();function r(t,e){return void 0===e?"Failed to execute '"+t+"' on 'ResizeObserver': 1 argument required, but only 0 present.":e instanceof window.Element?void 0:"Failed to execute '"+t+"' on 'ResizeObserver': parameter 1 is not of type 'Element'."}function o(t,e){for(var n=0;n<t.length;n+=1)if(t[n].target===e)return n;return-1}e.ResizeObserver=i;var a,s=function(i){n.forEach(function(n){n.$$activeTargets=[],n.$$skippedTargets=[],n.$$observationTargets.forEach(function(t){if(t.isActive()){var e=l(t.target);i<e?n.$$activeTargets.push(t):n.$$skippedTargets.push(t)}})})},c=function(){var r=1/0;return n.forEach(function(t){if(t.$$activeTargets.length){var i=[];t.$$activeTargets.forEach(function(t){var e=new dt.ResizeObserverEntry(t.target);i.push(e),t.$$broadcastWidth=e.contentRect.width,t.$$broadcastHeight=e.contentRect.height;var n=l(t.target);n<r&&(r=n)}),t.$$callback(i,t),t.$$activeTargets=[]}}),r},l=function(t){for(var e=0;t.parentNode;)t=t.parentNode,e+=1;return e},u=function(){var t,e=0;for(s(e);n.some(function(t){return!!t.$$activeTargets.length});)e=c(),s(e);n.some(function(t){return!!t.$$skippedTargets.length})&&(t=new window.ErrorEvent("ResizeLoopError",{message:"ResizeObserver loop completed with undelivered notifications."}),window.dispatchEvent(t))},d=function(){a||p()},p=function t(){a=window.requestAnimationFrame(function(){u(),t()})},f=function(){a&&!n.some(function(t){return!!t.$$observationTargets.length})&&(window.cancelAnimationFrame(a),a=void 0)};e.install=function(){return window.ResizeObserver=i}});e(pt);var ft=pt.ResizeObserver;pt.install;var ht=function(){function t(x){var k=this;Bt(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),x.on("firstCanplay",function(){var e,t,n,i,r,o,a,s,c,l,u,d,p,f,h,v,m,y,g,b,w;t=k,n=(e=x).template.$player,t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?e.isFocus=!0:(e.isFocus=!1,e.contextmenu.hide())}),r=k,o=(i=x).template.$player,r.hover(o,function(){o.classList.add("artplayer-hover"),i.emit("hoverenter")},function(){o.classList.remove("artplayer-hover"),i.emit("hoverleave")}),s=k,c=(a=x).template,l=c.$player,u=c.$video,d=a.player,p=E(function(){l.classList.add("artplayer-hide-cursor"),l.classList.remove("artplayer-hover"),a.controls.hide()},5e3),a.on("hoverleave",function(){d.playing&&p()}),s.proxy(l,"mousemove",function(t){p.clearTimeout(),l.classList.remove("artplayer-hide-cursor"),a.controls.show(),!a.player.pipState&&d.playing&&t.target===u&&p()}),h=k,v=(f=x).option,m=f.template.$player,(y=new ft(function(){v.autoSize&&(f.player.fullscreenState||f.player.fullscreenWebState||f.player.pipState?f.player.autoSizeRemove():f.player.autoSize()),f.player.aspectRatioReset(),f.emit("resize",m)})).observe(m),h.destroyEvents.push(function(){y.unobserve(m)}),b=k,w=(g=x).template.$video,b.proxy(w,"dblclick",function(){g.player.fullscreenToggle(),g.emit("dblclick")})})}return r(t,[{key:"proxy",value:function(e,t,n){var i=this,r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(t)?t.forEach(function(t){return i.proxy(e,t,n,r)}):(e.addEventListener(t,n,r),this.destroyEvents.push(function(){e.removeEventListener(t,n,r)}))}},{key:"hover",value:function(t,e,n){this.proxy(t,"mouseenter",e),this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(i){var r=this;return new Promise(function(t,e){var n;if(i instanceof HTMLImageElement)n=i;else{if("string"!=typeof i)return e(i);(n=new Image).src=i}return n.complete?t(n):(r.proxy(n,"load",function(){return t(n)}),r.proxy(n,"error",function(){return e(n)}),i)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),t}(),vt=function(){function n(t){var e=this;Bt(this,n),this.art=t,this.art.option.hotkey&&this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var i=this,t=this.art,r=t.player;(0,t.events.proxy)(window,"keydown",function(t){if(i.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n)switch(i.art.emit("hotkey",t),t.keyCode){case 39:t.preventDefault(),r.seek(r.currentTime+10);break;case 37:t.preventDefault(),r.seek(r.currentTime-10);break;case 38:t.preventDefault(),r.volume+=.05;break;case 40:t.preventDefault(),r.volume-=.05;break;case 32:t.preventDefault(),r.toggle()}}})}}]),n}(),mt=function(){function n(t){var e=this;Bt(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.option.layers.forEach(function(t){e.add(t)})}return r(n,[{key:"add",value:function(t,e){var n=this.art.template.$layers;Q(this.art,this,n,t,e,"layer")}},{key:"show",value:function(){var t=this.art.template.$layers;It(t,"display","block"),this.art.emit("layers:show",t)}},{key:"hide",value:function(){var t=this.art.template.$layers;It(t,"display","none"),this.art.emit("layers:hide",t)}}]),n}(),yt=function(){function n(t){Bt(this,n);var e=(this.art=t).option;x(t.template.$loading,e.icons.loading||et.loading)}return r(n,[{key:"hide",value:function(){var t=this.art.template.$loading;It(t,"display","none"),this.art.emit("loading:hide",t)}},{key:"show",value:function(){var t=this.art.template.$loading;It(t,"display","flex"),this.art.emit("loading:show",t)}}]),n}(),gt=function(){function e(t){Bt(this,e),this.art=t,this.timer=null}return r(e,[{key:"show",value:function(t){var e=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,r=this.art.template,o=r.$notice,a=r.$noticeInner;It(o,"display","block"),a.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){e.hide()},i)),this.art.emit("notice:show",o)}},{key:"hide",value:function(){var t=this.art.template.$notice;It(t,"display","none"),this.art.emit("notice:hide",t)}}]),e}(),bt=function(){function n(t){Bt(this,n);var e=(this.art=t).option;x(x(t.template.$mask,'<div class="art-playBig"></div>'),e.icons.playBig||et.playBig)}return r(n,[{key:"show",value:function(){var t=this.art.template.$mask;It(t,"display","flex"),this.art.emit("mask:show",t)}},{key:"hide",value:function(){var t=this.art.template.$mask;It(t,"display","none"),this.art.emit("mask:show",t)}}]),n}();var wt=function(){function n(t){var e=this;Bt(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var i,t=this,e=this.art,n=e.template.$settingClose;(0,e.events.proxy)(n,"click",function(){t.hide()}),this.add((i={disable:!1,name:"flip",index:10},function(e){var t=e.i18n,n=e.player;return Y({},i,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-body">\n                    <div class="art-setting-btns">\n                        <div class="art-setting-btn current">\n                            <span data-flip="normal">').concat(t.get("Normal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="horizontal">').concat(t.get("Horizontal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="vertical">').concat(t.get("Vertical"),"</span>\n                        </div>\n                    </div>\n                </div>\n            "),click:function(t){var e=t.target.dataset.flip;e&&n.flip(e)},mounted:function(t){e.on("flipChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.flip===e}).parentElement,"current")})}})}))}},{key:"add",value:function(t,e){var n=this.art.template.$settingBody;Q(this.art,this,n,t,e,"setting")}},{key:"show",value:function(){var t=this.art.template.$setting;It(t,"display","flex"),this.state=!0,this.art.emit("setting:show",t)}},{key:"hide",value:function(){var t=this.art.template.$setting;It(t,"display","none"),this.state=!1,this.art.emit("setting:hide",t)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),xt=function(){function e(t){Bt(this,e),this.art=t,this.storageName="artplayer_settings",this.init()}return r(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.storageName))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),h({},t,e));localStorage.setItem(this.storageName,JSON.stringify(n))}}]),e}();function kt(i){var t=i.i18n,r=i.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-body">\n                <input\n                    style="width: 100%;height: 3px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-color: #fff;"\n                    class="art-subtitle-range"\n                    type="range"\n                    min="-5"\n                    max="5"\n                    step="0.5"\n                >\n            </div>\n        '),mounted:function(t){var e=t.querySelector(".art-subtitle-range"),n=t.querySelector(".art-subtitle-value");r(e,"change",function(){var t=e.value;n.innerText=t,i.plugins.subtitle.offset(Number(t))}),i.on("subtitle:switch",function(){e.value=0,n.innerText=0}),i.on("artplayerPluginSubtitle:set",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function Et(i){var r=i.constructor.utils.clamp,t=i.setting,o=i.notice,a=i.template,s=i.i18n;s.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}}),t.add(kt);var c=[];return i.on("subtitle:switch",function(){c=[]}),{name:"subtitle",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=r(t,-5,5);e.forEach(function(t,e){c[e]||(c[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=c[e].startTime+n,t.endTime=c[e].endTime+n}),o.show("".concat(s.get("Subtitle offset time"),": ").concat(t,"s")),i.emit("artplayerPluginSubtitle:set",t)}else o.show("".concat(s.get("No subtitles found"))),i.emit("artplayerPluginSubtitle:set",0)}}}function St(r){var t=r.constructor.utils,n=t.append,i=t.setStyle,o=t.setStyles,a=t.sleep,s=r.events.proxy,c=r.option,l=r.notice,u=r.i18n,d=r.template,p=r.player;function f(t){var e=["video/mp4","audio/ogg","video/webm"];if(t)if(e.includes(t.type)){var n=URL.createObjectURL(t);p.playbackRateRemove(),p.aspectRatioRemove(),d.$video.src=n,a(1e3).then(function(){p.currentTime=0}),c.url=n,r.emit("switch",n),l.show(u.get("Load local video successfully"))}else{var i="".concat(t.type,", ").concat(u.get("Only file types are supported"),": ").concat(e.toString());l.show(i,!0,3e3),console.warn(i)}}return u.update({"zh-cn":{"Only file types are supported":"只支持文件类型","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Only file types are supported":"只支持文件類型","Load local video successfully":"加載本地視頻成功"}}),s(d.$player,"dragover",function(t){t.preventDefault(),l.show(u.get("Load local video successfully"))}),s(d.$player,"drop",function(t){t.preventDefault(),f(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');i(t,"position","relative"),o(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){f(e.files[0])})}}}var $t=function(){function n(t){var e=this;Bt(this,n),this.art=t,this.id=0,this.add(Et),this.add(St),t.option.plugins.forEach(function(t){e.add(t)})}return r(n,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art);return this[e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)]=e,this.art.emit("plugin:add",t),this}}]),n}(),Pt=function t(e){Bt(this,t);var n=e.option,i=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=qt(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),i.controls=!0;var r=n.type||Dt(n.url),o=n.customType[r];r&&o?(e.emit("beforeCustomType",r),o(i,n.url,e),e.emit("afterCustomType",r)):(e.emit("beforeAttachUrl",n.url),i.src=n.url,e.emit("afterAttachUrl",i.src))},Tt=0,Rt=function(t){function n(t){var e;return Bt(this,n),(e=s(this,c(n).call(this))).option=w(n.DEFAULTS,t),f(e.option,A),e.init(),e}return u(n,p),r(n,[{key:"init",value:function(){this.whitelist=new z(this),this.template=new B(this),this.whitelist.state?(this.isFocus=!1,this.storage=new xt(this),this.i18n=new q(this),this.notice=new gt(this),this.events=new ht(this),this.player=new N(this),this.mse=new V(this),this.layers=new mt(this),this.controls=new ot(this),this.contextmenu=new at(this),this.subtitle=new ct(this),this.info=new st(this),this.loading=new yt(this),this.hotkey=new vt(this),this.mask=new bt(this),this.setting=new wt(this),this.plugins=new $t(this)):this.mobile=new Pt(this),Tt+=1,this.id=Tt,n.instances.push(this)}},{key:"destroy",value:function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events&&this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.emit("destroy")}}],[{key:"version",get:function(){return"1.0.5"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return Ut}},{key:"utils",get:function(){return j}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",mimeCodec:"",theme:"#f00",volume:.7,isLive:!1,mse:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{loading:"",playBig:""},customType:{},lang:navigator.language.toLowerCase()}}}]),n}();Object.defineProperty(Rt,"instances",{value:[]}),window.Artplayer=Rt,t.default=Rt,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.artplayer={})}(this,function(t){"use strict";var _t=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var r=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t},o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function n(t,e){return t(e={exports:{}},e.exports),e.exports}var $=n(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},i(t)}e.exports=i});var a=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var s=function(t,e){return!e||"object"!==$(e)&&"function"!=typeof e?a(t):e},c=n(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),l=n(function(n){function i(t,e){return n.exports=i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}n.exports=i});var u=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)};function d(){}d.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function r(){i.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,r=n.length;i<r;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],r=[];if(i&&e)for(var o=0,a=i.length;o<a;o++)i[o].fn!==e&&i[o].fn._!==e&&r.push(i[o]);return r.length?n[t]=r:delete n[t],this}};var p=d,f=n(function(t,e){t.exports=function(){function c(t){return(c="function"==typeof Symbol&&"symbol"==$(Symbol.iterator)?function(t){return $(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":$(t)})(t)}var l=Object.prototype.toString,a=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e,n,i,r,o,a,s=c(t);if("boolean"===s)return"boolean";if("string"===s)return"string";if("number"===s)return"number";if("symbol"===s)return"symbol";if("function"===s)return"GeneratorFunction"===u(t)?"generatorfunction":"function";if(e=t,Array.isArray?Array.isArray(e):e instanceof Array)return"array";if((a=t).constructor&&"function"==typeof a.constructor.isBuffer&&a.constructor.isBuffer(a))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if((n=t)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((i=t)instanceof Error||"string"==typeof i.message&&i.constructor&&"number"==typeof i.constructor.stackTraceLimit)return"error";if((r=t)instanceof RegExp||"string"==typeof r.flags&&"boolean"==typeof r.ignoreCase&&"boolean"==typeof r.multiline&&"boolean"==typeof r.global)return"regexp";switch(u(t)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if("function"==typeof(o=t).throw&&"function"==typeof o.return&&"function"==typeof o.next)return"generator";switch(s=l.call(t)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return s.slice(8,-1).toLowerCase().replace(/\s/g,"")};function u(t){return t.constructor?t.constructor.name:null}function o(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var i in d(t,e,n),p(t,e,n),f(t,e,n),e)if(e.hasOwnProperty(i)){var r=t[i],o=e[i],a=n.concat(i);if(s(t,i,o,a))continue;d(r,o,a),p(r,o,a),f(r,o,a)}}function s(t,e,n,i){if(!Object.prototype.hasOwnProperty.call(t,e)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(i.join("."),"' is required"));return!0}}function d(t,e,n){var i;if("string"===a(e)?i=e:"function"===a(e)?e.___validator__=e:e.__type__?i=e.__type__:e.type&&(i=e.type),i&&"string"===a(i)){i=i.trim().toLowerCase();var r=a(t),o=r===i;if(-1<i.indexOf("|")&&(o=i.split("|").filter(Boolean).some(function(t){return r===t.trim()})),!o)throw new TypeError("'".concat(n.join("."),"' require '").concat(i,"' type, but got '").concat(r,"'"))}}function p(t,e,n){var i;if(e.___validator__?i=e.___validator__:e.validator&&(i=e.validator),"function"===a(i)){var r=i(n,t,a(t));if(!0!==r)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(r,"'"))}}function f(t,e,n){var i;if(e.___child__?i=e.___child__:e.child&&(i=e.child),"object"===a(i)){var r=a(t);"object"===r?o(t,i,n):"array"===r&&t.forEach(function(t,e){o(t,i,n.concat(e))})}}return o.kindOf=a,window.optionValidator=o}()});var h=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var v=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},y=n(function(i){function r(t,e,n){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?i.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&l(r,n.prototype),r}:i.exports=r=Reflect.construct,r.apply(null,arguments)}i.exports=r}),m=function(t){function i(t,e){var n;return _t(this,i),n=s(this,c(i).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(a(a(n)),e||n.constructor),n.name="ArtPlayerError",n}return u(i,t),i}(n(function(e){function i(t){var n="function"==typeof Map?new Map:void 0;return e.exports=i=function(t){if(null===t||!v(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return y(t,arguments,c(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),l(e,t)},i(t)}e.exports=i})(Error));function Ct(t,e){if(!t)throw new m(e)}function Lt(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function jt(t){return t.includes("?")?jt(t.split("?")[0]):t.includes("#")?jt(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function Mt(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),i=Math.floor(t-3600*e-60*n);return(0<e?[e,n,i]:[n,i]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function At(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function E(i,r,o){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,i.apply(o,e)},r)}return t.clearTimeout=function(){clearTimeout(a)},t}function g(t){return t&&"object"===$(t)&&!Array.isArray(t)}function b(t){return t instanceof Element}function w(n,i){var r=Object.assign({},n);return g(n)&&g(i)&&Object.keys(i).forEach(function(t){var e=i[t];g(e)&&!b(e)&&t in n?r[t]=w(n[t],e):Object.assign(r,h({},t,e))}),r}function x(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",e),t.lastElementChild}function k(t,e,n){var i=Array.from(t.children);e.dataset.index=n;var r=i.find(function(t){return Number(t.dataset.index)>=Number(n)});return r?r.insertAdjacentElement("beforebegin",e):x(t,e),e}function zt(t,e,n){return t.style[e]=n,t}function S(e,n){return Object.keys(n).forEach(function(t){zt(e,t,n[t])}),e}function P(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],i=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(i):i}function T(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function R(t,e){T(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function O(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("data-balloon",e),t.setAttribute("data-balloon-pos",n)}function _(t){return"WEBVTT \r\n\r\n".concat(t.replace(/\{\\([ibu])\}/g,"</$1>").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"</$1>").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function C(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function L(t,e){var n=document.createElement("a");zt(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var j=Object.freeze({ArtPlayerError:m,errorHandle:Ct,clamp:Lt,getExt:jt,secondToTime:Mt,sleep:At,debounce:E,isObject:g,isElement:b,mergeDeep:w,append:x,remove:function(t){return t.parentNode.removeChild(t)},insertByIndex:k,setStyle:zt,setStyles:S,getStyle:P,sublings:T,inverseClass:R,tooltip:O,srtToVtt:_,vttToBlob:C,downloadImage:L});function M(t,e,n){if("string"===n){if(""===e.trim())throw new m("".concat(t.join(".")," can not be empty"));return!0}if(e instanceof Element)return!0;throw new m("".concat(t.join(".")," require 'string' or 'Element' type, but got '").concat(n,"'"))}var A={container:{validator:M,required:!0},url:{type:"string|function",required:!0},poster:"string",title:"string",type:{type:"string"},mimeCodec:"string",theme:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function",position:function(t,e){return["top","left","right"].includes(e)}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{type:"object",url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{type:"object",url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object",lang:"string"},Wt={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","mediaGroup","muted","networkState","paused","playbackRate","played","preload","readyState","seekable","seeking","src","startDate","textTracks","videoTracks","volume"],methods:["addTextTrack","canPlayType","load","play","pause"],events:["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"]}},z=function t(e){var n=this;_t(this,t);var i=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||i.some(function(t){var e=!1;switch(f.kindOf(t)){case"string":e=-1<n.userAgent.indexOf(t);break;case"function":e=t(n.userAgent);break;case"regexp":e=t.test(n.userAgent)}return e})},W=function(){function n(t){var e=this;_t(this,n),t.option.container instanceof Element?this.$container=t.option.container:this.$container=document.querySelector(t.option.container),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&Ct(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return r(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n                <div class="artplayer-setting-close">×</div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$settingClose=this.$container.querySelector(".artplayer-setting-close"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),q={"zh-cn":{"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器"},"zh-tw":{"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器"}},D=function(){function e(t){_t(this,e),this.art=t,this.init()}return r(e,[{key:"init",value:function(){this.language=q[this.art.option.lang.toLowerCase()]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){q=w(q,t),this.init()}}]),e}();function qt(e,t){var n=e.option,i=e.notice,r=e.template.$video;Object.defineProperty(t,"screenshot",{value:function(){try{var t=function(){var t=document.createElement("canvas");t.width=r.videoWidth,t.height=r.videoHeight,t.getContext("2d").drawImage(r,0,0);var e=t.toDataURL("image/png");return L(e,"".concat(n.title||"artplayer","_").concat(Mt(r.currentTime),".png")),e}();e.emit("screenshot",t)}catch(t){i.show(t),console.warn(t)}}})}var Dt=n(function(t){var o,e,n,i,r,a;o="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,n="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,i=function(){for(var t,e=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],n=0,i=e.length,r={};n<i;n++)if((t=e[n])&&t[1]in o){for(n=0;n<t.length;n++)r[e[0][n]]=t[n];return r}return!1}(),r={change:i.fullscreenchange,error:i.fullscreenerror},a={request:function(t){var e=i.requestFullscreen;t=t||o.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?t[e]():t[e](n?Element.ALLOW_KEYBOARD_INPUT:{})},exit:function(){o[i.exitFullscreen]()},toggle:function(t){this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=r[t];n&&o.addEventListener(n,e,!1)},off:function(t,e){var n=r[t];n&&o.removeEventListener(n,e,!1)},raw:i},i?(Object.defineProperties(a,{isFullscreen:{get:function(){return Boolean(o[i.fullscreenElement])}},element:{enumerable:!0,get:function(){return o[i.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(o[i.fullscreenEnabled])}}}),e?t.exports=a:window.screenfull=a):e?t.exports=!1:window.screenfull=!1});var H=n(function(t){var e,n;e=window,n=function(){function m(t){var e=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(e)&&e}var n="undefined"==typeof console?function(){}:function(t){console.error(t)},g=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],b=g.length;function w(t){var e=getComputedStyle(t);return e||n("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}var x,k=!1;function E(t){if(function(){if(!k){k=!0;var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style.boxSizing="border-box";var e=document.body||document.documentElement;e.appendChild(t);var n=w(t);x=200==Math.round(m(n.width)),E.isBoxSizeOuter=x,e.removeChild(t)}}(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==$(t)&&t.nodeType){var e=w(t);if("none"==e.display)return function(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<b;e++)t[g[e]]=0;return t}();var n={};n.width=t.offsetWidth,n.height=t.offsetHeight;for(var i=n.isBorderBox="border-box"==e.boxSizing,r=0;r<b;r++){var o=g[r],a=e[o],s=parseFloat(a);n[o]=isNaN(s)?0:s}var c=n.paddingLeft+n.paddingRight,l=n.paddingTop+n.paddingBottom,u=n.marginLeft+n.marginRight,d=n.marginTop+n.marginBottom,p=n.borderLeftWidth+n.borderRightWidth,f=n.borderTopWidth+n.borderBottomWidth,h=i&&x,v=m(e.width);!1!==v&&(n.width=v+(h?0:c+p));var y=m(e.height);return!1!==y&&(n.height=y+(h?0:l+f)),n.innerWidth=n.width-(c+p),n.innerHeight=n.height-(l+f),n.outerWidth=n.width+u,n.outerHeight=n.height+d,n}}return E},t.exports?t.exports=n():e.getSize=n()}),B=n(function(t){var e,n;e="undefined"!=typeof window?window:o,n=function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var n=this._events=this._events||{},i=n[t]=n[t]||[];return-1==i.indexOf(e)&&i.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[e]=!0,this}},e.off=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var i=n.indexOf(e);return-1!=i&&n.splice(i,1),this}},e.emitEvent=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){n=n.slice(0),e=e||[];for(var i=this._onceEvents&&this._onceEvents[t],r=0;r<n.length;r++){var o=n[r];i&&i[o]&&(this.off(t,o),delete i[o]),o.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t},t.exports?t.exports=n():e.EvEmitter=n()}),F=n(function(t){var e,n;e=window,n=function(r,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindStartEvent=function(t){this._bindStartEvent(t,!0)},n.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},n._bindStartEvent=function(t,e){var n=(e=void 0===e||e)?"addEventListener":"removeEventListener",i="mousedown";r.PointerEvent?i="pointerdown":"ontouchstart"in r&&(i="touchstart"),t[n](i,this)},n.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.getTouch=function(t){for(var e=0;e<t.length;e++){var n=t[e];if(n.identifier==this.pointerIdentifier)return n}},n.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},n.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},n.onpointerdown=function(t){this._pointerDown(t,t)},n._pointerDown=function(t,e){t.button||this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDown(t,e))},n.pointerDown=function(t,e){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e])};var i={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};return n._bindPostStartEvents=function(t){if(t){var e=i[t.type];e.forEach(function(t){r.addEventListener(t,this)},this),this._boundPointerEvents=e}},n._unbindPostStartEvents=function(){this._boundPointerEvents&&(this._boundPointerEvents.forEach(function(t){r.removeEventListener(t,this)},this),delete this._boundPointerEvents)},n.onmousemove=function(t){this._pointerMove(t,t)},n.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},n.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},n._pointerMove=function(t,e){this.pointerMove(t,e)},n.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])},n.onmouseup=function(t){this._pointerUp(t,t)},n.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},n._pointerUp=function(t,e){this._pointerDone(),this.pointerUp(t,e)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])},n._pointerDone=function(){this._pointerReset(),this._unbindPostStartEvents(),this.pointerDone()},n._pointerReset=function(){this.isPointerDown=!1,delete this.pointerIdentifier},n.pointerDone=function(){},n.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},n.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerCancel(t,e)},n._pointerCancel=function(t,e){this._pointerDone(),this.pointerCancel(t,e)},n.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])},e.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}},e},t.exports?t.exports=n(e,B):e.Unipointer=n(e,e.EvEmitter)}),I=n(function(t){var e,n;e=window,n=function(o,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindHandles=function(){this._bindHandles(!0)},n.unbindHandles=function(){this._bindHandles(!1)},n._bindHandles=function(t){for(var e=(t=void 0===t||t)?"addEventListener":"removeEventListener",n=t?this._touchActionValue:"",i=0;i<this.handles.length;i++){var r=this.handles[i];this._bindStartEvent(r,t),r[e]("click",this),o.PointerEvent&&(r.style.touchAction=n)}},n._touchActionValue="none",n.pointerDown=function(t,e){this.okayPointerDown(t)&&(this.pointerDownPointer=e,t.preventDefault(),this.pointerDownBlur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e]))};var r={TEXTAREA:!0,INPUT:!0,SELECT:!0,OPTION:!0},a={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};return n.okayPointerDown=function(t){var e=r[t.target.nodeName],n=a[t.target.type],i=!e||n;return i||this._pointerReset(),i},n.pointerDownBlur=function(){var t=document.activeElement;t&&t.blur&&t!=document.body&&t.blur()},n.pointerMove=function(t,e){var n=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,n]),this._dragMove(t,e,n)},n._dragPointerMove=function(t,e){var n={x:e.pageX-this.pointerDownPointer.pageX,y:e.pageY-this.pointerDownPointer.pageY};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,e),n},n.hasDragStarted=function(t){return 3<Math.abs(t.x)||3<Math.abs(t.y)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},n._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},n._dragStart=function(t,e){this.isDragging=!0,this.isPreventingClicks=!0,this.dragStart(t,e)},n.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},n._dragMove=function(t,e,n){this.isDragging&&this.dragMove(t,e,n)},n.dragMove=function(t,e,n){t.preventDefault(),this.emitEvent("dragMove",[t,e,n])},n._dragEnd=function(t,e){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,e)},n.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},n.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},n._staticClick=function(t,e){this.isIgnoringMouseUp&&"mouseup"==t.type||(this.staticClick(t,e),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)))},n.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},e.getPointerPoint=t.getPointerPoint,e},t.exports?t.exports=n(e,F):e.Unidragger=n(e,e.Unipointer)}),N=n(function(t){var e,n;e=window,n=function(o,c,t){function n(t,e){for(var n in e)t[n]=e[n];return t}var i=o.jQuery;function e(t,e){this.element="string"==typeof t?document.querySelector(t):t,i&&(this.$element=i(this.element)),this.options=n({},this.constructor.defaults),this.option(e),this._create()}var r=e.prototype=Object.create(t.prototype);e.defaults={},r.option=function(t){n(this.options,t)};var a={relative:!0,absolute:!0,fixed:!0};function l(t,e,n){return n=n||"round",e?Math[n](t/e)*e:t}return r._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=n({},this.position);var t=getComputedStyle(this.element);a[t.position]||(this.element.style.position="relative"),this.on("pointerDown",this.onPointerDown),this.on("pointerMove",this.onPointerMove),this.on("pointerUp",this.onPointerUp),this.enable(),this.setHandles()},r.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},r.dispatchEvent=function(t,e,n){var i=[e].concat(n);this.emitEvent(t,i),this.dispatchJQueryEvent(t,e,n)},r.dispatchJQueryEvent=function(t,e,n){var i=o.jQuery;if(i&&this.$element){var r=i.Event(e);r.type=t,this.$element.trigger(r,n)}},r._getPosition=function(){var t=getComputedStyle(this.element),e=this._getPositionCoord(t.left,"width"),n=this._getPositionCoord(t.top,"height");this.position.x=isNaN(e)?0:e,this.position.y=isNaN(n)?0:n,this._addTransformPosition(t)},r._getPositionCoord=function(t,e){if(-1==t.indexOf("%"))return parseInt(t,10);var n=c(this.element.parentNode);return n?parseFloat(t)/100*n[e]:0},r._addTransformPosition=function(t){var e=t.transform;if(0===e.indexOf("matrix")){var n=e.split(","),i=0===e.indexOf("matrix3d")?12:4,r=parseInt(n[i],10),o=parseInt(n[i+1],10);this.position.x+=r,this.position.y+=o}},r.onPointerDown=function(t,e){this.element.classList.add("is-pointer-down"),this.dispatchJQueryEvent("pointerDown",t,[e])},r.dragStart=function(t,e){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.dispatchEvent("dragStart",t,[e]),this.animate())},r.measureContainment=function(){var t=this.getContainer();if(t){var e=c(this.element),n=c(t),i=this.element.getBoundingClientRect(),r=t.getBoundingClientRect(),o=n.borderLeftWidth+n.borderRightWidth,a=n.borderTopWidth+n.borderBottomWidth,s=this.relativeStartPosition={x:i.left-(r.left+n.borderLeftWidth),y:i.top-(r.top+n.borderTopWidth)};this.containSize={width:n.width-o-s.x-e.width,height:n.height-a-s.y-e.height}}},r.getContainer=function(){var t=this.options.containment;if(t)return t instanceof HTMLElement?t:"string"==typeof t?document.querySelector(t):this.element.parentNode},r.onPointerMove=function(t,e,n){this.dispatchJQueryEvent("pointerMove",t,[e,n])},r.dragMove=function(t,e,n){if(this.isEnabled){var i=n.x,r=n.y,o=this.options.grid,a=o&&o[0],s=o&&o[1];i=l(i,a),r=l(r,s),i=this.containDrag("x",i,a),r=this.containDrag("y",r,s),i="y"==this.options.axis?0:i,r="x"==this.options.axis?0:r,this.position.x=this.startPosition.x+i,this.position.y=this.startPosition.y+r,this.dragPoint.x=i,this.dragPoint.y=r,this.dispatchEvent("dragMove",t,[e,n])}},r.containDrag=function(t,e,n){if(!this.options.containment)return e;var i="x"==t?"width":"height",r=l(-this.relativeStartPosition[t],n,"ceil"),o=this.containSize[i];return o=l(o,n,"floor"),Math.max(r,Math.min(o,e))},r.onPointerUp=function(t,e){this.element.classList.remove("is-pointer-down"),this.dispatchJQueryEvent("pointerUp",t,[e])},r.dragEnd=function(t,e){this.isEnabled&&(this.element.style.transform="",this.setLeftTop(),this.element.classList.remove("is-dragging"),this.dispatchEvent("dragEnd",t,[e]))},r.animate=function(){if(this.isDragging){this.positionDrag();var t=this;requestAnimationFrame(function(){t.animate()})}},r.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},r.positionDrag=function(){this.element.style.transform="translate3d( "+this.dragPoint.x+"px, "+this.dragPoint.y+"px, 0)"},r.staticClick=function(t,e){this.dispatchEvent("staticClick",t,[e])},r.setPosition=function(t,e){this.position.x=t,this.position.y=e,this.setLeftTop()},r.enable=function(){this.isEnabled=!0},r.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},r.destroy=function(){this.disable(),this.element.style.transform="",this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},r._init=function(){},i&&i.bridget&&i.bridget("draggabilly",e),e},t.exports?t.exports=n(e,H,I):e.Draggabilly=n(e,e.getSize,e.Unidragger)});function Ht(t,e){var n,i,r,o,a,s,c,l,u,d,p,f,h,v,y,m,g,b;document.pictureInPictureEnabled?(y=e,m=(v=t).notice,g=v.template.$video,b=v.events.proxy,g.disablePictureInPicture=!1,Object.defineProperty(y,"pipState",{get:function(){return document.pictureInPictureElement}}),Object.defineProperty(y,"pipEnabled",{value:function(){g.requestPictureInPicture().catch(function(t){m.show(t,!0,3e3),console.warn(t)})}}),Object.defineProperty(y,"pipExit",{value:function(){document.exitPictureInPicture().catch(function(t){m.show(t,!0,3e3),console.warn(t)})}}),b(g,"enterpictureinpicture",function(){v.emit("pipEnabled")}),b(g,"leavepictureinpicture",function(){v.emit("pipExit")}),v.on("destroy",function(){y.pipState&&y.pipExit()})):(i=e,r=(n=t).option,o=n.i18n,a=n.template,s=a.$player,c=a.$pipClose,l=a.$pipTitle,u=n.events,d=u.destroyEvents,p=u.proxy,h=f=null,Object.defineProperty(i,"pipState",{get:function(){return s.classList.contains("artplayer-pip")}}),Object.defineProperty(i,"pipEnabled",{value:function(){i.autoSizeState&&i.autoSizeRemove(),h?(zt(s,"left","".concat(f.x,"px")),zt(s,"top","".concat(f.y,"px"))):(h=new N(s,{handle:".artplayer-pip-header"}),x(l,r.title||o.get("Mini player")),p(c,"click",function(){i.pipExit()}),d.push(function(){h.destroy()})),s.classList.add("artplayer-pip"),i.fullscreenExit(),i.fullscreenWebExit(),i.aspectRatioRemove(),i.playbackRateRemove(),n.emit("pipEnabled")}}),Object.defineProperty(i,"pipExit",{value:function(){i.pipState&&(s.classList.remove("artplayer-pip"),f=h.position,zt(s,"left",null),zt(s,"top",null),i.fullscreenExit(),i.fullscreenWebExit(),i.aspectRatioRemove(),i.playbackRateRemove(),n.emit("pipExit"))}})),Object.defineProperty(e,"pipToggle",{value:function(){e.pipState?e.pipExit():e.pipEnabled()}})}var U=function t(e){var i,n,r,o,a,s,c,l,u,d,p,f,h,v,y,m,g,b,w,x,k,E,$,S,P,T,R,O,_,C,L,j,M,A,z,W,q,D,H,B,F,I,N,U,V,Q,Y,J,X,Z,G,K,tt,et,nt,it,rt,ot,at,st,ct,lt,ut,dt,pt,ft,ht,vt,yt,mt,gt,bt,wt,xt,kt,Et,$t,St,Pt,Tt,Rt,Ot;_t(this,t),n=this,r=(i=e).option,o=r.type,a=r.customType,s=i.template.$video,Object.defineProperty(n,"attachUrl",{value:function(t){return At().then(function(){function e(t){var e=o||jt(t),n=a[e];return e&&n?(i.loading.show(),i.emit("beforeCustomType",e),n.call(i,s,t,i),i.emit("afterCustomType",e)):(i.emit("beforeAttachUrl"),s.src=t,i.emit("afterAttachUrl")),Promise.resolve(t)}return"function"==typeof t?t.call(i).then(function(t){return i.loading.show(),e(t)}):e(t)})}}),l=this,u=(c=e).option,d=c.events.proxy,p=c.template,f=p.$player,h=p.$video,v=c.i18n,y=c.notice,m=!1,g=0,d(h,"click",function(){l.toggle()}),Wt.video.events.forEach(function(t){d(h,t,function(t){c.emit("video:".concat(t.type),t)})}),c.on("video:canplay",function(){m||(m=!0,u.autoplay&&l.play(),c.emit("firstCanplay")),g=0,c.controls.show(),c.mask.show(),c.loading.hide()}),c.on("video:ended",function(){c.controls.show(),c.mask.show(),u.loop&&(l.seek(0),l.play())}),c.on("video:error",function(){g<5?At(1e3).then(function(){g+=1,l.attachUrl(u.url),y.show("".concat(v.get("Reconnect"),": ").concat(g))}):(c.loading.hide(),c.controls.hide(),f.classList.add("artplayer-error"),At(1e3).then(function(){y.show(v.get("Video load failed"),!1),c.destroy()}))}),c.on("video:loadedmetadata",function(){u.autoSize&&l.autoSize()}),c.on("video:loadstart",function(){c.loading.show()}),c.on("video:pause",function(){c.controls.show(),c.mask.show()}),c.on("video:play",function(){c.controls.hide(),c.mask.hide()}),c.on("video:playing",function(){c.controls.hide(),c.mask.hide()}),c.on("video:seeked",function(){c.loading.hide()}),c.on("video:seeking",function(){c.loading.show()}),c.on("video:timeupdate",function(){c.controls.hide(),c.mask.hide()}),c.on("video:waiting",function(){c.loading.show()}),w=this,x=(b=e).option,k=b.template.$video,Object.keys(x.moreVideoAttr).forEach(function(t){k[t]=x.moreVideoAttr[t]}),x.muted&&(k.muted=x.muted),x.volume&&(k.volume=Lt(x.volume,0,1)),x.poster&&(k.poster=x.poster),x.autoplay&&(k.autoplay=x.autoplay),w.attachUrl(x.url),$=this,S=(E=e).template.$video,P=E.i18n,T=E.notice,R=E.option.mutex,Object.defineProperty($,"play",{value:function(){var t=S.play();void 0!==t&&t.then().catch(function(t){T.show(t,!0,3e3),console.warn(t)}),R&&E.constructor.instances.filter(function(t){return t!==E}).forEach(function(t){return t.player.pause()}),T.show(P.get("Play")),E.emit("play")}}),_=this,C=(O=e).template.$video,L=O.i18n,j=O.notice,Object.defineProperty(_,"pause",{value:function(){C.pause(),j.show(L.get("Pause")),O.emit("pause")}}),M=this,Object.defineProperty(M,"toggle",{value:function(){M.playing?M.pause():M.play()}}),z=this,W=(A=e).notice,Object.defineProperty(z,"seek",{value:function(t){var e=Math.max(t,0);z.duration&&(e=Math.min(e,z.duration)),z.currentTime=e,W.show("".concat(Mt(e)," / ").concat(Mt(z.duration))),A.emit("seek",e)}}),D=this,H=(q=e).template.$video,B=q.i18n,F=q.notice,I=q.storage,Object.defineProperty(D,"volume",{get:function(){return H.volume||0},set:function(t){void 0!==t&&(H.volume=Lt(t,0,1),F.show("".concat(B.get("Volume"),": ").concat(parseInt(100*H.volume,10))),0!==H.volume&&I.set("volume",H.volume),q.emit("volumeChange",H.volume))}}),Object.defineProperty(D,"muted",{get:function(){return H.muted},set:function(t){H.muted=t,q.emit("volumeChange",H.volume)}}),N=e,U=this,Object.defineProperty(U,"currentTime",{get:function(){return N.template.$video.currentTime||0},set:function(t){N.template.$video.currentTime=t}}),V=e,Q=this,Object.defineProperty(Q,"duration",{get:function(){return V.template.$video.duration||0}}),J=this,X=(Y=e).i18n,Z=Y.notice,G=Y.option,Object.defineProperty(J,"switchQuality",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t!==G.url){var n=J.currentTime,i=J.playing;J.attachUrl(t).then(function(){G.url=t,J.playbackRateRemove(),J.aspectRatioRemove(),J.seek(n),i&&J.play(),Z.show("".concat(X.get("Switch video"),": ").concat(e)),Y.emit("switch",t)})}}}),tt=this,et=(K=e).template,nt=et.$video,it=et.$player,rt=K.i18n,ot=K.notice,Object.defineProperty(tt,"playbackRateState",{get:function(){return it.dataset.playbackRate}}),Object.defineProperty(tt,"playbackRate",{value:function(t){var e=[.5,.75,1,1.25,1.5,2];Ct(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t!==it.dataset.playbackRate&&(nt.playbackRate=t,it.dataset.playbackRate=t,ot.show("".concat(rt.get("Rate"),": ").concat(t,"x")),K.emit("playbackRateChange",t))}}),Object.defineProperty(tt,"playbackRateRemove",{value:function(){tt.$playbackRateState&&(tt.playbackRate(1),delete it.dataset.playbackRate,K.emit("playbackRateRemove"))}}),Object.defineProperty(tt,"playbackRateReset",{value:function(){var t=it.dataset.playbackRate;t&&(tt.playbackRate(Number(t)),K.emit("playbackRateReset"))}}),st=this,ct=(at=e).template,lt=ct.$video,ut=ct.$player,dt=at.i18n,pt=at.notice,Object.defineProperty(st,"aspectRatioState",{get:function(){return ut.dataset.aspectRatio||""}}),Object.defineProperty(st,"aspectRatio",{value:function(t){var e=["default","4:3","16:9"];if(Ct(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),t!==ut.dataset.aspectRatio){if("default"===t)st.aspectRatioRemove();else{var n=t.split(":"),i=lt.videoWidth,r=lt.videoHeight,o=ut.clientWidth,a=ut.clientHeight,s=i/r,c=n[0]/n[1];if(c<s){var l=c*r/i;zt(lt,"width","".concat(100*l,"%")),zt(lt,"height","100%"),zt(lt,"padding","0 ".concat((o-o*l)/2,"px"))}else{var u=i/c/r;zt(lt,"width","100%"),zt(lt,"height","".concat(100*u,"%")),zt(lt,"padding","".concat((a-a*u)/2,"px 0"))}}ut.dataset.aspectRatio=t,pt.show("".concat(dt.get("Aspect ratio"),": ").concat(t)),at.emit("aspectRatioChange",t)}}}),Object.defineProperty(st,"aspectRatioRemove",{value:function(){st.aspectRatioState&&(zt(lt,"width",null),zt(lt,"height",null),zt(lt,"padding",null),delete ut.dataset.aspectRatio,at.emit("aspectRatioRemove"))}}),Object.defineProperty(st,"aspectRatioReset",{value:function(){var t=ut.dataset.aspectRatio;t&&(st.aspectRatio(t),at.emit("aspectRatioReset"))}}),qt(e,this),function(t,e){var n=t.notice,i=t.events.destroyEvents,r=t.template.$player,o=function(){t.emit("fullscreen",Dt.isFullscreen)},a=function(){n.show("Your browser does not seem to support full screen functionality.")};try{Dt.on("change",o),Dt.on("error",a),i.push(function(){Dt.off("change",o),Dt.off("error",a)})}catch(t){console.error(t)}Object.defineProperty(e,"fullscreenState",{get:function(){return Dt.isFullscreen}}),Object.defineProperty(e,"fullscreenEnabled",{value:function(){e.fullscreenWebState&&e.fullscreenWebExit(),r.classList.add("artplayer-fullscreen"),Dt.request(r),t.emit("fullscreen:enabled")}}),Object.defineProperty(e,"fullscreenExit",{value:function(){e.fullscreenState&&(e.fullscreenWebExit(),r.classList.remove("artplayer-fullscreen"),Dt.exit(),t.emit("fullscreen:exit"))}}),Object.defineProperty(e,"fullscreenToggle",{value:function(){e.fullscreenState?e.fullscreenExit():e.fullscreenEnabled()}})}(e,this),ht=this,vt=(ft=e).template.$player,Object.defineProperty(ht,"fullscreenWebState",{get:function(){return vt.classList.contains("artplayer-web-fullscreen")}}),Object.defineProperty(ht,"fullscreenWebEnabled",{value:function(){ht.fullscreenState&&ht.fullscreenExit(),vt.classList.add("artplayer-web-fullscreen"),ft.emit("fullscreenWeb:enabled")}}),Object.defineProperty(ht,"fullscreenWebExit",{value:function(){ht.fullscreenWebState&&(ht.fullscreenExit(),vt.classList.remove("artplayer-web-fullscreen"),ft.emit("fullscreenWeb:exit"))}}),Object.defineProperty(ht,"fullscreenWebToggle",{value:function(){ht.fullscreenWebState?ht.fullscreenWebExit():ht.fullscreenWebEnabled()}}),Ht(e,this),yt=this,mt=e.template.$video,Object.defineProperty(yt,"loaded",{get:function(){return mt.buffered.length?mt.buffered.end(mt.buffered.length-1)/mt.duration:0}}),gt=e,bt=this,Object.defineProperty(bt,"played",{get:function(){return gt.template.$video.currentTime/gt.template.$video.duration}}),wt=this,xt=e.template.$video,Object.defineProperty(wt,"playing",{get:function(){return!!(0<xt.currentTime&&!xt.paused&&!xt.ended&&2<xt.readyState)}}),Et=this,$t=(kt=e).template,St=$t.$container,Pt=$t.$player,Tt=$t.$video,Object.defineProperty(Et,"autoSizeState",{get:function(){return St.classList.contains("artplayer-auto-size")}}),Object.defineProperty(Et,"autoSize",{value:function(){var t=Tt.videoWidth,e=Tt.videoHeight,n=St.getBoundingClientRect(),i=n.width,r=n.height,o=t/e,a=i/r;if(St.classList.add("artplayer-auto-size"),o<a)zt(Pt,"width","".concat(r*o/i*100,"%")),zt(Pt,"height","100%");else{var s=i/o/r*100;zt(Pt,"width","100%"),zt(Pt,"height","".concat(s,"%"))}kt.emit("autoSizeChange")}}),Object.defineProperty(Et,"autoSizeRemove",{value:function(){St.classList.remove("artplayer-auto-size"),zt(Pt,"width",null),zt(Pt,"height",null),kt.emit("autoSizeRemove")}}),Rt=e,Ot=this,Object.defineProperty(Ot,"flipState",{get:function(){return Rt.template.$player.dataset.flip}}),Object.defineProperty(Ot,"flip",{value:function(t){var e=["normal","horizontal","vertical"];Ct(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),Rt.template.$player.dataset.flip=t,Rt.emit("flipChange",t)}}),Object.defineProperty(Ot,"flipRemove",{value:function(){delete Rt.template.$player.dataset.flip,Rt.emit("flipRemove")}})};function V(e,n,t,i,r,o){var a="function"==typeof i?i(e):i;if(!a.disable){n.id+=1;var s=a.name||"".concat(o).concat(n.id),c=document.createElement("div");c.classList.value="art-".concat(o," art-").concat(o,"-").concat(s),a.html&&x(c,a.html),a.style&&S(c,a.style),a.click&&e.events.proxy(c,"click",function(t){t.preventDefault(),a.click.call(n,t),e.emit("".concat(o,":click"),c)}),Object.defineProperty(a,"$ref",{get:function(){return c}}),Object.defineProperty(a,"hide",{value:function(){zt(c,"display","none"),e.emit("".concat(o,":hide"),c)}}),Object.defineProperty(a,"show",{value:function(){zt(c,"display","block"),e.emit("".concat(o,":show"),c)}}),k(t,c,a.index||n.id),a.mounted&&a.mounted(c),r&&r(c),n[s]=a,e.emit("".concat(o,":add"),a)}}var Q=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){h(e,t,n[t])})}return e};var Y=function(t){if(Array.isArray(t))return t};var J=function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(t){r=!0,o=t}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}return n};var X=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var Z=function(t,e){return Y(t)||J(t,e)||X()};var G,K,tt=(G={loading:'<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default">\n  <rect x="0" y="0" width="100" height="100" fill="none" class="bk"/>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(0 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(30 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(60 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(90 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.75s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(120 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(150 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(180 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(210 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(240 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(270 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.25s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(300 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(330 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"/>\n  </rect>\n</svg>',playBig:'<svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',play:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n  <path d="M17.982 9.275L8.06 3.27A2.013 2.013 0 0 0 5 4.994v12.011a2.017 2.017 0 0 0 3.06 1.725l9.922-6.005a2.017 2.017 0 0 0 0-3.45z"></path>\n</svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M7 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2zM15 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2z"></path>\n</svg>',volume:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M10.188 4.65L6 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39V5.04a.498.498 0 0 0-.812-.39zM14.446 3.778a1 1 0 0 0-.862 1.804 6.002 6.002 0 0 1-.007 10.838 1 1 0 0 0 .86 1.806A8.001 8.001 0 0 0 19 11a8.001 8.001 0 0 0-4.554-7.222z"></path>\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v6.93A3.998 3.998 0 0 0 15 11z"></path>\n</svg>',volumeClose:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v2.636l1.865 1.865A4.02 4.02 0 0 0 15 11z"></path>\n    <path d="M13.583 5.583A5.998 5.998 0 0 1 17 11a6 6 0 0 1-.585 2.587l1.477 1.477a8.001 8.001 0 0 0-3.446-11.286 1 1 0 0 0-.863 1.805zM18.778 18.778l-2.121-2.121-1.414-1.414-1.415-1.415L13 13l-2-2-3.889-3.889-3.889-3.889a.999.999 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39v-3.131l2.587 2.587-.01.005a1 1 0 0 0 .86 1.806c.215-.102.424-.214.627-.333l2.3 2.3a1.001 1.001 0 0 0 1.414-1.416zM11 5.04a.5.5 0 0 0-.813-.39L8.682 5.854 11 8.172V5.04z"></path>\n</svg>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\n</svg>',screenshot:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 50 50">\n\t<path d="M 19.402344 6 C 17.019531 6 14.96875 7.679688 14.5 10.011719 L 14.097656 12 L 9 12 C 6.238281 12 4 14.238281 4 17 L 4 38 C 4 40.761719 6.238281 43 9 43 L 41 43 C 43.761719 43 46 40.761719 46 38 L 46 17 C 46 14.238281 43.761719 12 41 12 L 35.902344 12 L 35.5 10.011719 C 35.03125 7.679688 32.980469 6 30.597656 6 Z M 25 17 C 30.519531 17 35 21.480469 35 27 C 35 32.519531 30.519531 37 25 37 C 19.480469 37 15 32.519531 15 27 C 15 21.480469 19.480469 17 25 17 Z M 25 19 C 20.589844 19 17 22.589844 17 27 C 17 31.410156 20.589844 35 25 35 C 29.410156 35 33 31.410156 33 27 C 33 22.589844 29.410156 19 25 19 Z "/>\n</svg>\n',setting:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <circle cx="11" cy="11" r="2"></circle>\n    <path d="M19.164 8.861L17.6 8.6a6.978 6.978 0 0 0-1.186-2.099l.574-1.533a1 1 0 0 0-.436-1.217l-1.997-1.153a1.001 1.001 0 0 0-1.272.23l-1.008 1.225a7.04 7.04 0 0 0-2.55.001L8.716 2.829a1 1 0 0 0-1.272-.23L5.447 3.751a1 1 0 0 0-.436 1.217l.574 1.533A6.997 6.997 0 0 0 4.4 8.6l-1.564.261A.999.999 0 0 0 2 9.847v2.306c0 .489.353.906.836.986l1.613.269a7 7 0 0 0 1.228 2.075l-.558 1.487a1 1 0 0 0 .436 1.217l1.997 1.153c.423.244.961.147 1.272-.23l1.04-1.263a7.089 7.089 0 0 0 2.272 0l1.04 1.263a1 1 0 0 0 1.272.23l1.997-1.153a1 1 0 0 0 .436-1.217l-.557-1.487c.521-.61.94-1.31 1.228-2.075l1.613-.269a.999.999 0 0 0 .835-.986V9.847a.999.999 0 0 0-.836-.986zM11 15a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"></path>\n</svg>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},K={},Object.keys(G).forEach(function(t){var e=document.createElement("div");e.innerHTML='<i class="art-icon art-icon-'.concat(t,'">').concat(G[t],"</i>");var n=Z(e.childNodes,1);K[t]=n[0]}),K);function et(t,e){var n=t.template.$progress,i=t.player,r=n.getBoundingClientRect().left,o=Lt(e.x-r,0,n.clientWidth),a=o/n.clientWidth*i.duration;return{second:a,time:Mt(a),width:o,percentage:Lt(o/n.clientWidth,0,1)}}function nt(i){return function(u){var t=u.option,e=t.highlight,n=t.theme,d=u.events.proxy,p=u.player;return Q({},i,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(o){var r=!1,n=o.querySelector(".art-progress-loaded"),i=o.querySelector(".art-progress-played"),a=o.querySelector(".art-progress-highlight"),s=o.querySelector(".art-progress-indicator"),c=o.querySelector(".art-progress-tip");function l(t,e){"loaded"===t&&zt(n,"width","".concat(100*e,"%")),"played"===t&&(zt(i,"width","".concat(100*e,"%")),zt(s,"left","calc(".concat(100*e,"% - ").concat(P(s,"width")/2,"px)")))}e.forEach(function(t){var e=Lt(t.time,0,p.duration)/p.duration*100;x(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),l("loaded",p.loaded),u.on("video:progress",function(){l("loaded",p.loaded)}),u.on("video:timeupdate",function(){l("played",p.played)}),u.on("video:ended",function(){l("played",1)}),d(o,"mousemove",function(t){var e,n,i,r;zt(c,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=t.target.dataset,n=e.text,i=e.time;c.innerHTML=n;var r=Number(i)/u.player.duration*o.clientWidth+t.target.clientWidth/2-c.clientWidth/2;zt(c,"left","".concat(r,"px"))}(t):(e=et(u,t),n=e.width,i=e.time,r=c.clientWidth,c.innerHTML=i,n<=r/2?zt(c,"left",0):n>o.clientWidth-r/2?zt(c,"left","".concat(o.clientWidth-r,"px")):zt(c,"left","".concat(n-r/2,"px")))}),d(o,"mouseout",function(){zt(c,"display","none")}),d(o,"click",function(t){if(t.target!==s){var e=et(u,t),n=e.second;l("played",e.percentage),p.seek(n)}}),d(s,"mousedown",function(){r=!0}),d(document,"mousemove",function(t){if(r){var e=et(u,t),n=e.second,i=e.percentage;s.classList.add("art-show-indicator"),l("played",i),p.seek(n)}}),d(document,"mouseup",function(){r&&(r=!1,s.classList.remove("art-show-indicator"))})}})}}function it(t){return function(m){return Q({},t,{mounted:function(p){var f=m.template.$progress,t=m.events,e=t.proxy,h=t.loadImg,v=!1,y=!1;e(f,"mousemove",function(t){var e,n,i,r,o,a,s,c,l,u,d;v||(v=!0,h(m.option.thumbnails.url).then(function(){y=!0})),y&&(zt(p,"display","block"),e=et(m,t).width,n=m.option.thumbnails,i=n.url,r=n.height,o=n.width,a=n.number,s=n.column,c=f.clientWidth/a,l=Math.ceil(e/c),u=Math.ceil(l/s)-1,d=l%s||s-1,zt(p,"backgroundImage","url(".concat(i,")")),zt(p,"height","".concat(r,"px")),zt(p,"width","".concat(o,"px")),zt(p,"backgroundPosition","-".concat(d*o,"px -").concat(u*r,"px")),e<=o/2?zt(p,"left",0):e>f.clientWidth-o/2?zt(p,"left","".concat(f.clientWidth-o,"px")):zt(p,"left","".concat(e-o/2,"px")))}),e(f,"mouseout",function(){zt(p,"display","none")})}})}}var rt=function(){function n(t){var e=this;_t(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var t,e,n,i,r,a,s,o,c,l,u=this,d=this.art.option;this.add(nt({name:"progress",disable:d.isLive,position:"top",index:10})),this.add(it({name:"thumbnails",disable:!d.thumbnails.url||d.isLive,position:"top",index:20})),this.add((t={name:"playAndPause",disable:!1,position:"left",index:10},function(c){return Q({},t,{mounted:function(t){var e=c.events.proxy,n=c.player,i=c.i18n,r=x(t,tt.play),o=x(t,tt.pause);function a(){zt(r,"display","flex"),zt(o,"display","none")}function s(){zt(r,"display","none"),zt(o,"display","flex")}O(r,i.get("Play")),O(o,i.get("Pause")),e(r,"click",function(){n.play()}),e(o,"click",function(){n.pause()}),n.playing?s():a(),c.on("video:playing",function(){s()}),c.on("video:pause",function(){a()})}})})),this.add((e={name:"volume",disable:!1,position:"left",index:20},function(d){return Q({},e,{mounted:function(t){var e=d.events.proxy,r=d.player,n=d.i18n,i=!1,o=x(t,tt.volume),a=x(t,tt.volumeClose),s=x(t,'<div class="art-volume-panel"></div>'),c=x(s,'<div class="art-volume-slider-handle"></div>');function l(t){var e=s.getBoundingClientRect(),n=e.left,i=e.width,r=c.getBoundingClientRect().width;return Lt(t.x-n-r/2,0,i-r/2)/(i-r)}function u(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(r.muted||0===t)zt(o,"display","none"),zt(a,"display","flex"),zt(c,"left","0");else{var e=P(s,"width")||60,n=P(c,"width"),i=n/2+(e-n)*t-n/2;zt(o,"display","flex"),zt(a,"display","none"),zt(c,"left","".concat(i,"px"))}}O(o,n.get("Mute")),zt(a,"display","none"),u(r.volume),d.on("video:volumechange",function(){u(r.volume)}),e(o,"click",function(){r.muted=!0}),e(a,"click",function(){r.muted=!1}),e(s,"click",function(t){r.muted=!1,r.volume=l(t)}),e(c,"mousedown",function(){i=!0}),e(c,"mousemove",function(t){i&&(r.muted=!1,r.volume=l(t))}),e(document,"mouseup",function(){i&&(i=!1)})}})})),this.add((n={name:"time",disable:d.isLive,position:"left",index:30},function(i){return Q({},n,{mounted:function(e){function n(){var t="".concat(Mt(i.player.currentTime)," / ").concat(Mt(i.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){i.on(t,n)})}})})),this.add((i={name:"quality",disable:0===d.quality.length,position:"right",index:10},function(r){return Q({},i,{mounted:function(t){var o=r.option,e=r.events.proxy,a=r.player,s=-1,n=o.quality.find(function(t){return t.default})||o.quality[0];s=o.quality.indexOf(n);var c=x(t,'<div class="art-quality-name">'.concat(n.name,"</div>")),i=o.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join("");e(x(t,'<div class="art-qualitys">'.concat(i,"</div>")),"click",function(t){var e=Number(t.target.dataset.index),n=o.quality[e],i=n.url,r=n.name;i&&r&&s!==e&&(a.switchQuality(i,r),c.innerHTML=r,s=e)})}})})),this.add((r={name:"screenshot",disable:!d.screenshot,position:"right",index:20},function(o){return Q({},r,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,tt.screenshot);O(r,n.get("Screenshot")),e(r,"click",function(){i.screenshot()})}})})),this.add((a={name:"subtitle",disable:!d.subtitle.url,position:"right",index:30},function(o){return Q({},a,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.subtitle,r=x(t,tt.subtitle);O(r,n.get("Hide subtitle")),e(t,"click",function(){i.toggle()}),o.on("subtitle:show",function(){zt(r,"opacity","1"),O(r,n.get("Hide subtitle"))}),o.on("subtitle:hide",function(){zt(r,"opacity","0.8"),O(r,n.get("Show subtitle"))})}})})),this.add((s={name:"setting",disable:!d.setting,position:"right",index:40},function(o){return Q({},s,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.setting,r=x(t,tt.setting);O(r,n.get("Show setting")),e(t,"click",function(){i.toggle()}),o.on("setting:show",function(){zt(r,"opacity","0.8"),O(r,n.get("Hide setting"))}),o.on("setting:hide",function(){zt(r,"opacity","1"),O(r,n.get("Show setting"))})}})})),this.add((o={name:"pip",disable:!d.pip,position:"right",index:50},function(r){return Q({},o,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.player;O(x(t,tt.pip),n.get("Mini player")),e(t,"click",function(){i.pipEnabled()})}})})),this.add((c={name:"fullscreenWeb",disable:!d.fullscreenWeb,position:"right",index:60},function(o){return Q({},c,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,tt.fullscreenWeb);O(r,n.get("Web fullscreen")),e(t,"click",function(){i.fullscreenWebToggle()}),o.on("fullscreenWeb:enabled",function(){zt(r,"opacity","0.8"),O(r,n.get("Exit web fullscreen"))}),o.on("fullscreenWeb:exit",function(){zt(r,"opacity","1"),O(r,n.get("Web fullscreen"))})}})})),this.add((l={name:"fullscreen",disable:!d.fullscreen,position:"right",index:70},function(o){return Q({},l,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,tt.fullscreen);O(r,n.get("Fullscreen")),e(t,"click",function(){i.fullscreenToggle()}),o.on("fullscreen:enabled",function(){zt(r,"opacity","0.8"),O(r,n.get("Exit fullscreen"))}),o.on("fullscreen:exit",function(){zt(r,"opacity","1"),O(r,n.get("Fullscreen"))})}})})),d.controls.forEach(function(t){u.add(t)})}},{key:"add",value:function(t,e){var n,i="function"==typeof t?t(this.art):t,r=this.art.template,o=r.$progress,a=r.$controlsLeft,s=r.$controlsRight;switch(i.position){case"top":n=o;break;case"left":n=a;break;case"right":n=s}n&&V(this.art,this,n,i,e,"control")}},{key:"show",value:function(){this.art.template.$player.classList.add("artplayer-controls-show")}},{key:"hide",value:function(){this.art.template.$player.classList.remove("artplayer-controls-show")}}]),n}();var ot=function(){function n(t){var e=this;_t(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var e,r,n,i,o=this,t=this.art,a=t.option,s=t.template,c=s.$player,l=s.$contextmenu,u=t.events.proxy;this.add((e={disable:!a.playbackRate,name:"playbackRate",index:10},function(n){var t=n.i18n,i=n.player;return Q({},e,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(t){var e=t.target.dataset.rate;e&&(i.playbackRate(Number(e)),n.contextmenu.hide())},mounted:function(t){n.on("playbackRateChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e}),"current")})}})})),this.add((r={disable:!a.aspectRatio,name:"aspectRatio",index:20},function(n){var t=n.i18n,i=n.player;return Q({},r,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(t){var e=t.target.dataset.ratio;e&&(i.aspectRatio(e),n.contextmenu.hide())},mounted:function(t){n.on("aspectRatioChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})})),this.add((n={disable:!1,name:"info",index:30},function(t){return Q({},n,{html:t.i18n.get("Video info"),click:function(){t.info.show(),t.contextmenu.hide()}})})),this.add(Q({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 1.0.5</a>'})),this.add((i={disable:!1,name:"close",index:50},function(t){return Q({},i,{html:t.i18n.get("Close"),click:function(){t.contextmenu.hide()}})})),a.contextmenu.forEach(function(t){o.add(t)}),u(c,"contextmenu",function(t){t.preventDefault(),o.show(),o.setPos(t)}),u(c,"click",function(t){t.composedPath().includes(l)||o.hide()})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;V(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,i=e.$contextmenu,r=t.clientX,o=t.clientY,a=n.getBoundingClientRect(),s=a.height,c=a.width,l=a.left,u=a.top,d=i.getBoundingClientRect(),p=d.height,f=d.width,h=r-l,v=o-u;l+c<r+f&&(h=c-f),u+s<o+p&&(v=s-p),zt(i,"left","".concat(h,"px")),zt(i,"top","".concat(v,"px"))}},{key:"hide",value:function(){var t=this.art.template.$contextmenu;zt(t,"display","none"),this.art.emit("contextmenu:hide",t)}},{key:"show",value:function(){var t=this.art.template.$contextmenu;zt(t,"display","block"),this.art.emit("contextmenu:show",t)}}]),n}(),at=function(){function e(t){_t(this,e),this.art=t,this.init()}return r(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.hide()})}},{key:"show",value:function(){var t=this.art.template,e=t.$info,n=t.$infoPanel;zt(e,"display","block"),n.innerHTML||x(n,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show",e)}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">1.0.5</div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video volume:</div>\n            <div class="art-info-content" data-video="volume"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video time:</div>\n            <div class="art-info-content" data-video="currentTime"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video duration:</div>\n            <div class="art-info-content" data-video="duration"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video resolution:</div>\n            <div class="art-info-content">\n              <span data-video="videoWidth"></span> x <span data-video="videoHeight"></span>\n            </div>\n          </div>\n        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"hide",value:function(){var t=this.art.template.$info;zt(t,"display","none"),clearTimeout(this.timer),this.art.emit("info:hide",t)}}]),e}(),st=function(){function n(t){_t(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return r(n,[{key:"init",value:function(t){var i=this,e=this.art,r=e.events.proxy,n=e.option.subtitle,o=e.template,a=o.$video,s=o.$subtitle,c=o.$track;if(S(s,n.style||{}),!c){var l=document.createElement("track");l.default=!0,l.kind="metadata",a.appendChild(l),this.art.template.$track=l}this.load(t).then(function(t){if(i.art.template.$track.src=t,i.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var n=Z(a.textTracks,1)[0];r(n,"cuechange",function(){var t=Z(n.activeCues,1)[0];if(s.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),s.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}i.art.emit("subtitle:update",s)})}})}},{key:"load",value:function(e){var n,i=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?C(_(t)):e}).catch(function(t){i.show(t),console.warn(t)})}},{key:"show",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;zt(e,"display","block"),this.state=!0,i.show(n.get("Show subtitle")),this.art.emit("subtitle:show",e)}},{key:"hide",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;zt(e,"display","none"),this.state=!1,i.show(n.get("Hide subtitle")),this.art.emit("subtitle:hide",e)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}();var ct=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});e.ContentRect=function(t){if("getBBox"in t){var e=t.getBBox();return Object.freeze({height:e.height,left:0,top:0,width:e.width})}var n=window.getComputedStyle(t);return Object.freeze({height:parseFloat(n.height||"0"),left:parseFloat(n.paddingLeft||"0"),top:parseFloat(n.paddingTop||"0"),width:parseFloat(n.width||"0")})}});e(ct);ct.ContentRect;var lt=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t){this.target=t,this.$$broadcastWidth=this.$$broadcastHeight=0}return Object.defineProperty(t.prototype,"broadcastWidth",{get:function(){return this.$$broadcastWidth},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"broadcastHeight",{get:function(){return this.$$broadcastHeight},enumerable:!0,configurable:!0}),t.prototype.isActive=function(){var t=ct.ContentRect(this.target);return!!t&&(t.width!==this.broadcastWidth||t.height!==this.broadcastHeight)},t}();e.ResizeObservation=n});e(lt);lt.ResizeObservation;var ut=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){this.target=t,this.contentRect=ct.ContentRect(t)};e.ResizeObserverEntry=n});e(ut);ut.ResizeObserverEntry;var dt=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=[],i=function(){function t(t){this.$$observationTargets=[],this.$$activeTargets=[],this.$$skippedTargets=[];var e=function(t){if(void 0===t)return"Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.";if("function"!=typeof t)return"Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function."}(t);if(e)throw TypeError(e);this.$$callback=t,n.push(this)}return t.prototype.observe=function(t){var e=r("observe",t);if(e)throw TypeError(e);0<o(this.$$observationTargets,t)||(this.$$observationTargets.push(new lt.ResizeObservation(t)),d())},t.prototype.unobserve=function(t){var e=r("unobserve",t);if(e)throw TypeError(e);var n=o(this.$$observationTargets,t);n<0||(this.$$observationTargets.splice(n,1),f())},t.prototype.disconnect=function(){this.$$observationTargets=[],this.$$activeTargets=[]},t}();function r(t,e){return void 0===e?"Failed to execute '"+t+"' on 'ResizeObserver': 1 argument required, but only 0 present.":e instanceof window.Element?void 0:"Failed to execute '"+t+"' on 'ResizeObserver': parameter 1 is not of type 'Element'."}function o(t,e){for(var n=0;n<t.length;n+=1)if(t[n].target===e)return n;return-1}e.ResizeObserver=i;var a,s=function(i){n.forEach(function(n){n.$$activeTargets=[],n.$$skippedTargets=[],n.$$observationTargets.forEach(function(t){if(t.isActive()){var e=l(t.target);i<e?n.$$activeTargets.push(t):n.$$skippedTargets.push(t)}})})},c=function(){var r=1/0;return n.forEach(function(t){if(t.$$activeTargets.length){var i=[];t.$$activeTargets.forEach(function(t){var e=new ut.ResizeObserverEntry(t.target);i.push(e),t.$$broadcastWidth=e.contentRect.width,t.$$broadcastHeight=e.contentRect.height;var n=l(t.target);n<r&&(r=n)}),t.$$callback(i,t),t.$$activeTargets=[]}}),r},l=function(t){for(var e=0;t.parentNode;)t=t.parentNode,e+=1;return e},u=function(){var t,e=0;for(s(e);n.some(function(t){return!!t.$$activeTargets.length});)e=c(),s(e);n.some(function(t){return!!t.$$skippedTargets.length})&&(t=new window.ErrorEvent("ResizeLoopError",{message:"ResizeObserver loop completed with undelivered notifications."}),window.dispatchEvent(t))},d=function(){a||p()},p=function t(){a=window.requestAnimationFrame(function(){u(),t()})},f=function(){a&&!n.some(function(t){return!!t.$$observationTargets.length})&&(window.cancelAnimationFrame(a),a=void 0)};e.install=function(){return window.ResizeObserver=i}});e(dt);var pt=dt.ResizeObserver;dt.install;var ft=function(){function t(x){var k=this;_t(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),x.on("firstCanplay",function(){var e,t,n,i,r,o,a,s,c,l,u,d,p,f,h,v,y,m,g,b,w;t=k,n=(e=x).template.$player,t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?e.isFocus=!0:(e.isFocus=!1,e.contextmenu.hide())}),r=k,o=(i=x).template.$player,r.hover(o,function(){o.classList.add("artplayer-hover"),i.emit("hoverenter")},function(){o.classList.remove("artplayer-hover"),i.emit("hoverleave")}),s=k,c=(a=x).template,l=c.$player,u=c.$video,d=a.player,p=E(function(){l.classList.add("artplayer-hide-cursor"),l.classList.remove("artplayer-hover"),a.controls.hide()},5e3),a.on("hoverleave",function(){d.playing&&p()}),s.proxy(l,"mousemove",function(t){p.clearTimeout(),l.classList.remove("artplayer-hide-cursor"),a.controls.show(),!a.player.pipState&&d.playing&&t.target===u&&p()}),h=k,v=(f=x).option,y=f.template.$player,(m=new pt(function(){v.autoSize&&(f.player.fullscreenState||f.player.fullscreenWebState||f.player.pipState?f.player.autoSizeRemove():f.player.autoSize()),f.player.aspectRatioReset(),f.emit("resize",y)})).observe(y),h.destroyEvents.push(function(){m.unobserve(y)}),b=k,w=(g=x).template.$video,b.proxy(w,"dblclick",function(){g.player.fullscreenToggle(),g.emit("dblclick")})})}return r(t,[{key:"proxy",value:function(e,t,n){var i=this,r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(t)?t.forEach(function(t){return i.proxy(e,t,n,r)}):(e.addEventListener(t,n,r),this.destroyEvents.push(function(){e.removeEventListener(t,n,r)}))}},{key:"hover",value:function(t,e,n){this.proxy(t,"mouseenter",e),this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(i){var r=this;return new Promise(function(t,e){var n;if(i instanceof HTMLImageElement)n=i;else{if("string"!=typeof i)return e(i);(n=new Image).src=i}return n.complete?t(n):(r.proxy(n,"load",function(){return t(n)}),r.proxy(n,"error",function(){return e(n)}),i)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),t}(),ht=function(){function n(t){var e=this;_t(this,n),this.art=t,this.art.option.hotkey&&this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var i=this,t=this.art,r=t.player;(0,t.events.proxy)(window,"keydown",function(t){if(i.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n)switch(i.art.emit("hotkey",t),t.keyCode){case 39:t.preventDefault(),r.seek(r.currentTime+10);break;case 37:t.preventDefault(),r.seek(r.currentTime-10);break;case 38:t.preventDefault(),r.volume+=.05;break;case 40:t.preventDefault(),r.volume-=.05;break;case 32:t.preventDefault(),r.toggle()}}})}}]),n}(),vt=function(){function n(t){var e=this;_t(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.option.layers.forEach(function(t){e.add(t)})}return r(n,[{key:"add",value:function(t,e){var n=this.art.template.$layers;V(this.art,this,n,t,e,"layer")}},{key:"show",value:function(){var t=this.art.template.$layers;zt(t,"display","block"),this.art.emit("layers:show",t)}},{key:"hide",value:function(){var t=this.art.template.$layers;zt(t,"display","none"),this.art.emit("layers:hide",t)}}]),n}(),yt=function(){function n(t){_t(this,n);var e=(this.art=t).option;x(t.template.$loading,e.icons.loading||tt.loading)}return r(n,[{key:"hide",value:function(){var t=this.art.template.$loading;zt(t,"display","none"),this.art.emit("loading:hide",t)}},{key:"show",value:function(){var t=this.art.template.$loading;zt(t,"display","flex"),this.art.emit("loading:show",t)}}]),n}(),mt=function(){function e(t){_t(this,e),this.art=t,this.timer=null}return r(e,[{key:"show",value:function(t){var e=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,r=this.art.template,o=r.$notice,a=r.$noticeInner;zt(o,"display","block"),a.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){e.hide()},i)),this.art.emit("notice:show",o)}},{key:"hide",value:function(){var t=this.art.template.$notice;zt(t,"display","none"),this.art.emit("notice:hide",t)}}]),e}(),gt=function(){function n(t){_t(this,n);var e=(this.art=t).option;x(x(t.template.$mask,'<div class="art-playBig"></div>'),e.icons.playBig||tt.playBig)}return r(n,[{key:"show",value:function(){var t=this.art.template.$mask;zt(t,"display","flex"),this.art.emit("mask:show",t)}},{key:"hide",value:function(){var t=this.art.template.$mask;zt(t,"display","none"),this.art.emit("mask:show",t)}}]),n}();var bt=function(){function n(t){var e=this;_t(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var i,t=this,e=this.art,n=e.template.$settingClose;(0,e.events.proxy)(n,"click",function(){t.hide()}),this.add((i={disable:!1,name:"flip",index:10},function(e){var t=e.i18n,n=e.player;return Q({},i,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-body">\n                    <div class="art-setting-btns">\n                        <div class="art-setting-btn current">\n                            <span data-flip="normal">').concat(t.get("Normal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="horizontal">').concat(t.get("Horizontal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="vertical">').concat(t.get("Vertical"),"</span>\n                        </div>\n                    </div>\n                </div>\n            "),click:function(t){var e=t.target.dataset.flip;e&&n.flip(e)},mounted:function(t){e.on("flipChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.flip===e}).parentElement,"current")})}})}))}},{key:"add",value:function(t,e){var n=this.art.template.$settingBody;V(this.art,this,n,t,e,"setting")}},{key:"show",value:function(){var t=this.art.template.$setting;zt(t,"display","flex"),this.state=!0,this.art.emit("setting:show",t)}},{key:"hide",value:function(){var t=this.art.template.$setting;zt(t,"display","none"),this.state=!1,this.art.emit("setting:hide",t)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),wt=function(){function e(t){_t(this,e),this.art=t,this.storageName="artplayer_settings",this.init()}return r(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.storageName))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),h({},t,e));localStorage.setItem(this.storageName,JSON.stringify(n))}}]),e}();function xt(i){var t=i.i18n,r=i.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-body">\n                <input\n                    style="width: 100%;height: 3px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-color: #fff;"\n                    class="art-subtitle-range"\n                    type="range"\n                    min="-5"\n                    max="5"\n                    step="0.5"\n                >\n            </div>\n        '),mounted:function(t){var e=t.querySelector(".art-subtitle-range"),n=t.querySelector(".art-subtitle-value");r(e,"change",function(){var t=e.value;n.innerText=t,i.plugins.subtitle.offset(Number(t))}),i.on("subtitle:switch",function(){e.value=0,n.innerText=0}),i.on("artplayerPluginSubtitle:set",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function kt(i){var r=i.constructor.utils.clamp,t=i.setting,o=i.notice,a=i.template,s=i.i18n;s.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}}),t.add(xt);var c=[];return i.on("subtitle:switch",function(){c=[]}),{name:"subtitle",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=r(t,-5,5);e.forEach(function(t,e){c[e]||(c[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=c[e].startTime+n,t.endTime=c[e].endTime+n}),o.show("".concat(s.get("Subtitle offset time"),": ").concat(t,"s")),i.emit("artplayerPluginSubtitle:set",t)}else o.show("".concat(s.get("No subtitles found"))),i.emit("artplayerPluginSubtitle:set",0)}}}function Et(r){var t=r.constructor.utils,n=t.append,i=t.setStyle,o=t.setStyles,a=t.sleep,s=r.events.proxy,c=r.option,l=r.notice,u=r.i18n,d=r.template,p=r.player;function f(t){if(t){var e=d.$video.canPlayType(t.type);if("maybe"===e||"probably"===e){var n=URL.createObjectURL(t);p.playbackRateRemove(),p.aspectRatioRemove(),d.$video.src=n,a(1e3).then(function(){p.currentTime=0}),c.url=n,r.emit("switch",n),l.show(u.get("Load local video successfully"))}else{var i="".concat(u.get("Playback of this file format is not supported"),": ").concat(t.type);l.show(i,!0,3e3),console.warn(i)}}}return u.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}}),s(d.$player,"dragover",function(t){t.preventDefault(),l.show(u.get("Load local video successfully"))}),s(d.$player,"drop",function(t){t.preventDefault(),f(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');i(t,"position","relative"),o(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){f(e.files[0])})}}}var $t=function(){function n(t){var e=this;_t(this,n),this.art=t,this.id=0,this.add(kt),this.add(Et),t.option.plugins.forEach(function(t){e.add(t)})}return r(n,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art);return this[e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)]=e,this.art.emit("plugin:add",t),this}}]),n}(),St=function t(e){_t(this,t);var n=e.option,i=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=Lt(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),i.controls=!0;var r=n.type||jt(n.url),o=n.customType[r];r&&o?(e.emit("beforeCustomType",r),o(i,n.url,e),e.emit("afterCustomType",r)):(e.emit("beforeAttachUrl",n.url),i.src=n.url,e.emit("afterAttachUrl",i.src))},Pt=0,Tt=function(t){function n(t){var e;return _t(this,n),e=s(this,c(n).call(this)),Ct("function"==typeof window.Promise,"Unsupported 'Promise' method"),e.option=w(n.DEFAULTS,t),f(e.option,A),e.init(),e}return u(n,p),r(n,[{key:"init",value:function(){this.whitelist=new z(this),this.template=new W(this),this.whitelist.state?(this.isFocus=!1,this.storage=new wt(this),this.i18n=new D(this),this.notice=new mt(this),this.events=new ft(this),this.player=new U(this),this.layers=new vt(this),this.controls=new rt(this),this.contextmenu=new ot(this),this.subtitle=new st(this),this.info=new at(this),this.loading=new yt(this),this.hotkey=new ht(this),this.mask=new gt(this),this.setting=new bt(this),this.plugins=new $t(this)):this.mobile=new St(this),Pt+=1,this.id=Pt,n.instances.push(this)}},{key:"destroy",value:function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events&&this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.emit("destroy")}}],[{key:"version",get:function(){return"1.0.5"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return Wt}},{key:"utils",get:function(){return j}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",mimeCodec:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{loading:"",playBig:""},customType:{},lang:navigator.language.toLowerCase()}}}]),n}();Object.defineProperty(Tt,"instances",{value:[]}),window.Artplayer=Tt,t.default=Tt,Object.defineProperty(t,"__esModule",{value:!0})});
diff --git a/packages/artplayer-plugin-flv/dist/artplayer-plugin-flv.js b/packages/artplayer-plugin-flv/dist/artplayer-plugin-flv.js
new file mode 100644
index 000000000..db794f7a9
--- /dev/null
+++ b/packages/artplayer-plugin-flv/dist/artplayer-plugin-flv.js
@@ -0,0 +1,8 @@
+/*!
+ * artplayer-plugin-flv.js v1.0.5
+ * Github: https://github.com/zhw2590582/ArtPlayer#readme
+ * (c) 2017-2018 Harvey Zack
+ * Released under the MIT License.
+ */
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t["artplayer-plugin-flv"]={})}(this,function(t){"use strict";var r=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var e=function(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t};function n(t,e){return t(e={exports:{}},e.exports),e.exports}var i=n(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=o=function(t){return n(t)}:e.exports=o=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},o(t)}e.exports=o});var u=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var c=function(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?u(t):e},f=n(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),p=n(function(n){function o(t,e){return n.exports=o=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},o(t,e)}n.exports=o});var a=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&p(t,e)};function l(){}l.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,u=o.length;i<u;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}};var s=l;var y=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},d=n(function(o){function r(t,e,n){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?o.exports=r=function(t,e,n){var o=[null];o.push.apply(o,e);var r=new(Function.bind.apply(t,o));return n&&p(r,n.prototype),r}:o.exports=r=Reflect.construct,r.apply(null,arguments)}o.exports=r}),h=function(t){function o(t,e){var n;return r(this,o),n=c(this,f(o).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(u(u(n)),e||n.constructor),n.name="FlvError",n}return a(o,t),o}(n(function(e){function o(t){var n="function"==typeof Map?new Map:void 0;return e.exports=o=function(t){if(null===t||!y(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return d(t,arguments,f(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),p(e,t)},o(t)}e.exports=o})(Error));function b(t,e){if(!t)throw new h(e)}var v=function t(){r(this,t);var e='video/mp4; codecs="avc1.42001E, mp4a.40.2"',n=window.document.createElement("video").canPlayType(e);b(window.MediaSource&&window.MediaSource.isTypeSupported(e)&&("probably"===n||"maybe"===n),"Unsupported MIME type or codec: ".concat(e)),b("function"==typeof window.Promise,"Unsupported 'Promise' method"),b("function"==typeof window.fetch,"Unsupported 'fetch' method")},m=function t(e){r(this,t),this.mediaSource=new MediaSource,this.url=URL.createObjectURL(this.mediaSource),e.mediaElement.src=this.url},w=function(t){function o(t,e){var n;return r(this,o),(n=c(this,f(o).call(this))).mediaElement=t,n.url=e,n.support=new v(u(u(n))),n.mediaSource=new m(u(u(n))),n}return a(o,s),e(o,[{key:"load",value:function(){console.log(this)}},{key:"destroy",value:function(){console.log(this)}}]),o}();function x(t){var n=null;return t.on("destroy",function(){n&&n.destroy()}),{flv:n,init:function(t,e){(n=new w(t,e)).load()}}}window.Flv=w,window.artplayerPluginFlv=x,t.default=x,Object.defineProperty(t,"__esModule",{value:!0})});
diff --git a/packages/artplayer-tool-thumbnail/dist/artplayer-tool-thumbnail.js b/packages/artplayer-tool-thumbnail/dist/artplayer-tool-thumbnail.js
index 170359125..504bcb620 100644
--- a/packages/artplayer-tool-thumbnail/dist/artplayer-tool-thumbnail.js
+++ b/packages/artplayer-tool-thumbnail/dist/artplayer-tool-thumbnail.js
@@ -5,4 +5,4 @@
  * Released under the MIT License.
  */
 
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t["artplayer-tool-thumbnail"]={})}(this,function(t){"use strict";var o=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function i(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var e=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t};function n(t,e){return t(e={exports:{}},e.exports),e.exports}var r=n(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=o=function(t){return n(t)}:e.exports=o=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},o(t)}e.exports=o});var u=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var a=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?u(t):e},s=n(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),c=n(function(n){function o(t,e){return n.exports=o=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},o(t,e)}n.exports=o});var l=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&c(t,e)};function h(){}h.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function i(){o.off(t,i),e.apply(n,arguments)}return i._=e,this.on(t,i,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,i=n.length;o<i;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],i=[];if(o&&e)for(var r=0,u=o.length;r<u;r++)o[r].fn!==e&&o[r].fn._!==e&&i.push(o[r]);return i.length?n[t]=i:delete n[t],this}};var f=h;function p(e){return new Promise(function(t){return setTimeout(t,e)})}function d(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}var m=function(t){function n(){var t,e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return o(this,n),(t=a(this,s(n).call(this))).processing=!1,t.option={},t.setup(Object.assign({},n.DEFAULTS,e)),t.video=n.creatVideo(),t.inputChange=t.inputChange.bind(u(u(t))),t.option.fileInput.addEventListener("change",t.inputChange),t}return l(n,f),e(n,[{key:"setup",value:function(){var e=this,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.option=Object.assign({},this.option,t);var n=this.option,o=n.fileInput,i=n.delay,r=n.number,u=n.width,a=n.height,s=n.column;return this.errorHandle("INPUT"===o.tagName&&"file"===o.type,"The 'fileInput' is not a usable file input like: <input type=\"file\">"),["delay","number","width","height","column"].forEach(function(t){e.errorHandle("number"==typeof e.option[t],"The '".concat(t,"' is not a number"))}),this.option.delay=d(i,10,1e3),this.option.number=d(r,10,1e3),this.option.width=d(u,10,1e3),this.option.height=d(a,10,1e3),this.option.column=d(s,1,1e3),this}},{key:"inputChange",value:function(){var e=this,t=this.option.delay,n=["video/mp4","audio/ogg","video/webm"],o=this.option.fileInput.files[0];if(o){this.errorHandle(n.includes(o.type),"Only file types are supported: ".concat(n.toString(),", but got ").concat(o.type));var i=URL.createObjectURL(o);this.videoUrl=i,this.file=o,this.emit("file",this.file),this.video.src=i,p(t).then(function(){e.emit("video",e.video)}).catch(function(t){e.emit("error",t.message),console.error(t)})}}},{key:"start",value:function(){var n=this,t=this.option,o=t.width,i=t.height,r=t.number,u=t.delay;this.density=r/this.video.duration,this.errorHandle(this.file&&this.video,"Please select the video file first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment..."),this.errorHandle(this.density<=1,"The preview density cannot be greater than 1, but got ".concat(this.density));var e=this.creatScreenshotDate(),a=this.creatCanvas(),s=a.getContext("2d");this.emit("canvas",a);var c,l=e.map(function(t,e){return function(){return n.video.currentTime=t.time,p(u).then(function(){s.drawImage(n.video,t.x,t.y,o,i),a.toBlob(function(t){n.thumbnailUrl&&URL.revokeObjectURL(n.thumbnailUrl),n.thumbnailUrl=URL.createObjectURL(t),n.emit("update",n.thumbnailUrl,(e+1)/r)})}).catch(function(t){console.error(t)})}});return this.processing=!0,(c=l,c.reduce(function(t,e){return t.then(e)},Promise.resolve())).then(function(){return p(2*u).then(function(){n.processing=!1,n.emit("done")}).catch(function(t){n.processing=!1,n.emit("error",t.message),console.error(t)})}).catch(function(t){n.processing=!1,n.emit("error",t.message),console.error(t)})}},{key:"creatScreenshotDate",value:function(){for(var t=this.option,e=t.number,n=t.width,o=t.height,i=t.column,r=this.video.duration/e,u=[r];u.length<e;){var a=u[u.length-1];u.push(a+r)}return u.map(function(t,e){return{time:t-r/2,x:e%i*n,y:Math.floor(e/i)*o}})}},{key:"creatCanvas",value:function(){var t=this.option,e=t.number,n=t.width,o=t.height,i=t.column,r=document.createElement("canvas"),u=r.getContext("2d");return r.width=n*i,r.height=Math.ceil(e/i)*o+30,u.fillStyle="black",u.fillRect(0,0,r.width,r.height),u.font="14px Georgia",u.fillStyle="#fff",u.fillText("From: https://artplayer.org/thumbnail, Number: ".concat(e,", Width: ").concat(n,", Height: ").concat(o,", Column: ").concat(i),10,r.height-11),r}},{key:"download",value:function(){this.errorHandle(this.file&&this.thumbnailUrl,"Download does not seem to be ready, please create preview first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment...");var t,e,n=document.createElement("a"),o="".concat((t=this.file.name,(e=t.split(".")).pop(),e.join(".")),".png");return n.download=o,n.href=this.thumbnailUrl,document.body.appendChild(n),n.click(),document.body.removeChild(n),this.emit("download",o),this}},{key:"errorHandle",value:function(t,e){if(!t)throw this.emit("error",e),new Error(e)}},{key:"destroy",value:function(){this.option.fileInput.removeEventListener("change",this.inputChange),document.body.removeChild(this.video),this.videoUrl&&URL.revokeObjectURL(this.videoUrl),this.thumbnailUrl&&URL.revokeObjectURL(this.thumbnailUrl),this.emit("destroy")}}],[{key:"creatVideo",value:function(){var t=document.createElement("video");return t.style.position="absolute",t.style.top="-9999px",t.style.left="-9999px",t.muted=!0,t.controls=!0,document.body.appendChild(t),t}},{key:"DEFAULTS",get:function(){return{delay:300,number:60,width:160,height:90,column:10}}}]),n}();window.ArtplayerToolThumbnail=m,t.default=m,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t(e["artplayer-tool-thumbnail"]={})}(this,function(e){"use strict";var o=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")};function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var t=function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e};function n(e,t){return e(t={exports:{}},t.exports),t.exports}var r=n(function(t){function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?t.exports=o=function(e){return n(e)}:t.exports=o=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":n(e)},o(e)}t.exports=o});var a=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};var s=function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?a(e):t},u=n(function(t){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(e)}t.exports=n}),l=n(function(n){function o(e,t){return n.exports=o=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},o(e,t)}n.exports=o});var c=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&l(e,t)};function h(){}h.prototype={on:function(e,t,n){var o=this.e||(this.e={});return(o[e]||(o[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){var o=this;function i(){o.off(e,i),t.apply(n,arguments)}return i._=t,this.on(e,i,n)},emit:function(e){for(var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),o=0,i=n.length;o<i;o++)n[o].fn.apply(n[o].ctx,t);return this},off:function(e,t){var n=this.e||(this.e={}),o=n[e],i=[];if(o&&t)for(var r=0,a=o.length;r<a;r++)o[r].fn!==t&&o[r].fn._!==t&&i.push(o[r]);return i.length?n[e]=i:delete n[e],this}};var f=h;function p(t){return new Promise(function(e){return setTimeout(e,t)})}function d(e,t,n){return Math.max(Math.min(e,Math.max(t,n)),Math.min(t,n))}var m=function(e){function n(){var e,t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};return o(this,n),(e=s(this,u(n).call(this))).processing=!1,e.option={},e.setup(Object.assign({},n.DEFAULTS,t)),e.video=n.creatVideo(),e.inputChange=e.inputChange.bind(a(a(e))),e.ondrop=e.ondrop.bind(a(a(e))),e.option.fileInput.addEventListener("change",e.inputChange),e.option.fileInput.addEventListener("dragover",n.ondragover),e.option.fileInput.addEventListener("drop",n.ondrop),e}return c(n,f),t(n,[{key:"ondrop",value:function(e){e.preventDefault();var t=e.dataTransfer.files[0];this.loadVideo(t)}},{key:"setup",value:function(){var t=this,e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.option=Object.assign({},this.option,e);var n=this.option,o=n.fileInput,i=n.delay,r=n.number,a=n.width,s=n.height,u=n.column;return this.errorHandle("INPUT"===o.tagName&&"file"===o.type,"The 'fileInput' is not a usable file input like: <input type=\"file\">"),["delay","number","width","height","column"].forEach(function(e){t.errorHandle("number"==typeof t.option[e],"The '".concat(e,"' is not a number"))}),this.option.delay=d(i,10,1e3),this.option.number=d(r,10,1e3),this.option.width=d(a,10,1e3),this.option.height=d(s,10,1e3),this.option.column=d(u,1,1e3),this}},{key:"inputChange",value:function(){var e=this.option.fileInput.files[0];this.loadVideo(e)}},{key:"loadVideo",value:function(e){var t=this,n=this.option.delay;if(e){var o=this.video.canPlayType(e.type);this.errorHandle("maybe"===o||"probably"===o,"Playback of this file format is not supported: ".concat(e.type));var i=URL.createObjectURL(e);this.videoUrl=i,this.file=e,this.emit("file",this.file),this.video.src=i,p(n).then(function(){t.emit("video",t.video)}).catch(function(e){t.emit("error",e.message),console.error(e)})}}},{key:"start",value:function(){var o=this,e=this.option,i=e.width,r=e.height,a=e.number,s=e.delay;this.density=a/this.video.duration,this.errorHandle(this.file&&this.video,"Please select the video file first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment..."),this.errorHandle(this.density<=1,"The preview density cannot be greater than 1, but got ".concat(this.density));var t=this.creatScreenshotDate(),u=this.creatCanvas(),l=u.getContext("2d");this.emit("canvas",u);var n,c=t.map(function(e,n){return function(){return o.video.currentTime=e.time,new Promise(function(t){p(s).then(function(){l.drawImage(o.video,e.x,e.y,i,r),u.toBlob(function(e){o.thumbnailUrl&&URL.revokeObjectURL(o.thumbnailUrl),o.thumbnailUrl=URL.createObjectURL(e),o.emit("update",o.thumbnailUrl,(n+1)/a),t()})}).catch(function(e){console.error(e)})})}});return this.processing=!0,(n=c,n.reduce(function(e,t){return e.then(t)},Promise.resolve())).then(function(){return p(2*s).then(function(){o.processing=!1,o.emit("done")}).catch(function(e){o.processing=!1,o.emit("error",e.message),console.error(e)})}).catch(function(e){o.processing=!1,o.emit("error",e.message),console.error(e)})}},{key:"creatScreenshotDate",value:function(){for(var e=this.option,t=e.number,n=e.width,o=e.height,i=e.column,r=this.video.duration/t,a=[r];a.length<t;){var s=a[a.length-1];a.push(s+r)}return a.map(function(e,t){return{time:e-r/2,x:t%i*n,y:Math.floor(t/i)*o}})}},{key:"creatCanvas",value:function(){var e=this.option,t=e.number,n=e.width,o=e.height,i=e.column,r=document.createElement("canvas"),a=r.getContext("2d");return r.width=n*i,r.height=Math.ceil(t/i)*o+30,a.fillStyle="black",a.fillRect(0,0,r.width,r.height),a.font="14px Georgia",a.fillStyle="#fff",a.fillText("From: https://artplayer.org/thumbnail, Number: ".concat(t,", Width: ").concat(n,", Height: ").concat(o,", Column: ").concat(i),10,r.height-11),r}},{key:"download",value:function(){this.errorHandle(this.file&&this.thumbnailUrl,"Download does not seem to be ready, please create preview first"),this.errorHandle(!this.processing,"There is currently a task in progress, please wait a moment...");var e,t,n=document.createElement("a"),o="".concat((e=this.file.name,(t=e.split(".")).pop(),t.join(".")),".png");return n.download=o,n.href=this.thumbnailUrl,document.body.appendChild(n),n.click(),document.body.removeChild(n),this.emit("download",o),this}},{key:"errorHandle",value:function(e,t){if(!e)throw this.emit("error",t),new Error(t)}},{key:"destroy",value:function(){this.option.fileInput.removeEventListener("change",this.inputChange),this.option.fileInput.removeEventListener("dragover",n.ondragover),this.option.fileInput.removeEventListener("drop",n.ondrop),document.body.removeChild(this.video),this.videoUrl&&URL.revokeObjectURL(this.videoUrl),this.thumbnailUrl&&URL.revokeObjectURL(this.thumbnailUrl),this.emit("destroy")}}],[{key:"ondragover",value:function(e){e.preventDefault()}},{key:"creatVideo",value:function(){var e=document.createElement("video");return e.style.position="absolute",e.style.top="-9999px",e.style.left="-9999px",e.muted=!0,e.controls=!0,document.body.appendChild(e),e}},{key:"DEFAULTS",get:function(){return{delay:300,number:60,width:160,height:90,column:10}}}]),n}();window.ArtplayerToolThumbnail=m,e.default=m,Object.defineProperty(e,"__esModule",{value:!0})});
diff --git a/packages/artplayer/dist/artplayer.css b/packages/artplayer/dist/artplayer.css
index 1a8e2b43b..c58da5290 100644
--- a/packages/artplayer/dist/artplayer.css
+++ b/packages/artplayer/dist/artplayer.css
@@ -1,14 +1,14 @@
-.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;text-shadow:.5px .5px .5px rgba(0,0,0,.5);font-size:20px;pointer-events:none}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}
 .artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}
 .artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}
+.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;text-shadow:.5px .5px .5px rgba(0,0,0,.5);font-size:20px;pointer-events:none}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}
 .artplayer-video-player .artplayer-layers{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:all}
 .artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:60;left:0;top:0;right:0;bottom:0;width:100%;height:100%;align-items:center;justify-content:center;pointer-events:none}
 .artplayer-video-player .artplayer-mask{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-mask .art-playBig{position:absolute;right:30px;bottom:65px;opacity:.6}
-.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:70;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}
 .artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:flex;align-items:center;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:flex;align-items:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}
+.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:70;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}
 .artplayer-video-player .artplayer-contextmenu{display:none;position:absolute;z-index:110;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}
-.artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}
 .artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}
+.artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}
 .artplayer-video-player .artplayer-setting{display:none;position:absolute;z-index:80;left:0;top:0;height:100%;width:100%;align-items:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:relative;width:300px;height:250px;font-size:12px;background:rgba(0,0,0,.8);border-radius:3px;pointer-events:all;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 20px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{color:#fff;margin-bottom:10px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-body{color:hsla(0,0%,100%,.8)}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-close{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.5);font-size:20px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns{display:flex;margin-left:-4px;margin-right:-4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn{flex:1;padding:0 4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn span{display:block;height:20px;line-height:20px;text-align:center;color:#fff;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn.current span,.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn:hover span{color:#fff;background:#00a1d6}
 .artplayer-video-player[data-aspect-ratio] video{box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
 .artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}
diff --git a/packages/artplayer/dist/artplayer.js b/packages/artplayer/dist/artplayer.js
index e1894a92e..39ee893b4 100644
--- a/packages/artplayer/dist/artplayer.js
+++ b/packages/artplayer/dist/artplayer.js
@@ -5,4 +5,4 @@
  * Released under the MIT License.
  */
 
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.artplayer={})}(this,function(t){"use strict";var Bt=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var r=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t},o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function n(t,e){return t(e={exports:{}},e.exports),e.exports}var S=n(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},i(t)}e.exports=i});var a=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var s=function(t,e){return!e||"object"!==S(e)&&"function"!=typeof e?a(t):e},c=n(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),l=n(function(n){function i(t,e){return n.exports=i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}n.exports=i});var u=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)};function d(){}d.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function r(){i.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,r=n.length;i<r;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],r=[];if(i&&e)for(var o=0,a=i.length;o<a;o++)i[o].fn!==e&&i[o].fn._!==e&&r.push(i[o]);return r.length?n[t]=r:delete n[t],this}};var p=d,f=n(function(t,e){t.exports=function(){function c(t){return(c="function"==typeof Symbol&&"symbol"==S(Symbol.iterator)?function(t){return S(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":S(t)})(t)}var l=Object.prototype.toString,a=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e,n,i,r,o,a,s=c(t);if("boolean"===s)return"boolean";if("string"===s)return"string";if("number"===s)return"number";if("symbol"===s)return"symbol";if("function"===s)return"GeneratorFunction"===u(t)?"generatorfunction":"function";if(e=t,Array.isArray?Array.isArray(e):e instanceof Array)return"array";if((a=t).constructor&&"function"==typeof a.constructor.isBuffer&&a.constructor.isBuffer(a))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if((n=t)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((i=t)instanceof Error||"string"==typeof i.message&&i.constructor&&"number"==typeof i.constructor.stackTraceLimit)return"error";if((r=t)instanceof RegExp||"string"==typeof r.flags&&"boolean"==typeof r.ignoreCase&&"boolean"==typeof r.multiline&&"boolean"==typeof r.global)return"regexp";switch(u(t)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if("function"==typeof(o=t).throw&&"function"==typeof o.return&&"function"==typeof o.next)return"generator";switch(s=l.call(t)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return s.slice(8,-1).toLowerCase().replace(/\s/g,"")};function u(t){return t.constructor?t.constructor.name:null}function o(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var i in d(t,e,n),p(t,e,n),f(t,e,n),e)if(e.hasOwnProperty(i)){var r=t[i],o=e[i],a=n.concat(i);if(s(t,i,o,a))continue;d(r,o,a),p(r,o,a),f(r,o,a)}}function s(t,e,n,i){if(!Object.prototype.hasOwnProperty.call(t,e)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(i.join("."),"' is required"));return!0}}function d(t,e,n){var i;if("string"===a(e)?i=e:"function"===a(e)?e.___validator__=e:e.__type__?i=e.__type__:e.type&&(i=e.type),i&&"string"===a(i)){i=i.trim().toLowerCase();var r=a(t),o=r===i;if(-1<i.indexOf("|")&&(o=i.split("|").filter(Boolean).some(function(t){return r===t.trim()})),!o)throw new TypeError("'".concat(n.join("."),"' require '").concat(i,"' type, but got '").concat(r,"'"))}}function p(t,e,n){var i;if(e.___validator__?i=e.___validator__:e.validator&&(i=e.validator),"function"===a(i)){var r=i(n,t,a(t));if(!0!==r)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(r,"'"))}}function f(t,e,n){var i;if(e.___child__?i=e.___child__:e.child&&(i=e.child),"object"===a(i)){var r=a(t);"object"===r?o(t,i,n):"array"===r&&t.forEach(function(t,e){o(t,i,n.concat(e))})}}return o.kindOf=a,window.optionValidator=o}()});var h=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var v=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},m=n(function(i){function r(t,e,n){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?i.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&l(r,n.prototype),r}:i.exports=r=Reflect.construct,r.apply(null,arguments)}i.exports=r}),y=function(t){function i(t,e){var n;return Bt(this,i),n=s(this,c(i).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(a(a(n)),e||n.constructor),n.name="ArtPlayerError",n}return u(i,t),i}(n(function(e){function i(t){var n="function"==typeof Map?new Map:void 0;return e.exports=i=function(t){if(null===t||!v(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return m(t,arguments,c(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),l(e,t)},i(t)}e.exports=i})(Error));function Wt(t,e){if(!t)throw new y(e)}function qt(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function Dt(t){return t.includes("?")?Dt(t.split("?")[0]):t.includes("#")?Dt(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function Ht(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),i=Math.floor(t-3600*e-60*n);return(0<e?[e,n,i]:[n,i]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function Ft(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function E(i,r,o){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,i.apply(o,e)},r)}return t.clearTimeout=function(){clearTimeout(a)},t}function g(t){return t&&"object"===S(t)&&!Array.isArray(t)}function b(t){return t instanceof Element}function w(n,i){var r=Object.assign({},n);return g(n)&&g(i)&&Object.keys(i).forEach(function(t){var e=i[t];g(e)&&!b(e)&&t in n?r[t]=w(n[t],e):Object.assign(r,h({},t,e))}),r}function x(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",e),t.lastElementChild}function k(t,e,n){var i=Array.from(t.children);e.dataset.index=n;var r=i.find(function(t){return Number(t.dataset.index)>=Number(n)});return r?r.insertAdjacentElement("beforebegin",e):x(t,e),e}function It(t,e,n){return t.style[e]=n,t}function $(e,n){return Object.keys(n).forEach(function(t){It(e,t,n[t])}),e}function P(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],i=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(i):i}function T(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function R(t,e){T(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function O(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("data-balloon",e),t.setAttribute("data-balloon-pos",n)}function C(t){return"WEBVTT \r\n\r\n".concat(t.replace(/\{\\([ibu])\}/g,"</$1>").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"</$1>").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function L(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function _(t,e){var n=document.createElement("a");It(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var j=Object.freeze({ArtPlayerError:y,errorHandle:Wt,clamp:qt,getExt:Dt,secondToTime:Ht,sleep:Ft,debounce:E,isObject:g,isElement:b,mergeDeep:w,append:x,remove:function(t){return t.parentNode.removeChild(t)},insertByIndex:k,setStyle:It,setStyles:$,getStyle:P,sublings:T,inverseClass:R,tooltip:O,srtToVtt:C,vttToBlob:L,downloadImage:_});function M(t,e,n){if("string"===n){if(""===e.trim())throw new y("".concat(t.join(".")," can not be empty"));return!0}if(e instanceof Element)return!0;throw new y("".concat(t.join(".")," require 'string' or 'Element' type, but got '").concat(n,"'"))}var A={container:{validator:M,required:!0},url:{type:"string",required:!0,validator:function(t,e,n){if("string"!==n)throw new y("".concat(t.join(".")," required 'string' type."));if(""===e.trim())throw new y("".concat(t.join(".")," can not be empty"));return!0}},poster:"string",title:"string",type:{type:"string"},mimeCodec:"string",theme:"string",volume:"number",isLive:"boolean",mse:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function",position:function(t,e){return["top","left","right"].includes(e)}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{type:"object",url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{type:"object",url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object",lang:"string"},Ut={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","mediaGroup","muted","networkState","paused","playbackRate","played","preload","readyState","seekable","seeking","src","startDate","textTracks","videoTracks","volume"],methods:["addTextTrack","canPlayType","load","play","pause"],events:["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"]}},z=function t(e){var n=this;Bt(this,t);var i=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||i.some(function(t){var e=!1;switch(f.kindOf(t)){case"string":e=-1<n.userAgent.indexOf(t);break;case"function":e=t(n.userAgent);break;case"regexp":e=t.test(n.userAgent)}return e})},B=function(){function n(t){var e=this;Bt(this,n),t.option.container instanceof Element?this.$container=t.option.container:this.$container=document.querySelector(t.option.container),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&Wt(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return r(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n                <div class="artplayer-setting-close">×</div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$settingClose=this.$container.querySelector(".artplayer-setting-close"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),W={"zh-cn":{"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器"},"zh-tw":{"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器"}},q=function(){function e(t){Bt(this,e),this.art=t,this.init()}return r(e,[{key:"init",value:function(){this.language=W[this.art.option.lang.toLowerCase()]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){W=w(W,t),this.init()}}]),e}();function Nt(e,t){var n=e.option,i=e.notice,r=e.template.$video;Object.defineProperty(t,"screenshot",{value:function(){try{var t=function(){var t=document.createElement("canvas");t.width=r.videoWidth,t.height=r.videoHeight,t.getContext("2d").drawImage(r,0,0);var e=t.toDataURL("image/png");return _(e,"".concat(n.title||"artplayer","_").concat(Ht(r.currentTime),".png")),e}();e.emit("screenshot",t)}catch(t){i.show(t),console.warn(t)}}})}var Vt=n(function(t){var o,e,n,i,r,a;o="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,n="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,i=function(){for(var t,e=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],n=0,i=e.length,r={};n<i;n++)if((t=e[n])&&t[1]in o){for(n=0;n<t.length;n++)r[e[0][n]]=t[n];return r}return!1}(),r={change:i.fullscreenchange,error:i.fullscreenerror},a={request:function(t){var e=i.requestFullscreen;t=t||o.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?t[e]():t[e](n?Element.ALLOW_KEYBOARD_INPUT:{})},exit:function(){o[i.exitFullscreen]()},toggle:function(t){this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=r[t];n&&o.addEventListener(n,e,!1)},off:function(t,e){var n=r[t];n&&o.removeEventListener(n,e,!1)},raw:i},i?(Object.defineProperties(a,{isFullscreen:{get:function(){return Boolean(o[i.fullscreenElement])}},element:{enumerable:!0,get:function(){return o[i.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(o[i.fullscreenEnabled])}}}),e?t.exports=a:window.screenfull=a):e?t.exports=!1:window.screenfull=!1});var D=n(function(t){var e,n;e=window,n=function(){function y(t){var e=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(e)&&e}var n="undefined"==typeof console?function(){}:function(t){console.error(t)},g=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],b=g.length;function w(t){var e=getComputedStyle(t);return e||n("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}var x,k=!1;function E(t){if(function(){if(!k){k=!0;var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style.boxSizing="border-box";var e=document.body||document.documentElement;e.appendChild(t);var n=w(t);x=200==Math.round(y(n.width)),E.isBoxSizeOuter=x,e.removeChild(t)}}(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==S(t)&&t.nodeType){var e=w(t);if("none"==e.display)return function(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<b;e++)t[g[e]]=0;return t}();var n={};n.width=t.offsetWidth,n.height=t.offsetHeight;for(var i=n.isBorderBox="border-box"==e.boxSizing,r=0;r<b;r++){var o=g[r],a=e[o],s=parseFloat(a);n[o]=isNaN(s)?0:s}var c=n.paddingLeft+n.paddingRight,l=n.paddingTop+n.paddingBottom,u=n.marginLeft+n.marginRight,d=n.marginTop+n.marginBottom,p=n.borderLeftWidth+n.borderRightWidth,f=n.borderTopWidth+n.borderBottomWidth,h=i&&x,v=y(e.width);!1!==v&&(n.width=v+(h?0:c+p));var m=y(e.height);return!1!==m&&(n.height=m+(h?0:l+f)),n.innerWidth=n.width-(c+p),n.innerHeight=n.height-(l+f),n.outerWidth=n.width+u,n.outerHeight=n.height+d,n}}return E},t.exports?t.exports=n():e.getSize=n()}),H=n(function(t){var e,n;e="undefined"!=typeof window?window:o,n=function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var n=this._events=this._events||{},i=n[t]=n[t]||[];return-1==i.indexOf(e)&&i.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[e]=!0,this}},e.off=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var i=n.indexOf(e);return-1!=i&&n.splice(i,1),this}},e.emitEvent=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){n=n.slice(0),e=e||[];for(var i=this._onceEvents&&this._onceEvents[t],r=0;r<n.length;r++){var o=n[r];i&&i[o]&&(this.off(t,o),delete i[o]),o.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t},t.exports?t.exports=n():e.EvEmitter=n()}),F=n(function(t){var e,n;e=window,n=function(r,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindStartEvent=function(t){this._bindStartEvent(t,!0)},n.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},n._bindStartEvent=function(t,e){var n=(e=void 0===e||e)?"addEventListener":"removeEventListener",i="mousedown";r.PointerEvent?i="pointerdown":"ontouchstart"in r&&(i="touchstart"),t[n](i,this)},n.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.getTouch=function(t){for(var e=0;e<t.length;e++){var n=t[e];if(n.identifier==this.pointerIdentifier)return n}},n.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},n.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},n.onpointerdown=function(t){this._pointerDown(t,t)},n._pointerDown=function(t,e){t.button||this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDown(t,e))},n.pointerDown=function(t,e){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e])};var i={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};return n._bindPostStartEvents=function(t){if(t){var e=i[t.type];e.forEach(function(t){r.addEventListener(t,this)},this),this._boundPointerEvents=e}},n._unbindPostStartEvents=function(){this._boundPointerEvents&&(this._boundPointerEvents.forEach(function(t){r.removeEventListener(t,this)},this),delete this._boundPointerEvents)},n.onmousemove=function(t){this._pointerMove(t,t)},n.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},n.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},n._pointerMove=function(t,e){this.pointerMove(t,e)},n.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])},n.onmouseup=function(t){this._pointerUp(t,t)},n.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},n._pointerUp=function(t,e){this._pointerDone(),this.pointerUp(t,e)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])},n._pointerDone=function(){this._pointerReset(),this._unbindPostStartEvents(),this.pointerDone()},n._pointerReset=function(){this.isPointerDown=!1,delete this.pointerIdentifier},n.pointerDone=function(){},n.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},n.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerCancel(t,e)},n._pointerCancel=function(t,e){this._pointerDone(),this.pointerCancel(t,e)},n.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])},e.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}},e},t.exports?t.exports=n(e,H):e.Unipointer=n(e,e.EvEmitter)}),I=n(function(t){var e,n;e=window,n=function(o,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindHandles=function(){this._bindHandles(!0)},n.unbindHandles=function(){this._bindHandles(!1)},n._bindHandles=function(t){for(var e=(t=void 0===t||t)?"addEventListener":"removeEventListener",n=t?this._touchActionValue:"",i=0;i<this.handles.length;i++){var r=this.handles[i];this._bindStartEvent(r,t),r[e]("click",this),o.PointerEvent&&(r.style.touchAction=n)}},n._touchActionValue="none",n.pointerDown=function(t,e){this.okayPointerDown(t)&&(this.pointerDownPointer=e,t.preventDefault(),this.pointerDownBlur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e]))};var r={TEXTAREA:!0,INPUT:!0,SELECT:!0,OPTION:!0},a={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};return n.okayPointerDown=function(t){var e=r[t.target.nodeName],n=a[t.target.type],i=!e||n;return i||this._pointerReset(),i},n.pointerDownBlur=function(){var t=document.activeElement;t&&t.blur&&t!=document.body&&t.blur()},n.pointerMove=function(t,e){var n=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,n]),this._dragMove(t,e,n)},n._dragPointerMove=function(t,e){var n={x:e.pageX-this.pointerDownPointer.pageX,y:e.pageY-this.pointerDownPointer.pageY};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,e),n},n.hasDragStarted=function(t){return 3<Math.abs(t.x)||3<Math.abs(t.y)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},n._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},n._dragStart=function(t,e){this.isDragging=!0,this.isPreventingClicks=!0,this.dragStart(t,e)},n.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},n._dragMove=function(t,e,n){this.isDragging&&this.dragMove(t,e,n)},n.dragMove=function(t,e,n){t.preventDefault(),this.emitEvent("dragMove",[t,e,n])},n._dragEnd=function(t,e){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,e)},n.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},n.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},n._staticClick=function(t,e){this.isIgnoringMouseUp&&"mouseup"==t.type||(this.staticClick(t,e),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)))},n.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},e.getPointerPoint=t.getPointerPoint,e},t.exports?t.exports=n(e,F):e.Unidragger=n(e,e.Unipointer)}),U=n(function(t){var e,n;e=window,n=function(o,c,t){function n(t,e){for(var n in e)t[n]=e[n];return t}var i=o.jQuery;function e(t,e){this.element="string"==typeof t?document.querySelector(t):t,i&&(this.$element=i(this.element)),this.options=n({},this.constructor.defaults),this.option(e),this._create()}var r=e.prototype=Object.create(t.prototype);e.defaults={},r.option=function(t){n(this.options,t)};var a={relative:!0,absolute:!0,fixed:!0};function l(t,e,n){return n=n||"round",e?Math[n](t/e)*e:t}return r._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=n({},this.position);var t=getComputedStyle(this.element);a[t.position]||(this.element.style.position="relative"),this.on("pointerDown",this.onPointerDown),this.on("pointerMove",this.onPointerMove),this.on("pointerUp",this.onPointerUp),this.enable(),this.setHandles()},r.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},r.dispatchEvent=function(t,e,n){var i=[e].concat(n);this.emitEvent(t,i),this.dispatchJQueryEvent(t,e,n)},r.dispatchJQueryEvent=function(t,e,n){var i=o.jQuery;if(i&&this.$element){var r=i.Event(e);r.type=t,this.$element.trigger(r,n)}},r._getPosition=function(){var t=getComputedStyle(this.element),e=this._getPositionCoord(t.left,"width"),n=this._getPositionCoord(t.top,"height");this.position.x=isNaN(e)?0:e,this.position.y=isNaN(n)?0:n,this._addTransformPosition(t)},r._getPositionCoord=function(t,e){if(-1==t.indexOf("%"))return parseInt(t,10);var n=c(this.element.parentNode);return n?parseFloat(t)/100*n[e]:0},r._addTransformPosition=function(t){var e=t.transform;if(0===e.indexOf("matrix")){var n=e.split(","),i=0===e.indexOf("matrix3d")?12:4,r=parseInt(n[i],10),o=parseInt(n[i+1],10);this.position.x+=r,this.position.y+=o}},r.onPointerDown=function(t,e){this.element.classList.add("is-pointer-down"),this.dispatchJQueryEvent("pointerDown",t,[e])},r.dragStart=function(t,e){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.dispatchEvent("dragStart",t,[e]),this.animate())},r.measureContainment=function(){var t=this.getContainer();if(t){var e=c(this.element),n=c(t),i=this.element.getBoundingClientRect(),r=t.getBoundingClientRect(),o=n.borderLeftWidth+n.borderRightWidth,a=n.borderTopWidth+n.borderBottomWidth,s=this.relativeStartPosition={x:i.left-(r.left+n.borderLeftWidth),y:i.top-(r.top+n.borderTopWidth)};this.containSize={width:n.width-o-s.x-e.width,height:n.height-a-s.y-e.height}}},r.getContainer=function(){var t=this.options.containment;if(t)return t instanceof HTMLElement?t:"string"==typeof t?document.querySelector(t):this.element.parentNode},r.onPointerMove=function(t,e,n){this.dispatchJQueryEvent("pointerMove",t,[e,n])},r.dragMove=function(t,e,n){if(this.isEnabled){var i=n.x,r=n.y,o=this.options.grid,a=o&&o[0],s=o&&o[1];i=l(i,a),r=l(r,s),i=this.containDrag("x",i,a),r=this.containDrag("y",r,s),i="y"==this.options.axis?0:i,r="x"==this.options.axis?0:r,this.position.x=this.startPosition.x+i,this.position.y=this.startPosition.y+r,this.dragPoint.x=i,this.dragPoint.y=r,this.dispatchEvent("dragMove",t,[e,n])}},r.containDrag=function(t,e,n){if(!this.options.containment)return e;var i="x"==t?"width":"height",r=l(-this.relativeStartPosition[t],n,"ceil"),o=this.containSize[i];return o=l(o,n,"floor"),Math.max(r,Math.min(o,e))},r.onPointerUp=function(t,e){this.element.classList.remove("is-pointer-down"),this.dispatchJQueryEvent("pointerUp",t,[e])},r.dragEnd=function(t,e){this.isEnabled&&(this.element.style.transform="",this.setLeftTop(),this.element.classList.remove("is-dragging"),this.dispatchEvent("dragEnd",t,[e]))},r.animate=function(){if(this.isDragging){this.positionDrag();var t=this;requestAnimationFrame(function(){t.animate()})}},r.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},r.positionDrag=function(){this.element.style.transform="translate3d( "+this.dragPoint.x+"px, "+this.dragPoint.y+"px, 0)"},r.staticClick=function(t,e){this.dispatchEvent("staticClick",t,[e])},r.setPosition=function(t,e){this.position.x=t,this.position.y=e,this.setLeftTop()},r.enable=function(){this.isEnabled=!0},r.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},r.destroy=function(){this.disable(),this.element.style.transform="",this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},r._init=function(){},i&&i.bridget&&i.bridget("draggabilly",e),e},t.exports?t.exports=n(e,D,I):e.Draggabilly=n(e,e.getSize,e.Unidragger)});function Qt(t,e){var n,i,r,o,a,s,c,l,u,d,p,f,h,v,m,y,g,b;document.pictureInPictureEnabled?(m=e,y=(v=t).notice,g=v.template.$video,b=v.events.proxy,g.disablePictureInPicture=!1,Object.defineProperty(m,"pipState",{get:function(){return document.pictureInPictureElement}}),Object.defineProperty(m,"pipEnabled",{value:function(){g.requestPictureInPicture().catch(function(t){y.show(t,!0,3e3),console.warn(t)})}}),Object.defineProperty(m,"pipExit",{value:function(){document.exitPictureInPicture().catch(function(t){y.show(t,!0,3e3),console.warn(t)})}}),b(g,"enterpictureinpicture",function(){v.emit("pipEnabled")}),b(g,"leavepictureinpicture",function(){v.emit("pipExit")}),v.on("destroy",function(){m.pipState&&m.pipExit()})):(i=e,r=(n=t).option,o=n.i18n,a=n.template,s=a.$player,c=a.$pipClose,l=a.$pipTitle,u=n.events,d=u.destroyEvents,p=u.proxy,h=f=null,Object.defineProperty(i,"pipState",{get:function(){return s.classList.contains("artplayer-pip")}}),Object.defineProperty(i,"pipEnabled",{value:function(){i.autoSizeState&&i.autoSizeRemove(),h?(It(s,"left","".concat(f.x,"px")),It(s,"top","".concat(f.y,"px"))):(h=new U(s,{handle:".artplayer-pip-header"}),x(l,r.title||o.get("Mini player")),p(c,"click",function(){i.pipExit()}),d.push(function(){h.destroy()})),s.classList.add("artplayer-pip"),i.fullscreenExit(),i.fullscreenWebExit(),i.aspectRatioRemove(),i.playbackRateRemove(),n.emit("pipEnabled")}}),Object.defineProperty(i,"pipExit",{value:function(){i.pipState&&(s.classList.remove("artplayer-pip"),f=h.position,It(s,"left",null),It(s,"top",null),i.fullscreenExit(),i.fullscreenWebExit(),i.aspectRatioRemove(),i.playbackRateRemove(),n.emit("pipExit"))}})),Object.defineProperty(e,"pipToggle",{value:function(){e.pipState?e.pipExit():e.pipEnabled()}})}var N=function t(e){var i,r,n,o,a,s,c,l,u,d,p,f,h,v,m,y,g,b,w,x,k,E,S,$,P,T,R,O,C,L,_,j,M,A,z,B,W,q,D,H,F,I,U,N,V,Q,Y,J,X,Z,G,K,tt,et,nt,it,rt,ot,at,st,ct,lt,ut,dt,pt,ft,ht,vt,mt,yt,gt,bt,wt,xt,kt,Et,St,$t,Pt,Tt,Rt,Ot,Ct,Lt,_t,jt,Mt,At,zt;Bt(this,t),r=this,n=(i=e).option,o=n.type,a=n.customType,s=i.template.$video,Object.defineProperty(r,"returnUrl",{writable:!0,value:function(t){return t}}),Object.defineProperty(r,"attachUrl",{value:function(t){var e=o||Dt(t),n=a[e];return Ft().then(function(){e&&n?(i.emit("beforeCustomType",e),n(s,r.returnUrl(t),i),i.emit("afterCustomType",e)):(i.emit("beforeAttachUrl",t),s.src=r.returnUrl(t),i.emit("afterAttachUrl",s.src))})}}),l=this,u=(c=e).option,d=c.events.proxy,p=c.template,f=p.$player,h=p.$video,v=c.i18n,m=c.notice,y=!1,g=0,d(h,"click",function(){l.toggle()}),Ut.video.events.forEach(function(t){d(h,t,function(t){c.emit("video:".concat(t.type),t)})}),c.on("video:canplay",function(){y||(y=!0,u.autoplay&&l.play(),c.emit("firstCanplay")),g=0,c.controls.show(),c.mask.show(),c.loading.hide()}),c.on("video:ended",function(){c.controls.show(),c.mask.show(),u.loop&&(l.seek(0),l.play())}),c.on("video:error",function(){g<5?Ft(1e3).then(function(){g+=1,l.attachUrl(u.url),m.show("".concat(v.get("Reconnect"),": ").concat(g))}):(c.loading.hide(),c.controls.hide(),f.classList.add("artplayer-error"),Ft(1e3).then(function(){m.show(v.get("Video load failed"),!1),c.destroy()}))}),c.on("video:loadedmetadata",function(){u.autoSize&&l.autoSize()}),c.on("video:loadstart",function(){c.loading.show()}),c.on("video:pause",function(){c.controls.show(),c.mask.show()}),c.on("video:play",function(){c.controls.hide(),c.mask.hide()}),c.on("video:playing",function(){c.controls.hide(),c.mask.hide()}),c.on("video:seeked",function(){c.loading.hide()}),c.on("video:seeking",function(){c.loading.show()}),c.on("video:timeupdate",function(){c.controls.hide(),c.mask.hide()}),c.on("video:waiting",function(){c.loading.show()}),w=this,x=(b=e).option,k=b.template.$video,Object.keys(x.moreVideoAttr).forEach(function(t){k[t]=x.moreVideoAttr[t]}),x.muted&&(k.muted=x.muted),x.volume&&(k.volume=qt(x.volume,0,1)),x.poster&&(k.poster=x.poster),x.autoplay&&(k.autoplay=x.autoplay),w.attachUrl(x.url),S=this,$=(E=e).template.$video,P=E.i18n,T=E.notice,R=E.option.mutex,Object.defineProperty(S,"play",{value:function(){var t=$.play();void 0!==t&&t.then().catch(function(t){T.show(t,!0,3e3),console.warn(t)}),R&&E.constructor.instances.filter(function(t){return t!==E}).forEach(function(t){return t.player.pause()}),T.show(P.get("Play")),E.emit("play")}}),C=this,L=(O=e).template.$video,_=O.i18n,j=O.notice,Object.defineProperty(C,"pause",{value:function(){L.pause(),j.show(_.get("Pause")),O.emit("pause")}}),M=this,Object.defineProperty(M,"toggle",{value:function(){M.playing?M.pause():M.play()}}),z=this,B=(A=e).notice,Object.defineProperty(z,"seek",{value:function(t){var e=Math.max(t,0);z.duration&&(e=Math.min(e,z.duration)),z.currentTime=e,B.show("".concat(Ht(e)," / ").concat(Ht(z.duration))),A.emit("seek",e)}}),q=this,D=(W=e).template.$video,H=W.i18n,F=W.notice,I=W.storage,Object.defineProperty(q,"volume",{get:function(){return D.volume||0},set:function(t){void 0!==t&&(D.volume=qt(t,0,1),F.show("".concat(H.get("Volume"),": ").concat(parseInt(100*D.volume,10))),0!==D.volume&&I.set("volume",D.volume),W.emit("volumeChange",D.volume))}}),Object.defineProperty(q,"muted",{get:function(){return D.muted},set:function(t){D.muted=t,W.emit("volumeChange",D.volume)}}),U=e,N=this,Object.defineProperty(N,"currentTime",{get:function(){return U.template.$video.currentTime||0},set:function(t){U.template.$video.currentTime=t}}),V=e,Q=this,Object.defineProperty(Q,"duration",{get:function(){return V.template.$video.duration||0}}),J=this,X=(Y=e).i18n,Z=Y.notice,G=Y.option,Object.defineProperty(J,"switchQuality",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t!==G.url){var n=J.currentTime,i=J.playing;J.attachUrl(t).then(function(){G.url=t,J.playbackRateRemove(),J.aspectRatioRemove(),J.seek(n),i&&J.play(),Z.show("".concat(X.get("Switch video"),": ").concat(e)),Y.emit("switch",t)})}}}),tt=this,et=(K=e).template,nt=et.$video,it=et.$player,rt=K.i18n,ot=K.notice,Object.defineProperty(tt,"playbackRateState",{get:function(){return it.dataset.playbackRate}}),Object.defineProperty(tt,"playbackRate",{value:function(t){var e=[.5,.75,1,1.25,1.5,2];Wt(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t!==it.dataset.playbackRate&&(nt.playbackRate=t,it.dataset.playbackRate=t,ot.show("".concat(rt.get("Rate"),": ").concat(t,"x")),K.emit("playbackRateChange",t))}}),Object.defineProperty(tt,"playbackRateRemove",{value:function(){tt.$playbackRateState&&(tt.playbackRate(1),delete it.dataset.playbackRate,K.emit("playbackRateRemove"))}}),Object.defineProperty(tt,"playbackRateReset",{value:function(){var t=it.dataset.playbackRate;t&&(tt.playbackRate(Number(t)),K.emit("playbackRateReset"))}}),st=this,ct=(at=e).template,lt=ct.$video,ut=ct.$player,dt=at.i18n,pt=at.notice,Object.defineProperty(st,"aspectRatioState",{get:function(){return ut.dataset.aspectRatio||""}}),Object.defineProperty(st,"aspectRatio",{value:function(t){var e=["default","4:3","16:9"];if(Wt(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),t!==ut.dataset.aspectRatio){if("default"===t)st.aspectRatioRemove();else{var n=t.split(":"),i=lt.videoWidth,r=lt.videoHeight,o=ut.clientWidth,a=ut.clientHeight,s=i/r,c=n[0]/n[1];if(c<s){var l=c*r/i;It(lt,"width","".concat(100*l,"%")),It(lt,"height","100%"),It(lt,"padding","0 ".concat((o-o*l)/2,"px"))}else{var u=i/c/r;It(lt,"width","100%"),It(lt,"height","".concat(100*u,"%")),It(lt,"padding","".concat((a-a*u)/2,"px 0"))}}ut.dataset.aspectRatio=t,pt.show("".concat(dt.get("Aspect ratio"),": ").concat(t)),at.emit("aspectRatioChange",t)}}}),Object.defineProperty(st,"aspectRatioRemove",{value:function(){st.aspectRatioState&&(It(lt,"width",null),It(lt,"height",null),It(lt,"padding",null),delete ut.dataset.aspectRatio,at.emit("aspectRatioRemove"))}}),Object.defineProperty(st,"aspectRatioReset",{value:function(){var t=ut.dataset.aspectRatio;t&&(st.aspectRatio(t),at.emit("aspectRatioReset"))}}),Nt(e,this),ht=this,vt=(ft=e).notice,mt=ft.events.destroyEvents,yt=ft.template.$player,gt=function(){ft.emit("fullscreen",Vt.isFullscreen)},bt=function(){vt.show("Your browser does not seem to support full screen functionality.")},Vt.on("change",gt),Vt.on("error",bt),mt.push(function(){Vt.off("change",gt),Vt.off("error",bt)}),Object.defineProperty(ht,"fullscreenState",{get:function(){return Vt.isFullscreen}}),Object.defineProperty(ht,"fullscreenEnabled",{value:function(){ht.fullscreenWebState&&ht.fullscreenWebExit(),yt.classList.add("artplayer-fullscreen"),Vt.request(yt),ft.emit("fullscreen:enabled")}}),Object.defineProperty(ht,"fullscreenExit",{value:function(){ht.fullscreenState&&(ht.fullscreenWebExit(),yt.classList.remove("artplayer-fullscreen"),Vt.exit(),ft.emit("fullscreen:exit"))}}),Object.defineProperty(ht,"fullscreenToggle",{value:function(){ht.fullscreenState?ht.fullscreenExit():ht.fullscreenEnabled()}}),xt=this,kt=(wt=e).template.$player,Object.defineProperty(xt,"fullscreenWebState",{get:function(){return kt.classList.contains("artplayer-web-fullscreen")}}),Object.defineProperty(xt,"fullscreenWebEnabled",{value:function(){xt.fullscreenState&&xt.fullscreenExit(),kt.classList.add("artplayer-web-fullscreen"),wt.emit("fullscreenWeb:enabled")}}),Object.defineProperty(xt,"fullscreenWebExit",{value:function(){xt.fullscreenWebState&&(xt.fullscreenExit(),kt.classList.remove("artplayer-web-fullscreen"),wt.emit("fullscreenWeb:exit"))}}),Object.defineProperty(xt,"fullscreenWebToggle",{value:function(){xt.fullscreenWebState?xt.fullscreenWebExit():xt.fullscreenWebEnabled()}}),Qt(e,this),Et=this,St=e.template.$video,Object.defineProperty(Et,"loaded",{get:function(){return St.buffered.length?St.buffered.end(St.buffered.length-1)/St.duration:0}}),$t=e,Pt=this,Object.defineProperty(Pt,"played",{get:function(){return $t.template.$video.currentTime/$t.template.$video.duration}}),Tt=this,Rt=e.template.$video,Object.defineProperty(Tt,"playing",{get:function(){return!!(0<Rt.currentTime&&!Rt.paused&&!Rt.ended&&2<Rt.readyState)}}),Ct=this,Lt=(Ot=e).template,_t=Lt.$container,jt=Lt.$player,Mt=Lt.$video,Object.defineProperty(Ct,"autoSizeState",{get:function(){return _t.classList.contains("artplayer-auto-size")}}),Object.defineProperty(Ct,"autoSize",{value:function(){var t=Mt.videoWidth,e=Mt.videoHeight,n=_t.getBoundingClientRect(),i=n.width,r=n.height,o=t/e,a=i/r;if(_t.classList.add("artplayer-auto-size"),o<a)It(jt,"width","".concat(r*o/i*100,"%")),It(jt,"height","100%");else{var s=i/o/r*100;It(jt,"width","100%"),It(jt,"height","".concat(s,"%"))}Ot.emit("autoSizeChange")}}),Object.defineProperty(Ct,"autoSizeRemove",{value:function(){_t.classList.remove("artplayer-auto-size"),It(jt,"width",null),It(jt,"height",null),Ot.emit("autoSizeRemove")}}),At=e,zt=this,Object.defineProperty(zt,"flipState",{get:function(){return At.template.$player.dataset.flip}}),Object.defineProperty(zt,"flip",{value:function(t){var e=["normal","horizontal","vertical"];Wt(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),At.template.$player.dataset.flip=t,At.emit("flipChange",t)}}),Object.defineProperty(zt,"flipRemove",{value:function(){delete At.template.$player.dataset.flip,At.emit("flipRemove")}})},V=function(){function e(t){Bt(this,e),(this.art=t).option.mse&&this.init()}return r(e,[{key:"init",value:function(){var e=this,t=this.art,n=t.player,i=t.events;this.setMimeCodec(),Object.defineProperty(n,"returnUrl",{value:function(){e.mediaSource=new MediaSource;var t=URL.createObjectURL(e.mediaSource);return e.eventBind(),i.destroyEvents.push(function(){URL.revokeObjectURL(t)}),t}})}},{key:"setMimeCodec",value:function(){var t=this.art.option;if(!t.type){var e=Dt(t.url);Wt(Object.keys(Ut.mimeCodec).includes(e),"Can't find video's type '".concat(e,"' from '").concat(t.url,"'")),t.type=e}if(!t.mimeCodec){var n=Ut.mimeCodec[t.type];Wt(n,"Can't find video's mimeCodec from ".concat(t.type)),t.mimeCodec=n}Wt("MediaSource"in window&&MediaSource.isTypeSupported(t.mimeCodec),"Unsupported MIME type or codec: ".concat(t.mimeCodec))}},{key:"eventBind",value:function(){var e=this,t=this.art,n=t.option,i=t.events.proxy,r=Ut.mse,o=r.mediaSource,a=r.sourceBufferList,s=r.sourceBuffer;o.events.forEach(function(t){i(e.mediaSource,t,function(t){e.art.emit("mediaSource:".concat(t.type),t)})}),a.events.forEach(function(t){i(e.mediaSource.sourceBuffers,t,function(t){e.art.emit("sourceBuffers:".concat(t.type),t)}),i(e.mediaSource.activeSourceBuffers,t,function(t){e.art.emit("activeSourceBuffers:".concat(t.type),t)})}),this.art.on("mediaSource:sourceopen",function(){e.sourceBuffer=e.mediaSource.addSourceBuffer(n.mimeCodec),s.events.forEach(function(t){i(e.sourceBuffer,t,function(t){e.art.emit("sourceBuffer:".concat(t.type),t)})})}),this.art.on("sourceBuffer:updateend",function(){e.mediaSource.endOfStream()})}}]),e}();function Q(e,n,t,i,r,o){var a="function"==typeof i?i(e):i;if(!a.disable){n.id+=1;var s=a.name||"".concat(o).concat(n.id),c=document.createElement("div");c.classList.value="art-".concat(o," art-").concat(o,"-").concat(s),a.html&&x(c,a.html),a.style&&$(c,a.style),a.click&&e.events.proxy(c,"click",function(t){t.preventDefault(),a.click.call(n,t),e.emit("".concat(o,":click"),c)}),Object.defineProperty(a,"$ref",{get:function(){return c}}),Object.defineProperty(a,"hide",{value:function(){It(c,"display","none"),e.emit("".concat(o,":hide"),c)}}),Object.defineProperty(a,"show",{value:function(){It(c,"display","block"),e.emit("".concat(o,":show"),c)}}),k(t,c,a.index||n.id),a.mounted&&a.mounted(c),r&&r(c),n[s]=a,e.emit("".concat(o,":add"),a)}}var Y=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){h(e,t,n[t])})}return e};var J=function(t){if(Array.isArray(t))return t};var X=function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(t){r=!0,o=t}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}return n};var Z=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var G=function(t,e){return J(t)||X(t,e)||Z()};var K,tt,et=(K={loading:'<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default">\n  <rect x="0" y="0" width="100" height="100" fill="none" class="bk"/>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(0 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(30 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(60 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(90 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.75s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(120 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(150 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(180 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(210 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(240 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(270 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.25s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(300 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(330 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"/>\n  </rect>\n</svg>',playBig:'<svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',play:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n  <path d="M17.982 9.275L8.06 3.27A2.013 2.013 0 0 0 5 4.994v12.011a2.017 2.017 0 0 0 3.06 1.725l9.922-6.005a2.017 2.017 0 0 0 0-3.45z"></path>\n</svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M7 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2zM15 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2z"></path>\n</svg>',volume:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M10.188 4.65L6 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39V5.04a.498.498 0 0 0-.812-.39zM14.446 3.778a1 1 0 0 0-.862 1.804 6.002 6.002 0 0 1-.007 10.838 1 1 0 0 0 .86 1.806A8.001 8.001 0 0 0 19 11a8.001 8.001 0 0 0-4.554-7.222z"></path>\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v6.93A3.998 3.998 0 0 0 15 11z"></path>\n</svg>',volumeClose:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v2.636l1.865 1.865A4.02 4.02 0 0 0 15 11z"></path>\n    <path d="M13.583 5.583A5.998 5.998 0 0 1 17 11a6 6 0 0 1-.585 2.587l1.477 1.477a8.001 8.001 0 0 0-3.446-11.286 1 1 0 0 0-.863 1.805zM18.778 18.778l-2.121-2.121-1.414-1.414-1.415-1.415L13 13l-2-2-3.889-3.889-3.889-3.889a.999.999 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39v-3.131l2.587 2.587-.01.005a1 1 0 0 0 .86 1.806c.215-.102.424-.214.627-.333l2.3 2.3a1.001 1.001 0 0 0 1.414-1.416zM11 5.04a.5.5 0 0 0-.813-.39L8.682 5.854 11 8.172V5.04z"></path>\n</svg>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\n</svg>',screenshot:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 50 50">\n\t<path d="M 19.402344 6 C 17.019531 6 14.96875 7.679688 14.5 10.011719 L 14.097656 12 L 9 12 C 6.238281 12 4 14.238281 4 17 L 4 38 C 4 40.761719 6.238281 43 9 43 L 41 43 C 43.761719 43 46 40.761719 46 38 L 46 17 C 46 14.238281 43.761719 12 41 12 L 35.902344 12 L 35.5 10.011719 C 35.03125 7.679688 32.980469 6 30.597656 6 Z M 25 17 C 30.519531 17 35 21.480469 35 27 C 35 32.519531 30.519531 37 25 37 C 19.480469 37 15 32.519531 15 27 C 15 21.480469 19.480469 17 25 17 Z M 25 19 C 20.589844 19 17 22.589844 17 27 C 17 31.410156 20.589844 35 25 35 C 29.410156 35 33 31.410156 33 27 C 33 22.589844 29.410156 19 25 19 Z "/>\n</svg>\n',setting:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <circle cx="11" cy="11" r="2"></circle>\n    <path d="M19.164 8.861L17.6 8.6a6.978 6.978 0 0 0-1.186-2.099l.574-1.533a1 1 0 0 0-.436-1.217l-1.997-1.153a1.001 1.001 0 0 0-1.272.23l-1.008 1.225a7.04 7.04 0 0 0-2.55.001L8.716 2.829a1 1 0 0 0-1.272-.23L5.447 3.751a1 1 0 0 0-.436 1.217l.574 1.533A6.997 6.997 0 0 0 4.4 8.6l-1.564.261A.999.999 0 0 0 2 9.847v2.306c0 .489.353.906.836.986l1.613.269a7 7 0 0 0 1.228 2.075l-.558 1.487a1 1 0 0 0 .436 1.217l1.997 1.153c.423.244.961.147 1.272-.23l1.04-1.263a7.089 7.089 0 0 0 2.272 0l1.04 1.263a1 1 0 0 0 1.272.23l1.997-1.153a1 1 0 0 0 .436-1.217l-.557-1.487c.521-.61.94-1.31 1.228-2.075l1.613-.269a.999.999 0 0 0 .835-.986V9.847a.999.999 0 0 0-.836-.986zM11 15a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"></path>\n</svg>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},tt={},Object.keys(K).forEach(function(t){var e=document.createElement("div");e.innerHTML='<i class="art-icon art-icon-'.concat(t,'">').concat(K[t],"</i>");var n=G(e.childNodes,1);tt[t]=n[0]}),tt);function nt(t,e){var n=t.template.$progress,i=t.player,r=n.getBoundingClientRect().left,o=qt(e.x-r,0,n.clientWidth),a=o/n.clientWidth*i.duration;return{second:a,time:Ht(a),width:o,percentage:qt(o/n.clientWidth,0,1)}}function it(i){return function(u){var t=u.option,e=t.highlight,n=t.theme,d=u.events.proxy,p=u.player;return Y({},i,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(o){var r=!1,n=o.querySelector(".art-progress-loaded"),i=o.querySelector(".art-progress-played"),a=o.querySelector(".art-progress-highlight"),s=o.querySelector(".art-progress-indicator"),c=o.querySelector(".art-progress-tip");function l(t,e){"loaded"===t&&It(n,"width","".concat(100*e,"%")),"played"===t&&(It(i,"width","".concat(100*e,"%")),It(s,"left","calc(".concat(100*e,"% - ").concat(P(s,"width")/2,"px)")))}e.forEach(function(t){var e=qt(t.time,0,p.duration)/p.duration*100;x(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),l("loaded",p.loaded),u.on("video:progress",function(){l("loaded",p.loaded)}),u.on("video:timeupdate",function(){l("played",p.played)}),u.on("video:ended",function(){l("played",1)}),d(o,"mousemove",function(t){var e,n,i,r;It(c,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=t.target.dataset,n=e.text,i=e.time;c.innerHTML=n;var r=Number(i)/u.player.duration*o.clientWidth+t.target.clientWidth/2-c.clientWidth/2;It(c,"left","".concat(r,"px"))}(t):(e=nt(u,t),n=e.width,i=e.time,r=c.clientWidth,c.innerHTML=i,n<=r/2?It(c,"left",0):n>o.clientWidth-r/2?It(c,"left","".concat(o.clientWidth-r,"px")):It(c,"left","".concat(n-r/2,"px")))}),d(o,"mouseout",function(){It(c,"display","none")}),d(o,"click",function(t){if(t.target!==s){var e=nt(u,t),n=e.second;l("played",e.percentage),p.seek(n)}}),d(s,"mousedown",function(){r=!0}),d(document,"mousemove",function(t){if(r){var e=nt(u,t),n=e.second,i=e.percentage;s.classList.add("art-show-indicator"),l("played",i),p.seek(n)}}),d(document,"mouseup",function(){r&&(r=!1,s.classList.remove("art-show-indicator"))})}})}}function rt(t){return function(y){return Y({},t,{mounted:function(p){var f=y.template.$progress,t=y.events,e=t.proxy,h=t.loadImg,v=!1,m=!1;e(f,"mousemove",function(t){var e,n,i,r,o,a,s,c,l,u,d;v||(v=!0,h(y.option.thumbnails.url).then(function(){m=!0})),m&&(It(p,"display","block"),e=nt(y,t).width,n=y.option.thumbnails,i=n.url,r=n.height,o=n.width,a=n.number,s=n.column,c=f.clientWidth/a,l=Math.ceil(e/c),u=Math.ceil(l/s)-1,d=l%s||s-1,It(p,"backgroundImage","url(".concat(i,")")),It(p,"height","".concat(r,"px")),It(p,"width","".concat(o,"px")),It(p,"backgroundPosition","-".concat(d*o,"px -").concat(u*r,"px")),e<=o/2?It(p,"left",0):e>f.clientWidth-o/2?It(p,"left","".concat(f.clientWidth-o,"px")):It(p,"left","".concat(e-o/2,"px")))}),e(f,"mouseout",function(){It(p,"display","none")})}})}}var ot=function(){function n(t){var e=this;Bt(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var t,e,n,i,r,a,s,o,c,l,u=this,d=this.art.option;this.add(it({name:"progress",disable:d.isLive,position:"top",index:10})),this.add(rt({name:"thumbnails",disable:!d.thumbnails.url||d.isLive,position:"top",index:20})),this.add((t={name:"playAndPause",disable:!1,position:"left",index:10},function(c){return Y({},t,{mounted:function(t){var e=c.events.proxy,n=c.player,i=c.i18n,r=x(t,et.play),o=x(t,et.pause);function a(){It(r,"display","flex"),It(o,"display","none")}function s(){It(r,"display","none"),It(o,"display","flex")}O(r,i.get("Play")),O(o,i.get("Pause")),e(r,"click",function(){n.play()}),e(o,"click",function(){n.pause()}),n.playing?s():a(),c.on("video:playing",function(){s()}),c.on("video:pause",function(){a()})}})})),this.add((e={name:"volume",disable:!1,position:"left",index:20},function(d){return Y({},e,{mounted:function(t){var e=d.events.proxy,r=d.player,n=d.i18n,i=!1,o=x(t,et.volume),a=x(t,et.volumeClose),s=x(t,'<div class="art-volume-panel"></div>'),c=x(s,'<div class="art-volume-slider-handle"></div>');function l(t){var e=s.getBoundingClientRect(),n=e.left,i=e.width,r=c.getBoundingClientRect().width;return qt(t.x-n-r/2,0,i-r/2)/(i-r)}function u(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(r.muted||0===t)It(o,"display","none"),It(a,"display","flex"),It(c,"left","0");else{var e=P(s,"width")||60,n=P(c,"width"),i=n/2+(e-n)*t-n/2;It(o,"display","flex"),It(a,"display","none"),It(c,"left","".concat(i,"px"))}}O(o,n.get("Mute")),It(a,"display","none"),u(r.volume),d.on("video:volumechange",function(){u(r.volume)}),e(o,"click",function(){r.muted=!0}),e(a,"click",function(){r.muted=!1}),e(s,"click",function(t){r.muted=!1,r.volume=l(t)}),e(c,"mousedown",function(){i=!0}),e(c,"mousemove",function(t){i&&(r.muted=!1,r.volume=l(t))}),e(document,"mouseup",function(){i&&(i=!1)})}})})),this.add((n={name:"time",disable:d.isLive,position:"left",index:30},function(i){return Y({},n,{mounted:function(e){function n(){var t="".concat(Ht(i.player.currentTime)," / ").concat(Ht(i.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){i.on(t,n)})}})})),this.add((i={name:"quality",disable:0===d.quality.length,position:"right",index:10},function(r){return Y({},i,{mounted:function(t){var o=r.option,e=r.events.proxy,a=r.player,s=-1,n=o.quality.find(function(t){return t.default})||o.quality[0];s=o.quality.indexOf(n);var c=x(t,'<div class="art-quality-name">'.concat(n.name,"</div>")),i=o.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join("");e(x(t,'<div class="art-qualitys">'.concat(i,"</div>")),"click",function(t){var e=Number(t.target.dataset.index),n=o.quality[e],i=n.url,r=n.name;i&&r&&s!==e&&(a.switchQuality(i,r),c.innerHTML=r,s=e)})}})})),this.add((r={name:"screenshot",disable:!d.screenshot,position:"right",index:20},function(o){return Y({},r,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,et.screenshot);O(r,n.get("Screenshot")),e(r,"click",function(){i.screenshot()})}})})),this.add((a={name:"subtitle",disable:!d.subtitle.url,position:"right",index:30},function(o){return Y({},a,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.subtitle,r=x(t,et.subtitle);O(r,n.get("Hide subtitle")),e(t,"click",function(){i.toggle()}),o.on("subtitle:show",function(){It(r,"opacity","1"),O(r,n.get("Hide subtitle"))}),o.on("subtitle:hide",function(){It(r,"opacity","0.8"),O(r,n.get("Show subtitle"))})}})})),this.add((s={name:"setting",disable:!d.setting,position:"right",index:40},function(o){return Y({},s,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.setting,r=x(t,et.setting);O(r,n.get("Show setting")),e(t,"click",function(){i.toggle()}),o.on("setting:show",function(){It(r,"opacity","0.8"),O(r,n.get("Hide setting"))}),o.on("setting:hide",function(){It(r,"opacity","1"),O(r,n.get("Show setting"))})}})})),this.add((o={name:"pip",disable:!d.pip,position:"right",index:50},function(r){return Y({},o,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.player;O(x(t,et.pip),n.get("Mini player")),e(t,"click",function(){i.pipEnabled()})}})})),this.add((c={name:"fullscreenWeb",disable:!d.fullscreenWeb,position:"right",index:60},function(o){return Y({},c,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,et.fullscreenWeb);O(r,n.get("Web fullscreen")),e(t,"click",function(){i.fullscreenWebToggle()}),o.on("fullscreenWeb:enabled",function(){It(r,"opacity","0.8"),O(r,n.get("Exit web fullscreen"))}),o.on("fullscreenWeb:exit",function(){It(r,"opacity","1"),O(r,n.get("Web fullscreen"))})}})})),this.add((l={name:"fullscreen",disable:!d.fullscreen,position:"right",index:70},function(o){return Y({},l,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,et.fullscreen);O(r,n.get("Fullscreen")),e(t,"click",function(){i.fullscreenToggle()}),o.on("fullscreen:enabled",function(){It(r,"opacity","0.8"),O(r,n.get("Exit fullscreen"))}),o.on("fullscreen:exit",function(){It(r,"opacity","1"),O(r,n.get("Fullscreen"))})}})})),d.controls.forEach(function(t){u.add(t)})}},{key:"add",value:function(t,e){var n,i="function"==typeof t?t(this.art):t,r=this.art.template,o=r.$progress,a=r.$controlsLeft,s=r.$controlsRight;switch(i.position){case"top":n=o;break;case"left":n=a;break;case"right":n=s}n&&Q(this.art,this,n,i,e,"control")}},{key:"show",value:function(){this.art.template.$player.classList.add("artplayer-controls-show")}},{key:"hide",value:function(){this.art.template.$player.classList.remove("artplayer-controls-show")}}]),n}();var at=function(){function n(t){var e=this;Bt(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var e,r,n,i,o=this,t=this.art,a=t.option,s=t.template,c=s.$player,l=s.$contextmenu,u=t.events.proxy;this.add((e={disable:!a.playbackRate,name:"playbackRate",index:10},function(n){var t=n.i18n,i=n.player;return Y({},e,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(t){var e=t.target.dataset.rate;e&&(i.playbackRate(Number(e)),n.contextmenu.hide())},mounted:function(t){n.on("playbackRateChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e}),"current")})}})})),this.add((r={disable:!a.aspectRatio,name:"aspectRatio",index:20},function(n){var t=n.i18n,i=n.player;return Y({},r,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(t){var e=t.target.dataset.ratio;e&&(i.aspectRatio(e),n.contextmenu.hide())},mounted:function(t){n.on("aspectRatioChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})})),this.add((n={disable:!1,name:"info",index:30},function(t){return Y({},n,{html:t.i18n.get("Video info"),click:function(){t.info.show(),t.contextmenu.hide()}})})),this.add(Y({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 1.0.5</a>'})),this.add((i={disable:!1,name:"close",index:50},function(t){return Y({},i,{html:t.i18n.get("Close"),click:function(){t.contextmenu.hide()}})})),a.contextmenu.forEach(function(t){o.add(t)}),u(c,"contextmenu",function(t){t.preventDefault(),o.show(),o.setPos(t)}),u(c,"click",function(t){t.composedPath().includes(l)||o.hide()})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;Q(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,i=e.$contextmenu,r=t.clientX,o=t.clientY,a=n.getBoundingClientRect(),s=a.height,c=a.width,l=a.left,u=a.top,d=i.getBoundingClientRect(),p=d.height,f=d.width,h=r-l,v=o-u;l+c<r+f&&(h=c-f),u+s<o+p&&(v=s-p),It(i,"left","".concat(h,"px")),It(i,"top","".concat(v,"px"))}},{key:"hide",value:function(){var t=this.art.template.$contextmenu;It(t,"display","none"),this.art.emit("contextmenu:hide",t)}},{key:"show",value:function(){var t=this.art.template.$contextmenu;It(t,"display","block"),this.art.emit("contextmenu:show",t)}}]),n}(),st=function(){function e(t){Bt(this,e),this.art=t,this.init()}return r(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.hide()})}},{key:"show",value:function(){var t=this.art.template,e=t.$info,n=t.$infoPanel;It(e,"display","block"),n.innerHTML||x(n,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show",e)}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">1.0.5</div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video volume:</div>\n            <div class="art-info-content" data-video="volume"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video time:</div>\n            <div class="art-info-content" data-video="currentTime"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video duration:</div>\n            <div class="art-info-content" data-video="duration"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video resolution:</div>\n            <div class="art-info-content">\n              <span data-video="videoWidth"></span> x <span data-video="videoHeight"></span>\n            </div>\n          </div>\n        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"hide",value:function(){var t=this.art.template.$info;It(t,"display","none"),clearTimeout(this.timer),this.art.emit("info:hide",t)}}]),e}(),ct=function(){function n(t){Bt(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return r(n,[{key:"init",value:function(t){var i=this,e=this.art,r=e.events.proxy,n=e.option.subtitle,o=e.template,a=o.$video,s=o.$subtitle,c=o.$track;if($(s,n.style||{}),!c){var l=document.createElement("track");l.default=!0,l.kind="metadata",a.appendChild(l),this.art.template.$track=l}this.load(t).then(function(t){if(i.art.template.$track.src=t,i.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var n=G(a.textTracks,1)[0];r(n,"cuechange",function(){var t=G(n.activeCues,1)[0];if(s.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),s.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}i.art.emit("subtitle:update",s)})}})}},{key:"load",value:function(e){var n,i=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?L(C(t)):e}).catch(function(t){i.show(t),console.warn(t)})}},{key:"show",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;It(e,"display","block"),this.state=!0,i.show(n.get("Show subtitle")),this.art.emit("subtitle:show",e)}},{key:"hide",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;It(e,"display","none"),this.state=!1,i.show(n.get("Hide subtitle")),this.art.emit("subtitle:hide",e)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}();var lt=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});e.ContentRect=function(t){if("getBBox"in t){var e=t.getBBox();return Object.freeze({height:e.height,left:0,top:0,width:e.width})}var n=window.getComputedStyle(t);return Object.freeze({height:parseFloat(n.height||"0"),left:parseFloat(n.paddingLeft||"0"),top:parseFloat(n.paddingTop||"0"),width:parseFloat(n.width||"0")})}});e(lt);lt.ContentRect;var ut=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t){this.target=t,this.$$broadcastWidth=this.$$broadcastHeight=0}return Object.defineProperty(t.prototype,"broadcastWidth",{get:function(){return this.$$broadcastWidth},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"broadcastHeight",{get:function(){return this.$$broadcastHeight},enumerable:!0,configurable:!0}),t.prototype.isActive=function(){var t=lt.ContentRect(this.target);return!!t&&(t.width!==this.broadcastWidth||t.height!==this.broadcastHeight)},t}();e.ResizeObservation=n});e(ut);ut.ResizeObservation;var dt=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){this.target=t,this.contentRect=lt.ContentRect(t)};e.ResizeObserverEntry=n});e(dt);dt.ResizeObserverEntry;var pt=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=[],i=function(){function t(t){this.$$observationTargets=[],this.$$activeTargets=[],this.$$skippedTargets=[];var e=function(t){if(void 0===t)return"Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.";if("function"!=typeof t)return"Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function."}(t);if(e)throw TypeError(e);this.$$callback=t,n.push(this)}return t.prototype.observe=function(t){var e=r("observe",t);if(e)throw TypeError(e);0<o(this.$$observationTargets,t)||(this.$$observationTargets.push(new ut.ResizeObservation(t)),d())},t.prototype.unobserve=function(t){var e=r("unobserve",t);if(e)throw TypeError(e);var n=o(this.$$observationTargets,t);n<0||(this.$$observationTargets.splice(n,1),f())},t.prototype.disconnect=function(){this.$$observationTargets=[],this.$$activeTargets=[]},t}();function r(t,e){return void 0===e?"Failed to execute '"+t+"' on 'ResizeObserver': 1 argument required, but only 0 present.":e instanceof window.Element?void 0:"Failed to execute '"+t+"' on 'ResizeObserver': parameter 1 is not of type 'Element'."}function o(t,e){for(var n=0;n<t.length;n+=1)if(t[n].target===e)return n;return-1}e.ResizeObserver=i;var a,s=function(i){n.forEach(function(n){n.$$activeTargets=[],n.$$skippedTargets=[],n.$$observationTargets.forEach(function(t){if(t.isActive()){var e=l(t.target);i<e?n.$$activeTargets.push(t):n.$$skippedTargets.push(t)}})})},c=function(){var r=1/0;return n.forEach(function(t){if(t.$$activeTargets.length){var i=[];t.$$activeTargets.forEach(function(t){var e=new dt.ResizeObserverEntry(t.target);i.push(e),t.$$broadcastWidth=e.contentRect.width,t.$$broadcastHeight=e.contentRect.height;var n=l(t.target);n<r&&(r=n)}),t.$$callback(i,t),t.$$activeTargets=[]}}),r},l=function(t){for(var e=0;t.parentNode;)t=t.parentNode,e+=1;return e},u=function(){var t,e=0;for(s(e);n.some(function(t){return!!t.$$activeTargets.length});)e=c(),s(e);n.some(function(t){return!!t.$$skippedTargets.length})&&(t=new window.ErrorEvent("ResizeLoopError",{message:"ResizeObserver loop completed with undelivered notifications."}),window.dispatchEvent(t))},d=function(){a||p()},p=function t(){a=window.requestAnimationFrame(function(){u(),t()})},f=function(){a&&!n.some(function(t){return!!t.$$observationTargets.length})&&(window.cancelAnimationFrame(a),a=void 0)};e.install=function(){return window.ResizeObserver=i}});e(pt);var ft=pt.ResizeObserver;pt.install;var ht=function(){function t(x){var k=this;Bt(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),x.on("firstCanplay",function(){var e,t,n,i,r,o,a,s,c,l,u,d,p,f,h,v,m,y,g,b,w;t=k,n=(e=x).template.$player,t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?e.isFocus=!0:(e.isFocus=!1,e.contextmenu.hide())}),r=k,o=(i=x).template.$player,r.hover(o,function(){o.classList.add("artplayer-hover"),i.emit("hoverenter")},function(){o.classList.remove("artplayer-hover"),i.emit("hoverleave")}),s=k,c=(a=x).template,l=c.$player,u=c.$video,d=a.player,p=E(function(){l.classList.add("artplayer-hide-cursor"),l.classList.remove("artplayer-hover"),a.controls.hide()},5e3),a.on("hoverleave",function(){d.playing&&p()}),s.proxy(l,"mousemove",function(t){p.clearTimeout(),l.classList.remove("artplayer-hide-cursor"),a.controls.show(),!a.player.pipState&&d.playing&&t.target===u&&p()}),h=k,v=(f=x).option,m=f.template.$player,(y=new ft(function(){v.autoSize&&(f.player.fullscreenState||f.player.fullscreenWebState||f.player.pipState?f.player.autoSizeRemove():f.player.autoSize()),f.player.aspectRatioReset(),f.emit("resize",m)})).observe(m),h.destroyEvents.push(function(){y.unobserve(m)}),b=k,w=(g=x).template.$video,b.proxy(w,"dblclick",function(){g.player.fullscreenToggle(),g.emit("dblclick")})})}return r(t,[{key:"proxy",value:function(e,t,n){var i=this,r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(t)?t.forEach(function(t){return i.proxy(e,t,n,r)}):(e.addEventListener(t,n,r),this.destroyEvents.push(function(){e.removeEventListener(t,n,r)}))}},{key:"hover",value:function(t,e,n){this.proxy(t,"mouseenter",e),this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(i){var r=this;return new Promise(function(t,e){var n;if(i instanceof HTMLImageElement)n=i;else{if("string"!=typeof i)return e(i);(n=new Image).src=i}return n.complete?t(n):(r.proxy(n,"load",function(){return t(n)}),r.proxy(n,"error",function(){return e(n)}),i)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),t}(),vt=function(){function n(t){var e=this;Bt(this,n),this.art=t,this.art.option.hotkey&&this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var i=this,t=this.art,r=t.player;(0,t.events.proxy)(window,"keydown",function(t){if(i.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n)switch(i.art.emit("hotkey",t),t.keyCode){case 39:t.preventDefault(),r.seek(r.currentTime+10);break;case 37:t.preventDefault(),r.seek(r.currentTime-10);break;case 38:t.preventDefault(),r.volume+=.05;break;case 40:t.preventDefault(),r.volume-=.05;break;case 32:t.preventDefault(),r.toggle()}}})}}]),n}(),mt=function(){function n(t){var e=this;Bt(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.option.layers.forEach(function(t){e.add(t)})}return r(n,[{key:"add",value:function(t,e){var n=this.art.template.$layers;Q(this.art,this,n,t,e,"layer")}},{key:"show",value:function(){var t=this.art.template.$layers;It(t,"display","block"),this.art.emit("layers:show",t)}},{key:"hide",value:function(){var t=this.art.template.$layers;It(t,"display","none"),this.art.emit("layers:hide",t)}}]),n}(),yt=function(){function n(t){Bt(this,n);var e=(this.art=t).option;x(t.template.$loading,e.icons.loading||et.loading)}return r(n,[{key:"hide",value:function(){var t=this.art.template.$loading;It(t,"display","none"),this.art.emit("loading:hide",t)}},{key:"show",value:function(){var t=this.art.template.$loading;It(t,"display","flex"),this.art.emit("loading:show",t)}}]),n}(),gt=function(){function e(t){Bt(this,e),this.art=t,this.timer=null}return r(e,[{key:"show",value:function(t){var e=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,r=this.art.template,o=r.$notice,a=r.$noticeInner;It(o,"display","block"),a.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){e.hide()},i)),this.art.emit("notice:show",o)}},{key:"hide",value:function(){var t=this.art.template.$notice;It(t,"display","none"),this.art.emit("notice:hide",t)}}]),e}(),bt=function(){function n(t){Bt(this,n);var e=(this.art=t).option;x(x(t.template.$mask,'<div class="art-playBig"></div>'),e.icons.playBig||et.playBig)}return r(n,[{key:"show",value:function(){var t=this.art.template.$mask;It(t,"display","flex"),this.art.emit("mask:show",t)}},{key:"hide",value:function(){var t=this.art.template.$mask;It(t,"display","none"),this.art.emit("mask:show",t)}}]),n}();var wt=function(){function n(t){var e=this;Bt(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var i,t=this,e=this.art,n=e.template.$settingClose;(0,e.events.proxy)(n,"click",function(){t.hide()}),this.add((i={disable:!1,name:"flip",index:10},function(e){var t=e.i18n,n=e.player;return Y({},i,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-body">\n                    <div class="art-setting-btns">\n                        <div class="art-setting-btn current">\n                            <span data-flip="normal">').concat(t.get("Normal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="horizontal">').concat(t.get("Horizontal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="vertical">').concat(t.get("Vertical"),"</span>\n                        </div>\n                    </div>\n                </div>\n            "),click:function(t){var e=t.target.dataset.flip;e&&n.flip(e)},mounted:function(t){e.on("flipChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.flip===e}).parentElement,"current")})}})}))}},{key:"add",value:function(t,e){var n=this.art.template.$settingBody;Q(this.art,this,n,t,e,"setting")}},{key:"show",value:function(){var t=this.art.template.$setting;It(t,"display","flex"),this.state=!0,this.art.emit("setting:show",t)}},{key:"hide",value:function(){var t=this.art.template.$setting;It(t,"display","none"),this.state=!1,this.art.emit("setting:hide",t)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),xt=function(){function e(t){Bt(this,e),this.art=t,this.storageName="artplayer_settings",this.init()}return r(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.storageName))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),h({},t,e));localStorage.setItem(this.storageName,JSON.stringify(n))}}]),e}();function kt(i){var t=i.i18n,r=i.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-body">\n                <input\n                    style="width: 100%;height: 3px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-color: #fff;"\n                    class="art-subtitle-range"\n                    type="range"\n                    min="-5"\n                    max="5"\n                    step="0.5"\n                >\n            </div>\n        '),mounted:function(t){var e=t.querySelector(".art-subtitle-range"),n=t.querySelector(".art-subtitle-value");r(e,"change",function(){var t=e.value;n.innerText=t,i.plugins.subtitle.offset(Number(t))}),i.on("subtitle:switch",function(){e.value=0,n.innerText=0}),i.on("artplayerPluginSubtitle:set",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function Et(i){var r=i.constructor.utils.clamp,t=i.setting,o=i.notice,a=i.template,s=i.i18n;s.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}}),t.add(kt);var c=[];return i.on("subtitle:switch",function(){c=[]}),{name:"subtitle",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=r(t,-5,5);e.forEach(function(t,e){c[e]||(c[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=c[e].startTime+n,t.endTime=c[e].endTime+n}),o.show("".concat(s.get("Subtitle offset time"),": ").concat(t,"s")),i.emit("artplayerPluginSubtitle:set",t)}else o.show("".concat(s.get("No subtitles found"))),i.emit("artplayerPluginSubtitle:set",0)}}}function St(r){var t=r.constructor.utils,n=t.append,i=t.setStyle,o=t.setStyles,a=t.sleep,s=r.events.proxy,c=r.option,l=r.notice,u=r.i18n,d=r.template,p=r.player;function f(t){var e=["video/mp4","audio/ogg","video/webm"];if(t)if(e.includes(t.type)){var n=URL.createObjectURL(t);p.playbackRateRemove(),p.aspectRatioRemove(),d.$video.src=n,a(1e3).then(function(){p.currentTime=0}),c.url=n,r.emit("switch",n),l.show(u.get("Load local video successfully"))}else{var i="".concat(t.type,", ").concat(u.get("Only file types are supported"),": ").concat(e.toString());l.show(i,!0,3e3),console.warn(i)}}return u.update({"zh-cn":{"Only file types are supported":"只支持文件类型","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Only file types are supported":"只支持文件類型","Load local video successfully":"加載本地視頻成功"}}),s(d.$player,"dragover",function(t){t.preventDefault(),l.show(u.get("Load local video successfully"))}),s(d.$player,"drop",function(t){t.preventDefault(),f(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');i(t,"position","relative"),o(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){f(e.files[0])})}}}var $t=function(){function n(t){var e=this;Bt(this,n),this.art=t,this.id=0,this.add(Et),this.add(St),t.option.plugins.forEach(function(t){e.add(t)})}return r(n,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art);return this[e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)]=e,this.art.emit("plugin:add",t),this}}]),n}(),Pt=function t(e){Bt(this,t);var n=e.option,i=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=qt(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),i.controls=!0;var r=n.type||Dt(n.url),o=n.customType[r];r&&o?(e.emit("beforeCustomType",r),o(i,n.url,e),e.emit("afterCustomType",r)):(e.emit("beforeAttachUrl",n.url),i.src=n.url,e.emit("afterAttachUrl",i.src))},Tt=0,Rt=function(t){function n(t){var e;return Bt(this,n),(e=s(this,c(n).call(this))).option=w(n.DEFAULTS,t),f(e.option,A),e.init(),e}return u(n,p),r(n,[{key:"init",value:function(){this.whitelist=new z(this),this.template=new B(this),this.whitelist.state?(this.isFocus=!1,this.storage=new xt(this),this.i18n=new q(this),this.notice=new gt(this),this.events=new ht(this),this.player=new N(this),this.mse=new V(this),this.layers=new mt(this),this.controls=new ot(this),this.contextmenu=new at(this),this.subtitle=new ct(this),this.info=new st(this),this.loading=new yt(this),this.hotkey=new vt(this),this.mask=new bt(this),this.setting=new wt(this),this.plugins=new $t(this)):this.mobile=new Pt(this),Tt+=1,this.id=Tt,n.instances.push(this)}},{key:"destroy",value:function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events&&this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.emit("destroy")}}],[{key:"version",get:function(){return"1.0.5"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return Ut}},{key:"utils",get:function(){return j}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",mimeCodec:"",theme:"#f00",volume:.7,isLive:!1,mse:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{loading:"",playBig:""},customType:{},lang:navigator.language.toLowerCase()}}}]),n}();Object.defineProperty(Rt,"instances",{value:[]}),window.Artplayer=Rt,t.default=Rt,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e(t.artplayer={})}(this,function(t){"use strict";var _t=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var r=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t},o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function n(t,e){return t(e={exports:{}},e.exports),e.exports}var $=n(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function i(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},i(t)}e.exports=i});var a=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var s=function(t,e){return!e||"object"!==$(e)&&"function"!=typeof e?a(t):e},c=n(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),l=n(function(n){function i(t,e){return n.exports=i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}n.exports=i});var u=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)};function d(){}d.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function r(){i.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,r=n.length;i<r;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],r=[];if(i&&e)for(var o=0,a=i.length;o<a;o++)i[o].fn!==e&&i[o].fn._!==e&&r.push(i[o]);return r.length?n[t]=r:delete n[t],this}};var p=d,f=n(function(t,e){t.exports=function(){function c(t){return(c="function"==typeof Symbol&&"symbol"==$(Symbol.iterator)?function(t){return $(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":$(t)})(t)}var l=Object.prototype.toString,a=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e,n,i,r,o,a,s=c(t);if("boolean"===s)return"boolean";if("string"===s)return"string";if("number"===s)return"number";if("symbol"===s)return"symbol";if("function"===s)return"GeneratorFunction"===u(t)?"generatorfunction":"function";if(e=t,Array.isArray?Array.isArray(e):e instanceof Array)return"array";if((a=t).constructor&&"function"==typeof a.constructor.isBuffer&&a.constructor.isBuffer(a))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if((n=t)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((i=t)instanceof Error||"string"==typeof i.message&&i.constructor&&"number"==typeof i.constructor.stackTraceLimit)return"error";if((r=t)instanceof RegExp||"string"==typeof r.flags&&"boolean"==typeof r.ignoreCase&&"boolean"==typeof r.multiline&&"boolean"==typeof r.global)return"regexp";switch(u(t)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if("function"==typeof(o=t).throw&&"function"==typeof o.return&&"function"==typeof o.next)return"generator";switch(s=l.call(t)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return s.slice(8,-1).toLowerCase().replace(/\s/g,"")};function u(t){return t.constructor?t.constructor.name:null}function o(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var i in d(t,e,n),p(t,e,n),f(t,e,n),e)if(e.hasOwnProperty(i)){var r=t[i],o=e[i],a=n.concat(i);if(s(t,i,o,a))continue;d(r,o,a),p(r,o,a),f(r,o,a)}}function s(t,e,n,i){if(!Object.prototype.hasOwnProperty.call(t,e)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(i.join("."),"' is required"));return!0}}function d(t,e,n){var i;if("string"===a(e)?i=e:"function"===a(e)?e.___validator__=e:e.__type__?i=e.__type__:e.type&&(i=e.type),i&&"string"===a(i)){i=i.trim().toLowerCase();var r=a(t),o=r===i;if(-1<i.indexOf("|")&&(o=i.split("|").filter(Boolean).some(function(t){return r===t.trim()})),!o)throw new TypeError("'".concat(n.join("."),"' require '").concat(i,"' type, but got '").concat(r,"'"))}}function p(t,e,n){var i;if(e.___validator__?i=e.___validator__:e.validator&&(i=e.validator),"function"===a(i)){var r=i(n,t,a(t));if(!0!==r)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(r,"'"))}}function f(t,e,n){var i;if(e.___child__?i=e.___child__:e.child&&(i=e.child),"object"===a(i)){var r=a(t);"object"===r?o(t,i,n):"array"===r&&t.forEach(function(t,e){o(t,i,n.concat(e))})}}return o.kindOf=a,window.optionValidator=o}()});var h=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var v=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")},y=n(function(i){function r(t,e,n){return!function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?i.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&l(r,n.prototype),r}:i.exports=r=Reflect.construct,r.apply(null,arguments)}i.exports=r}),m=function(t){function i(t,e){var n;return _t(this,i),n=s(this,c(i).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(a(a(n)),e||n.constructor),n.name="ArtPlayerError",n}return u(i,t),i}(n(function(e){function i(t){var n="function"==typeof Map?new Map:void 0;return e.exports=i=function(t){if(null===t||!v(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return y(t,arguments,c(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),l(e,t)},i(t)}e.exports=i})(Error));function Ct(t,e){if(!t)throw new m(e)}function Lt(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function jt(t){return t.includes("?")?jt(t.split("?")[0]):t.includes("#")?jt(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function Mt(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),i=Math.floor(t-3600*e-60*n);return(0<e?[e,n,i]:[n,i]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function At(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function E(i,r,o){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,i.apply(o,e)},r)}return t.clearTimeout=function(){clearTimeout(a)},t}function g(t){return t&&"object"===$(t)&&!Array.isArray(t)}function b(t){return t instanceof Element}function w(n,i){var r=Object.assign({},n);return g(n)&&g(i)&&Object.keys(i).forEach(function(t){var e=i[t];g(e)&&!b(e)&&t in n?r[t]=w(n[t],e):Object.assign(r,h({},t,e))}),r}function x(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",e),t.lastElementChild}function k(t,e,n){var i=Array.from(t.children);e.dataset.index=n;var r=i.find(function(t){return Number(t.dataset.index)>=Number(n)});return r?r.insertAdjacentElement("beforebegin",e):x(t,e),e}function zt(t,e,n){return t.style[e]=n,t}function S(e,n){return Object.keys(n).forEach(function(t){zt(e,t,n[t])}),e}function P(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],i=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(i):i}function T(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function R(t,e){T(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function O(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("data-balloon",e),t.setAttribute("data-balloon-pos",n)}function _(t){return"WEBVTT \r\n\r\n".concat(t.replace(/\{\\([ibu])\}/g,"</$1>").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"</$1>").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").concat("\r\n\r\n"))}function C(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function L(t,e){var n=document.createElement("a");zt(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var j=Object.freeze({ArtPlayerError:m,errorHandle:Ct,clamp:Lt,getExt:jt,secondToTime:Mt,sleep:At,debounce:E,isObject:g,isElement:b,mergeDeep:w,append:x,remove:function(t){return t.parentNode.removeChild(t)},insertByIndex:k,setStyle:zt,setStyles:S,getStyle:P,sublings:T,inverseClass:R,tooltip:O,srtToVtt:_,vttToBlob:C,downloadImage:L});function M(t,e,n){if("string"===n){if(""===e.trim())throw new m("".concat(t.join(".")," can not be empty"));return!0}if(e instanceof Element)return!0;throw new m("".concat(t.join(".")," require 'string' or 'Element' type, but got '").concat(n,"'"))}var A={container:{validator:M,required:!0},url:{type:"string|function",required:!0},poster:"string",title:"string",type:{type:"string"},mimeCodec:"string",theme:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:M,style:"object",click:"function",position:function(t,e){return["top","left","right"].includes(e)}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{type:"object",url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{type:"object",url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object",lang:"string"},Wt={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","mediaGroup","muted","networkState","paused","playbackRate","played","preload","readyState","seekable","seeking","src","startDate","textTracks","videoTracks","volume"],methods:["addTextTrack","canPlayType","load","play","pause"],events:["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"]}},z=function t(e){var n=this;_t(this,t);var i=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||i.some(function(t){var e=!1;switch(f.kindOf(t)){case"string":e=-1<n.userAgent.indexOf(t);break;case"function":e=t(n.userAgent);break;case"regexp":e=t.test(n.userAgent)}return e})},W=function(){function n(t){var e=this;_t(this,n),t.option.container instanceof Element?this.$container=t.option.container:this.$container=document.querySelector(t.option.container),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&Ct(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return r(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n                <div class="artplayer-setting-close">×</div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$settingClose=this.$container.querySelector(".artplayer-setting-close"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),q={"zh-cn":{"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器"},"zh-tw":{"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器"}},D=function(){function e(t){_t(this,e),this.art=t,this.init()}return r(e,[{key:"init",value:function(){this.language=q[this.art.option.lang.toLowerCase()]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){q=w(q,t),this.init()}}]),e}();function qt(e,t){var n=e.option,i=e.notice,r=e.template.$video;Object.defineProperty(t,"screenshot",{value:function(){try{var t=function(){var t=document.createElement("canvas");t.width=r.videoWidth,t.height=r.videoHeight,t.getContext("2d").drawImage(r,0,0);var e=t.toDataURL("image/png");return L(e,"".concat(n.title||"artplayer","_").concat(Mt(r.currentTime),".png")),e}();e.emit("screenshot",t)}catch(t){i.show(t),console.warn(t)}}})}var Dt=n(function(t){var o,e,n,i,r,a;o="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,n="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,i=function(){for(var t,e=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],n=0,i=e.length,r={};n<i;n++)if((t=e[n])&&t[1]in o){for(n=0;n<t.length;n++)r[e[0][n]]=t[n];return r}return!1}(),r={change:i.fullscreenchange,error:i.fullscreenerror},a={request:function(t){var e=i.requestFullscreen;t=t||o.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?t[e]():t[e](n?Element.ALLOW_KEYBOARD_INPUT:{})},exit:function(){o[i.exitFullscreen]()},toggle:function(t){this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=r[t];n&&o.addEventListener(n,e,!1)},off:function(t,e){var n=r[t];n&&o.removeEventListener(n,e,!1)},raw:i},i?(Object.defineProperties(a,{isFullscreen:{get:function(){return Boolean(o[i.fullscreenElement])}},element:{enumerable:!0,get:function(){return o[i.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(o[i.fullscreenEnabled])}}}),e?t.exports=a:window.screenfull=a):e?t.exports=!1:window.screenfull=!1});var H=n(function(t){var e,n;e=window,n=function(){function m(t){var e=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(e)&&e}var n="undefined"==typeof console?function(){}:function(t){console.error(t)},g=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],b=g.length;function w(t){var e=getComputedStyle(t);return e||n("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}var x,k=!1;function E(t){if(function(){if(!k){k=!0;var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style.boxSizing="border-box";var e=document.body||document.documentElement;e.appendChild(t);var n=w(t);x=200==Math.round(m(n.width)),E.isBoxSizeOuter=x,e.removeChild(t)}}(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==$(t)&&t.nodeType){var e=w(t);if("none"==e.display)return function(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<b;e++)t[g[e]]=0;return t}();var n={};n.width=t.offsetWidth,n.height=t.offsetHeight;for(var i=n.isBorderBox="border-box"==e.boxSizing,r=0;r<b;r++){var o=g[r],a=e[o],s=parseFloat(a);n[o]=isNaN(s)?0:s}var c=n.paddingLeft+n.paddingRight,l=n.paddingTop+n.paddingBottom,u=n.marginLeft+n.marginRight,d=n.marginTop+n.marginBottom,p=n.borderLeftWidth+n.borderRightWidth,f=n.borderTopWidth+n.borderBottomWidth,h=i&&x,v=m(e.width);!1!==v&&(n.width=v+(h?0:c+p));var y=m(e.height);return!1!==y&&(n.height=y+(h?0:l+f)),n.innerWidth=n.width-(c+p),n.innerHeight=n.height-(l+f),n.outerWidth=n.width+u,n.outerHeight=n.height+d,n}}return E},t.exports?t.exports=n():e.getSize=n()}),B=n(function(t){var e,n;e="undefined"!=typeof window?window:o,n=function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var n=this._events=this._events||{},i=n[t]=n[t]||[];return-1==i.indexOf(e)&&i.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[e]=!0,this}},e.off=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var i=n.indexOf(e);return-1!=i&&n.splice(i,1),this}},e.emitEvent=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){n=n.slice(0),e=e||[];for(var i=this._onceEvents&&this._onceEvents[t],r=0;r<n.length;r++){var o=n[r];i&&i[o]&&(this.off(t,o),delete i[o]),o.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t},t.exports?t.exports=n():e.EvEmitter=n()}),F=n(function(t){var e,n;e=window,n=function(r,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindStartEvent=function(t){this._bindStartEvent(t,!0)},n.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},n._bindStartEvent=function(t,e){var n=(e=void 0===e||e)?"addEventListener":"removeEventListener",i="mousedown";r.PointerEvent?i="pointerdown":"ontouchstart"in r&&(i="touchstart"),t[n](i,this)},n.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.getTouch=function(t){for(var e=0;e<t.length;e++){var n=t[e];if(n.identifier==this.pointerIdentifier)return n}},n.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},n.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},n.onpointerdown=function(t){this._pointerDown(t,t)},n._pointerDown=function(t,e){t.button||this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDown(t,e))},n.pointerDown=function(t,e){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e])};var i={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};return n._bindPostStartEvents=function(t){if(t){var e=i[t.type];e.forEach(function(t){r.addEventListener(t,this)},this),this._boundPointerEvents=e}},n._unbindPostStartEvents=function(){this._boundPointerEvents&&(this._boundPointerEvents.forEach(function(t){r.removeEventListener(t,this)},this),delete this._boundPointerEvents)},n.onmousemove=function(t){this._pointerMove(t,t)},n.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},n.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},n._pointerMove=function(t,e){this.pointerMove(t,e)},n.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])},n.onmouseup=function(t){this._pointerUp(t,t)},n.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},n._pointerUp=function(t,e){this._pointerDone(),this.pointerUp(t,e)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])},n._pointerDone=function(){this._pointerReset(),this._unbindPostStartEvents(),this.pointerDone()},n._pointerReset=function(){this.isPointerDown=!1,delete this.pointerIdentifier},n.pointerDone=function(){},n.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},n.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerCancel(t,e)},n._pointerCancel=function(t,e){this._pointerDone(),this.pointerCancel(t,e)},n.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])},e.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}},e},t.exports?t.exports=n(e,B):e.Unipointer=n(e,e.EvEmitter)}),I=n(function(t){var e,n;e=window,n=function(o,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindHandles=function(){this._bindHandles(!0)},n.unbindHandles=function(){this._bindHandles(!1)},n._bindHandles=function(t){for(var e=(t=void 0===t||t)?"addEventListener":"removeEventListener",n=t?this._touchActionValue:"",i=0;i<this.handles.length;i++){var r=this.handles[i];this._bindStartEvent(r,t),r[e]("click",this),o.PointerEvent&&(r.style.touchAction=n)}},n._touchActionValue="none",n.pointerDown=function(t,e){this.okayPointerDown(t)&&(this.pointerDownPointer=e,t.preventDefault(),this.pointerDownBlur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e]))};var r={TEXTAREA:!0,INPUT:!0,SELECT:!0,OPTION:!0},a={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};return n.okayPointerDown=function(t){var e=r[t.target.nodeName],n=a[t.target.type],i=!e||n;return i||this._pointerReset(),i},n.pointerDownBlur=function(){var t=document.activeElement;t&&t.blur&&t!=document.body&&t.blur()},n.pointerMove=function(t,e){var n=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,n]),this._dragMove(t,e,n)},n._dragPointerMove=function(t,e){var n={x:e.pageX-this.pointerDownPointer.pageX,y:e.pageY-this.pointerDownPointer.pageY};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,e),n},n.hasDragStarted=function(t){return 3<Math.abs(t.x)||3<Math.abs(t.y)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},n._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},n._dragStart=function(t,e){this.isDragging=!0,this.isPreventingClicks=!0,this.dragStart(t,e)},n.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},n._dragMove=function(t,e,n){this.isDragging&&this.dragMove(t,e,n)},n.dragMove=function(t,e,n){t.preventDefault(),this.emitEvent("dragMove",[t,e,n])},n._dragEnd=function(t,e){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,e)},n.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},n.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},n._staticClick=function(t,e){this.isIgnoringMouseUp&&"mouseup"==t.type||(this.staticClick(t,e),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)))},n.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},e.getPointerPoint=t.getPointerPoint,e},t.exports?t.exports=n(e,F):e.Unidragger=n(e,e.Unipointer)}),N=n(function(t){var e,n;e=window,n=function(o,c,t){function n(t,e){for(var n in e)t[n]=e[n];return t}var i=o.jQuery;function e(t,e){this.element="string"==typeof t?document.querySelector(t):t,i&&(this.$element=i(this.element)),this.options=n({},this.constructor.defaults),this.option(e),this._create()}var r=e.prototype=Object.create(t.prototype);e.defaults={},r.option=function(t){n(this.options,t)};var a={relative:!0,absolute:!0,fixed:!0};function l(t,e,n){return n=n||"round",e?Math[n](t/e)*e:t}return r._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=n({},this.position);var t=getComputedStyle(this.element);a[t.position]||(this.element.style.position="relative"),this.on("pointerDown",this.onPointerDown),this.on("pointerMove",this.onPointerMove),this.on("pointerUp",this.onPointerUp),this.enable(),this.setHandles()},r.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},r.dispatchEvent=function(t,e,n){var i=[e].concat(n);this.emitEvent(t,i),this.dispatchJQueryEvent(t,e,n)},r.dispatchJQueryEvent=function(t,e,n){var i=o.jQuery;if(i&&this.$element){var r=i.Event(e);r.type=t,this.$element.trigger(r,n)}},r._getPosition=function(){var t=getComputedStyle(this.element),e=this._getPositionCoord(t.left,"width"),n=this._getPositionCoord(t.top,"height");this.position.x=isNaN(e)?0:e,this.position.y=isNaN(n)?0:n,this._addTransformPosition(t)},r._getPositionCoord=function(t,e){if(-1==t.indexOf("%"))return parseInt(t,10);var n=c(this.element.parentNode);return n?parseFloat(t)/100*n[e]:0},r._addTransformPosition=function(t){var e=t.transform;if(0===e.indexOf("matrix")){var n=e.split(","),i=0===e.indexOf("matrix3d")?12:4,r=parseInt(n[i],10),o=parseInt(n[i+1],10);this.position.x+=r,this.position.y+=o}},r.onPointerDown=function(t,e){this.element.classList.add("is-pointer-down"),this.dispatchJQueryEvent("pointerDown",t,[e])},r.dragStart=function(t,e){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.dispatchEvent("dragStart",t,[e]),this.animate())},r.measureContainment=function(){var t=this.getContainer();if(t){var e=c(this.element),n=c(t),i=this.element.getBoundingClientRect(),r=t.getBoundingClientRect(),o=n.borderLeftWidth+n.borderRightWidth,a=n.borderTopWidth+n.borderBottomWidth,s=this.relativeStartPosition={x:i.left-(r.left+n.borderLeftWidth),y:i.top-(r.top+n.borderTopWidth)};this.containSize={width:n.width-o-s.x-e.width,height:n.height-a-s.y-e.height}}},r.getContainer=function(){var t=this.options.containment;if(t)return t instanceof HTMLElement?t:"string"==typeof t?document.querySelector(t):this.element.parentNode},r.onPointerMove=function(t,e,n){this.dispatchJQueryEvent("pointerMove",t,[e,n])},r.dragMove=function(t,e,n){if(this.isEnabled){var i=n.x,r=n.y,o=this.options.grid,a=o&&o[0],s=o&&o[1];i=l(i,a),r=l(r,s),i=this.containDrag("x",i,a),r=this.containDrag("y",r,s),i="y"==this.options.axis?0:i,r="x"==this.options.axis?0:r,this.position.x=this.startPosition.x+i,this.position.y=this.startPosition.y+r,this.dragPoint.x=i,this.dragPoint.y=r,this.dispatchEvent("dragMove",t,[e,n])}},r.containDrag=function(t,e,n){if(!this.options.containment)return e;var i="x"==t?"width":"height",r=l(-this.relativeStartPosition[t],n,"ceil"),o=this.containSize[i];return o=l(o,n,"floor"),Math.max(r,Math.min(o,e))},r.onPointerUp=function(t,e){this.element.classList.remove("is-pointer-down"),this.dispatchJQueryEvent("pointerUp",t,[e])},r.dragEnd=function(t,e){this.isEnabled&&(this.element.style.transform="",this.setLeftTop(),this.element.classList.remove("is-dragging"),this.dispatchEvent("dragEnd",t,[e]))},r.animate=function(){if(this.isDragging){this.positionDrag();var t=this;requestAnimationFrame(function(){t.animate()})}},r.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},r.positionDrag=function(){this.element.style.transform="translate3d( "+this.dragPoint.x+"px, "+this.dragPoint.y+"px, 0)"},r.staticClick=function(t,e){this.dispatchEvent("staticClick",t,[e])},r.setPosition=function(t,e){this.position.x=t,this.position.y=e,this.setLeftTop()},r.enable=function(){this.isEnabled=!0},r.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},r.destroy=function(){this.disable(),this.element.style.transform="",this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},r._init=function(){},i&&i.bridget&&i.bridget("draggabilly",e),e},t.exports?t.exports=n(e,H,I):e.Draggabilly=n(e,e.getSize,e.Unidragger)});function Ht(t,e){var n,i,r,o,a,s,c,l,u,d,p,f,h,v,y,m,g,b;document.pictureInPictureEnabled?(y=e,m=(v=t).notice,g=v.template.$video,b=v.events.proxy,g.disablePictureInPicture=!1,Object.defineProperty(y,"pipState",{get:function(){return document.pictureInPictureElement}}),Object.defineProperty(y,"pipEnabled",{value:function(){g.requestPictureInPicture().catch(function(t){m.show(t,!0,3e3),console.warn(t)})}}),Object.defineProperty(y,"pipExit",{value:function(){document.exitPictureInPicture().catch(function(t){m.show(t,!0,3e3),console.warn(t)})}}),b(g,"enterpictureinpicture",function(){v.emit("pipEnabled")}),b(g,"leavepictureinpicture",function(){v.emit("pipExit")}),v.on("destroy",function(){y.pipState&&y.pipExit()})):(i=e,r=(n=t).option,o=n.i18n,a=n.template,s=a.$player,c=a.$pipClose,l=a.$pipTitle,u=n.events,d=u.destroyEvents,p=u.proxy,h=f=null,Object.defineProperty(i,"pipState",{get:function(){return s.classList.contains("artplayer-pip")}}),Object.defineProperty(i,"pipEnabled",{value:function(){i.autoSizeState&&i.autoSizeRemove(),h?(zt(s,"left","".concat(f.x,"px")),zt(s,"top","".concat(f.y,"px"))):(h=new N(s,{handle:".artplayer-pip-header"}),x(l,r.title||o.get("Mini player")),p(c,"click",function(){i.pipExit()}),d.push(function(){h.destroy()})),s.classList.add("artplayer-pip"),i.fullscreenExit(),i.fullscreenWebExit(),i.aspectRatioRemove(),i.playbackRateRemove(),n.emit("pipEnabled")}}),Object.defineProperty(i,"pipExit",{value:function(){i.pipState&&(s.classList.remove("artplayer-pip"),f=h.position,zt(s,"left",null),zt(s,"top",null),i.fullscreenExit(),i.fullscreenWebExit(),i.aspectRatioRemove(),i.playbackRateRemove(),n.emit("pipExit"))}})),Object.defineProperty(e,"pipToggle",{value:function(){e.pipState?e.pipExit():e.pipEnabled()}})}var U=function t(e){var i,n,r,o,a,s,c,l,u,d,p,f,h,v,y,m,g,b,w,x,k,E,$,S,P,T,R,O,_,C,L,j,M,A,z,W,q,D,H,B,F,I,N,U,V,Q,Y,J,X,Z,G,K,tt,et,nt,it,rt,ot,at,st,ct,lt,ut,dt,pt,ft,ht,vt,yt,mt,gt,bt,wt,xt,kt,Et,$t,St,Pt,Tt,Rt,Ot;_t(this,t),n=this,r=(i=e).option,o=r.type,a=r.customType,s=i.template.$video,Object.defineProperty(n,"attachUrl",{value:function(t){return At().then(function(){function e(t){var e=o||jt(t),n=a[e];return e&&n?(i.loading.show(),i.emit("beforeCustomType",e),n.call(i,s,t,i),i.emit("afterCustomType",e)):(i.emit("beforeAttachUrl"),s.src=t,i.emit("afterAttachUrl")),Promise.resolve(t)}return"function"==typeof t?t.call(i).then(function(t){return i.loading.show(),e(t)}):e(t)})}}),l=this,u=(c=e).option,d=c.events.proxy,p=c.template,f=p.$player,h=p.$video,v=c.i18n,y=c.notice,m=!1,g=0,d(h,"click",function(){l.toggle()}),Wt.video.events.forEach(function(t){d(h,t,function(t){c.emit("video:".concat(t.type),t)})}),c.on("video:canplay",function(){m||(m=!0,u.autoplay&&l.play(),c.emit("firstCanplay")),g=0,c.controls.show(),c.mask.show(),c.loading.hide()}),c.on("video:ended",function(){c.controls.show(),c.mask.show(),u.loop&&(l.seek(0),l.play())}),c.on("video:error",function(){g<5?At(1e3).then(function(){g+=1,l.attachUrl(u.url),y.show("".concat(v.get("Reconnect"),": ").concat(g))}):(c.loading.hide(),c.controls.hide(),f.classList.add("artplayer-error"),At(1e3).then(function(){y.show(v.get("Video load failed"),!1),c.destroy()}))}),c.on("video:loadedmetadata",function(){u.autoSize&&l.autoSize()}),c.on("video:loadstart",function(){c.loading.show()}),c.on("video:pause",function(){c.controls.show(),c.mask.show()}),c.on("video:play",function(){c.controls.hide(),c.mask.hide()}),c.on("video:playing",function(){c.controls.hide(),c.mask.hide()}),c.on("video:seeked",function(){c.loading.hide()}),c.on("video:seeking",function(){c.loading.show()}),c.on("video:timeupdate",function(){c.controls.hide(),c.mask.hide()}),c.on("video:waiting",function(){c.loading.show()}),w=this,x=(b=e).option,k=b.template.$video,Object.keys(x.moreVideoAttr).forEach(function(t){k[t]=x.moreVideoAttr[t]}),x.muted&&(k.muted=x.muted),x.volume&&(k.volume=Lt(x.volume,0,1)),x.poster&&(k.poster=x.poster),x.autoplay&&(k.autoplay=x.autoplay),w.attachUrl(x.url),$=this,S=(E=e).template.$video,P=E.i18n,T=E.notice,R=E.option.mutex,Object.defineProperty($,"play",{value:function(){var t=S.play();void 0!==t&&t.then().catch(function(t){T.show(t,!0,3e3),console.warn(t)}),R&&E.constructor.instances.filter(function(t){return t!==E}).forEach(function(t){return t.player.pause()}),T.show(P.get("Play")),E.emit("play")}}),_=this,C=(O=e).template.$video,L=O.i18n,j=O.notice,Object.defineProperty(_,"pause",{value:function(){C.pause(),j.show(L.get("Pause")),O.emit("pause")}}),M=this,Object.defineProperty(M,"toggle",{value:function(){M.playing?M.pause():M.play()}}),z=this,W=(A=e).notice,Object.defineProperty(z,"seek",{value:function(t){var e=Math.max(t,0);z.duration&&(e=Math.min(e,z.duration)),z.currentTime=e,W.show("".concat(Mt(e)," / ").concat(Mt(z.duration))),A.emit("seek",e)}}),D=this,H=(q=e).template.$video,B=q.i18n,F=q.notice,I=q.storage,Object.defineProperty(D,"volume",{get:function(){return H.volume||0},set:function(t){void 0!==t&&(H.volume=Lt(t,0,1),F.show("".concat(B.get("Volume"),": ").concat(parseInt(100*H.volume,10))),0!==H.volume&&I.set("volume",H.volume),q.emit("volumeChange",H.volume))}}),Object.defineProperty(D,"muted",{get:function(){return H.muted},set:function(t){H.muted=t,q.emit("volumeChange",H.volume)}}),N=e,U=this,Object.defineProperty(U,"currentTime",{get:function(){return N.template.$video.currentTime||0},set:function(t){N.template.$video.currentTime=t}}),V=e,Q=this,Object.defineProperty(Q,"duration",{get:function(){return V.template.$video.duration||0}}),J=this,X=(Y=e).i18n,Z=Y.notice,G=Y.option,Object.defineProperty(J,"switchQuality",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t!==G.url){var n=J.currentTime,i=J.playing;J.attachUrl(t).then(function(){G.url=t,J.playbackRateRemove(),J.aspectRatioRemove(),J.seek(n),i&&J.play(),Z.show("".concat(X.get("Switch video"),": ").concat(e)),Y.emit("switch",t)})}}}),tt=this,et=(K=e).template,nt=et.$video,it=et.$player,rt=K.i18n,ot=K.notice,Object.defineProperty(tt,"playbackRateState",{get:function(){return it.dataset.playbackRate}}),Object.defineProperty(tt,"playbackRate",{value:function(t){var e=[.5,.75,1,1.25,1.5,2];Ct(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t!==it.dataset.playbackRate&&(nt.playbackRate=t,it.dataset.playbackRate=t,ot.show("".concat(rt.get("Rate"),": ").concat(t,"x")),K.emit("playbackRateChange",t))}}),Object.defineProperty(tt,"playbackRateRemove",{value:function(){tt.$playbackRateState&&(tt.playbackRate(1),delete it.dataset.playbackRate,K.emit("playbackRateRemove"))}}),Object.defineProperty(tt,"playbackRateReset",{value:function(){var t=it.dataset.playbackRate;t&&(tt.playbackRate(Number(t)),K.emit("playbackRateReset"))}}),st=this,ct=(at=e).template,lt=ct.$video,ut=ct.$player,dt=at.i18n,pt=at.notice,Object.defineProperty(st,"aspectRatioState",{get:function(){return ut.dataset.aspectRatio||""}}),Object.defineProperty(st,"aspectRatio",{value:function(t){var e=["default","4:3","16:9"];if(Ct(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),t!==ut.dataset.aspectRatio){if("default"===t)st.aspectRatioRemove();else{var n=t.split(":"),i=lt.videoWidth,r=lt.videoHeight,o=ut.clientWidth,a=ut.clientHeight,s=i/r,c=n[0]/n[1];if(c<s){var l=c*r/i;zt(lt,"width","".concat(100*l,"%")),zt(lt,"height","100%"),zt(lt,"padding","0 ".concat((o-o*l)/2,"px"))}else{var u=i/c/r;zt(lt,"width","100%"),zt(lt,"height","".concat(100*u,"%")),zt(lt,"padding","".concat((a-a*u)/2,"px 0"))}}ut.dataset.aspectRatio=t,pt.show("".concat(dt.get("Aspect ratio"),": ").concat(t)),at.emit("aspectRatioChange",t)}}}),Object.defineProperty(st,"aspectRatioRemove",{value:function(){st.aspectRatioState&&(zt(lt,"width",null),zt(lt,"height",null),zt(lt,"padding",null),delete ut.dataset.aspectRatio,at.emit("aspectRatioRemove"))}}),Object.defineProperty(st,"aspectRatioReset",{value:function(){var t=ut.dataset.aspectRatio;t&&(st.aspectRatio(t),at.emit("aspectRatioReset"))}}),qt(e,this),function(t,e){var n=t.notice,i=t.events.destroyEvents,r=t.template.$player,o=function(){t.emit("fullscreen",Dt.isFullscreen)},a=function(){n.show("Your browser does not seem to support full screen functionality.")};try{Dt.on("change",o),Dt.on("error",a),i.push(function(){Dt.off("change",o),Dt.off("error",a)})}catch(t){console.error(t)}Object.defineProperty(e,"fullscreenState",{get:function(){return Dt.isFullscreen}}),Object.defineProperty(e,"fullscreenEnabled",{value:function(){e.fullscreenWebState&&e.fullscreenWebExit(),r.classList.add("artplayer-fullscreen"),Dt.request(r),t.emit("fullscreen:enabled")}}),Object.defineProperty(e,"fullscreenExit",{value:function(){e.fullscreenState&&(e.fullscreenWebExit(),r.classList.remove("artplayer-fullscreen"),Dt.exit(),t.emit("fullscreen:exit"))}}),Object.defineProperty(e,"fullscreenToggle",{value:function(){e.fullscreenState?e.fullscreenExit():e.fullscreenEnabled()}})}(e,this),ht=this,vt=(ft=e).template.$player,Object.defineProperty(ht,"fullscreenWebState",{get:function(){return vt.classList.contains("artplayer-web-fullscreen")}}),Object.defineProperty(ht,"fullscreenWebEnabled",{value:function(){ht.fullscreenState&&ht.fullscreenExit(),vt.classList.add("artplayer-web-fullscreen"),ft.emit("fullscreenWeb:enabled")}}),Object.defineProperty(ht,"fullscreenWebExit",{value:function(){ht.fullscreenWebState&&(ht.fullscreenExit(),vt.classList.remove("artplayer-web-fullscreen"),ft.emit("fullscreenWeb:exit"))}}),Object.defineProperty(ht,"fullscreenWebToggle",{value:function(){ht.fullscreenWebState?ht.fullscreenWebExit():ht.fullscreenWebEnabled()}}),Ht(e,this),yt=this,mt=e.template.$video,Object.defineProperty(yt,"loaded",{get:function(){return mt.buffered.length?mt.buffered.end(mt.buffered.length-1)/mt.duration:0}}),gt=e,bt=this,Object.defineProperty(bt,"played",{get:function(){return gt.template.$video.currentTime/gt.template.$video.duration}}),wt=this,xt=e.template.$video,Object.defineProperty(wt,"playing",{get:function(){return!!(0<xt.currentTime&&!xt.paused&&!xt.ended&&2<xt.readyState)}}),Et=this,$t=(kt=e).template,St=$t.$container,Pt=$t.$player,Tt=$t.$video,Object.defineProperty(Et,"autoSizeState",{get:function(){return St.classList.contains("artplayer-auto-size")}}),Object.defineProperty(Et,"autoSize",{value:function(){var t=Tt.videoWidth,e=Tt.videoHeight,n=St.getBoundingClientRect(),i=n.width,r=n.height,o=t/e,a=i/r;if(St.classList.add("artplayer-auto-size"),o<a)zt(Pt,"width","".concat(r*o/i*100,"%")),zt(Pt,"height","100%");else{var s=i/o/r*100;zt(Pt,"width","100%"),zt(Pt,"height","".concat(s,"%"))}kt.emit("autoSizeChange")}}),Object.defineProperty(Et,"autoSizeRemove",{value:function(){St.classList.remove("artplayer-auto-size"),zt(Pt,"width",null),zt(Pt,"height",null),kt.emit("autoSizeRemove")}}),Rt=e,Ot=this,Object.defineProperty(Ot,"flipState",{get:function(){return Rt.template.$player.dataset.flip}}),Object.defineProperty(Ot,"flip",{value:function(t){var e=["normal","horizontal","vertical"];Ct(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),Rt.template.$player.dataset.flip=t,Rt.emit("flipChange",t)}}),Object.defineProperty(Ot,"flipRemove",{value:function(){delete Rt.template.$player.dataset.flip,Rt.emit("flipRemove")}})};function V(e,n,t,i,r,o){var a="function"==typeof i?i(e):i;if(!a.disable){n.id+=1;var s=a.name||"".concat(o).concat(n.id),c=document.createElement("div");c.classList.value="art-".concat(o," art-").concat(o,"-").concat(s),a.html&&x(c,a.html),a.style&&S(c,a.style),a.click&&e.events.proxy(c,"click",function(t){t.preventDefault(),a.click.call(n,t),e.emit("".concat(o,":click"),c)}),Object.defineProperty(a,"$ref",{get:function(){return c}}),Object.defineProperty(a,"hide",{value:function(){zt(c,"display","none"),e.emit("".concat(o,":hide"),c)}}),Object.defineProperty(a,"show",{value:function(){zt(c,"display","block"),e.emit("".concat(o,":show"),c)}}),k(t,c,a.index||n.id),a.mounted&&a.mounted(c),r&&r(c),n[s]=a,e.emit("".concat(o,":add"),a)}}var Q=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){h(e,t,n[t])})}return e};var Y=function(t){if(Array.isArray(t))return t};var J=function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(t){r=!0,o=t}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}return n};var X=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")};var Z=function(t,e){return Y(t)||J(t,e)||X()};var G,K,tt=(G={loading:'<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default">\n  <rect x="0" y="0" width="100" height="100" fill="none" class="bk"/>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(0 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(30 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(60 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(90 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.75s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(120 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(150 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(180 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(210 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(240 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(270 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.25s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(300 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" fill="#ffffff" transform="rotate(330 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"/>\n  </rect>\n</svg>',playBig:'<svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',play:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n  <path d="M17.982 9.275L8.06 3.27A2.013 2.013 0 0 0 5 4.994v12.011a2.017 2.017 0 0 0 3.06 1.725l9.922-6.005a2.017 2.017 0 0 0 0-3.45z"></path>\n</svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M7 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2zM15 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2z"></path>\n</svg>',volume:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M10.188 4.65L6 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39V5.04a.498.498 0 0 0-.812-.39zM14.446 3.778a1 1 0 0 0-.862 1.804 6.002 6.002 0 0 1-.007 10.838 1 1 0 0 0 .86 1.806A8.001 8.001 0 0 0 19 11a8.001 8.001 0 0 0-4.554-7.222z"></path>\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v6.93A3.998 3.998 0 0 0 15 11z"></path>\n</svg>',volumeClose:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v2.636l1.865 1.865A4.02 4.02 0 0 0 15 11z"></path>\n    <path d="M13.583 5.583A5.998 5.998 0 0 1 17 11a6 6 0 0 1-.585 2.587l1.477 1.477a8.001 8.001 0 0 0-3.446-11.286 1 1 0 0 0-.863 1.805zM18.778 18.778l-2.121-2.121-1.414-1.414-1.415-1.415L13 13l-2-2-3.889-3.889-3.889-3.889a.999.999 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39v-3.131l2.587 2.587-.01.005a1 1 0 0 0 .86 1.806c.215-.102.424-.214.627-.333l2.3 2.3a1.001 1.001 0 0 0 1.414-1.416zM11 5.04a.5.5 0 0 0-.813-.39L8.682 5.854 11 8.172V5.04z"></path>\n</svg>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\n</svg>',screenshot:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 50 50">\n\t<path d="M 19.402344 6 C 17.019531 6 14.96875 7.679688 14.5 10.011719 L 14.097656 12 L 9 12 C 6.238281 12 4 14.238281 4 17 L 4 38 C 4 40.761719 6.238281 43 9 43 L 41 43 C 43.761719 43 46 40.761719 46 38 L 46 17 C 46 14.238281 43.761719 12 41 12 L 35.902344 12 L 35.5 10.011719 C 35.03125 7.679688 32.980469 6 30.597656 6 Z M 25 17 C 30.519531 17 35 21.480469 35 27 C 35 32.519531 30.519531 37 25 37 C 19.480469 37 15 32.519531 15 27 C 15 21.480469 19.480469 17 25 17 Z M 25 19 C 20.589844 19 17 22.589844 17 27 C 17 31.410156 20.589844 35 25 35 C 29.410156 35 33 31.410156 33 27 C 33 22.589844 29.410156 19 25 19 Z "/>\n</svg>\n',setting:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <circle cx="11" cy="11" r="2"></circle>\n    <path d="M19.164 8.861L17.6 8.6a6.978 6.978 0 0 0-1.186-2.099l.574-1.533a1 1 0 0 0-.436-1.217l-1.997-1.153a1.001 1.001 0 0 0-1.272.23l-1.008 1.225a7.04 7.04 0 0 0-2.55.001L8.716 2.829a1 1 0 0 0-1.272-.23L5.447 3.751a1 1 0 0 0-.436 1.217l.574 1.533A6.997 6.997 0 0 0 4.4 8.6l-1.564.261A.999.999 0 0 0 2 9.847v2.306c0 .489.353.906.836.986l1.613.269a7 7 0 0 0 1.228 2.075l-.558 1.487a1 1 0 0 0 .436 1.217l1.997 1.153c.423.244.961.147 1.272-.23l1.04-1.263a7.089 7.089 0 0 0 2.272 0l1.04 1.263a1 1 0 0 0 1.272.23l1.997-1.153a1 1 0 0 0 .436-1.217l-.557-1.487c.521-.61.94-1.31 1.228-2.075l1.613-.269a.999.999 0 0 0 .835-.986V9.847a.999.999 0 0 0-.836-.986zM11 15a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"></path>\n</svg>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},K={},Object.keys(G).forEach(function(t){var e=document.createElement("div");e.innerHTML='<i class="art-icon art-icon-'.concat(t,'">').concat(G[t],"</i>");var n=Z(e.childNodes,1);K[t]=n[0]}),K);function et(t,e){var n=t.template.$progress,i=t.player,r=n.getBoundingClientRect().left,o=Lt(e.x-r,0,n.clientWidth),a=o/n.clientWidth*i.duration;return{second:a,time:Mt(a),width:o,percentage:Lt(o/n.clientWidth,0,1)}}function nt(i){return function(u){var t=u.option,e=t.highlight,n=t.theme,d=u.events.proxy,p=u.player;return Q({},i,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(o){var r=!1,n=o.querySelector(".art-progress-loaded"),i=o.querySelector(".art-progress-played"),a=o.querySelector(".art-progress-highlight"),s=o.querySelector(".art-progress-indicator"),c=o.querySelector(".art-progress-tip");function l(t,e){"loaded"===t&&zt(n,"width","".concat(100*e,"%")),"played"===t&&(zt(i,"width","".concat(100*e,"%")),zt(s,"left","calc(".concat(100*e,"% - ").concat(P(s,"width")/2,"px)")))}e.forEach(function(t){var e=Lt(t.time,0,p.duration)/p.duration*100;x(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),l("loaded",p.loaded),u.on("video:progress",function(){l("loaded",p.loaded)}),u.on("video:timeupdate",function(){l("played",p.played)}),u.on("video:ended",function(){l("played",1)}),d(o,"mousemove",function(t){var e,n,i,r;zt(c,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=t.target.dataset,n=e.text,i=e.time;c.innerHTML=n;var r=Number(i)/u.player.duration*o.clientWidth+t.target.clientWidth/2-c.clientWidth/2;zt(c,"left","".concat(r,"px"))}(t):(e=et(u,t),n=e.width,i=e.time,r=c.clientWidth,c.innerHTML=i,n<=r/2?zt(c,"left",0):n>o.clientWidth-r/2?zt(c,"left","".concat(o.clientWidth-r,"px")):zt(c,"left","".concat(n-r/2,"px")))}),d(o,"mouseout",function(){zt(c,"display","none")}),d(o,"click",function(t){if(t.target!==s){var e=et(u,t),n=e.second;l("played",e.percentage),p.seek(n)}}),d(s,"mousedown",function(){r=!0}),d(document,"mousemove",function(t){if(r){var e=et(u,t),n=e.second,i=e.percentage;s.classList.add("art-show-indicator"),l("played",i),p.seek(n)}}),d(document,"mouseup",function(){r&&(r=!1,s.classList.remove("art-show-indicator"))})}})}}function it(t){return function(m){return Q({},t,{mounted:function(p){var f=m.template.$progress,t=m.events,e=t.proxy,h=t.loadImg,v=!1,y=!1;e(f,"mousemove",function(t){var e,n,i,r,o,a,s,c,l,u,d;v||(v=!0,h(m.option.thumbnails.url).then(function(){y=!0})),y&&(zt(p,"display","block"),e=et(m,t).width,n=m.option.thumbnails,i=n.url,r=n.height,o=n.width,a=n.number,s=n.column,c=f.clientWidth/a,l=Math.ceil(e/c),u=Math.ceil(l/s)-1,d=l%s||s-1,zt(p,"backgroundImage","url(".concat(i,")")),zt(p,"height","".concat(r,"px")),zt(p,"width","".concat(o,"px")),zt(p,"backgroundPosition","-".concat(d*o,"px -").concat(u*r,"px")),e<=o/2?zt(p,"left",0):e>f.clientWidth-o/2?zt(p,"left","".concat(f.clientWidth-o,"px")):zt(p,"left","".concat(e-o/2,"px")))}),e(f,"mouseout",function(){zt(p,"display","none")})}})}}var rt=function(){function n(t){var e=this;_t(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var t,e,n,i,r,a,s,o,c,l,u=this,d=this.art.option;this.add(nt({name:"progress",disable:d.isLive,position:"top",index:10})),this.add(it({name:"thumbnails",disable:!d.thumbnails.url||d.isLive,position:"top",index:20})),this.add((t={name:"playAndPause",disable:!1,position:"left",index:10},function(c){return Q({},t,{mounted:function(t){var e=c.events.proxy,n=c.player,i=c.i18n,r=x(t,tt.play),o=x(t,tt.pause);function a(){zt(r,"display","flex"),zt(o,"display","none")}function s(){zt(r,"display","none"),zt(o,"display","flex")}O(r,i.get("Play")),O(o,i.get("Pause")),e(r,"click",function(){n.play()}),e(o,"click",function(){n.pause()}),n.playing?s():a(),c.on("video:playing",function(){s()}),c.on("video:pause",function(){a()})}})})),this.add((e={name:"volume",disable:!1,position:"left",index:20},function(d){return Q({},e,{mounted:function(t){var e=d.events.proxy,r=d.player,n=d.i18n,i=!1,o=x(t,tt.volume),a=x(t,tt.volumeClose),s=x(t,'<div class="art-volume-panel"></div>'),c=x(s,'<div class="art-volume-slider-handle"></div>');function l(t){var e=s.getBoundingClientRect(),n=e.left,i=e.width,r=c.getBoundingClientRect().width;return Lt(t.x-n-r/2,0,i-r/2)/(i-r)}function u(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(r.muted||0===t)zt(o,"display","none"),zt(a,"display","flex"),zt(c,"left","0");else{var e=P(s,"width")||60,n=P(c,"width"),i=n/2+(e-n)*t-n/2;zt(o,"display","flex"),zt(a,"display","none"),zt(c,"left","".concat(i,"px"))}}O(o,n.get("Mute")),zt(a,"display","none"),u(r.volume),d.on("video:volumechange",function(){u(r.volume)}),e(o,"click",function(){r.muted=!0}),e(a,"click",function(){r.muted=!1}),e(s,"click",function(t){r.muted=!1,r.volume=l(t)}),e(c,"mousedown",function(){i=!0}),e(c,"mousemove",function(t){i&&(r.muted=!1,r.volume=l(t))}),e(document,"mouseup",function(){i&&(i=!1)})}})})),this.add((n={name:"time",disable:d.isLive,position:"left",index:30},function(i){return Q({},n,{mounted:function(e){function n(){var t="".concat(Mt(i.player.currentTime)," / ").concat(Mt(i.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){i.on(t,n)})}})})),this.add((i={name:"quality",disable:0===d.quality.length,position:"right",index:10},function(r){return Q({},i,{mounted:function(t){var o=r.option,e=r.events.proxy,a=r.player,s=-1,n=o.quality.find(function(t){return t.default})||o.quality[0];s=o.quality.indexOf(n);var c=x(t,'<div class="art-quality-name">'.concat(n.name,"</div>")),i=o.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join("");e(x(t,'<div class="art-qualitys">'.concat(i,"</div>")),"click",function(t){var e=Number(t.target.dataset.index),n=o.quality[e],i=n.url,r=n.name;i&&r&&s!==e&&(a.switchQuality(i,r),c.innerHTML=r,s=e)})}})})),this.add((r={name:"screenshot",disable:!d.screenshot,position:"right",index:20},function(o){return Q({},r,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,tt.screenshot);O(r,n.get("Screenshot")),e(r,"click",function(){i.screenshot()})}})})),this.add((a={name:"subtitle",disable:!d.subtitle.url,position:"right",index:30},function(o){return Q({},a,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.subtitle,r=x(t,tt.subtitle);O(r,n.get("Hide subtitle")),e(t,"click",function(){i.toggle()}),o.on("subtitle:show",function(){zt(r,"opacity","1"),O(r,n.get("Hide subtitle"))}),o.on("subtitle:hide",function(){zt(r,"opacity","0.8"),O(r,n.get("Show subtitle"))})}})})),this.add((s={name:"setting",disable:!d.setting,position:"right",index:40},function(o){return Q({},s,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.setting,r=x(t,tt.setting);O(r,n.get("Show setting")),e(t,"click",function(){i.toggle()}),o.on("setting:show",function(){zt(r,"opacity","0.8"),O(r,n.get("Hide setting"))}),o.on("setting:hide",function(){zt(r,"opacity","1"),O(r,n.get("Show setting"))})}})})),this.add((o={name:"pip",disable:!d.pip,position:"right",index:50},function(r){return Q({},o,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.player;O(x(t,tt.pip),n.get("Mini player")),e(t,"click",function(){i.pipEnabled()})}})})),this.add((c={name:"fullscreenWeb",disable:!d.fullscreenWeb,position:"right",index:60},function(o){return Q({},c,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,tt.fullscreenWeb);O(r,n.get("Web fullscreen")),e(t,"click",function(){i.fullscreenWebToggle()}),o.on("fullscreenWeb:enabled",function(){zt(r,"opacity","0.8"),O(r,n.get("Exit web fullscreen"))}),o.on("fullscreenWeb:exit",function(){zt(r,"opacity","1"),O(r,n.get("Web fullscreen"))})}})})),this.add((l={name:"fullscreen",disable:!d.fullscreen,position:"right",index:70},function(o){return Q({},l,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player,r=x(t,tt.fullscreen);O(r,n.get("Fullscreen")),e(t,"click",function(){i.fullscreenToggle()}),o.on("fullscreen:enabled",function(){zt(r,"opacity","0.8"),O(r,n.get("Exit fullscreen"))}),o.on("fullscreen:exit",function(){zt(r,"opacity","1"),O(r,n.get("Fullscreen"))})}})})),d.controls.forEach(function(t){u.add(t)})}},{key:"add",value:function(t,e){var n,i="function"==typeof t?t(this.art):t,r=this.art.template,o=r.$progress,a=r.$controlsLeft,s=r.$controlsRight;switch(i.position){case"top":n=o;break;case"left":n=a;break;case"right":n=s}n&&V(this.art,this,n,i,e,"control")}},{key:"show",value:function(){this.art.template.$player.classList.add("artplayer-controls-show")}},{key:"hide",value:function(){this.art.template.$player.classList.remove("artplayer-controls-show")}}]),n}();var ot=function(){function n(t){var e=this;_t(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var e,r,n,i,o=this,t=this.art,a=t.option,s=t.template,c=s.$player,l=s.$contextmenu,u=t.events.proxy;this.add((e={disable:!a.playbackRate,name:"playbackRate",index:10},function(n){var t=n.i18n,i=n.player;return Q({},e,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(t){var e=t.target.dataset.rate;e&&(i.playbackRate(Number(e)),n.contextmenu.hide())},mounted:function(t){n.on("playbackRateChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e}),"current")})}})})),this.add((r={disable:!a.aspectRatio,name:"aspectRatio",index:20},function(n){var t=n.i18n,i=n.player;return Q({},r,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(t){var e=t.target.dataset.ratio;e&&(i.aspectRatio(e),n.contextmenu.hide())},mounted:function(t){n.on("aspectRatioChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})})),this.add((n={disable:!1,name:"info",index:30},function(t){return Q({},n,{html:t.i18n.get("Video info"),click:function(){t.info.show(),t.contextmenu.hide()}})})),this.add(Q({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 1.0.5</a>'})),this.add((i={disable:!1,name:"close",index:50},function(t){return Q({},i,{html:t.i18n.get("Close"),click:function(){t.contextmenu.hide()}})})),a.contextmenu.forEach(function(t){o.add(t)}),u(c,"contextmenu",function(t){t.preventDefault(),o.show(),o.setPos(t)}),u(c,"click",function(t){t.composedPath().includes(l)||o.hide()})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;V(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,i=e.$contextmenu,r=t.clientX,o=t.clientY,a=n.getBoundingClientRect(),s=a.height,c=a.width,l=a.left,u=a.top,d=i.getBoundingClientRect(),p=d.height,f=d.width,h=r-l,v=o-u;l+c<r+f&&(h=c-f),u+s<o+p&&(v=s-p),zt(i,"left","".concat(h,"px")),zt(i,"top","".concat(v,"px"))}},{key:"hide",value:function(){var t=this.art.template.$contextmenu;zt(t,"display","none"),this.art.emit("contextmenu:hide",t)}},{key:"show",value:function(){var t=this.art.template.$contextmenu;zt(t,"display","block"),this.art.emit("contextmenu:show",t)}}]),n}(),at=function(){function e(t){_t(this,e),this.art=t,this.init()}return r(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.hide()})}},{key:"show",value:function(){var t=this.art.template,e=t.$info,n=t.$infoPanel;zt(e,"display","block"),n.innerHTML||x(n,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show",e)}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">1.0.5</div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video volume:</div>\n            <div class="art-info-content" data-video="volume"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video time:</div>\n            <div class="art-info-content" data-video="currentTime"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video duration:</div>\n            <div class="art-info-content" data-video="duration"></div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video resolution:</div>\n            <div class="art-info-content">\n              <span data-video="videoWidth"></span> x <span data-video="videoHeight"></span>\n            </div>\n          </div>\n        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"hide",value:function(){var t=this.art.template.$info;zt(t,"display","none"),clearTimeout(this.timer),this.art.emit("info:hide",t)}}]),e}(),st=function(){function n(t){_t(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return r(n,[{key:"init",value:function(t){var i=this,e=this.art,r=e.events.proxy,n=e.option.subtitle,o=e.template,a=o.$video,s=o.$subtitle,c=o.$track;if(S(s,n.style||{}),!c){var l=document.createElement("track");l.default=!0,l.kind="metadata",a.appendChild(l),this.art.template.$track=l}this.load(t).then(function(t){if(i.art.template.$track.src=t,i.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var n=Z(a.textTracks,1)[0];r(n,"cuechange",function(){var t=Z(n.activeCues,1)[0];if(s.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),s.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}i.art.emit("subtitle:update",s)})}})}},{key:"load",value:function(e){var n,i=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?C(_(t)):e}).catch(function(t){i.show(t),console.warn(t)})}},{key:"show",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;zt(e,"display","block"),this.state=!0,i.show(n.get("Show subtitle")),this.art.emit("subtitle:show",e)}},{key:"hide",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;zt(e,"display","none"),this.state=!1,i.show(n.get("Hide subtitle")),this.art.emit("subtitle:hide",e)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}();var ct=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});e.ContentRect=function(t){if("getBBox"in t){var e=t.getBBox();return Object.freeze({height:e.height,left:0,top:0,width:e.width})}var n=window.getComputedStyle(t);return Object.freeze({height:parseFloat(n.height||"0"),left:parseFloat(n.paddingLeft||"0"),top:parseFloat(n.paddingTop||"0"),width:parseFloat(n.width||"0")})}});e(ct);ct.ContentRect;var lt=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t){this.target=t,this.$$broadcastWidth=this.$$broadcastHeight=0}return Object.defineProperty(t.prototype,"broadcastWidth",{get:function(){return this.$$broadcastWidth},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"broadcastHeight",{get:function(){return this.$$broadcastHeight},enumerable:!0,configurable:!0}),t.prototype.isActive=function(){var t=ct.ContentRect(this.target);return!!t&&(t.width!==this.broadcastWidth||t.height!==this.broadcastHeight)},t}();e.ResizeObservation=n});e(lt);lt.ResizeObservation;var ut=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(t){this.target=t,this.contentRect=ct.ContentRect(t)};e.ResizeObserverEntry=n});e(ut);ut.ResizeObserverEntry;var dt=n(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=[],i=function(){function t(t){this.$$observationTargets=[],this.$$activeTargets=[],this.$$skippedTargets=[];var e=function(t){if(void 0===t)return"Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.";if("function"!=typeof t)return"Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function."}(t);if(e)throw TypeError(e);this.$$callback=t,n.push(this)}return t.prototype.observe=function(t){var e=r("observe",t);if(e)throw TypeError(e);0<o(this.$$observationTargets,t)||(this.$$observationTargets.push(new lt.ResizeObservation(t)),d())},t.prototype.unobserve=function(t){var e=r("unobserve",t);if(e)throw TypeError(e);var n=o(this.$$observationTargets,t);n<0||(this.$$observationTargets.splice(n,1),f())},t.prototype.disconnect=function(){this.$$observationTargets=[],this.$$activeTargets=[]},t}();function r(t,e){return void 0===e?"Failed to execute '"+t+"' on 'ResizeObserver': 1 argument required, but only 0 present.":e instanceof window.Element?void 0:"Failed to execute '"+t+"' on 'ResizeObserver': parameter 1 is not of type 'Element'."}function o(t,e){for(var n=0;n<t.length;n+=1)if(t[n].target===e)return n;return-1}e.ResizeObserver=i;var a,s=function(i){n.forEach(function(n){n.$$activeTargets=[],n.$$skippedTargets=[],n.$$observationTargets.forEach(function(t){if(t.isActive()){var e=l(t.target);i<e?n.$$activeTargets.push(t):n.$$skippedTargets.push(t)}})})},c=function(){var r=1/0;return n.forEach(function(t){if(t.$$activeTargets.length){var i=[];t.$$activeTargets.forEach(function(t){var e=new ut.ResizeObserverEntry(t.target);i.push(e),t.$$broadcastWidth=e.contentRect.width,t.$$broadcastHeight=e.contentRect.height;var n=l(t.target);n<r&&(r=n)}),t.$$callback(i,t),t.$$activeTargets=[]}}),r},l=function(t){for(var e=0;t.parentNode;)t=t.parentNode,e+=1;return e},u=function(){var t,e=0;for(s(e);n.some(function(t){return!!t.$$activeTargets.length});)e=c(),s(e);n.some(function(t){return!!t.$$skippedTargets.length})&&(t=new window.ErrorEvent("ResizeLoopError",{message:"ResizeObserver loop completed with undelivered notifications."}),window.dispatchEvent(t))},d=function(){a||p()},p=function t(){a=window.requestAnimationFrame(function(){u(),t()})},f=function(){a&&!n.some(function(t){return!!t.$$observationTargets.length})&&(window.cancelAnimationFrame(a),a=void 0)};e.install=function(){return window.ResizeObserver=i}});e(dt);var pt=dt.ResizeObserver;dt.install;var ft=function(){function t(x){var k=this;_t(this,t),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),x.on("firstCanplay",function(){var e,t,n,i,r,o,a,s,c,l,u,d,p,f,h,v,y,m,g,b,w;t=k,n=(e=x).template.$player,t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?e.isFocus=!0:(e.isFocus=!1,e.contextmenu.hide())}),r=k,o=(i=x).template.$player,r.hover(o,function(){o.classList.add("artplayer-hover"),i.emit("hoverenter")},function(){o.classList.remove("artplayer-hover"),i.emit("hoverleave")}),s=k,c=(a=x).template,l=c.$player,u=c.$video,d=a.player,p=E(function(){l.classList.add("artplayer-hide-cursor"),l.classList.remove("artplayer-hover"),a.controls.hide()},5e3),a.on("hoverleave",function(){d.playing&&p()}),s.proxy(l,"mousemove",function(t){p.clearTimeout(),l.classList.remove("artplayer-hide-cursor"),a.controls.show(),!a.player.pipState&&d.playing&&t.target===u&&p()}),h=k,v=(f=x).option,y=f.template.$player,(m=new pt(function(){v.autoSize&&(f.player.fullscreenState||f.player.fullscreenWebState||f.player.pipState?f.player.autoSizeRemove():f.player.autoSize()),f.player.aspectRatioReset(),f.emit("resize",y)})).observe(y),h.destroyEvents.push(function(){m.unobserve(y)}),b=k,w=(g=x).template.$video,b.proxy(w,"dblclick",function(){g.player.fullscreenToggle(),g.emit("dblclick")})})}return r(t,[{key:"proxy",value:function(e,t,n){var i=this,r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(t)?t.forEach(function(t){return i.proxy(e,t,n,r)}):(e.addEventListener(t,n,r),this.destroyEvents.push(function(){e.removeEventListener(t,n,r)}))}},{key:"hover",value:function(t,e,n){this.proxy(t,"mouseenter",e),this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(i){var r=this;return new Promise(function(t,e){var n;if(i instanceof HTMLImageElement)n=i;else{if("string"!=typeof i)return e(i);(n=new Image).src=i}return n.complete?t(n):(r.proxy(n,"load",function(){return t(n)}),r.proxy(n,"error",function(){return e(n)}),i)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),t}(),ht=function(){function n(t){var e=this;_t(this,n),this.art=t,this.art.option.hotkey&&this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var i=this,t=this.art,r=t.player;(0,t.events.proxy)(window,"keydown",function(t){if(i.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n)switch(i.art.emit("hotkey",t),t.keyCode){case 39:t.preventDefault(),r.seek(r.currentTime+10);break;case 37:t.preventDefault(),r.seek(r.currentTime-10);break;case 38:t.preventDefault(),r.volume+=.05;break;case 40:t.preventDefault(),r.volume-=.05;break;case 32:t.preventDefault(),r.toggle()}}})}}]),n}(),vt=function(){function n(t){var e=this;_t(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.option.layers.forEach(function(t){e.add(t)})}return r(n,[{key:"add",value:function(t,e){var n=this.art.template.$layers;V(this.art,this,n,t,e,"layer")}},{key:"show",value:function(){var t=this.art.template.$layers;zt(t,"display","block"),this.art.emit("layers:show",t)}},{key:"hide",value:function(){var t=this.art.template.$layers;zt(t,"display","none"),this.art.emit("layers:hide",t)}}]),n}(),yt=function(){function n(t){_t(this,n);var e=(this.art=t).option;x(t.template.$loading,e.icons.loading||tt.loading)}return r(n,[{key:"hide",value:function(){var t=this.art.template.$loading;zt(t,"display","none"),this.art.emit("loading:hide",t)}},{key:"show",value:function(){var t=this.art.template.$loading;zt(t,"display","flex"),this.art.emit("loading:show",t)}}]),n}(),mt=function(){function e(t){_t(this,e),this.art=t,this.timer=null}return r(e,[{key:"show",value:function(t){var e=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,r=this.art.template,o=r.$notice,a=r.$noticeInner;zt(o,"display","block"),a.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){e.hide()},i)),this.art.emit("notice:show",o)}},{key:"hide",value:function(){var t=this.art.template.$notice;zt(t,"display","none"),this.art.emit("notice:hide",t)}}]),e}(),gt=function(){function n(t){_t(this,n);var e=(this.art=t).option;x(x(t.template.$mask,'<div class="art-playBig"></div>'),e.icons.playBig||tt.playBig)}return r(n,[{key:"show",value:function(){var t=this.art.template.$mask;zt(t,"display","flex"),this.art.emit("mask:show",t)}},{key:"hide",value:function(){var t=this.art.template.$mask;zt(t,"display","none"),this.art.emit("mask:show",t)}}]),n}();var bt=function(){function n(t){var e=this;_t(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&this.art.on("firstCanplay",function(){e.init()})}return r(n,[{key:"init",value:function(){var i,t=this,e=this.art,n=e.template.$settingClose;(0,e.events.proxy)(n,"click",function(){t.hide()}),this.add((i={disable:!1,name:"flip",index:10},function(e){var t=e.i18n,n=e.player;return Q({},i,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-body">\n                    <div class="art-setting-btns">\n                        <div class="art-setting-btn current">\n                            <span data-flip="normal">').concat(t.get("Normal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="horizontal">').concat(t.get("Horizontal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="vertical">').concat(t.get("Vertical"),"</span>\n                        </div>\n                    </div>\n                </div>\n            "),click:function(t){var e=t.target.dataset.flip;e&&n.flip(e)},mounted:function(t){e.on("flipChange",function(e){R(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.flip===e}).parentElement,"current")})}})}))}},{key:"add",value:function(t,e){var n=this.art.template.$settingBody;V(this.art,this,n,t,e,"setting")}},{key:"show",value:function(){var t=this.art.template.$setting;zt(t,"display","flex"),this.state=!0,this.art.emit("setting:show",t)}},{key:"hide",value:function(){var t=this.art.template.$setting;zt(t,"display","none"),this.state=!1,this.art.emit("setting:hide",t)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),wt=function(){function e(t){_t(this,e),this.art=t,this.storageName="artplayer_settings",this.init()}return r(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.storageName))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),h({},t,e));localStorage.setItem(this.storageName,JSON.stringify(n))}}]),e}();function xt(i){var t=i.i18n,r=i.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-body">\n                <input\n                    style="width: 100%;height: 3px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-color: #fff;"\n                    class="art-subtitle-range"\n                    type="range"\n                    min="-5"\n                    max="5"\n                    step="0.5"\n                >\n            </div>\n        '),mounted:function(t){var e=t.querySelector(".art-subtitle-range"),n=t.querySelector(".art-subtitle-value");r(e,"change",function(){var t=e.value;n.innerText=t,i.plugins.subtitle.offset(Number(t))}),i.on("subtitle:switch",function(){e.value=0,n.innerText=0}),i.on("artplayerPluginSubtitle:set",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function kt(i){var r=i.constructor.utils.clamp,t=i.setting,o=i.notice,a=i.template,s=i.i18n;s.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}}),t.add(xt);var c=[];return i.on("subtitle:switch",function(){c=[]}),{name:"subtitle",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=r(t,-5,5);e.forEach(function(t,e){c[e]||(c[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=c[e].startTime+n,t.endTime=c[e].endTime+n}),o.show("".concat(s.get("Subtitle offset time"),": ").concat(t,"s")),i.emit("artplayerPluginSubtitle:set",t)}else o.show("".concat(s.get("No subtitles found"))),i.emit("artplayerPluginSubtitle:set",0)}}}function Et(r){var t=r.constructor.utils,n=t.append,i=t.setStyle,o=t.setStyles,a=t.sleep,s=r.events.proxy,c=r.option,l=r.notice,u=r.i18n,d=r.template,p=r.player;function f(t){if(t){var e=d.$video.canPlayType(t.type);if("maybe"===e||"probably"===e){var n=URL.createObjectURL(t);p.playbackRateRemove(),p.aspectRatioRemove(),d.$video.src=n,a(1e3).then(function(){p.currentTime=0}),c.url=n,r.emit("switch",n),l.show(u.get("Load local video successfully"))}else{var i="".concat(u.get("Playback of this file format is not supported"),": ").concat(t.type);l.show(i,!0,3e3),console.warn(i)}}}return u.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}}),s(d.$player,"dragover",function(t){t.preventDefault(),l.show(u.get("Load local video successfully"))}),s(d.$player,"drop",function(t){t.preventDefault(),f(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');i(t,"position","relative"),o(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){f(e.files[0])})}}}var $t=function(){function n(t){var e=this;_t(this,n),this.art=t,this.id=0,this.add(kt),this.add(Et),t.option.plugins.forEach(function(t){e.add(t)})}return r(n,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art);return this[e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)]=e,this.art.emit("plugin:add",t),this}}]),n}(),St=function t(e){_t(this,t);var n=e.option,i=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=Lt(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),i.controls=!0;var r=n.type||jt(n.url),o=n.customType[r];r&&o?(e.emit("beforeCustomType",r),o(i,n.url,e),e.emit("afterCustomType",r)):(e.emit("beforeAttachUrl",n.url),i.src=n.url,e.emit("afterAttachUrl",i.src))},Pt=0,Tt=function(t){function n(t){var e;return _t(this,n),e=s(this,c(n).call(this)),Ct("function"==typeof window.Promise,"Unsupported 'Promise' method"),e.option=w(n.DEFAULTS,t),f(e.option,A),e.init(),e}return u(n,p),r(n,[{key:"init",value:function(){this.whitelist=new z(this),this.template=new W(this),this.whitelist.state?(this.isFocus=!1,this.storage=new wt(this),this.i18n=new D(this),this.notice=new mt(this),this.events=new ft(this),this.player=new U(this),this.layers=new vt(this),this.controls=new rt(this),this.contextmenu=new ot(this),this.subtitle=new st(this),this.info=new at(this),this.loading=new yt(this),this.hotkey=new ht(this),this.mask=new gt(this),this.setting=new bt(this),this.plugins=new $t(this)):this.mobile=new St(this),Pt+=1,this.id=Pt,n.instances.push(this)}},{key:"destroy",value:function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events&&this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.emit("destroy")}}],[{key:"version",get:function(){return"1.0.5"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return Wt}},{key:"utils",get:function(){return j}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",mimeCodec:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{loading:"",playBig:""},customType:{},lang:navigator.language.toLowerCase()}}}]),n}();Object.defineProperty(Tt,"instances",{value:[]}),window.Artplayer=Tt,t.default=Tt,Object.defineProperty(t,"__esModule",{value:!0})});