diff --git a/demo/index.html b/demo/index.html
index 2575004..977f3ad 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -33,6 +33,7 @@
     <div class="example">
         <button class="btn" onclick="switchDPlayer()">Switch Video</button>
         <button class="btn" onclick="dp2.notice('Notice演示')">Notice</button>
+        <button class="btn" onclick="dp2.destroy()">Destroy</button>
         <div id="dplayer2"></div>
         <script>
             var dp2 = new DPlayer({
diff --git a/dist/DPlayer.min.js b/dist/DPlayer.min.js
index dafde46..c80f8df 100644
--- a/dist/DPlayer.min.js
+++ b/dist/DPlayer.min.js
@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("DPlayer",[],t):"object"==typeof exports?exports.DPlayer=t():e.DPlayer=t()}(this,function(){return function(e){function t(a){if(n[a])return n[a].exports;var i=n[a]={i:a,l:!1,exports:{}};return e[a].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,a){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=1)}([function(e,t,n){"use strict";var a={play:["0 0 16 32","M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z"],pause:["0 0 17 32","M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z"],"volume-up":["0 0 21 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z"],"volume-down":["0 0 21 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z"],"volume-off":["0 0 21 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z"],loop:["0 0 32 32","M1.882 16.941c0 4.152 3.221 7.529 7.177 7.529v1.882c-4.996 0-9.060-4.222-9.060-9.412s4.064-9.412 9.060-9.412h7.96l-3.098-3.098 1.331-1.331 5.372 5.37-5.37 5.372-1.333-1.333 3.1-3.098h-7.962c-3.957 0-7.177 3.377-7.177 7.529zM22.94 7.529v1.882c3.957 0 7.177 3.377 7.177 7.529s-3.221 7.529-7.177 7.529h-7.962l3.098-3.098-1.331-1.331-5.37 5.37 5.372 5.372 1.331-1.331-3.1-3.1h7.96c4.998 0 9.062-4.222 9.062-9.412s-4.064-9.412-9.060-9.412z"],full:["0 0 32 33","M6.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v4h4c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333zM30.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h4v-4c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM30.667 12c-0.8 0-1.333-0.533-1.333-1.333v-4h-4c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM1.333 12c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333h-4v4c0 0.8-0.533 1.333-1.333 1.333z"],"full-in":["0 0 32 33","M24.965 24.38h-18.132c-1.366 0-2.478-1.113-2.478-2.478v-11.806c0-1.364 1.111-2.478 2.478-2.478h18.132c1.366 0 2.478 1.113 2.478 2.478v11.806c0 1.364-1.11 2.478-2.478 2.478zM6.833 10.097v11.806h18.134l-0.002-11.806h-18.132zM2.478 28.928h5.952c0.684 0 1.238-0.554 1.238-1.239 0-0.684-0.554-1.238-1.238-1.238h-5.952v-5.802c0-0.684-0.554-1.239-1.238-1.239s-1.239 0.556-1.239 1.239v5.802c0 1.365 1.111 2.478 2.478 2.478zM30.761 19.412c-0.684 0-1.238 0.554-1.238 1.238v5.801h-5.951c-0.686 0-1.239 0.554-1.239 1.238 0 0.686 0.554 1.239 1.239 1.239h5.951c1.366 0 2.478-1.111 2.478-2.478v-5.801c0-0.683-0.554-1.238-1.239-1.238zM0 5.55v5.802c0 0.683 0.554 1.238 1.238 1.238s1.238-0.555 1.238-1.238v-5.802h5.952c0.684 0 1.238-0.554 1.238-1.238s-0.554-1.238-1.238-1.238h-5.951c-1.366-0.001-2.478 1.111-2.478 2.476zM32 11.35v-5.801c0-1.365-1.11-2.478-2.478-2.478h-5.951c-0.686 0-1.239 0.554-1.239 1.238s0.554 1.238 1.239 1.238h5.951v5.801c0 0.683 0.554 1.237 1.238 1.237 0.686 0.002 1.239-0.553 1.239-1.236z"],setting:["0 0 32 28","M28.633 17.104c0.035 0.21 0.026 0.463-0.026 0.76s-0.14 0.598-0.262 0.904c-0.122 0.306-0.271 0.581-0.445 0.825s-0.367 0.419-0.576 0.524c-0.209 0.105-0.393 0.157-0.55 0.157s-0.332-0.035-0.524-0.105c-0.175-0.052-0.393-0.1-0.655-0.144s-0.528-0.052-0.799-0.026c-0.271 0.026-0.541 0.083-0.812 0.17s-0.502 0.236-0.694 0.445c-0.419 0.437-0.664 0.934-0.734 1.493s0.009 1.092 0.236 1.598c0.175 0.349 0.148 0.699-0.079 1.048-0.105 0.14-0.271 0.284-0.498 0.432s-0.476 0.284-0.747 0.406-0.555 0.218-0.851 0.288c-0.297 0.070-0.559 0.105-0.786 0.105-0.157 0-0.306-0.061-0.445-0.183s-0.236-0.253-0.288-0.393h-0.026c-0.192-0.541-0.52-1.009-0.982-1.402s-1-0.589-1.611-0.589c-0.594 0-1.131 0.197-1.611 0.589s-0.816 0.851-1.009 1.375c-0.087 0.21-0.218 0.362-0.393 0.458s-0.367 0.144-0.576 0.144c-0.244 0-0.52-0.044-0.825-0.131s-0.611-0.197-0.917-0.327c-0.306-0.131-0.581-0.284-0.825-0.458s-0.428-0.349-0.55-0.524c-0.087-0.122-0.135-0.266-0.144-0.432s0.057-0.397 0.197-0.694c0.192-0.402 0.266-0.86 0.223-1.375s-0.266-0.991-0.668-1.428c-0.244-0.262-0.541-0.432-0.891-0.511s-0.681-0.109-0.995-0.092c-0.367 0.017-0.742 0.087-1.127 0.21-0.244 0.070-0.489 0.052-0.734-0.052-0.192-0.070-0.371-0.231-0.537-0.485s-0.314-0.533-0.445-0.838c-0.131-0.306-0.231-0.62-0.301-0.943s-0.087-0.59-0.052-0.799c0.052-0.384 0.227-0.629 0.524-0.734 0.524-0.21 0.995-0.555 1.415-1.035s0.629-1.017 0.629-1.611c0-0.611-0.21-1.144-0.629-1.598s-0.891-0.786-1.415-0.996c-0.157-0.052-0.288-0.179-0.393-0.38s-0.157-0.406-0.157-0.616c0-0.227 0.035-0.48 0.105-0.76s0.162-0.55 0.275-0.812 0.244-0.502 0.393-0.72c0.148-0.218 0.31-0.38 0.485-0.485 0.14-0.087 0.275-0.122 0.406-0.105s0.275 0.052 0.432 0.105c0.524 0.21 1.070 0.275 1.637 0.197s1.070-0.327 1.506-0.747c0.21-0.209 0.362-0.467 0.458-0.773s0.157-0.607 0.183-0.904c0.026-0.297 0.026-0.568 0-0.812s-0.048-0.419-0.065-0.524c-0.035-0.105-0.066-0.227-0.092-0.367s-0.013-0.262 0.039-0.367c0.105-0.244 0.293-0.458 0.563-0.642s0.563-0.336 0.878-0.458c0.314-0.122 0.62-0.214 0.917-0.275s0.533-0.092 0.707-0.092c0.227 0 0.406 0.074 0.537 0.223s0.223 0.301 0.275 0.458c0.192 0.471 0.507 0.886 0.943 1.244s0.952 0.537 1.546 0.537c0.611 0 1.153-0.17 1.624-0.511s0.803-0.773 0.996-1.297c0.070-0.14 0.179-0.284 0.327-0.432s0.301-0.223 0.458-0.223c0.244 0 0.511 0.035 0.799 0.105s0.572 0.166 0.851 0.288c0.279 0.122 0.537 0.279 0.773 0.472s0.423 0.402 0.563 0.629c0.087 0.14 0.113 0.293 0.079 0.458s-0.070 0.284-0.105 0.354c-0.227 0.506-0.297 1.039-0.21 1.598s0.341 1.048 0.76 1.467c0.419 0.419 0.934 0.651 1.546 0.694s1.179-0.057 1.703-0.301c0.14-0.087 0.31-0.122 0.511-0.105s0.371 0.096 0.511 0.236c0.262 0.244 0.493 0.616 0.694 1.113s0.336 1 0.406 1.506c0.035 0.297-0.013 0.528-0.144 0.694s-0.266 0.275-0.406 0.327c-0.542 0.192-1.004 0.528-1.388 1.009s-0.576 1.026-0.576 1.637c0 0.594 0.162 1.113 0.485 1.559s0.747 0.764 1.27 0.956c0.122 0.070 0.227 0.14 0.314 0.21 0.192 0.157 0.323 0.358 0.393 0.602v0zM16.451 19.462c0.786 0 1.528-0.149 2.227-0.445s1.305-0.707 1.821-1.231c0.515-0.524 0.921-1.131 1.218-1.821s0.445-1.428 0.445-2.214c0-0.786-0.148-1.524-0.445-2.214s-0.703-1.292-1.218-1.808c-0.515-0.515-1.122-0.921-1.821-1.218s-1.441-0.445-2.227-0.445c-0.786 0-1.524 0.148-2.214 0.445s-1.292 0.703-1.808 1.218c-0.515 0.515-0.921 1.118-1.218 1.808s-0.445 1.428-0.445 2.214c0 0.786 0.149 1.524 0.445 2.214s0.703 1.297 1.218 1.821c0.515 0.524 1.118 0.934 1.808 1.231s1.428 0.445 2.214 0.445v0z"],right:["0 0 32 32","M22 16l-10.105-10.6-1.895 1.987 8.211 8.613-8.211 8.612 1.895 1.988 8.211-8.613z"],comment:["0 0 32 32","M27.128 0.38h-22.553c-2.336 0-4.229 1.825-4.229 4.076v16.273c0 2.251 1.893 4.076 4.229 4.076h4.229v-2.685h8.403l-8.784 8.072 1.566 1.44 7.429-6.827h9.71c2.335 0 4.229-1.825 4.229-4.076v-16.273c0-2.252-1.894-4.076-4.229-4.076zM28.538 19.403c0 1.5-1.262 2.717-2.819 2.717h-8.36l-0.076-0.070-0.076 0.070h-11.223c-1.557 0-2.819-1.217-2.819-2.717v-13.589c0-1.501 1.262-2.718 2.819-2.718h19.734c1.557 0 2.819-0.141 2.819 1.359v14.947zM9.206 10.557c-1.222 0-2.215 0.911-2.215 2.036s0.992 2.035 2.215 2.035c1.224 0 2.216-0.911 2.216-2.035s-0.992-2.036-2.216-2.036zM22.496 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.224 0 2.215-0.911 2.215-2.035s-0.991-2.036-2.215-2.036zM15.852 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.222 0 2.215-0.911 2.215-2.035s-0.992-2.036-2.215-2.036z"],"comment-off":["0 0 32 32","M27.090 0.131h-22.731c-2.354 0-4.262 1.839-4.262 4.109v16.401c0 2.269 1.908 4.109 4.262 4.109h4.262v-2.706h8.469l-8.853 8.135 1.579 1.451 7.487-6.88h9.787c2.353 0 4.262-1.84 4.262-4.109v-16.401c0-2.27-1.909-4.109-4.262-4.109v0zM28.511 19.304c0 1.512-1.272 2.738-2.841 2.738h-8.425l-0.076-0.070-0.076 0.070h-11.311c-1.569 0-2.841-1.226-2.841-2.738v-13.696c0-1.513 1.272-2.739 2.841-2.739h19.889c1.569 0 2.841-0.142 2.841 1.37v15.064z"],send:["0 0 32 32","M13.725 30l3.9-5.325-3.9-1.125v6.45zM0 17.5l11.050 3.35 13.6-11.55-10.55 12.425 11.8 3.65 6.1-23.375-32 15.5z"],menu:["0 0 22 32","M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z"],camera:["0 0 32 32","M16 23c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zM16 13c-2.206 0-4 1.794-4 4s1.794 4 4 4c2.206 0 4-1.794 4-4s-1.794-4-4-4zM27 28h-22c-1.654 0-3-1.346-3-3v-16c0-1.654 1.346-3 3-3h3c0.552 0 1 0.448 1 1s-0.448 1-1 1h-3c-0.551 0-1 0.449-1 1v16c0 0.552 0.449 1 1 1h22c0.552 0 1-0.448 1-1v-16c0-0.551-0.448-1-1-1h-11c-0.552 0-1-0.448-1-1s0.448-1 1-1h11c1.654 0 3 1.346 3 3v16c0 1.654-1.346 3-3 3zM24 10.5c0 0.828 0.672 1.5 1.5 1.5s1.5-0.672 1.5-1.5c0-0.828-0.672-1.5-1.5-1.5s-1.5 0.672-1.5 1.5zM15 4c0 0.552-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1v0c0-0.552 0.448-1 1-1h4c0.552 0 1 0.448 1 1v0z"]};e.exports=function(e){return'<svg xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" version="1.1" viewBox="'+a[e][0]+'" width="100%"><use xlink:href="#dplayer-'+e+'"></use><path class="dplayer-fill" d="'+a[e][1]+'" id="dplayer-'+e+'"></path></svg>\n'}},function(e,t,n){"use strict";console.log("%c DPlayer 1.5.2 %c http://dplayer.js.org ","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;"),e.exports=n(2)},function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s="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},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}();n(3);var d=n(4),o=a(d),r=n(0),c=a(r),u=n(5),m=a(u),p=n(7),v=a(p),y=n(8),h=a(y),f=0,g=function(){function e(t){var n=this;i(this,e),this.option=(0,m.default)(t),this.option.element.classList.add("dplayer"),this.option.video.quality&&(this.qualityIndex=this.option.video.defaultQuality,this.quality=this.option.video.quality[this.option.video.defaultQuality]),this.tran=new v.default(this.option.lang).tran,this.updateBar=function(e,t,n){t=t>0?t:0,t=t<1?t:1,y[e+"Bar"].style[n]=100*t+"%"};var a=["play","pause","canplay","playing","ended","error"];this.event={};for(var s=0;s<a.length;s++)this.event[a[s]]=[];if(this.trigger=function(e){for(var t=0;t<n.event[e].length;t++)n.event[e][t]()},this.element=this.option.element,this.option.danmaku||this.element.classList.add("dplayer-no-danmaku"),d.isMobile&&this.element.classList.add("dplayer-mobile"),this.element.innerHTML=h.default.main(t,f,this.tran),this.arrow=this.element.offsetWidth<=500,this.arrow){var l=document.createElement("style");l.innerHTML=".dplayer .dplayer-danmaku{font-size:18px}",document.head.appendChild(l)}this.video=this.element.getElementsByClassName("dplayer-video-current")[0],this.initVideo(),this.bezel=this.element.getElementsByClassName("dplayer-bezel-icon")[0],this.bezel.addEventListener("animationend",function(){n.bezel.classList.remove("dplayer-bezel-transition")}),this.playButton=this.element.getElementsByClassName("dplayer-play-icon")[0],this.paused=!0,this.playButton.addEventListener("click",function(){n.toggle()});var r=this.element.getElementsByClassName("dplayer-video-wrap")[0],u=this.element.getElementsByClassName("dplayer-controller-mask")[0];if(d.isMobile){var p=function(){n.element.classList.contains("dplayer-hide-controller")?n.element.classList.remove("dplayer-hide-controller"):n.element.classList.add("dplayer-hide-controller")};r.addEventListener("click",p),u.addEventListener("click",p)}else r.addEventListener("click",function(){n.toggle()}),u.addEventListener("click",function(){n.toggle()});var y={};y.playedBar=this.element.getElementsByClassName("dplayer-played")[0],y.loadedBar=this.element.getElementsByClassName("dplayer-loaded")[0];var g=this.element.getElementsByClassName("dplayer-bar-wrap")[0],k=this.element.getElementsByClassName("dplayer-bar-time")[0],b=void 0,w=0,L=0,E=!1;this.danmakuTime=!1,this.playedTime=!1,window.requestAnimationFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}();var x=function(){n.checkLoading=setInterval(function(){L=n.video.currentTime,!E&&L<w+.01&&!n.video.paused&&(n.element.classList.add("dplayer-loading"),E=!0),E&&L>w+.01&&!n.video.paused&&(n.element.classList.remove("dplayer-loading"),E=!1),w=L},100)},T=function(){clearInterval(n.checkLoading)};this.animationFrame=function(){if(n.playedTime&&(n.updateBar("played",n.video.currentTime/n.video.duration,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=o.default.secondToTime(n.video.currentTime),n.trigger("playing")),n.danmakuTime&&n.option.danmaku&&X&&n.dan){for(var e=n.dan[n.danIndex],t=[];e&&n.video.currentTime>parseFloat(e.time);)t.push(e),e=n.dan[++n.danIndex];n.pushDanmaku(t)}window.requestAnimationFrame(n.animationFrame)},window.requestAnimationFrame(this.animationFrame),this.setTime=function(e){e?(n[e+"Time"]=!0,"played"===e&&x()):(n.danmakuTime=!0,n.playedTime=!0,x())},this.clearTime=function(e){e?(n[e+"Time"]=!1,"played"===e&&T()):(n.danmakuTime=!1,n.playedTime=!1,T())},g.addEventListener("click",function(e){var t=e||window.event;b=g.clientWidth;var a=(t.clientX-o.default.getElementViewLeft(g))/b;a=a>0?a:0,a=a<1?a:1,n.updateBar("played",a,"width"),n.seek(parseFloat(y.playedBar.style.width)/100*n.video.duration)}),this.isTipsShow=!1,this.timeTipsHandler=this.timeTipsHandler(g,k).bind(this),g.addEventListener("mousemove",this.timeTipsHandler),g.addEventListener("mouseover",this.timeTipsHandler),g.addEventListener("mouseenter",this.timeTipsHandler),g.addEventListener("mouseout",this.timeTipsHandler),g.addEventListener("mouseleave",this.timeTipsHandler);var q=function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(g))/b;a=a>0?a:0,a=a<1?a:1,n.updateBar("played",a,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=o.default.secondToTime(a*n.video.duration)},B=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",q),n.seek(parseFloat(y.playedBar.style.width)/100*n.video.duration),n.setTime()};g.addEventListener("mousedown",function(){b=g.clientWidth,n.clearTime(),document.addEventListener("mousemove",q),document.addEventListener("mouseup",B)}),y.volumeBar=this.element.getElementsByClassName("dplayer-volume-bar-inner")[0];var C=this.element.getElementsByClassName("dplayer-volume")[0],M=this.element.getElementsByClassName("dplayer-volume-bar-wrap")[0],z=this.element.getElementsByClassName("dplayer-volume-bar")[0],N=this.element.getElementsByClassName("dplayer-volume-icon")[0];this.switchVolumeIcon=function(){var e=n.element.getElementsByClassName("dplayer-volume-icon")[0];n.video.volume>=.8?e.innerHTML=(0,c.default)("volume-up"):n.video.volume>0?e.innerHTML=(0,c.default)("volume-down"):e.innerHTML=(0,c.default)("volume-off")};var S=function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(z)-5.5)/35;n.volume(a)},D=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",S),C.classList.remove("dplayer-volume-active")};M.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(z)-5.5)/35;n.volume(a)}),M.addEventListener("mousedown",function(){document.addEventListener("mousemove",S),document.addEventListener("mouseup",D),C.classList.add("dplayer-volume-active")}),N.addEventListener("click",function(){n.video.muted?(n.video.muted=!1,n.switchVolumeIcon(),n.updateBar("volume",n.video.volume,"width")):(n.video.muted=!0,N.innerHTML=(0,c.default)("volume-off"),n.updateBar("volume",0,"width"))});var I=0;if(!d.isMobile){var H=function(){n.element.classList.remove("dplayer-hide-controller"),clearTimeout(I),I=setTimeout(function(){n.video.played.length&&(n.element.classList.add("dplayer-hide-controller"),R(),se())},2e3)};this.element.addEventListener("mousemove",H),this.element.addEventListener("click",H)}this.danOpacity=localStorage.getItem("DPlayer-opacity")||.7;var F=h.default.setting(this.tran),P=this.element.getElementsByClassName("dplayer-setting-icon")[0],O=this.element.getElementsByClassName("dplayer-setting-box")[0],V=this.element.getElementsByClassName("dplayer-mask")[0];O.innerHTML=F.original;var R=function(){O.classList.contains("dplayer-setting-box-open")&&(O.classList.remove("dplayer-setting-box-open"),V.classList.remove("dplayer-mask-show"),setTimeout(function(){O.classList.remove("dplayer-setting-box-narrow"),O.innerHTML=F.original,Q()},300))},A=function(){O.classList.add("dplayer-setting-box-open"),V.classList.add("dplayer-mask-show")};V.addEventListener("click",function(){R()}),P.addEventListener("click",function(){A()}),this.loop=this.option.loop;var j=this.element.getElementsByClassName("dplayer-danmaku")[0],X=!0,Q=function(){var e=n.element.getElementsByClassName("dplayer-setting-loop")[0],t=e.getElementsByClassName("dplayer-toggle-setting-input")[0];t.checked=n.loop,e.addEventListener("click",function(){t.checked=!t.checked,t.checked?n.loop=!0:n.loop=!1,R()});var a=n.element.getElementsByClassName("dplayer-setting-showdan")[0],i=a.getElementsByClassName("dplayer-showdan-setting-input")[0];if(i.checked=X,a.addEventListener("click",function(){if(i.checked=!i.checked,i.checked){if(X=!0,n.option.danmaku){for(var e=0;e<n.dan.length;e++){if(n.dan[e].time>=n.video.currentTime){n.danIndex=e;break}n.danIndex=n.dan.length}n.paused||n.setTime("danmaku")}}else X=!1,n.option.danmaku&&(n.clearTime("danmaku"),j.innerHTML="",n.danTunnel={right:{},top:{},bottom:{}});R()}),n.element.getElementsByClassName("dplayer-setting-speed")[0].addEventListener("click",function(){O.classList.add("dplayer-setting-box-narrow"),O.innerHTML=F.speed;for(var e=O.getElementsByClassName("dplayer-setting-speed-item"),t=0;t<e.length;t++)!function(t){e[t].addEventListener("click",function(){n.video.playbackRate=e[t].dataset.speed,R()})}(t)}),n.option.danmaku){y.danmakuBar=n.element.getElementsByClassName("dplayer-danmaku-bar-inner")[0];var s=n.element.getElementsByClassName("dplayer-danmaku-bar-wrap")[0],l=n.element.getElementsByClassName("dplayer-danmaku-bar")[0],d=n.element.getElementsByClassName("dplayer-setting-danmaku")[0];n.updateBar("danmaku",n.danOpacity,"width");var r=function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(l))/130;a=a>0?a:0,a=a<1?a:1,n.updateBar("danmaku",a,"width");for(var i=n.element.getElementsByClassName("dplayer-danmaku-item"),s=0;s<i.length;s++)i[s].style.opacity=a;n.danOpacity=a,localStorage.setItem("DPlayer-opacity",n.danOpacity)},c=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",r),d.classList.remove("dplayer-setting-danmaku-active")};s.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(l))/130;a=a>0?a:0,a=a<1?a:1,n.updateBar("danmaku",a,"width");for(var i=n.element.getElementsByClassName("dplayer-danmaku-item"),s=0;s<i.length;s++)i[s].style.opacity=a;n.danOpacity=a,localStorage.setItem("DPlayer-opacity",n.danOpacity)}),s.addEventListener("mousedown",function(){document.addEventListener("mousemove",r),document.addEventListener("mouseup",c),d.classList.add("dplayer-setting-danmaku-active")})}};Q(),1!==this.video.duration&&(this.element.getElementsByClassName("dplayer-dtime")[0].innerHTML=this.video.duration?o.default.secondToTime(this.video.duration):"00:00"),this.danTunnel={right:{},top:{},bottom:{}};var W=getComputedStyle(this.element.getElementsByClassName("dplayer-danmaku-item")[0],null),_=document.createElement("canvas").getContext("2d");_.font=W.getPropertyValue("font-size")+" "+W.getPropertyValue("font-family"),this.danmakuMeasure=function(e){return _.measureText(e).width},this.option.danmaku?(this.danIndex=0,this.readDanmaku()):this.option.autoplay&&!d.isMobile?this.play():d.isMobile&&this.pause();var Y=this.element.getElementsByClassName("dplayer-comment-input")[0],$=this.element.getElementsByClassName("dplayer-comment-icon")[0],U=this.element.getElementsByClassName("dplayer-comment-box")[0],J=this.element.getElementsByClassName("dplayer-comment-setting-icon")[0],G=this.element.getElementsByClassName("dplayer-comment-setting-box")[0],K=this.element.getElementsByClassName("dplayer-send-icon")[0],Z=function(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2f;")},ee=function(){if(Y.blur(),!Y.value.replace(/^\s+|\s+$/g,""))return void n.notice(n.tran("Please input danmaku content!"));var e={token:n.option.danmaku.token,player:n.option.danmaku.id,author:n.option.danmaku.user,time:n.video.currentTime,text:Y.value,color:n.element.querySelector(".dplayer-comment-setting-color input:checked").value,type:n.element.querySelector(".dplayer-comment-setting-type input:checked").value};n.option.apiBackend.send(n.option.danmaku.api,e),Y.value="",se(),n.dan.splice(n.danIndex,0,e),n.danIndex++;var t={text:Z(e.text),color:e.color,type:e.type,border:"2px solid "+n.option.theme};n.pushDanmaku(t)},te=function(){G.classList.contains("dplayer-comment-setting-open")&&G.classList.remove("dplayer-comment-setting-open")},ne=function(){G.classList.contains("dplayer-comment-setting-open")?G.classList.remove("dplayer-comment-setting-open"):G.classList.add("dplayer-comment-setting-open")},ae=0,ie=0,se=function(){U.classList.contains("dplayer-comment-box-open")&&(U.classList.remove("dplayer-comment-box-open"),V.classList.remove("dplayer-mask-show"),n.element.classList.remove("dplayer-show-controller"),clearInterval(ae),clearTimeout(ie),te())},le=function(){U.classList.contains("dplayer-comment-box-open")||(U.classList.add("dplayer-comment-box-open"),V.classList.add("dplayer-mask-show"),n.element.classList.add("dplayer-show-controller"),ae=setInterval(function(){clearTimeout(I)},1e3),ie=setTimeout(function(){Y.focus()},300))};V.addEventListener("click",function(){se()}),$.addEventListener("click",function(){le()}),J.addEventListener("click",function(){ne()}),this.element.getElementsByClassName("dplayer-comment-setting-color")[0].addEventListener("click",function(){n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked+span')&&(J.getElementsByClassName("dplayer-fill")[0].style.fill=n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked').value)}),Y.addEventListener("click",function(){te()}),Y.addEventListener("keydown",function(e){13===(e||window.event).keyCode&&ee()}),K.addEventListener("click",ee);var de=function(){for(var e=j.offsetWidth,t=n.element.getElementsByClassName("dplayer-danmaku-item"),a=0;a<t.length;a++)t[a].style.transform="translateX(-"+e+"px)"};this.element.addEventListener("fullscreenchange",function(){de()}),this.element.addEventListener("mozfullscreenchange",function(){de()}),this.element.addEventListener("webkitfullscreenchange",function(){de()}),this.element.getElementsByClassName("dplayer-full-icon")[0].addEventListener("click",function(){document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement?document.cancelFullScreen?document.cancelFullScreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen():n.element.requestFullscreen?n.element.requestFullscreen():n.element.mozRequestFullScreen?n.element.mozRequestFullScreen():n.element.webkitRequestFullscreen?n.element.webkitRequestFullscreen():n.video.webkitEnterFullscreen&&n.video.webkitEnterFullscreen(),de()}),this.element.getElementsByClassName("dplayer-full-in-icon")[0].addEventListener("click",function(){n.element.classList.contains("dplayer-fulled")?n.element.classList.remove("dplayer-fulled"):(n.element.classList.add("dplayer-fulled"),de())});var oe=function(e){var t=document.activeElement.tagName.toUpperCase(),a=document.activeElement.getAttribute("contenteditable");if("INPUT"!==t&&"TEXTAREA"!==t&&""!==a&&"true"!==a){var i=e||window.event,s=void 0;switch(i.keyCode){case 32:i.preventDefault(),n.toggle();break;case 37:i.preventDefault(),n.seek(n.video.currentTime-5);break;case 39:i.preventDefault(),n.seek(n.video.currentTime+5);break;case 38:i.preventDefault(),s=n.video.volume+.1,n.volume(s);break;case 40:i.preventDefault(),s=n.video.volume-.1,n.volume(s)}}};this.option.hotkey&&document.addEventListener("keydown",oe),document.addEventListener("keydown",function(e){switch((e||window.event).keyCode){case 27:n.element.classList.contains("dplayer-fulled")&&(n.element.classList.remove("dplayer-fulled"),de())}});var re=this.element.getElementsByClassName("dplayer-menu")[0];if(this.element.addEventListener("contextmenu",function(e){var t=e||window.event;t.preventDefault(),re.classList.add("dplayer-menu-show");var a=n.element.getBoundingClientRect(),i=t.clientX-a.left,s=t.clientY-a.top;i+re.offsetWidth>=a.width?(re.style.right=a.width-i+"px",re.style.left="initial"):(re.style.left=t.clientX-n.element.getBoundingClientRect().left+"px",re.style.right="initial"),s+re.offsetHeight>=a.height?(re.style.bottom=a.height-s+"px",re.style.top="initial"):(re.style.top=t.clientY-n.element.getBoundingClientRect().top+"px",re.style.bottom="initial"),V.classList.add("dplayer-mask-show"),V.addEventListener("click",function(){V.classList.remove("dplayer-mask-show"),re.classList.remove("dplayer-menu-show")})}),this.option.video.quality&&this.element.getElementsByClassName("dplayer-quality-list")[0].addEventListener("click",function(e){e.target.classList.contains("dplayer-quality-item")&&n.switchQuality(e.target.dataset.index)}),this.option.screenshot){var ce=this.element.getElementsByClassName("dplayer-camera-icon")[0];ce.addEventListener("click",function(){var e=document.createElement("canvas");e.width=n.video.videoWidth,e.height=n.video.videoHeight,e.getContext("2d").drawImage(n.video,0,0,e.width,e.height),ce.href=e.toDataURL(),ce.download="DPlayer.png"})}f++}return l(e,[{key:"seek",value:function(e){e=Math.max(e,0),this.video.duration&&(e=Math.min(e,this.video.duration)),this.video.currentTime=e}},{key:"play",value:function(){this.paused=!1,this.video.paused&&(this.bezel.innerHTML=(0,c.default)("play"),this.bezel.classList.add("dplayer-bezel-transition")),this.playButton.innerHTML=(0,c.default)("pause"),this.video.play(),this.setTime(),this.element.classList.add("dplayer-playing"),this.trigger("play")}},{key:"pause",value:function(){this.paused=!0,this.element.classList.remove("dplayer-loading"),this.video.paused||(this.bezel.innerHTML=(0,c.default)("pause"),this.bezel.classList.add("dplayer-bezel-transition")),this.ended=!1,this.playButton.innerHTML=(0,c.default)("play"),this.video.pause(),this.clearTime(),this.element.classList.remove("dplayer-playing"),this.trigger("pause")}},{key:"volume",value:function(e){e=e>0?e:0,e=e<1?e:1,this.updateBar("volume",e,"width"),this.video.volume=e,this.video.muted&&(this.video.muted=!1),this.switchVolumeIcon()}},{key:"toggle",value:function(){this.video.paused?this.play():this.pause()}},{key:"on",value:function(e,t){"function"==typeof t&&this.event[e].push(t)}},{key:"_readAllEndpoints",value:function(e,t){for(var n=this,a=[],i=0,s=0;s<e.length;++s)this.option.apiBackend.read(e[s],function(s){return function(l,d){if(++i,l?(l.response?n.notice(l.response.msg):n.notice("Request was unsuccessful: "+l.status),a[s]=[]):a[s]=d,i===e.length)return t(a)}}(s))}},{key:"readDanmaku",value:function(){var e=this,t=void 0;t=this.option.danmaku.maximum?this.option.danmaku.api+"?id="+this.option.danmaku.id+"&max="+this.option.danmaku.maximum:this.option.danmaku.api+"?id="+this.option.danmaku.id;var n=(this.option.danmaku.addition||[]).slice(0);n.push(t),this._readAllEndpoints(n,function(t){e.danIndex=0,e.dan=[].concat.apply([],t).sort(function(e,t){return e.time-t.time}),e.element.getElementsByClassName("dplayer-danloading")[0].style.display="none",e.option.autoplay&&!d.isMobile?e.play():d.isMobile&&e.pause()})}},{key:"pushDanmaku",value:function(e){var t=this,n=this.element.getElementsByClassName("dplayer-danmaku")[0],a=this.arrow?24:30,i=n.offsetWidth,l=n.offsetHeight,d=parseInt(l/a),o=function(e){var t=e.offsetWidth||parseInt(e.style.width),a=e.getBoundingClientRect().right||n.getBoundingClientRect().right+t;return n.getBoundingClientRect().right-a},r=function(e){return(i+e)/5},c=function(e,n,a){for(var l=i/r(a),c=0;;c++){var u=function(a){var s=t.danTunnel[n][a+""];if(!s||!s.length)return t.danTunnel[n][a+""]=[e],e.addEventListener("animationend",function(){t.danTunnel[n][a+""].splice(0,1)}),{v:a%d};for(var c=0;c<s.length;c++){var u=o(s[c])-10;if(u<=i-l*r(parseInt(s[c].style.width))||u<=0)break;if(c===s.length-1)return t.danTunnel[n][a+""].push(e),e.addEventListener("animationend",function(){t.danTunnel[n][a+""].splice(0,1)}),{v:a%d}}}(c);if("object"===(void 0===u?"undefined":s(u)))return u.v}};"[object Array]"!==Object.prototype.toString.call(e)&&(e=[e]);for(var u=document.createDocumentFragment(),m=0;m<e.length;m++)!function(s){e[s].type||(e[s].type="right"),e[s].color||(e[s].color="#fff");var l=document.createElement("div");l.classList.add("dplayer-danmaku-item"),l.classList.add("dplayer-danmaku-"+e[s].type),l.innerHTML=e[s].text,l.style.opacity=t.danOpacity,l.style.color=e[s].color,l.style.border=e[s].border,l.addEventListener("animationend",function(){n.removeChild(l)});var d=t.danmakuMeasure(e[s].text);switch(e[s].type){case"right":l.style.width=d+1+"px",l.style.top=a*c(l,e[s].type,d)+"px",l.style.transform="translateX(-"+i+"px)";break;case"top":l.style.top=a*c(l,e[s].type)+"px";break;case"bottom":l.style.bottom=a*c(l,e[s].type)+"px";break;default:console.error("Can't handled danmaku type: "+e[s].type)}l.classList.add("dplayer-danmaku-move"),u.appendChild(l)}(m);return n.appendChild(u),u}},{key:"switchVideo",value:function(e,t){this.video.poster=e.pic?e.pic:"",this.video.src=e.url,this.pause(),t&&(this.dan=[],this.danIndex=0,this.element.getElementsByClassName("dplayer-danloading")[0].style.display="block",this.updateBar("played",0,"width"),this.updateBar("loaded",0,"width"),this.element.getElementsByClassName("dplayer-ptime")[0].innerHTML="00:00",this.element.getElementsByClassName("dplayer-danmaku")[0].innerHTML="",this.danTuel={right:{},top:{},bottom:{}},this.option.danmaku=t,this.readDanmaku())}},{key:"initVideo",value:function(){var e=this;if(("auto"===this.option.video.type?/m3u8(#|\?|$)/i.exec(this.video.src):"hls"===this.option.video.type)&&Hls.isSupported()){var t=new Hls;t.loadSource(this.video.src),t.attachMedia(this.video)}if(("auto"===this.option.video.type?/.flv(#|\?|$)/i.exec(this.video.src):"flv"===this.option.video.type)&&flvjs.isSupported()){var n=flvjs.createPlayer({type:"flv",url:this.option.video.url});n.attachMediaElement(this.video),n.load()}this.option.danmaku&&this.video.addEventListener("seeking",function(){for(var t=0;t<e.dan.length;t++){if(e.dan[t].time>=e.video.currentTime)return void(e.danIndex=t);e.danIndex=e.dan.length}}),this.video.addEventListener("durationchange",function(){1!==e.video.duration&&(e.element.getElementsByClassName("dplayer-dtime")[0].innerHTML=o.default.secondToTime(e.video.duration))}),this.video.addEventListener("progress",function(){var t=e.video.buffered.length?e.video.buffered.end(e.video.buffered.length-1)/e.video.duration:0;e.updateBar("loaded",t,"width")}),this.video.addEventListener("error",function(){e.notice(e.tran("This video fails to load"),-1),e.trigger("pause")}),this.video.addEventListener("canplay",function(){e.trigger("canplay")}),this.ended=!1,this.video.addEventListener("ended",function(){e.updateBar("played",1,"width"),e.loop?(e.seek(0),e.video.play()):(e.ended=!0,e.pause(),e.trigger("ended")),e.danIndex=0}),this.video.addEventListener("play",function(){e.paused&&e.play()}),this.video.addEventListener("pause",function(){e.paused||e.pause()}),this.video.volume=parseInt(this.element.getElementsByClassName("dplayer-volume-bar-inner")[0].style.width)/100}},{key:"switchQuality",value:function(e){var t=this;if(this.qualityIndex!==e&&!this.switchingQuality){this.qualityIndex=e,this.switchingQuality=!0,this.quality=this.option.video.quality[e],this.element.getElementsByClassName("dplayer-quality-icon")[0].innerHTML=this.quality.name;var n=this.video.paused;this.video.pause();var a=h.default.video(!1,null,this.option.screenshot,"auto",this.quality.url),i=(new DOMParser).parseFromString(a,"text/html").body.firstChild,s=this.element.getElementsByClassName("dplayer-video-wrap")[0];s.insertBefore(i,s.getElementsByTagName("div")[0]),this.prevVideo=this.video,this.video=i,this.initVideo(),this.seek(this.prevVideo.currentTime),this.notice(this.tran("Switching to")+" "+this.quality.name+" "+this.tran("quality"),-1),this.video.addEventListener("canplay",function(){if(t.prevVideo){if(t.video.currentTime!==t.prevVideo.currentTime)return void t.seek(t.prevVideo.currentTime);s.removeChild(t.prevVideo),t.video.classList.add("dplayer-video-current"),n||t.video.play(),t.prevVideo=null,t.notice(t.tran("Switched to")+" "+t.quality.name+" "+t.tran("quality")),t.switchingQuality=!1}})}}},{key:"timeTipsHandler",value:function(e,t){var n=this,a=function(e){var t=0,n=0;do{t+=e.offsetTop||0,n+=e.offsetLeft||0,e=e.offsetParent}while(e);return{top:t,left:n}};return function(i){if(n.video.duration){var s=i.clientX,l=a(e).left,d=s-l;switch(t.innerText=o.default.secondToTime(n.video.duration*(d/e.offsetWidth)),t.style.left=d-20+"px",i.type){case"mouseenter":case"mouseover":case"mousemove":if(n.isTipsShow)return;t.classList.remove("hidden"),n.isTipsShow=!0;break;case"mouseleave":case"mouseout":if(!n.isTipsShow)return;t.classList.add("hidden"),n.isTipsShow=!1}}}}},{key:"notice",value:function(e,t){var n=this.element.getElementsByClassName("dplayer-notice")[0];n.innerHTML=e,n.style.opacity=1,this.noticeTime&&clearTimeout(this.noticeTime),t&&t<0||(this.noticeTime=setTimeout(function(){n.style.opacity=0},t||2e3))}}]),e}();e.exports=g},function(e,t){},function(e,t,n){"use strict";e.exports={secondToTime:function(e){var t=function(e){return e<10?"0"+e:""+e},n=parseInt(e/60),a=parseInt(e-60*n);return t(n)+":"+t(a)},getElementViewLeft:function(e){var t=e.offsetLeft,n=e.offsetParent,a=document.body.scrollLeft+document.documentElement.scrollLeft;if(document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement)for(;null!==n&&n!==e;)t+=n.offsetLeft,n=n.offsetParent;else for(;null!==n;)t+=n.offsetLeft,n=n.offsetParent;return t-a},isMobile:/mobile/i.test(window.navigator.userAgent)}},function(e,t,n){"use strict";var a=n(6);e.exports=function(e){/mobile/i.test(window.navigator.userAgent)&&(e.autoplay=!1);var t={element:document.getElementsByClassName("dplayer")[0],autoplay:!1,theme:"#b7daff",loop:!1,lang:-1!==navigator.language.indexOf("zh")?"zh":"en",screenshot:!1,hotkey:!0,preload:"auto",apiBackend:a,contextmenu:[{text:"\u5173\u4e8e\u4f5c\u8005",link:"http://diygod.me"},{text:"\u64ad\u653e\u5668\u610f\u89c1\u53cd\u9988",link:"https://github.com/DIYgod/DPlayer/issues"},{text:"\u5173\u4e8e DPlayer \u64ad\u653e\u5668",link:"https://github.com/DIYgod/DPlayer"}]};for(var n in t)t.hasOwnProperty(n)&&!e.hasOwnProperty(n)&&(e[n]=t[n]);return"[object Array]"!==Object.prototype.toString.call(e.video.url)&&(e.video.url=[e.video.url]),e.video&&!e.video.hasOwnProperty("type")&&(e.video.type="auto"),e.danmaku&&!e.danmaku.hasOwnProperty("user")&&(e.danmaku.user="DIYgod"),e.video.quality&&(e.video.url=[e.video.quality[e.video.defaultQuality].url]),e}},function(e,t,n){"use strict";var a=function(e,t,n,a,i){var s=new XMLHttpRequest;s.onreadystatechange=function(){if(4===s.readyState){if(s.status>=200&&s.status<300||304===s.status){var e=JSON.parse(s.responseText);return 1!==e.code?a(s,e):n(s,e)}i(s)}},s.open(null!==t?"POST":"GET",e,!0),s.send(null!==t?JSON.stringify(t):null)};e.exports={send:function(e,t){a(e,t,function(e,t){console.log("Post danmaku: ",t)},function(e,t){alert(t.msg)},function(e){console.log("Request was unsuccessful: "+e.status)})},read:function(e,t){a(e,null,function(e,n){t(null,n.danmaku)},function(e,n){t({status:e.status,response:n})},function(e){t({status:e.status,response:null})})}}},function(e,t,n){"use strict";var a={"Danmaku is loading":"\u5f39\u5e55\u52a0\u8f7d\u4e2d",Top:"\u9876\u90e8",Bottom:"\u5e95\u90e8",Rolling:"\u6eda\u52a8","Input danmaku, hit Enter":"\u8f93\u5165\u5f39\u5e55\uff0c\u56de\u8f66\u53d1\u9001","About author":"\u5173\u4e8e\u4f5c\u8005","DPlayer feedback":"\u64ad\u653e\u5668\u610f\u89c1\u53cd\u9988","About DPlayer":"\u5173\u4e8e DPlayer \u64ad\u653e\u5668",Loop:"\u6d17\u8111\u5faa\u73af",Speed:"\u901f\u5ea6","Opacity for danmaku":"\u5f39\u5e55\u900f\u660e\u5ea6",Normal:"\u6b63\u5e38","Please input danmaku content!":"\u8981\u8f93\u5165\u5f39\u5e55\u5185\u5bb9\u554a\u5582\uff01","Set danmaku color":"\u8bbe\u7f6e\u5f39\u5e55\u989c\u8272","Set danmaku type":"\u8bbe\u7f6e\u5f39\u5e55\u7c7b\u578b",Danmaku:"\u5f39\u5e55","This video fails to load":"\u89c6\u9891\u52a0\u8f7d\u5931\u8d25","Switching to":"\u6b63\u5728\u5207\u6362\u81f3","Switched to":"\u5df2\u7ecf\u5207\u6362\u81f3",quality:"\u753b\u8d28"};e.exports=function(e){var t=this;this.lang=e,this.tran=function(e){return"en"===t.lang?e:"zh"===t.lang?a[e]:void 0}}},function(e,t,n){"use strict";var a=n(0),i={main:function(e,t,n){for(var s="",l=0;l<e.video.url.length;l++)s+=i.video(0===l,e.video.pic,e.screenshot,e.video.url.length?"metadata":e.preload,e.video.url[l]);return'<div class="dplayer-mask"></div><div class="dplayer-video-wrap">'+s+(e.logo?'<div class="dplayer-logo"><img src="'+e.logo+'"></div>':"")+'<div class="dplayer-danmaku"><div class="dplayer-danmaku-item dplayer-danmaku-item--demo"></div></div><div class="dplayer-bezel"><span class="dplayer-bezel-icon"></span>'+(e.danmaku?'<span class="dplayer-danloading">'+n("Danmaku is loading")+"</span>":"")+'<span class="diplayer-loading-icon"><svg height="100%" version="1.1" viewBox="0 0 22 22" width="100%"><svg x="7" y="1"><circle class="diplayer-loading-dot diplayer-loading-dot-0" cx="4" cy="4" r="2"></circle></svg><svg x="11" y="3"><circle class="diplayer-loading-dot diplayer-loading-dot-1" cx="4" cy="4" r="2"></circle></svg><svg x="13" y="7"><circle class="diplayer-loading-dot diplayer-loading-dot-2" cx="4" cy="4" r="2"></circle></svg><svg x="11" y="11"><circle class="diplayer-loading-dot diplayer-loading-dot-3" cx="4" cy="4" r="2"></circle></svg><svg x="7" y="13"><circle class="diplayer-loading-dot diplayer-loading-dot-4" cx="4" cy="4" r="2"></circle></svg><svg x="3" y="11"><circle class="diplayer-loading-dot diplayer-loading-dot-5" cx="4" cy="4" r="2"></circle></svg><svg x="1" y="7"><circle class="diplayer-loading-dot diplayer-loading-dot-6" cx="4" cy="4" r="2"></circle></svg><svg x="3" y="3"><circle class="diplayer-loading-dot diplayer-loading-dot-7" cx="4" cy="4" r="2"></circle></svg></svg></span></div></div><div class="dplayer-controller-mask"></div><div class="dplayer-controller"><div class="dplayer-icons dplayer-icons-left"><button class="dplayer-icon dplayer-play-icon">'+a("play")+'</button><div class="dplayer-volume"><button class="dplayer-icon dplayer-volume-icon">'+a("volume-down")+'</button><div class="dplayer-volume-bar-wrap"><div class="dplayer-volume-bar"><div class="dplayer-volume-bar-inner" style="width: 70%; background: '+e.theme+';"><span class="dplayer-thumb" style="background: '+e.theme+'"></span></div></div></div></div><span class="dplayer-time"><span class="dplayer-ptime">0:00</span> / <span class="dplayer-dtime">0:00</span></span></div><div class="dplayer-icons dplayer-icons-right">'+(e.video.quality?'<div class="dplayer-quality"><button class="dplayer-icon dplayer-quality-icon">'+e.video.quality[e.video.defaultQuality].name+'</button><div class="dplayer-quality-mask">'+i.qualityList(e.video.quality)+"</div></div>":"")+(e.screenshot?'<a href="#" class="dplayer-icon dplayer-camera-icon">'+a("camera")+"</a>":"")+'<div class="dplayer-comment"><button class="dplayer-icon dplayer-comment-icon">'+a("comment")+'</button><div class="dplayer-comment-box"><button class="dplayer-icon dplayer-comment-setting-icon">'+a("menu")+'</button><div class="dplayer-comment-setting-box"><div class="dplayer-comment-setting-color"><div class="dplayer-comment-setting-title">'+n("Set danmaku color")+'</div><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#fff" checked><span style="background: #fff; border: 1px solid rgba(0,0,0,.1);"></span></label><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#e54256"><span style="background: #e54256"></span></label><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#ffe133"><span style="background: #ffe133"></span></label><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#64DD17"><span style="background: #64DD17"></span></label><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#39ccff"><span style="background: #39ccff"></span></label><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#D500F9"><span style="background: #D500F9"></span></label></div><div class="dplayer-comment-setting-type"><div class="dplayer-comment-setting-title">'+n("Set danmaku type")+'</div><label><input type="radio" name="dplayer-danmaku-type-'+t+'" value="top"><span>'+n("Top")+'</span></label><label><input type="radio" name="dplayer-danmaku-type-'+t+'" value="right" checked><span>'+n("Rolling")+'</span></label><label><input type="radio" name="dplayer-danmaku-type-'+t+'" value="bottom"><span>'+n("Bottom")+'</span></label></div></div><input class="dplayer-comment-input" type="text" placeholder="'+n("Input danmaku, hit Enter")+'" maxlength="30"><button class="dplayer-icon dplayer-send-icon">'+a("send")+'</button></div></div><div class="dplayer-setting"><button class="dplayer-icon dplayer-setting-icon">'+a("setting")+'</button><div class="dplayer-setting-box"></div></div><div class="dplayer-full"><button class="dplayer-icon dplayer-full-in-icon">'+a("full-in")+'</button><button class="dplayer-icon dplayer-full-icon">'+a("full")+'</button></div></div><div class="dplayer-bar-wrap"><div class="dplayer-bar-time hidden">00:00</div><div class="dplayer-bar"><div class="dplayer-loaded" style="width: 0;"></div><div class="dplayer-played" style="width: 0; background: '+e.theme+'"><span class="dplayer-thumb" style="background: '+e.theme+'"></span></div></div></div></div>'+i.contextmenuList(e.contextmenu)+'<div class="dplayer-notice"></div>'},contextmenuList:function(e){for(var t='<div class="dplayer-menu">',n=0;n<e.length;n++)t+='<div class="dplayer-menu-item"><span class="dplayer-menu-label"><a target="_blank" href="'+e[n].link+'">'+e[n].text+"</a></span></div>";return t+="</div>"},qualityList:function(e){for(var t='<div class="dplayer-quality-list">',n=0;n<e.length;n++)t+='<div class="dplayer-quality-item" data-index="'+n+'">'+e[n].name+"</div>";return t+="</div>"},video:function(e,t,n,a,i){return'<video class="dplayer-video '+(e?'dplayer-video-current"':"")+'" '+(t?'poster="'+t+'"':"")+" webkit-playsinline playsinline "+(n?'crossorigin="anonymous"':"")+" "+(a?'preload="'+a+'"':"")+' src="'+i+'"></video>'},setting:function(e){return{original:'<div class="dplayer-setting-item dplayer-setting-speed"><span class="dplayer-label">'+e("Speed")+'</span><div class="dplayer-toggle">'+a("right")+'</div></div><div class="dplayer-setting-item dplayer-setting-loop"><span class="dplayer-label">'+e("Loop")+'</span><div class="dplayer-toggle"><input class="dplayer-toggle-setting-input" type="checkbox" name="dplayer-toggle"><label for="dplayer-toggle"></label></div></div><div class="dplayer-setting-item dplayer-setting-showdan"><span class="dplayer-label">'+e("Danmaku")+'</span><div class="dplayer-toggle"><input class="dplayer-showdan-setting-input" type="checkbox" name="dplayer-toggle-dan"><label for="dplayer-toggle-dan"></label></div></div><div class="dplayer-setting-item dplayer-setting-danmaku"><span class="dplayer-label">'+e("Opacity for danmaku")+'</span><div class="dplayer-danmaku-bar-wrap"><div class="dplayer-danmaku-bar"><div class="dplayer-danmaku-bar-inner" style="width: '+100*(localStorage.getItem("DPlayer-opacity")||.7)+'%"><span class="dplayer-thumb"></span></div></div></div></div>',speed:'<div class="dplayer-setting-speed-item" data-speed="0.5"><span class="dplayer-label">0.5</span></div><div class="dplayer-setting-speed-item" data-speed="0.75"><span class="dplayer-label">0.75</span></div><div class="dplayer-setting-speed-item" data-speed="1"><span class="dplayer-label">'+e("Normal")+'</span></div><div class="dplayer-setting-speed-item" data-speed="1.25"><span class="dplayer-label">1.25</span></div><div class="dplayer-setting-speed-item" data-speed="1.5"><span class="dplayer-label">1.5</span></div><div class="dplayer-setting-speed-item" data-speed="2"><span class="dplayer-label">2</span></div>'}}};e.exports=i}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("DPlayer",[],t):"object"==typeof exports?exports.DPlayer=t():e.DPlayer=t()}(this,function(){return function(e){function t(a){if(n[a])return n[a].exports;var i=n[a]={i:a,l:!1,exports:{}};return e[a].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,a){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=1)}([function(e,t,n){"use strict";var a={play:["0 0 16 32","M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z"],pause:["0 0 17 32","M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z"],"volume-up":["0 0 21 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z"],"volume-down":["0 0 21 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z"],"volume-off":["0 0 21 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z"],loop:["0 0 32 32","M1.882 16.941c0 4.152 3.221 7.529 7.177 7.529v1.882c-4.996 0-9.060-4.222-9.060-9.412s4.064-9.412 9.060-9.412h7.96l-3.098-3.098 1.331-1.331 5.372 5.37-5.37 5.372-1.333-1.333 3.1-3.098h-7.962c-3.957 0-7.177 3.377-7.177 7.529zM22.94 7.529v1.882c3.957 0 7.177 3.377 7.177 7.529s-3.221 7.529-7.177 7.529h-7.962l3.098-3.098-1.331-1.331-5.37 5.37 5.372 5.372 1.331-1.331-3.1-3.1h7.96c4.998 0 9.062-4.222 9.062-9.412s-4.064-9.412-9.060-9.412z"],full:["0 0 32 33","M6.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v4h4c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333zM30.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h4v-4c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM30.667 12c-0.8 0-1.333-0.533-1.333-1.333v-4h-4c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM1.333 12c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333h-4v4c0 0.8-0.533 1.333-1.333 1.333z"],"full-in":["0 0 32 33","M24.965 24.38h-18.132c-1.366 0-2.478-1.113-2.478-2.478v-11.806c0-1.364 1.111-2.478 2.478-2.478h18.132c1.366 0 2.478 1.113 2.478 2.478v11.806c0 1.364-1.11 2.478-2.478 2.478zM6.833 10.097v11.806h18.134l-0.002-11.806h-18.132zM2.478 28.928h5.952c0.684 0 1.238-0.554 1.238-1.239 0-0.684-0.554-1.238-1.238-1.238h-5.952v-5.802c0-0.684-0.554-1.239-1.238-1.239s-1.239 0.556-1.239 1.239v5.802c0 1.365 1.111 2.478 2.478 2.478zM30.761 19.412c-0.684 0-1.238 0.554-1.238 1.238v5.801h-5.951c-0.686 0-1.239 0.554-1.239 1.238 0 0.686 0.554 1.239 1.239 1.239h5.951c1.366 0 2.478-1.111 2.478-2.478v-5.801c0-0.683-0.554-1.238-1.239-1.238zM0 5.55v5.802c0 0.683 0.554 1.238 1.238 1.238s1.238-0.555 1.238-1.238v-5.802h5.952c0.684 0 1.238-0.554 1.238-1.238s-0.554-1.238-1.238-1.238h-5.951c-1.366-0.001-2.478 1.111-2.478 2.476zM32 11.35v-5.801c0-1.365-1.11-2.478-2.478-2.478h-5.951c-0.686 0-1.239 0.554-1.239 1.238s0.554 1.238 1.239 1.238h5.951v5.801c0 0.683 0.554 1.237 1.238 1.237 0.686 0.002 1.239-0.553 1.239-1.236z"],setting:["0 0 32 28","M28.633 17.104c0.035 0.21 0.026 0.463-0.026 0.76s-0.14 0.598-0.262 0.904c-0.122 0.306-0.271 0.581-0.445 0.825s-0.367 0.419-0.576 0.524c-0.209 0.105-0.393 0.157-0.55 0.157s-0.332-0.035-0.524-0.105c-0.175-0.052-0.393-0.1-0.655-0.144s-0.528-0.052-0.799-0.026c-0.271 0.026-0.541 0.083-0.812 0.17s-0.502 0.236-0.694 0.445c-0.419 0.437-0.664 0.934-0.734 1.493s0.009 1.092 0.236 1.598c0.175 0.349 0.148 0.699-0.079 1.048-0.105 0.14-0.271 0.284-0.498 0.432s-0.476 0.284-0.747 0.406-0.555 0.218-0.851 0.288c-0.297 0.070-0.559 0.105-0.786 0.105-0.157 0-0.306-0.061-0.445-0.183s-0.236-0.253-0.288-0.393h-0.026c-0.192-0.541-0.52-1.009-0.982-1.402s-1-0.589-1.611-0.589c-0.594 0-1.131 0.197-1.611 0.589s-0.816 0.851-1.009 1.375c-0.087 0.21-0.218 0.362-0.393 0.458s-0.367 0.144-0.576 0.144c-0.244 0-0.52-0.044-0.825-0.131s-0.611-0.197-0.917-0.327c-0.306-0.131-0.581-0.284-0.825-0.458s-0.428-0.349-0.55-0.524c-0.087-0.122-0.135-0.266-0.144-0.432s0.057-0.397 0.197-0.694c0.192-0.402 0.266-0.86 0.223-1.375s-0.266-0.991-0.668-1.428c-0.244-0.262-0.541-0.432-0.891-0.511s-0.681-0.109-0.995-0.092c-0.367 0.017-0.742 0.087-1.127 0.21-0.244 0.070-0.489 0.052-0.734-0.052-0.192-0.070-0.371-0.231-0.537-0.485s-0.314-0.533-0.445-0.838c-0.131-0.306-0.231-0.62-0.301-0.943s-0.087-0.59-0.052-0.799c0.052-0.384 0.227-0.629 0.524-0.734 0.524-0.21 0.995-0.555 1.415-1.035s0.629-1.017 0.629-1.611c0-0.611-0.21-1.144-0.629-1.598s-0.891-0.786-1.415-0.996c-0.157-0.052-0.288-0.179-0.393-0.38s-0.157-0.406-0.157-0.616c0-0.227 0.035-0.48 0.105-0.76s0.162-0.55 0.275-0.812 0.244-0.502 0.393-0.72c0.148-0.218 0.31-0.38 0.485-0.485 0.14-0.087 0.275-0.122 0.406-0.105s0.275 0.052 0.432 0.105c0.524 0.21 1.070 0.275 1.637 0.197s1.070-0.327 1.506-0.747c0.21-0.209 0.362-0.467 0.458-0.773s0.157-0.607 0.183-0.904c0.026-0.297 0.026-0.568 0-0.812s-0.048-0.419-0.065-0.524c-0.035-0.105-0.066-0.227-0.092-0.367s-0.013-0.262 0.039-0.367c0.105-0.244 0.293-0.458 0.563-0.642s0.563-0.336 0.878-0.458c0.314-0.122 0.62-0.214 0.917-0.275s0.533-0.092 0.707-0.092c0.227 0 0.406 0.074 0.537 0.223s0.223 0.301 0.275 0.458c0.192 0.471 0.507 0.886 0.943 1.244s0.952 0.537 1.546 0.537c0.611 0 1.153-0.17 1.624-0.511s0.803-0.773 0.996-1.297c0.070-0.14 0.179-0.284 0.327-0.432s0.301-0.223 0.458-0.223c0.244 0 0.511 0.035 0.799 0.105s0.572 0.166 0.851 0.288c0.279 0.122 0.537 0.279 0.773 0.472s0.423 0.402 0.563 0.629c0.087 0.14 0.113 0.293 0.079 0.458s-0.070 0.284-0.105 0.354c-0.227 0.506-0.297 1.039-0.21 1.598s0.341 1.048 0.76 1.467c0.419 0.419 0.934 0.651 1.546 0.694s1.179-0.057 1.703-0.301c0.14-0.087 0.31-0.122 0.511-0.105s0.371 0.096 0.511 0.236c0.262 0.244 0.493 0.616 0.694 1.113s0.336 1 0.406 1.506c0.035 0.297-0.013 0.528-0.144 0.694s-0.266 0.275-0.406 0.327c-0.542 0.192-1.004 0.528-1.388 1.009s-0.576 1.026-0.576 1.637c0 0.594 0.162 1.113 0.485 1.559s0.747 0.764 1.27 0.956c0.122 0.070 0.227 0.14 0.314 0.21 0.192 0.157 0.323 0.358 0.393 0.602v0zM16.451 19.462c0.786 0 1.528-0.149 2.227-0.445s1.305-0.707 1.821-1.231c0.515-0.524 0.921-1.131 1.218-1.821s0.445-1.428 0.445-2.214c0-0.786-0.148-1.524-0.445-2.214s-0.703-1.292-1.218-1.808c-0.515-0.515-1.122-0.921-1.821-1.218s-1.441-0.445-2.227-0.445c-0.786 0-1.524 0.148-2.214 0.445s-1.292 0.703-1.808 1.218c-0.515 0.515-0.921 1.118-1.218 1.808s-0.445 1.428-0.445 2.214c0 0.786 0.149 1.524 0.445 2.214s0.703 1.297 1.218 1.821c0.515 0.524 1.118 0.934 1.808 1.231s1.428 0.445 2.214 0.445v0z"],right:["0 0 32 32","M22 16l-10.105-10.6-1.895 1.987 8.211 8.613-8.211 8.612 1.895 1.988 8.211-8.613z"],comment:["0 0 32 32","M27.128 0.38h-22.553c-2.336 0-4.229 1.825-4.229 4.076v16.273c0 2.251 1.893 4.076 4.229 4.076h4.229v-2.685h8.403l-8.784 8.072 1.566 1.44 7.429-6.827h9.71c2.335 0 4.229-1.825 4.229-4.076v-16.273c0-2.252-1.894-4.076-4.229-4.076zM28.538 19.403c0 1.5-1.262 2.717-2.819 2.717h-8.36l-0.076-0.070-0.076 0.070h-11.223c-1.557 0-2.819-1.217-2.819-2.717v-13.589c0-1.501 1.262-2.718 2.819-2.718h19.734c1.557 0 2.819-0.141 2.819 1.359v14.947zM9.206 10.557c-1.222 0-2.215 0.911-2.215 2.036s0.992 2.035 2.215 2.035c1.224 0 2.216-0.911 2.216-2.035s-0.992-2.036-2.216-2.036zM22.496 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.224 0 2.215-0.911 2.215-2.035s-0.991-2.036-2.215-2.036zM15.852 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.222 0 2.215-0.911 2.215-2.035s-0.992-2.036-2.215-2.036z"],"comment-off":["0 0 32 32","M27.090 0.131h-22.731c-2.354 0-4.262 1.839-4.262 4.109v16.401c0 2.269 1.908 4.109 4.262 4.109h4.262v-2.706h8.469l-8.853 8.135 1.579 1.451 7.487-6.88h9.787c2.353 0 4.262-1.84 4.262-4.109v-16.401c0-2.27-1.909-4.109-4.262-4.109v0zM28.511 19.304c0 1.512-1.272 2.738-2.841 2.738h-8.425l-0.076-0.070-0.076 0.070h-11.311c-1.569 0-2.841-1.226-2.841-2.738v-13.696c0-1.513 1.272-2.739 2.841-2.739h19.889c1.569 0 2.841-0.142 2.841 1.37v15.064z"],send:["0 0 32 32","M13.725 30l3.9-5.325-3.9-1.125v6.45zM0 17.5l11.050 3.35 13.6-11.55-10.55 12.425 11.8 3.65 6.1-23.375-32 15.5z"],menu:["0 0 22 32","M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z"],camera:["0 0 32 32","M16 23c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zM16 13c-2.206 0-4 1.794-4 4s1.794 4 4 4c2.206 0 4-1.794 4-4s-1.794-4-4-4zM27 28h-22c-1.654 0-3-1.346-3-3v-16c0-1.654 1.346-3 3-3h3c0.552 0 1 0.448 1 1s-0.448 1-1 1h-3c-0.551 0-1 0.449-1 1v16c0 0.552 0.449 1 1 1h22c0.552 0 1-0.448 1-1v-16c0-0.551-0.448-1-1-1h-11c-0.552 0-1-0.448-1-1s0.448-1 1-1h11c1.654 0 3 1.346 3 3v16c0 1.654-1.346 3-3 3zM24 10.5c0 0.828 0.672 1.5 1.5 1.5s1.5-0.672 1.5-1.5c0-0.828-0.672-1.5-1.5-1.5s-1.5 0.672-1.5 1.5zM15 4c0 0.552-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1v0c0-0.552 0.448-1 1-1h4c0.552 0 1 0.448 1 1v0z"]};e.exports=function(e){return'<svg xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" version="1.1" viewBox="'+a[e][0]+'" width="100%"><use xlink:href="#dplayer-'+e+'"></use><path class="dplayer-fill" d="'+a[e][1]+'" id="dplayer-'+e+'"></path></svg>\n'}},function(e,t,n){"use strict";console.log("%c DPlayer 1.5.2 %c http://dplayer.js.org ","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;"),e.exports=n(2)},function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s="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},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}();n(3);var d=n(4),o=a(d),r=n(0),c=a(r),u=n(5),m=a(u),p=n(7),v=a(p),y=n(8),h=a(y),f=0,g=function(){function e(t){var n=this;i(this,e),this.option=(0,m.default)(t),this.option.element.classList.add("dplayer"),this.option.video.quality&&(this.qualityIndex=this.option.video.defaultQuality,this.quality=this.option.video.quality[this.option.video.defaultQuality]),this.tran=new v.default(this.option.lang).tran,this.updateBar=function(e,t,n){t=t>0?t:0,t=t<1?t:1,y[e+"Bar"].style[n]=100*t+"%"};var a=["play","pause","canplay","playing","ended","error"];this.event={};for(var s=0;s<a.length;s++)this.event[a[s]]=[];if(this.trigger=function(e){for(var t=0;t<n.event[e].length;t++)n.event[e][t]()},this.element=this.option.element,this.option.danmaku||this.element.classList.add("dplayer-no-danmaku"),d.isMobile&&this.element.classList.add("dplayer-mobile"),this.element.innerHTML=h.default.main(t,f,this.tran),this.arrow=this.element.offsetWidth<=500,this.arrow){var l=document.createElement("style");l.innerHTML=".dplayer .dplayer-danmaku{font-size:18px}",document.head.appendChild(l)}this.video=this.element.getElementsByClassName("dplayer-video-current")[0],this.initVideo(),this.bezel=this.element.getElementsByClassName("dplayer-bezel-icon")[0],this.bezel.addEventListener("animationend",function(){n.bezel.classList.remove("dplayer-bezel-transition")}),this.playButton=this.element.getElementsByClassName("dplayer-play-icon")[0],this.paused=!0,this.playButton.addEventListener("click",function(){n.toggle()});var r=this.element.getElementsByClassName("dplayer-video-wrap")[0],u=this.element.getElementsByClassName("dplayer-controller-mask")[0];if(d.isMobile){var p=function(){n.element.classList.contains("dplayer-hide-controller")?n.element.classList.remove("dplayer-hide-controller"):n.element.classList.add("dplayer-hide-controller")};r.addEventListener("click",p),u.addEventListener("click",p)}else r.addEventListener("click",function(){n.toggle()}),u.addEventListener("click",function(){n.toggle()});var y={};y.playedBar=this.element.getElementsByClassName("dplayer-played")[0],y.loadedBar=this.element.getElementsByClassName("dplayer-loaded")[0];var g=this.element.getElementsByClassName("dplayer-bar-wrap")[0],k=this.element.getElementsByClassName("dplayer-bar-time")[0],b=void 0,w=0,L=0,E=!1;this.danmakuTime=!1,this.playedTime=!1,window.requestAnimationFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(e){window.setTimeout(e,1e3/60)}}();var x=function(){n.checkLoading=setInterval(function(){L=n.video.currentTime,!E&&L<w+.01&&!n.video.paused&&(n.element.classList.add("dplayer-loading"),E=!0),E&&L>w+.01&&!n.video.paused&&(n.element.classList.remove("dplayer-loading"),E=!1),w=L},100)},T=function(){clearInterval(n.checkLoading)};this.animationFrame=function(){if(n.playedTime&&(n.updateBar("played",n.video.currentTime/n.video.duration,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=o.default.secondToTime(n.video.currentTime),n.trigger("playing")),n.danmakuTime&&n.option.danmaku&&j&&n.dan){for(var e=n.dan[n.danIndex],t=[];e&&n.video.currentTime>parseFloat(e.time);)t.push(e),e=n.dan[++n.danIndex];n.pushDanmaku(t)}n.requestID=window.requestAnimationFrame(n.animationFrame)},this.requestID=window.requestAnimationFrame(this.animationFrame),this.setTime=function(e){e?(n[e+"Time"]=!0,"played"===e&&x()):(n.danmakuTime=!0,n.playedTime=!0,x())},this.clearTime=function(e){e?(n[e+"Time"]=!1,"played"===e&&T()):(n.danmakuTime=!1,n.playedTime=!1,T())},g.addEventListener("click",function(e){var t=e||window.event;b=g.clientWidth;var a=(t.clientX-o.default.getElementViewLeft(g))/b;a=a>0?a:0,a=a<1?a:1,n.updateBar("played",a,"width"),n.seek(parseFloat(y.playedBar.style.width)/100*n.video.duration)}),this.isTipsShow=!1,this.timeTipsHandler=this.timeTipsHandler(g,k).bind(this),g.addEventListener("mousemove",this.timeTipsHandler),g.addEventListener("mouseover",this.timeTipsHandler),g.addEventListener("mouseenter",this.timeTipsHandler),g.addEventListener("mouseout",this.timeTipsHandler),g.addEventListener("mouseleave",this.timeTipsHandler);var q=function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(g))/b;a=a>0?a:0,a=a<1?a:1,n.updateBar("played",a,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=o.default.secondToTime(a*n.video.duration)},B=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",q),n.seek(parseFloat(y.playedBar.style.width)/100*n.video.duration),n.setTime()};g.addEventListener("mousedown",function(){b=g.clientWidth,n.clearTime(),document.addEventListener("mousemove",q),document.addEventListener("mouseup",B)}),y.volumeBar=this.element.getElementsByClassName("dplayer-volume-bar-inner")[0];var C=this.element.getElementsByClassName("dplayer-volume")[0],M=this.element.getElementsByClassName("dplayer-volume-bar-wrap")[0],z=this.element.getElementsByClassName("dplayer-volume-bar")[0],N=this.element.getElementsByClassName("dplayer-volume-icon")[0];this.switchVolumeIcon=function(){var e=n.element.getElementsByClassName("dplayer-volume-icon")[0];n.video.volume>=.8?e.innerHTML=(0,c.default)("volume-up"):n.video.volume>0?e.innerHTML=(0,c.default)("volume-down"):e.innerHTML=(0,c.default)("volume-off")};var S=function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(z)-5.5)/35;n.volume(a)},D=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",S),C.classList.remove("dplayer-volume-active")};if(M.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(z)-5.5)/35;n.volume(a)}),M.addEventListener("mousedown",function(){document.addEventListener("mousemove",S),document.addEventListener("mouseup",D),C.classList.add("dplayer-volume-active")}),N.addEventListener("click",function(){n.video.muted?(n.video.muted=!1,n.switchVolumeIcon(),n.updateBar("volume",n.video.volume,"width")):(n.video.muted=!0,N.innerHTML=(0,c.default)("volume-off"),n.updateBar("volume",0,"width"))}),this.hideTime=0,!d.isMobile){var I=function(){n.element.classList.remove("dplayer-hide-controller"),clearTimeout(n.hideTime),n.hideTime=setTimeout(function(){n.video.played.length&&(n.element.classList.add("dplayer-hide-controller"),V(),ie())},2e3)};this.element.addEventListener("mousemove",I),this.element.addEventListener("click",I)}this.danOpacity=localStorage.getItem("DPlayer-opacity")||.7;var H=h.default.setting(this.tran),F=this.element.getElementsByClassName("dplayer-setting-icon")[0],P=this.element.getElementsByClassName("dplayer-setting-box")[0],O=this.element.getElementsByClassName("dplayer-mask")[0];P.innerHTML=H.original;var V=function(){P.classList.contains("dplayer-setting-box-open")&&(P.classList.remove("dplayer-setting-box-open"),O.classList.remove("dplayer-mask-show"),setTimeout(function(){P.classList.remove("dplayer-setting-box-narrow"),P.innerHTML=H.original,X()},300))},R=function(){P.classList.add("dplayer-setting-box-open"),O.classList.add("dplayer-mask-show")};O.addEventListener("click",function(){V()}),F.addEventListener("click",function(){R()}),this.loop=this.option.loop;var A=this.element.getElementsByClassName("dplayer-danmaku")[0],j=!0,X=function(){var e=n.element.getElementsByClassName("dplayer-setting-loop")[0],t=e.getElementsByClassName("dplayer-toggle-setting-input")[0];t.checked=n.loop,e.addEventListener("click",function(){t.checked=!t.checked,t.checked?n.loop=!0:n.loop=!1,V()});var a=n.element.getElementsByClassName("dplayer-setting-showdan")[0],i=a.getElementsByClassName("dplayer-showdan-setting-input")[0];if(i.checked=j,a.addEventListener("click",function(){if(i.checked=!i.checked,i.checked){if(j=!0,n.option.danmaku){for(var e=0;e<n.dan.length;e++){if(n.dan[e].time>=n.video.currentTime){n.danIndex=e;break}n.danIndex=n.dan.length}n.paused||n.setTime("danmaku")}}else j=!1,n.option.danmaku&&(n.clearTime("danmaku"),A.innerHTML="",n.danTunnel={right:{},top:{},bottom:{}});V()}),n.element.getElementsByClassName("dplayer-setting-speed")[0].addEventListener("click",function(){P.classList.add("dplayer-setting-box-narrow"),P.innerHTML=H.speed;for(var e=P.getElementsByClassName("dplayer-setting-speed-item"),t=0;t<e.length;t++)!function(t){e[t].addEventListener("click",function(){n.video.playbackRate=e[t].dataset.speed,V()})}(t)}),n.option.danmaku){y.danmakuBar=n.element.getElementsByClassName("dplayer-danmaku-bar-inner")[0];var s=n.element.getElementsByClassName("dplayer-danmaku-bar-wrap")[0],l=n.element.getElementsByClassName("dplayer-danmaku-bar")[0],d=n.element.getElementsByClassName("dplayer-setting-danmaku")[0];n.updateBar("danmaku",n.danOpacity,"width");var r=function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(l))/130;a=a>0?a:0,a=a<1?a:1,n.updateBar("danmaku",a,"width");for(var i=n.element.getElementsByClassName("dplayer-danmaku-item"),s=0;s<i.length;s++)i[s].style.opacity=a;n.danOpacity=a,localStorage.setItem("DPlayer-opacity",n.danOpacity)},c=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",r),d.classList.remove("dplayer-setting-danmaku-active")};s.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(l))/130;a=a>0?a:0,a=a<1?a:1,n.updateBar("danmaku",a,"width");for(var i=n.element.getElementsByClassName("dplayer-danmaku-item"),s=0;s<i.length;s++)i[s].style.opacity=a;n.danOpacity=a,localStorage.setItem("DPlayer-opacity",n.danOpacity)}),s.addEventListener("mousedown",function(){document.addEventListener("mousemove",r),document.addEventListener("mouseup",c),d.classList.add("dplayer-setting-danmaku-active")})}};X(),1!==this.video.duration&&(this.element.getElementsByClassName("dplayer-dtime")[0].innerHTML=this.video.duration?o.default.secondToTime(this.video.duration):"00:00"),this.danTunnel={right:{},top:{},bottom:{}};var Q=getComputedStyle(this.element.getElementsByClassName("dplayer-danmaku-item")[0],null),W=document.createElement("canvas").getContext("2d");W.font=Q.getPropertyValue("font-size")+" "+Q.getPropertyValue("font-family"),this.danmakuMeasure=function(e){return W.measureText(e).width},this.option.danmaku?(this.danIndex=0,this.readDanmaku()):this.option.autoplay&&!d.isMobile?this.play():d.isMobile&&this.pause();var _=this.element.getElementsByClassName("dplayer-comment-input")[0],Y=this.element.getElementsByClassName("dplayer-comment-icon")[0],$=this.element.getElementsByClassName("dplayer-comment-box")[0],U=this.element.getElementsByClassName("dplayer-comment-setting-icon")[0],J=this.element.getElementsByClassName("dplayer-comment-setting-box")[0],G=this.element.getElementsByClassName("dplayer-send-icon")[0],K=function(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2f;")},Z=function(){if(_.blur(),!_.value.replace(/^\s+|\s+$/g,""))return void n.notice(n.tran("Please input danmaku content!"));var e={token:n.option.danmaku.token,player:n.option.danmaku.id,author:n.option.danmaku.user,time:n.video.currentTime,text:_.value,color:n.element.querySelector(".dplayer-comment-setting-color input:checked").value,type:n.element.querySelector(".dplayer-comment-setting-type input:checked").value};n.option.apiBackend.send(n.option.danmaku.api,e),_.value="",ie(),n.dan.splice(n.danIndex,0,e),n.danIndex++;var t={text:K(e.text),color:e.color,type:e.type,border:"2px solid "+n.option.theme};n.pushDanmaku(t)},ee=function(){J.classList.contains("dplayer-comment-setting-open")&&J.classList.remove("dplayer-comment-setting-open")},te=function(){J.classList.contains("dplayer-comment-setting-open")?J.classList.remove("dplayer-comment-setting-open"):J.classList.add("dplayer-comment-setting-open")},ne=0,ae=0,ie=function(){$.classList.contains("dplayer-comment-box-open")&&($.classList.remove("dplayer-comment-box-open"),O.classList.remove("dplayer-mask-show"),n.element.classList.remove("dplayer-show-controller"),clearInterval(ne),clearTimeout(ae),ee())},se=function(){$.classList.contains("dplayer-comment-box-open")||($.classList.add("dplayer-comment-box-open"),O.classList.add("dplayer-mask-show"),n.element.classList.add("dplayer-show-controller"),ne=setInterval(function(){clearTimeout(n.hideTime)},1e3),ae=setTimeout(function(){_.focus()},300))};O.addEventListener("click",function(){ie()}),Y.addEventListener("click",function(){se()}),U.addEventListener("click",function(){te()}),this.element.getElementsByClassName("dplayer-comment-setting-color")[0].addEventListener("click",function(){n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked+span')&&(U.getElementsByClassName("dplayer-fill")[0].style.fill=n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked').value)}),_.addEventListener("click",function(){ee()}),_.addEventListener("keydown",function(e){13===(e||window.event).keyCode&&Z()}),G.addEventListener("click",Z);var le=function(){for(var e=A.offsetWidth,t=n.element.getElementsByClassName("dplayer-danmaku-item"),a=0;a<t.length;a++)t[a].style.transform="translateX(-"+e+"px)"};this.element.addEventListener("fullscreenchange",function(){le()}),this.element.addEventListener("mozfullscreenchange",function(){le()}),this.element.addEventListener("webkitfullscreenchange",function(){le()}),this.element.getElementsByClassName("dplayer-full-icon")[0].addEventListener("click",function(){document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement?document.cancelFullScreen?document.cancelFullScreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen():n.element.requestFullscreen?n.element.requestFullscreen():n.element.mozRequestFullScreen?n.element.mozRequestFullScreen():n.element.webkitRequestFullscreen?n.element.webkitRequestFullscreen():n.video.webkitEnterFullscreen&&n.video.webkitEnterFullscreen(),le()}),this.element.getElementsByClassName("dplayer-full-in-icon")[0].addEventListener("click",function(){n.element.classList.contains("dplayer-fulled")?n.element.classList.remove("dplayer-fulled"):(n.element.classList.add("dplayer-fulled"),le())});var de=function(e){var t=document.activeElement.tagName.toUpperCase(),a=document.activeElement.getAttribute("contenteditable");if("INPUT"!==t&&"TEXTAREA"!==t&&""!==a&&"true"!==a){var i=e||window.event,s=void 0;switch(i.keyCode){case 32:i.preventDefault(),n.toggle();break;case 37:i.preventDefault(),n.seek(n.video.currentTime-5);break;case 39:i.preventDefault(),n.seek(n.video.currentTime+5);break;case 38:i.preventDefault(),s=n.video.volume+.1,n.volume(s);break;case 40:i.preventDefault(),s=n.video.volume-.1,n.volume(s)}}};this.option.hotkey&&document.addEventListener("keydown",de),document.addEventListener("keydown",function(e){switch((e||window.event).keyCode){case 27:n.element.classList.contains("dplayer-fulled")&&(n.element.classList.remove("dplayer-fulled"),le())}});var oe=this.element.getElementsByClassName("dplayer-menu")[0];if(this.element.addEventListener("contextmenu",function(e){var t=e||window.event;t.preventDefault(),oe.classList.add("dplayer-menu-show");var a=n.element.getBoundingClientRect(),i=t.clientX-a.left,s=t.clientY-a.top;i+oe.offsetWidth>=a.width?(oe.style.right=a.width-i+"px",oe.style.left="initial"):(oe.style.left=t.clientX-n.element.getBoundingClientRect().left+"px",oe.style.right="initial"),s+oe.offsetHeight>=a.height?(oe.style.bottom=a.height-s+"px",oe.style.top="initial"):(oe.style.top=t.clientY-n.element.getBoundingClientRect().top+"px",oe.style.bottom="initial"),O.classList.add("dplayer-mask-show"),O.addEventListener("click",function(){O.classList.remove("dplayer-mask-show"),oe.classList.remove("dplayer-menu-show")})}),this.option.video.quality&&this.element.getElementsByClassName("dplayer-quality-list")[0].addEventListener("click",function(e){e.target.classList.contains("dplayer-quality-item")&&n.switchQuality(e.target.dataset.index)}),this.option.screenshot){var re=this.element.getElementsByClassName("dplayer-camera-icon")[0];re.addEventListener("click",function(){var e=document.createElement("canvas");e.width=n.video.videoWidth,e.height=n.video.videoHeight,e.getContext("2d").drawImage(n.video,0,0,e.width,e.height),re.href=e.toDataURL(),re.download="DPlayer.png"})}f++}return l(e,[{key:"seek",value:function(e){e=Math.max(e,0),this.video.duration&&(e=Math.min(e,this.video.duration)),this.video.currentTime=e}},{key:"play",value:function(){this.paused=!1,this.video.paused&&(this.bezel.innerHTML=(0,c.default)("play"),this.bezel.classList.add("dplayer-bezel-transition")),this.playButton.innerHTML=(0,c.default)("pause"),this.video.play(),this.setTime(),this.element.classList.add("dplayer-playing"),this.trigger("play")}},{key:"pause",value:function(){this.paused=!0,this.element.classList.remove("dplayer-loading"),this.video.paused||(this.bezel.innerHTML=(0,c.default)("pause"),this.bezel.classList.add("dplayer-bezel-transition")),this.ended=!1,this.playButton.innerHTML=(0,c.default)("play"),this.video.pause(),this.clearTime(),this.element.classList.remove("dplayer-playing"),window.cancelAnimationFrame(this.requestID),this.trigger("pause")}},{key:"volume",value:function(e){e=e>0?e:0,e=e<1?e:1,this.updateBar("volume",e,"width"),this.video.volume=e,this.video.muted&&(this.video.muted=!1),this.switchVolumeIcon()}},{key:"toggle",value:function(){this.video.paused?this.play():this.pause()}},{key:"on",value:function(e,t){"function"==typeof t&&this.event[e].push(t)}},{key:"_readAllEndpoints",value:function(e,t){for(var n=this,a=[],i=0,s=0;s<e.length;++s)this.option.apiBackend.read(e[s],function(s){return function(l,d){if(++i,l?(l.response?n.notice(l.response.msg):n.notice("Request was unsuccessful: "+l.status),a[s]=[]):a[s]=d,i===e.length)return t(a)}}(s))}},{key:"readDanmaku",value:function(){var e=this,t=void 0;t=this.option.danmaku.maximum?this.option.danmaku.api+"?id="+this.option.danmaku.id+"&max="+this.option.danmaku.maximum:this.option.danmaku.api+"?id="+this.option.danmaku.id;var n=(this.option.danmaku.addition||[]).slice(0);n.push(t),this._readAllEndpoints(n,function(t){e.danIndex=0,e.dan=[].concat.apply([],t).sort(function(e,t){return e.time-t.time}),e.element.getElementsByClassName("dplayer-danloading")[0].style.display="none",e.option.autoplay&&!d.isMobile?e.play():d.isMobile&&e.pause()})}},{key:"pushDanmaku",value:function(e){var t=this,n=this.element.getElementsByClassName("dplayer-danmaku")[0],a=this.arrow?24:30,i=n.offsetWidth,l=n.offsetHeight,d=parseInt(l/a),o=function(e){var t=e.offsetWidth||parseInt(e.style.width),a=e.getBoundingClientRect().right||n.getBoundingClientRect().right+t;return n.getBoundingClientRect().right-a},r=function(e){return(i+e)/5},c=function(e,n,a){for(var l=i/r(a),c=0;;c++){var u=function(a){var s=t.danTunnel[n][a+""];if(!s||!s.length)return t.danTunnel[n][a+""]=[e],e.addEventListener("animationend",function(){t.danTunnel[n][a+""].splice(0,1)}),{v:a%d};for(var c=0;c<s.length;c++){var u=o(s[c])-10;if(u<=i-l*r(parseInt(s[c].style.width))||u<=0)break;if(c===s.length-1)return t.danTunnel[n][a+""].push(e),e.addEventListener("animationend",function(){t.danTunnel[n][a+""].splice(0,1)}),{v:a%d}}}(c);if("object"===(void 0===u?"undefined":s(u)))return u.v}};"[object Array]"!==Object.prototype.toString.call(e)&&(e=[e]);for(var u=document.createDocumentFragment(),m=0;m<e.length;m++)!function(s){e[s].type||(e[s].type="right"),e[s].color||(e[s].color="#fff");var l=document.createElement("div");l.classList.add("dplayer-danmaku-item"),l.classList.add("dplayer-danmaku-"+e[s].type),l.innerHTML=e[s].text,l.style.opacity=t.danOpacity,l.style.color=e[s].color,l.style.border=e[s].border,l.addEventListener("animationend",function(){n.removeChild(l)});var d=t.danmakuMeasure(e[s].text);switch(e[s].type){case"right":l.style.width=d+1+"px",l.style.top=a*c(l,e[s].type,d)+"px",l.style.transform="translateX(-"+i+"px)";break;case"top":l.style.top=a*c(l,e[s].type)+"px";break;case"bottom":l.style.bottom=a*c(l,e[s].type)+"px";break;default:console.error("Can't handled danmaku type: "+e[s].type)}l.classList.add("dplayer-danmaku-move"),u.appendChild(l)}(m);return n.appendChild(u),u}},{key:"switchVideo",value:function(e,t){this.video.poster=e.pic?e.pic:"",this.video.src=e.url,this.pause(),t&&(this.dan=[],this.danIndex=0,this.element.getElementsByClassName("dplayer-danloading")[0].style.display="block",this.updateBar("played",0,"width"),this.updateBar("loaded",0,"width"),this.element.getElementsByClassName("dplayer-ptime")[0].innerHTML="00:00",this.element.getElementsByClassName("dplayer-danmaku")[0].innerHTML="",this.danTuel={right:{},top:{},bottom:{}},this.option.danmaku=t,this.readDanmaku())}},{key:"initVideo",value:function(){var e=this;if(("auto"===this.option.video.type?/m3u8(#|\?|$)/i.exec(this.video.src):"hls"===this.option.video.type)&&Hls.isSupported()){var t=new Hls;t.loadSource(this.video.src),t.attachMedia(this.video)}if(("auto"===this.option.video.type?/.flv(#|\?|$)/i.exec(this.video.src):"flv"===this.option.video.type)&&flvjs.isSupported()){var n=flvjs.createPlayer({type:"flv",url:this.option.video.url});n.attachMediaElement(this.video),n.load()}this.option.danmaku&&this.video.addEventListener("seeking",function(){for(var t=0;t<e.dan.length;t++){if(e.dan[t].time>=e.video.currentTime)return void(e.danIndex=t);e.danIndex=e.dan.length}}),this.video.addEventListener("durationchange",function(){1!==e.video.duration&&(e.element.getElementsByClassName("dplayer-dtime")[0].innerHTML=o.default.secondToTime(e.video.duration))}),this.video.addEventListener("progress",function(){var t=e.video.buffered.length?e.video.buffered.end(e.video.buffered.length-1)/e.video.duration:0;e.updateBar("loaded",t,"width")}),this.video.addEventListener("error",function(){e.tran&&e.notice&&e.notice(e.tran("This video fails to load"),-1),e.trigger&&e.trigger("pause")}),this.video.addEventListener("canplay",function(){e.trigger("canplay")}),this.ended=!1,this.video.addEventListener("ended",function(){e.updateBar("played",1,"width"),e.loop?(e.seek(0),e.video.play()):(e.ended=!0,e.pause(),e.trigger("ended")),e.danIndex=0}),this.video.addEventListener("play",function(){e.paused&&e.play()}),this.video.addEventListener("pause",function(){e.paused||e.pause()}),this.video.volume=parseInt(this.element.getElementsByClassName("dplayer-volume-bar-inner")[0].style.width)/100}},{key:"switchQuality",value:function(e){var t=this;if(this.qualityIndex!==e&&!this.switchingQuality){this.qualityIndex=e,this.switchingQuality=!0,this.quality=this.option.video.quality[e],this.element.getElementsByClassName("dplayer-quality-icon")[0].innerHTML=this.quality.name;var n=this.video.paused;this.video.pause();var a=h.default.video(!1,null,this.option.screenshot,"auto",this.quality.url),i=(new DOMParser).parseFromString(a,"text/html").body.firstChild,s=this.element.getElementsByClassName("dplayer-video-wrap")[0];s.insertBefore(i,s.getElementsByTagName("div")[0]),this.prevVideo=this.video,this.video=i,this.initVideo(),this.seek(this.prevVideo.currentTime),this.notice(this.tran("Switching to")+" "+this.quality.name+" "+this.tran("quality"),-1),this.video.addEventListener("canplay",function(){if(t.prevVideo){if(t.video.currentTime!==t.prevVideo.currentTime)return void t.seek(t.prevVideo.currentTime);s.removeChild(t.prevVideo),t.video.classList.add("dplayer-video-current"),n||t.video.play(),t.prevVideo=null,t.notice(t.tran("Switched to")+" "+t.quality.name+" "+t.tran("quality")),t.switchingQuality=!1}})}}},{key:"timeTipsHandler",value:function(e,t){var n=this,a=function(e){var t=0,n=0;do{t+=e.offsetTop||0,n+=e.offsetLeft||0,e=e.offsetParent}while(e);return{top:t,left:n}};return function(i){if(n.video.duration){var s=i.clientX,l=a(e).left,d=s-l;switch(t.innerText=o.default.secondToTime(n.video.duration*(d/e.offsetWidth)),t.style.left=d-20+"px",i.type){case"mouseenter":case"mouseover":case"mousemove":if(n.isTipsShow)return;t.classList.remove("hidden"),n.isTipsShow=!0;break;case"mouseleave":case"mouseout":if(!n.isTipsShow)return;t.classList.add("hidden"),n.isTipsShow=!1}}}}},{key:"notice",value:function(e,t){var n=this.element.getElementsByClassName("dplayer-notice")[0];n.innerHTML=e,n.style.opacity=1,this.noticeTime&&clearTimeout(this.noticeTime),t&&t<0||(this.noticeTime=setTimeout(function(){n.style.opacity=0},t||2e3))}},{key:"destroy",value:function(){this.pause(),clearTimeout(this.hideTime),this.video.src="",this.element.innerHTML="";for(var e in this)this.hasOwnProperty(e)&&"paused"!==e&&delete this[e]}}]),e}();e.exports=g},function(e,t){},function(e,t,n){"use strict";e.exports={secondToTime:function(e){var t=function(e){return e<10?"0"+e:""+e},n=parseInt(e/60),a=parseInt(e-60*n);return t(n)+":"+t(a)},getElementViewLeft:function(e){var t=e.offsetLeft,n=e.offsetParent,a=document.body.scrollLeft+document.documentElement.scrollLeft;if(document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement)for(;null!==n&&n!==e;)t+=n.offsetLeft,n=n.offsetParent;else for(;null!==n;)t+=n.offsetLeft,n=n.offsetParent;return t-a},isMobile:/mobile/i.test(window.navigator.userAgent)}},function(e,t,n){"use strict";var a=n(6);e.exports=function(e){/mobile/i.test(window.navigator.userAgent)&&(e.autoplay=!1);var t={element:document.getElementsByClassName("dplayer")[0],autoplay:!1,theme:"#b7daff",loop:!1,lang:-1!==navigator.language.indexOf("zh")?"zh":"en",screenshot:!1,hotkey:!0,preload:"auto",apiBackend:a,contextmenu:[{text:"\u5173\u4e8e\u4f5c\u8005",link:"http://diygod.me"},{text:"\u64ad\u653e\u5668\u610f\u89c1\u53cd\u9988",link:"https://github.com/DIYgod/DPlayer/issues"},{text:"\u5173\u4e8e DPlayer \u64ad\u653e\u5668",link:"https://github.com/DIYgod/DPlayer"}]};for(var n in t)t.hasOwnProperty(n)&&!e.hasOwnProperty(n)&&(e[n]=t[n]);return"[object Array]"!==Object.prototype.toString.call(e.video.url)&&(e.video.url=[e.video.url]),e.video&&!e.video.hasOwnProperty("type")&&(e.video.type="auto"),e.danmaku&&!e.danmaku.hasOwnProperty("user")&&(e.danmaku.user="DIYgod"),e.video.quality&&(e.video.url=[e.video.quality[e.video.defaultQuality].url]),e}},function(e,t,n){"use strict";var a=function(e,t,n,a,i){var s=new XMLHttpRequest;s.onreadystatechange=function(){if(4===s.readyState){if(s.status>=200&&s.status<300||304===s.status){var e=JSON.parse(s.responseText);return 1!==e.code?a(s,e):n(s,e)}i(s)}},s.open(null!==t?"POST":"GET",e,!0),s.send(null!==t?JSON.stringify(t):null)};e.exports={send:function(e,t){a(e,t,function(e,t){console.log("Post danmaku: ",t)},function(e,t){alert(t.msg)},function(e){console.log("Request was unsuccessful: "+e.status)})},read:function(e,t){a(e,null,function(e,n){t(null,n.danmaku)},function(e,n){t({status:e.status,response:n})},function(e){t({status:e.status,response:null})})}}},function(e,t,n){"use strict";var a={"Danmaku is loading":"\u5f39\u5e55\u52a0\u8f7d\u4e2d",Top:"\u9876\u90e8",Bottom:"\u5e95\u90e8",Rolling:"\u6eda\u52a8","Input danmaku, hit Enter":"\u8f93\u5165\u5f39\u5e55\uff0c\u56de\u8f66\u53d1\u9001","About author":"\u5173\u4e8e\u4f5c\u8005","DPlayer feedback":"\u64ad\u653e\u5668\u610f\u89c1\u53cd\u9988","About DPlayer":"\u5173\u4e8e DPlayer \u64ad\u653e\u5668",Loop:"\u6d17\u8111\u5faa\u73af",Speed:"\u901f\u5ea6","Opacity for danmaku":"\u5f39\u5e55\u900f\u660e\u5ea6",Normal:"\u6b63\u5e38","Please input danmaku content!":"\u8981\u8f93\u5165\u5f39\u5e55\u5185\u5bb9\u554a\u5582\uff01","Set danmaku color":"\u8bbe\u7f6e\u5f39\u5e55\u989c\u8272","Set danmaku type":"\u8bbe\u7f6e\u5f39\u5e55\u7c7b\u578b",Danmaku:"\u5f39\u5e55","This video fails to load":"\u89c6\u9891\u52a0\u8f7d\u5931\u8d25","Switching to":"\u6b63\u5728\u5207\u6362\u81f3","Switched to":"\u5df2\u7ecf\u5207\u6362\u81f3",quality:"\u753b\u8d28"};e.exports=function(e){var t=this;this.lang=e,this.tran=function(e){return"en"===t.lang?e:"zh"===t.lang?a[e]:void 0}}},function(e,t,n){"use strict";var a=n(0),i={main:function(e,t,n){for(var s="",l=0;l<e.video.url.length;l++)s+=i.video(0===l,e.video.pic,e.screenshot,e.video.url.length?"metadata":e.preload,e.video.url[l]);return'<div class="dplayer-mask"></div><div class="dplayer-video-wrap">'+s+(e.logo?'<div class="dplayer-logo"><img src="'+e.logo+'"></div>':"")+'<div class="dplayer-danmaku"><div class="dplayer-danmaku-item dplayer-danmaku-item--demo"></div></div><div class="dplayer-bezel"><span class="dplayer-bezel-icon"></span>'+(e.danmaku?'<span class="dplayer-danloading">'+n("Danmaku is loading")+"</span>":"")+'<span class="diplayer-loading-icon"><svg height="100%" version="1.1" viewBox="0 0 22 22" width="100%"><svg x="7" y="1"><circle class="diplayer-loading-dot diplayer-loading-dot-0" cx="4" cy="4" r="2"></circle></svg><svg x="11" y="3"><circle class="diplayer-loading-dot diplayer-loading-dot-1" cx="4" cy="4" r="2"></circle></svg><svg x="13" y="7"><circle class="diplayer-loading-dot diplayer-loading-dot-2" cx="4" cy="4" r="2"></circle></svg><svg x="11" y="11"><circle class="diplayer-loading-dot diplayer-loading-dot-3" cx="4" cy="4" r="2"></circle></svg><svg x="7" y="13"><circle class="diplayer-loading-dot diplayer-loading-dot-4" cx="4" cy="4" r="2"></circle></svg><svg x="3" y="11"><circle class="diplayer-loading-dot diplayer-loading-dot-5" cx="4" cy="4" r="2"></circle></svg><svg x="1" y="7"><circle class="diplayer-loading-dot diplayer-loading-dot-6" cx="4" cy="4" r="2"></circle></svg><svg x="3" y="3"><circle class="diplayer-loading-dot diplayer-loading-dot-7" cx="4" cy="4" r="2"></circle></svg></svg></span></div></div><div class="dplayer-controller-mask"></div><div class="dplayer-controller"><div class="dplayer-icons dplayer-icons-left"><button class="dplayer-icon dplayer-play-icon">'+a("play")+'</button><div class="dplayer-volume"><button class="dplayer-icon dplayer-volume-icon">'+a("volume-down")+'</button><div class="dplayer-volume-bar-wrap"><div class="dplayer-volume-bar"><div class="dplayer-volume-bar-inner" style="width: 70%; background: '+e.theme+';"><span class="dplayer-thumb" style="background: '+e.theme+'"></span></div></div></div></div><span class="dplayer-time"><span class="dplayer-ptime">0:00</span> / <span class="dplayer-dtime">0:00</span></span></div><div class="dplayer-icons dplayer-icons-right">'+(e.video.quality?'<div class="dplayer-quality"><button class="dplayer-icon dplayer-quality-icon">'+e.video.quality[e.video.defaultQuality].name+'</button><div class="dplayer-quality-mask">'+i.qualityList(e.video.quality)+"</div></div>":"")+(e.screenshot?'<a href="#" class="dplayer-icon dplayer-camera-icon">'+a("camera")+"</a>":"")+'<div class="dplayer-comment"><button class="dplayer-icon dplayer-comment-icon">'+a("comment")+'</button><div class="dplayer-comment-box"><button class="dplayer-icon dplayer-comment-setting-icon">'+a("menu")+'</button><div class="dplayer-comment-setting-box"><div class="dplayer-comment-setting-color"><div class="dplayer-comment-setting-title">'+n("Set danmaku color")+'</div><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#fff" checked><span style="background: #fff; border: 1px solid rgba(0,0,0,.1);"></span></label><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#e54256"><span style="background: #e54256"></span></label><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#ffe133"><span style="background: #ffe133"></span></label><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#64DD17"><span style="background: #64DD17"></span></label><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#39ccff"><span style="background: #39ccff"></span></label><label><input type="radio" name="dplayer-danmaku-color-'+t+'" value="#D500F9"><span style="background: #D500F9"></span></label></div><div class="dplayer-comment-setting-type"><div class="dplayer-comment-setting-title">'+n("Set danmaku type")+'</div><label><input type="radio" name="dplayer-danmaku-type-'+t+'" value="top"><span>'+n("Top")+'</span></label><label><input type="radio" name="dplayer-danmaku-type-'+t+'" value="right" checked><span>'+n("Rolling")+'</span></label><label><input type="radio" name="dplayer-danmaku-type-'+t+'" value="bottom"><span>'+n("Bottom")+'</span></label></div></div><input class="dplayer-comment-input" type="text" placeholder="'+n("Input danmaku, hit Enter")+'" maxlength="30"><button class="dplayer-icon dplayer-send-icon">'+a("send")+'</button></div></div><div class="dplayer-setting"><button class="dplayer-icon dplayer-setting-icon">'+a("setting")+'</button><div class="dplayer-setting-box"></div></div><div class="dplayer-full"><button class="dplayer-icon dplayer-full-in-icon">'+a("full-in")+'</button><button class="dplayer-icon dplayer-full-icon">'+a("full")+'</button></div></div><div class="dplayer-bar-wrap"><div class="dplayer-bar-time hidden">00:00</div><div class="dplayer-bar"><div class="dplayer-loaded" style="width: 0;"></div><div class="dplayer-played" style="width: 0; background: '+e.theme+'"><span class="dplayer-thumb" style="background: '+e.theme+'"></span></div></div></div></div>'+i.contextmenuList(e.contextmenu)+'<div class="dplayer-notice"></div>'},contextmenuList:function(e){for(var t='<div class="dplayer-menu">',n=0;n<e.length;n++)t+='<div class="dplayer-menu-item"><span class="dplayer-menu-label"><a target="_blank" href="'+e[n].link+'">'+e[n].text+"</a></span></div>";return t+="</div>"},qualityList:function(e){for(var t='<div class="dplayer-quality-list">',n=0;n<e.length;n++)t+='<div class="dplayer-quality-item" data-index="'+n+'">'+e[n].name+"</div>";return t+="</div>"},video:function(e,t,n,a,i){return'<video class="dplayer-video '+(e?'dplayer-video-current"':"")+'" '+(t?'poster="'+t+'"':"")+" webkit-playsinline playsinline "+(n?'crossorigin="anonymous"':"")+" "+(a?'preload="'+a+'"':"")+' src="'+i+'"></video>'},setting:function(e){return{original:'<div class="dplayer-setting-item dplayer-setting-speed"><span class="dplayer-label">'+e("Speed")+'</span><div class="dplayer-toggle">'+a("right")+'</div></div><div class="dplayer-setting-item dplayer-setting-loop"><span class="dplayer-label">'+e("Loop")+'</span><div class="dplayer-toggle"><input class="dplayer-toggle-setting-input" type="checkbox" name="dplayer-toggle"><label for="dplayer-toggle"></label></div></div><div class="dplayer-setting-item dplayer-setting-showdan"><span class="dplayer-label">'+e("Danmaku")+'</span><div class="dplayer-toggle"><input class="dplayer-showdan-setting-input" type="checkbox" name="dplayer-toggle-dan"><label for="dplayer-toggle-dan"></label></div></div><div class="dplayer-setting-item dplayer-setting-danmaku"><span class="dplayer-label">'+e("Opacity for danmaku")+'</span><div class="dplayer-danmaku-bar-wrap"><div class="dplayer-danmaku-bar"><div class="dplayer-danmaku-bar-inner" style="width: '+100*(localStorage.getItem("DPlayer-opacity")||.7)+'%"><span class="dplayer-thumb"></span></div></div></div></div>',speed:'<div class="dplayer-setting-speed-item" data-speed="0.5"><span class="dplayer-label">0.5</span></div><div class="dplayer-setting-speed-item" data-speed="0.75"><span class="dplayer-label">0.75</span></div><div class="dplayer-setting-speed-item" data-speed="1"><span class="dplayer-label">'+e("Normal")+'</span></div><div class="dplayer-setting-speed-item" data-speed="1.25"><span class="dplayer-label">1.25</span></div><div class="dplayer-setting-speed-item" data-speed="1.5"><span class="dplayer-label">1.5</span></div><div class="dplayer-setting-speed-item" data-speed="2"><span class="dplayer-label">2</span></div>'}}};e.exports=i}])});
 //# sourceMappingURL=DPlayer.min.js.map
\ No newline at end of file
diff --git a/dist/DPlayer.min.js.map b/dist/DPlayer.min.js.map
index bed29a2..e797f4d 100644
--- a/dist/DPlayer.min.js.map
+++ b/dist/DPlayer.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///DPlayer.min.js","webpack:///webpack/bootstrap 660b0524acba34390a9b","webpack:///./src/svg.js","webpack:///./src/index.js","webpack:///./src/DPlayer.js","webpack:///./src/utils.js","webpack:///./src/option.js","webpack:///./src/api.js","webpack:///./src/i18n.js","webpack:///./src/html.js"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","svgSource","play","pause","volume-up","volume-down","volume-off","loop","full","full-in","setting","right","comment","comment-off","send","menu","camera","type","console","log","_interopRequireDefault","obj","default","_classCallCheck","instance","Constructor","TypeError","_typeof","Symbol","iterator","constructor","_createClass","defineProperties","target","props","length","descriptor","writable","key","protoProps","staticProps","_utils","_utils2","_svg","_svg2","_option","_option2","_i18n","_i18n2","_html","_html2","index","DPlayer","option","_this","element","classList","add","video","quality","qualityIndex","defaultQuality","tran","lang","updateBar","percentage","direction","bar","style","eventTypes","event","trigger","_i","danmaku","isMobile","innerHTML","main","arrow","offsetWidth","arrowStyle","document","createElement","head","appendChild","getElementsByClassName","initVideo","bezel","addEventListener","remove","playButton","paused","toggle","videoWrap","conMask","toggleController","contains","playedBar","loadedBar","pbar","pbarTimeTips","barWidth","lastPlayPos","currentPlayPos","bufferingDetected","danmakuTime","playedTime","window","requestAnimationFrame","webkitRequestAnimationFrame","mozRequestAnimationFrame","oRequestAnimationFrame","msRequestAnimationFrame","callback","setTimeout","setCheckLoadingTime","checkLoading","setInterval","currentTime","clearCheckLoadingTime","clearInterval","animationFrame","duration","secondToTime","showdan","dan","item","danIndex","danmakus","parseFloat","time","push","pushDanmaku","setTime","clearTime","e","clientWidth","clientX","getElementViewLeft","seek","width","isTipsShow","timeTipsHandler","bind","thumbMove","thumbUp","removeEventListener","volumeBar","volumeEle","volumeBarWrapWrap","volumeBarWrap","volumeicon","switchVolumeIcon","volume","volumeMove","volumeUp","muted","hideTime","hideController","clearTimeout","played","closeSetting","closeComment","danOpacity","localStorage","getItem","settingHTML","settingIcon","settingBox","mask","original","settingEvent","openSetting","danContainer","loopEle","loopToggle","checked","showDanEle","showDanToggle","_i2","danTunnel","top","bottom","speed","speedItem","_i3","playbackRate","dataset","danmakuBar","danmakuBarWrapWrap","danmakuBarWrap","danmakuSettingBox","danmakuMove","items","_i4","opacity","setItem","danmakuUp","_i5","measureStyle","getComputedStyle","context","getContext","font","getPropertyValue","danmakuMeasure","text","measureText","readDanmaku","autoplay","commentInput","commentIcon","commentBox","commentSettingIcon","commentSettingBox","commentSendIcon","htmlEncode","str","replace","sendComment","blur","value","notice","danmakuData","token","player","id","author","user","color","querySelector","apiBackend","api","splice","border","theme","closeCommentSetting","toggleCommentSetting","disableHide","commentFocusTimeout","openComment","focus","fill","keyCode","resetAnimation","danWidth","_i6","transform","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","cancelFullScreen","mozCancelFullScreen","webkitCancelFullScreen","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","webkitEnterFullscreen","handleKeyDown","tag","activeElement","tagName","toUpperCase","editable","getAttribute","preventDefault","hotkey","clientRect","getBoundingClientRect","menuLeft","left","menuTop","clientY","offsetHeight","height","switchQuality","screenshot","camareIcon","canvas","videoWidth","videoHeight","drawImage","href","toDataURL","download","Math","max","min","ended","endpoints","finish","_this2","results","readCount","read","err","data","response","msg","status","_this3","apiurl","maximum","addition","slice","_readAllEndpoints","concat","apply","sort","a","b","display","_this4","itemHeight","danHeight","itemY","parseInt","danItemRight","ele","eleWidth","eleRight","danSpeed","getTunnel","tmp","_ret2","v","j","danRight","toString","docFragment","createDocumentFragment","removeChild","itemWidth","error","poster","pic","src","url","danTuel","_this5","exec","Hls","isSupported","hls","loadSource","attachMedia","flvjs","flvPlayer","createPlayer","attachMediaElement","load","buffered","end","_this6","switchingQuality","videoHTML","videoEle","DOMParser","parseFromString","body","firstChild","parent","insertBefore","getElementsByTagName","prevVideo","timeTips","_this7","cumulativeOffset","offsetTop","offsetLeft","offsetParent","px","tx","innerText","noticeEle","noticeTime","second","add0","num","sec","actualLeft","current","elementScrollLeft","scrollLeft","documentElement","test","navigator","userAgent","defaultApiBackend","defaultOption","language","indexOf","preload","contextmenu","link","defaultKey","SendXMLHttpRequest","success","fail","xhr","XMLHttpRequest","onreadystatechange","readyState","JSON","parse","responseText","code","open","stringify","endpoint","alert","cbk","tranZH","Danmaku is loading","Top","Bottom","Rolling","Input danmaku, hit Enter","About author","DPlayer feedback","About DPlayer","Loop","Speed","Opacity for danmaku","Normal","Please input danmaku content!","Set danmaku color","Set danmaku type","Danmaku","This video fails to load","Switching to","Switched to","svg","html","videos","logo","qualityList","contextmenuList","result"],"mappings":"CAAA,SAAAA,EAAAC,GACA,gBAAAC,UAAA,gBAAAC,QACAA,OAAAD,QAAAD,IACA,kBAAAG,gBAAAC,IACAD,OAAA,aAAAH,GACA,gBAAAC,SACAA,QAAA,QAAAD,IAEAD,EAAA,QAAAC,KACCK,KAAA,WACD,MCAgB,UAAUC,GCN1B,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAP,OAGA,IAAAC,GAAAO,EAAAD,IACAE,EAAAF,EACAG,GAAA,EACAV,WAUA,OANAK,GAAAE,GAAAI,KAAAV,EAAAD,QAAAC,IAAAD,QAAAM,GAGAL,EAAAS,GAAA,EAGAT,EAAAD,QAvBA,GAAAQ,KA4DA,OAhCAF,GAAAM,EAAAP,EAGAC,EAAAO,EAAAL,EAGAF,EAAAQ,EAAA,SAAAd,EAAAe,EAAAC,GACAV,EAAAW,EAAAjB,EAAAe,IACAG,OAAAC,eAAAnB,EAAAe,GACAK,cAAA,EACAC,YAAA,EACAC,IAAAN,KAMAV,EAAAiB,EAAA,SAAAtB,GACA,GAAAe,GAAAf,KAAAuB,WACA,WAA2B,MAAAvB,GAAA,SAC3B,WAAiC,MAAAA,GAEjC,OADAK,GAAAQ,EAAAE,EAAA,IAAAA,GACAA,GAIAV,EAAAW,EAAA,SAAAQ,EAAAC,GAAsD,MAAAR,QAAAS,UAAAC,eAAAjB,KAAAc,EAAAC,IAGtDpB,EAAAuB,EAAA,IAGAvB,IAAAwB,EAAA,KDgBM,SAAU7B,EAAQD,EAASM,GAEjC,YE9EA,IAAAyB,IACAC,MACA,YACA,uJAEAC,OACA,YACA,4LAEAC,aACA,YACA,qsCAEAC,eACA,YACA,wfAEAC,cACA,YACA,yMAEAC,MACA,YACA,sbAEAC,MACA,YACA,irBAEAC,WACA,YACA,s+BAEAC,SACA,YACA,2zGAEAC,OACA,YACA,oFAEAC,SACA,YACA,kzBAEAC,eACA,YACA,obAEAC,MACA,YACA,iHAEAC,MACA,YACA,oXAEAC,QACA,YACA,2lBAGA7C,GAAAD,QAAA,SAAA+C,GACA,8FAAAhB,EAAAgB,GAAA,+CAAAA,EAAA,yCAAAhB,EAAAgB,GAAA,oBAAAA,EAAA,sBFqFM,SAAU9C,EAAQD,EAASM,GAEjC,YGtJA0C,SAAAC,IAAA,mGAAgI,uCAChIhD,EAAAD,QAAAM,EAAA,IH4JM,SAAUL,EAAQD,EAASM,GAEjC,YI5HA,SAAA4C,GAAAC,GACA,MAAAA,MAAA3B,WAAA2B,GAA0CC,QAAAD,GAE1C,QAAAE,GAAAC,EAAAC,GACA,KAAAD,YAAAC,IACA,SAAAC,WAAA,qCAxCA,GAAAC,GAAA,kBAAAC,SAAA,gBAAAA,QAAAC,SAAA,SAAAR,GACA,aAAAA,IACC,SAAAA,GACD,MAAAA,IAAA,kBAAAO,SAAAP,EAAAS,cAAAF,QAAAP,IAAAO,OAAA/B,UAAA,eAAAwB,IAEAU,EAAA,WACA,QAAAC,GAAAC,EAAAC,GACA,OAAAvD,GAAA,EAAuBA,EAAAuD,EAAAC,OAAkBxD,IAAA,CACzC,GAAAyD,GAAAF,EAAAvD,EACAyD,GAAA7C,WAAA6C,EAAA7C,aAAA,EACA6C,EAAA9C,cAAA,EACA,SAAA8C,KACAA,EAAAC,UAAA,GACAjD,OAAAC,eAAA4C,EAAAG,EAAAE,IAAAF,IAGA,gBAAAX,EAAAc,EAAAC,GAKA,MAJAD,IACAP,EAAAP,EAAA5B,UAAA0C,GACAC,GACAR,EAAAP,EAAAe,GACAf,KAGAjD,GAAA,EACA,IAAAiE,GAAAjE,EAAA,GACAkE,EAAAtB,EAAAqB,GACAE,EAAAnE,EAAA,GACAoE,EAAAxB,EAAAuB,GACAE,EAAArE,EAAA,GACAsE,EAAA1B,EAAAyB,GACAE,EAAAvE,EAAA,GACAwE,EAAA5B,EAAA2B,GACAE,EAAAzE,EAAA,GACA0E,EAAA9B,EAAA6B,GASAE,EAAA,EACAC,EAAA,WACA,QAAAA,GAAAC,GACA,GAAAC,GAAAhF,IACAiD,GAAAjD,KAAA8E,GACA9E,KAAA+E,QAAA,EAAAP,EAAAxB,SAAA+B,GACA/E,KAAA+E,OAAAE,QAAAC,UAAAC,IAAA,WACAnF,KAAA+E,OAAAK,MAAAC,UACArF,KAAAsF,aAAAtF,KAAA+E,OAAAK,MAAAG,eACAvF,KAAAqF,QAAArF,KAAA+E,OAAAK,MAAAC,QAAArF,KAAA+E,OAAAK,MAAAG,iBAEAvF,KAAAwF,KAAA,GAAAd,GAAA1B,QAAAhD,KAAA+E,OAAAU,MAAAD,KACAxF,KAAA0F,UAAA,SAAA/C,EAAAgD,EAAAC,GACAD,IAAA,EAAAA,EAAA,EACAA,IAAA,EAAAA,EAAA,EACAE,EAAAlD,EAAA,OAAAmD,MAAAF,GAAA,IAAAD,EAAA,IAEA,IAAAI,IACA,OACA,QACA,UACA,UACA,QACA,QAEA/F,MAAAgG,QACA,QAAA3F,GAAA,EAAuBA,EAAA0F,EAAAlC,OAAuBxD,IAC9CL,KAAAgG,MAAAD,EAAA1F,MAgBA,IAdAL,KAAAiG,QAAA,SAAAtD,GACA,OAAAuD,GAAA,EAA4BA,EAAAlB,EAAAgB,MAAArD,GAAAkB,OAA+BqC,IAC3DlB,EAAAgB,MAAArD,GAAAuD,MAGAlG,KAAAiF,QAAAjF,KAAA+E,OAAAE,QACAjF,KAAA+E,OAAAoB,SACAnG,KAAAiF,QAAAC,UAAAC,IAAA,sBAEAhB,EAAAiC,UACApG,KAAAiF,QAAAC,UAAAC,IAAA,kBAEAnF,KAAAiF,QAAAoB,UAAAzB,EAAA5B,QAAAsD,KAAAvB,EAAAF,EAAA7E,KAAAwF,MACAxF,KAAAuG,MAAAvG,KAAAiF,QAAAuB,aAAA,IACAxG,KAAAuG,MAAA,CACA,GAAAE,GAAAC,SAAAC,cAAA,QACAF,GAAAJ,UAAA,4CACAK,SAAAE,KAAAC,YAAAJ,GAEAzG,KAAAoF,MAAApF,KAAAiF,QAAA6B,uBAAA,4BACA9G,KAAA+G,YACA/G,KAAAgH,MAAAhH,KAAAiF,QAAA6B,uBAAA,yBACA9G,KAAAgH,MAAAC,iBAAA,0BACAjC,EAAAgC,MAAA9B,UAAAgC,OAAA,8BAEAlH,KAAAmH,WAAAnH,KAAAiF,QAAA6B,uBAAA,wBACA9G,KAAAoH,QAAA,EACApH,KAAAmH,WAAAF,iBAAA,mBACAjC,EAAAqC,UAEA,IAAAC,GAAAtH,KAAAiF,QAAA6B,uBAAA,yBACAS,EAAAvH,KAAAiF,QAAA6B,uBAAA,6BACA,IAAA3C,EAAAiC,SAOS,CACT,GAAAoB,GAAA,WACAxC,EAAAC,QAAAC,UAAAuC,SAAA,2BACAzC,EAAAC,QAAAC,UAAAgC,OAAA,2BAEAlC,EAAAC,QAAAC,UAAAC,IAAA,2BAGAmC,GAAAL,iBAAA,QAAAO,GACAD,EAAAN,iBAAA,QAAAO,OAfAF,GAAAL,iBAAA,mBACAjC,EAAAqC,WAEAE,EAAAN,iBAAA,mBACAjC,EAAAqC,UAaA,IAAAxB,KACAA,GAAA6B,UAAA1H,KAAAiF,QAAA6B,uBAAA,qBACAjB,EAAA8B,UAAA3H,KAAAiF,QAAA6B,uBAAA,oBACA,IAAAc,GAAA5H,KAAAiF,QAAA6B,uBAAA,uBACAe,EAAA7H,KAAAiF,QAAA6B,uBAAA,uBACAgB,MAAA,GACAC,EAAA,EACAC,EAAA,EACAC,GAAA,CACAjI,MAAAkI,aAAA,EACAlI,KAAAmI,YAAA,EACAC,OAAAC,sBAAA,WACA,MAAAD,QAAAC,uBAAAD,OAAAE,6BAAAF,OAAAG,0BAAAH,OAAAI,wBAAAJ,OAAAK,yBAAA,SAAAC,GACAN,OAAAO,WAAAD,EAAA,WAGA,IAAAE,GAAA,WACA5D,EAAA6D,aAAAC,YAAA,WACAd,EAAAhD,EAAAI,MAAA2D,aACAd,GAAAD,EAAAD,EAAA,MAAA/C,EAAAI,MAAAgC,SACApC,EAAAC,QAAAC,UAAAC,IAAA,mBACA8C,GAAA,GAEAA,GAAAD,EAAAD,EAAA,MAAA/C,EAAAI,MAAAgC,SACApC,EAAAC,QAAAC,UAAAgC,OAAA,mBACAe,GAAA,GAEAF,EAAAC,GACa,MAEbgB,EAAA,WACAC,cAAAjE,EAAA6D,cAEA7I,MAAAkJ,eAAA,WAMA,GALAlE,EAAAmD,aACAnD,EAAAU,UAAA,SAAAV,EAAAI,MAAA2D,YAAA/D,EAAAI,MAAA+D,SAAA,SACAnE,EAAAC,QAAA6B,uBAAA,oBAAAT,UAAAjC,EAAApB,QAAAoG,aAAApE,EAAAI,MAAA2D,aACA/D,EAAAiB,QAAA,YAEAjB,EAAAkD,aAAAlD,EAAAD,OAAAoB,SAAAkD,GAAArE,EAAAsE,IAAA,CAGA,IAFA,GAAAC,GAAAvE,EAAAsE,IAAAtE,EAAAwE,UACAC,KACAF,GAAAvE,EAAAI,MAAA2D,YAAAW,WAAAH,EAAAI,OACAF,EAAAG,KAAAL,GACAA,EAAAvE,EAAAsE,MAAAtE,EAAAwE,SAEAxE,GAAA6E,YAAAJ,GAEArB,OAAAC,sBAAArD,EAAAkE,iBAEAd,OAAAC,sBAAArI,KAAAkJ,gBACAlJ,KAAA8J,QAAA,SAAAnH,GACAA,GAKAqC,EAAArC,EAAA,WACA,WAAAA,GACAiG,MANA5D,EAAAkD,aAAA,EACAlD,EAAAmD,YAAA,EACAS,MAQA5I,KAAA+J,UAAA,SAAApH,GACAA,GAKAqC,EAAArC,EAAA,WACA,WAAAA,GACAqG,MANAhE,EAAAkD,aAAA,EACAlD,EAAAmD,YAAA,EACAa,MAQApB,EAAAX,iBAAA,iBAAAjB,GACA,GAAAgE,GAAAhE,GAAAoC,OAAApC,KACA8B,GAAAF,EAAAqC,WACA,IAAAtE,IAAAqE,EAAAE,QAAA9F,EAAApB,QAAAmH,mBAAAvC,IAAAE,CACAnC,KAAA,EAAAA,EAAA,EACAA,IAAA,EAAAA,EAAA,EACAX,EAAAU,UAAA,SAAAC,EAAA,SACAX,EAAAoF,KAAAV,WAAA7D,EAAA6B,UAAA5B,MAAAuE,OAAA,IAAArF,EAAAI,MAAA+D,YAEAnJ,KAAAsK,YAAA,EACAtK,KAAAuK,gBAAAvK,KAAAuK,gBAAA3C,EAAAC,GAAA2C,KAAAxK,MACA4H,EAAAX,iBAAA,YAAAjH,KAAAuK,iBACA3C,EAAAX,iBAAA,YAAAjH,KAAAuK,iBACA3C,EAAAX,iBAAA,aAAAjH,KAAAuK,iBACA3C,EAAAX,iBAAA,WAAAjH,KAAAuK,iBACA3C,EAAAX,iBAAA,aAAAjH,KAAAuK,gBACA,IAAAE,GAAA,SAAAzE,GACA,GAAAgE,GAAAhE,GAAAoC,OAAApC,MACAL,GAAAqE,EAAAE,QAAA9F,EAAApB,QAAAmH,mBAAAvC,IAAAE,CACAnC,KAAA,EAAAA,EAAA,EACAA,IAAA,EAAAA,EAAA,EACAX,EAAAU,UAAA,SAAAC,EAAA,SACAX,EAAAC,QAAA6B,uBAAA,oBAAAT,UAAAjC,EAAApB,QAAAoG,aAAAzD,EAAAX,EAAAI,MAAA+D,WAEAuB,EAAA,QAAAA,KACAhE,SAAAiE,oBAAA,UAAAD,GACAhE,SAAAiE,oBAAA,YAAAF,GACAzF,EAAAoF,KAAAV,WAAA7D,EAAA6B,UAAA5B,MAAAuE,OAAA,IAAArF,EAAAI,MAAA+D,UACAnE,EAAA8E,UAEAlC,GAAAX,iBAAA,uBACAa,EAAAF,EAAAqC,YACAjF,EAAA+E,YACArD,SAAAO,iBAAA,YAAAwD,GACA/D,SAAAO,iBAAA,UAAAyD,KAEA7E,EAAA+E,UAAA5K,KAAAiF,QAAA6B,uBAAA,8BACA,IAAA+D,GAAA7K,KAAAiF,QAAA6B,uBAAA,qBACAgE,EAAA9K,KAAAiF,QAAA6B,uBAAA,8BACAiE,EAAA/K,KAAAiF,QAAA6B,uBAAA,yBACAkE,EAAAhL,KAAAiF,QAAA6B,uBAAA,yBAEA9G,MAAAiL,iBAAA,WACA,GAAAD,GAAAhG,EAAAC,QAAA6B,uBAAA,yBACA9B,GAAAI,MAAA8F,QAAA,GACAF,EAAA3E,WAAA,EAAA/B,EAAAtB,SAAA,aACagC,EAAAI,MAAA8F,OAAA,EACbF,EAAA3E,WAAA,EAAA/B,EAAAtB,SAAA,eAEAgI,EAAA3E,WAAA,EAAA/B,EAAAtB,SAAA,cAGA,IAAAmI,GAAA,SAAAnF,GACA,GAAAgE,GAAAhE,GAAAoC,OAAApC,MACAL,GAAAqE,EAAAE,QAAA9F,EAAApB,QAAAmH,mBAAAY,GAAA,KAbA,EAcA/F,GAAAkG,OAAAvF,IAEAyF,EAAA,QAAAA,KACA1E,SAAAiE,oBAAA,UAAAS,GACA1E,SAAAiE,oBAAA,YAAAQ,GACAN,EAAA3F,UAAAgC,OAAA,yBAEA4D,GAAA7D,iBAAA,iBAAAjB,GACA,GAAAgE,GAAAhE,GAAAoC,OAAApC,MACAL,GAAAqE,EAAAE,QAAA9F,EAAApB,QAAAmH,mBAAAY,GAAA,KAvBA,EAwBA/F,GAAAkG,OAAAvF,KAEAmF,EAAA7D,iBAAA,uBACAP,SAAAO,iBAAA,YAAAkE,GACAzE,SAAAO,iBAAA,UAAAmE,GACAP,EAAA3F,UAAAC,IAAA,2BAEA6F,EAAA/D,iBAAA,mBACAjC,EAAAI,MAAAiG,OACArG,EAAAI,MAAAiG,OAAA,EACArG,EAAAiG,mBACAjG,EAAAU,UAAA,SAAAV,EAAAI,MAAA8F,OAAA,WAEAlG,EAAAI,MAAAiG,OAAA,EACAL,EAAA3E,WAAA,EAAA/B,EAAAtB,SAAA,cACAgC,EAAAU,UAAA,sBAGA,IAAA4F,GAAA,CACA,KAAAnH,EAAAiC,SAAA,CACA,GAAAmF,GAAA,WACAvG,EAAAC,QAAAC,UAAAgC,OAAA,2BACAsE,aAAAF,GACAA,EAAA3C,WAAA,WACA3D,EAAAI,MAAAqG,OAAA5H,SACAmB,EAAAC,QAAAC,UAAAC,IAAA,2BACAuG,IACAC,OAEiB,KAEjB3L,MAAAiF,QAAAgC,iBAAA,YAAAsE,GACAvL,KAAAiF,QAAAgC,iBAAA,QAAAsE,GAEAvL,KAAA4L,WAAAC,aAAAC,QAAA,sBACA,IAAAC,GAAAnH,EAAA5B,QAAAZ,QAAApC,KAAAwF,MACAwG,EAAAhM,KAAAiF,QAAA6B,uBAAA,2BACAmF,EAAAjM,KAAAiF,QAAA6B,uBAAA,0BACAoF,EAAAlM,KAAAiF,QAAA6B,uBAAA,kBACAmF,GAAA5F,UAAA0F,EAAAI,QACA,IAAAT,GAAA,WACAO,EAAA/G,UAAAuC,SAAA,8BACAwE,EAAA/G,UAAAgC,OAAA,4BACAgF,EAAAhH,UAAAgC,OAAA,qBACAyB,WAAA,WACAsD,EAAA/G,UAAAgC,OAAA,8BACA+E,EAAA5F,UAAA0F,EAAAI,SACAC,KACiB,OAGjBC,EAAA,WACAJ,EAAA/G,UAAAC,IAAA,4BACA+G,EAAAhH,UAAAC,IAAA,qBAEA+G,GAAAjF,iBAAA,mBACAyE,MAEAM,EAAA/E,iBAAA,mBACAoF,MAEArM,KAAAiC,KAAAjC,KAAA+E,OAAA9C,IACA,IAAAqK,GAAAtM,KAAAiF,QAAA6B,uBAAA,sBACAuC,GAAA,EACA+C,EAAA,WACA,GAAAG,GAAAvH,EAAAC,QAAA6B,uBAAA,2BACA0F,EAAAD,EAAAzF,uBAAA,kCACA0F,GAAAC,QAAAzH,EAAA/C,KACAsK,EAAAtF,iBAAA,mBACAuF,EAAAC,SAAAD,EAAAC,QACAD,EAAAC,QACAzH,EAAA/C,MAAA,EAEA+C,EAAA/C,MAAA,EAEAyJ,KAEA,IAAAgB,GAAA1H,EAAAC,QAAA6B,uBAAA,8BACA6F,EAAAD,EAAA5F,uBAAA,mCA+CA,IA9CA6F,EAAAF,QAAApD,EACAqD,EAAAzF,iBAAA,mBAEA,GADA0F,EAAAF,SAAAE,EAAAF,QACAE,EAAAF,SAEA,GADApD,GAAA,EACArE,EAAAD,OAAAoB,QAAA,CACA,OAAAyG,GAAA,EAAyCA,EAAA5H,EAAAsE,IAAAzF,OAAwB+I,IAAA,CACjE,GAAA5H,EAAAsE,IAAAsD,GAAAjD,MAAA3E,EAAAI,MAAA2D,YAAA,CACA/D,EAAAwE,SAAAoD,CACA,OAEA5H,EAAAwE,SAAAxE,EAAAsE,IAAAzF,OAEAmB,EAAAoC,QACApC,EAAA8E,QAAA,gBAIAT,IAAA,EACArE,EAAAD,OAAAoB,UACAnB,EAAA+E,UAAA,WACAuC,EAAAjG,UAAA,GACArB,EAAA6H,WACAxK,SACAyK,OACAC,WAIArB,OAEA1G,EAAAC,QAAA6B,uBAAA,4BACAG,iBAAA,mBACAgF,EAAA/G,UAAAC,IAAA,8BACA8G,EAAA5F,UAAA0F,EAAAiB,KAQA,QAPAC,GAAAhB,EAAAnF,uBAAA,8BAOAoG,EAAA,EAAiCA,EAAAD,EAAApJ,OAAwBqJ,KANzD,SAAAA,GACAD,EAAAC,GAAAjG,iBAAA,mBACAjC,EAAAI,MAAA+H,aAAAF,EAAAC,GAAAE,QAAAJ,MACAtB,OAIAwB,KAGAlI,EAAAD,OAAAoB,QAAA,CACAN,EAAAwH,WAAArI,EAAAC,QAAA6B,uBAAA,+BACA,IAAAwG,GAAAtI,EAAAC,QAAA6B,uBAAA,+BACAyG,EAAAvI,EAAAC,QAAA6B,uBAAA,0BACA0G,EAAAxI,EAAAC,QAAA6B,uBAAA,6BAEA9B,GAAAU,UAAA,UAAAV,EAAA4G,WAAA,QACA,IAAA6B,GAAA,SAAAzH,GACA,GAAAgE,GAAAhE,GAAAoC,OAAApC,MACAL,GAAAqE,EAAAE,QAAA9F,EAAApB,QAAAmH,mBAAAoD,IAJA,GAKA5H,KAAA,EAAAA,EAAA,EACAA,IAAA,EAAAA,EAAA,EACAX,EAAAU,UAAA,UAAAC,EAAA,QAEA,QADA+H,GAAA1I,EAAAC,QAAA6B,uBAAA,wBACA6G,EAAA,EAAqCA,EAAAD,EAAA7J,OAAoB8J,IACzDD,EAAAC,GAAA7H,MAAA8H,QAAAjI,CAEAX,GAAA4G,WAAAjG,EACAkG,aAAAgC,QAAA,kBAAA7I,EAAA4G,aAEAkC,EAAA,QAAAA,KACApH,SAAAiE,oBAAA,UAAAmD,GACApH,SAAAiE,oBAAA,YAAA8C,GACAD,EAAAtI,UAAAgC,OAAA,kCAEAoG,GAAArG,iBAAA,iBAAAjB,GACA,GAAAgE,GAAAhE,GAAAoC,OAAApC,MACAL,GAAAqE,EAAAE,QAAA9F,EAAApB,QAAAmH,mBAAAoD,IAtBA,GAuBA5H,KAAA,EAAAA,EAAA,EACAA,IAAA,EAAAA,EAAA,EACAX,EAAAU,UAAA,UAAAC,EAAA,QAEA,QADA+H,GAAA1I,EAAAC,QAAA6B,uBAAA,wBACAiH,EAAA,EAAqCA,EAAAL,EAAA7J,OAAoBkK,IACzDL,EAAAK,GAAAjI,MAAA8H,QAAAjI,CAEAX,GAAA4G,WAAAjG,EACAkG,aAAAgC,QAAA,kBAAA7I,EAAA4G,cAEA0B,EAAArG,iBAAA,uBACAP,SAAAO,iBAAA,YAAAwG,GACA/G,SAAAO,iBAAA,UAAA6G,GACAN,EAAAtI,UAAAC,IAAA,qCAIAiH,KACA,IAAApM,KAAAoF,MAAA+D,WACAnJ,KAAAiF,QAAA6B,uBAAA,oBAAAT,UAAArG,KAAAoF,MAAA+D,SAAA/E,EAAApB,QAAAoG,aAAApJ,KAAAoF,MAAA+D,UAAA,SAEAnJ,KAAA6M,WACAxK,SACAyK,OACAC,UAEA,IAAAiB,GAAAC,iBAAAjO,KAAAiF,QAAA6B,uBAAA,iCACAoH,EAAAxH,SAAAC,cAAA,UAAAwH,WAAA,KACAD,GAAAE,KAAAJ,EAAAK,iBAAA,iBAAAL,EAAAK,iBAAA,eACArO,KAAAsO,eAAA,SAAAC,GACA,MAAAL,GAAAM,YAAAD,GAAAlE,OAEArK,KAAA+E,OAAAoB,SACAnG,KAAAwJ,SAAA,EACAxJ,KAAAyO,eAEAzO,KAAA+E,OAAA2J,WAAAvK,EAAAiC,SACApG,KAAA4B,OACauC,EAAAiC,UACbpG,KAAA6B,OAGA,IAAA8M,GAAA3O,KAAAiF,QAAA6B,uBAAA,4BACA8H,EAAA5O,KAAAiF,QAAA6B,uBAAA,2BACA+H,EAAA7O,KAAAiF,QAAA6B,uBAAA,0BACAgI,EAAA9O,KAAAiF,QAAA6B,uBAAA,mCACAiI,EAAA/O,KAAAiF,QAAA6B,uBAAA,kCACAkI,EAAAhP,KAAAiF,QAAA6B,uBAAA,wBACAmI,EAAA,SAAAC,GACA,MAAAA,GAAAC,QAAA,cAA2CA,QAAA,aAAsBA,QAAA,aAAsBA,QAAA,eAAwBA,QAAA,eAAwBA,QAAA,iBAEvIC,GAAA,WAEA,GADAT,EAAAU,QACAV,EAAAW,MAAAH,QAAA,iBAEA,WADAnK,GAAAuK,OAAAvK,EAAAQ,KAAA,iCAGA,IAAAgK,IACAC,MAAAzK,EAAAD,OAAAoB,QAAAsJ,MACAC,OAAA1K,EAAAD,OAAAoB,QAAAwJ,GACAC,OAAA5K,EAAAD,OAAAoB,QAAA0J,KACAlG,KAAA3E,EAAAI,MAAA2D,YACAwF,KAAAI,EAAAW,MACAQ,MAAA9K,EAAAC,QAAA8K,cAAA,gDAAAT,MACA3M,KAAAqC,EAAAC,QAAA8K,cAAA,+CAAAT,MAEAtK,GAAAD,OAAAiL,WAAAxN,KAAAwC,EAAAD,OAAAoB,QAAA8J,IAAAT,GACAb,EAAAW,MAAA,GACA3D,KACA3G,EAAAsE,IAAA4G,OAAAlL,EAAAwE,SAAA,EAAAgG,GACAxK,EAAAwE,UACA,IAAArD,IACAoI,KAAAU,EAAAO,EAAAjB,MACAuB,MAAAN,EAAAM,MACAnN,KAAA6M,EAAA7M,KACAwN,OAAA,aAAAnL,EAAAD,OAAAqL,MAEApL,GAAA6E,YAAA1D,IAEAkK,GAAA,WACAtB,EAAA7J,UAAAuC,SAAA,iCACAsH,EAAA7J,UAAAgC,OAAA,iCAGAoJ,GAAA,WACAvB,EAAA7J,UAAAuC,SAAA,gCACAsH,EAAA7J,UAAAgC,OAAA,gCAEA6H,EAAA7J,UAAAC,IAAA,iCAGAoL,GAAA,EACAC,GAAA,EACA7E,GAAA,WACAkD,EAAA3J,UAAAuC,SAAA,8BAGAoH,EAAA3J,UAAAgC,OAAA,4BACAgF,EAAAhH,UAAAgC,OAAA,qBACAlC,EAAAC,QAAAC,UAAAgC,OAAA,2BACA+B,cAAAsH,IACA/E,aAAAgF,IACAH,OAEAI,GAAA,WACA5B,EAAA3J,UAAAuC,SAAA,8BAGAoH,EAAA3J,UAAAC,IAAA,4BACA+G,EAAAhH,UAAAC,IAAA,qBACAH,EAAAC,QAAAC,UAAAC,IAAA,2BACAoL,GAAAzH,YAAA,WACA0C,aAAAF,IACa,KACbkF,GAAA7H,WAAA,WACAgG,EAAA+B,SACa,MAEbxE,GAAAjF,iBAAA,mBACA0E,OAEAiD,EAAA3H,iBAAA,mBACAwJ,OAEA3B,EAAA7H,iBAAA,mBACAqJ,OAEAtQ,KAAAiF,QAAA6B,uBAAA,oCAAAG,iBAAA,mBACAjC,EAAAC,QAAA8K,cAAA,+DAEAjB,EAAAhI,uBAAA,mBAAAhB,MAAA6K,KAAA3L,EAAAC,QAAA8K,cAAA,wDAAiKT,SAGjKX,EAAA1H,iBAAA,mBACAoJ,OAEA1B,EAAA1H,iBAAA,mBAAA+C,GAEA,MADAA,GAAA5B,OAAApC,OACA4K,SACAxB,OAGAJ,EAAA/H,iBAAA,QAAAmI,GACA,IAAAyB,IAAA,WAGA,OAFAC,GAAAxE,EAAA9F,YACAkH,EAAA1I,EAAAC,QAAA6B,uBAAA,wBACAiK,EAAA,EAA6BA,EAAArD,EAAA7J,OAAoBkN,IACjDrD,EAAAqD,GAAAjL,MAAAkL,UAAA,eAAAF,EAAA,MAGA9Q,MAAAiF,QAAAgC,iBAAA,8BACA4J,OAEA7Q,KAAAiF,QAAAgC,iBAAA,iCACA4J,OAEA7Q,KAAAiF,QAAAgC,iBAAA,oCACA4J,OAEA7Q,KAAAiF,QAAA6B,uBAAA,wBAAAG,iBAAA,mBACAP,SAAAuK,mBAAAvK,SAAAwK,sBAAAxK,SAAAyK,wBAWAzK,SAAA0K,iBACA1K,SAAA0K,mBACiB1K,SAAA2K,oBACjB3K,SAAA2K,sBACiB3K,SAAA4K,wBACjB5K,SAAA4K,yBAfAtM,EAAAC,QAAAsM,kBACAvM,EAAAC,QAAAsM,oBACiBvM,EAAAC,QAAAuM,qBACjBxM,EAAAC,QAAAuM,uBACiBxM,EAAAC,QAAAwM,wBACjBzM,EAAAC,QAAAwM,0BACiBzM,EAAAI,MAAAsM,uBACjB1M,EAAAI,MAAAsM,wBAWAb,OAEA7Q,KAAAiF,QAAA6B,uBAAA,2BAAAG,iBAAA,mBACAjC,EAAAC,QAAAC,UAAAuC,SAAA,kBACAzC,EAAAC,QAAAC,UAAAgC,OAAA,mBAEAlC,EAAAC,QAAAC,UAAAC,IAAA,kBACA0L,OAGA,IAAAc,IAAA,SAAA3H,GACA,GAAA4H,GAAAlL,SAAAmL,cAAAC,QAAAC,cACAC,EAAAtL,SAAAmL,cAAAI,aAAA,kBACA,cAAAL,GAAA,aAAAA,GAAA,KAAAI,GAAA,SAAAA,EAAA,CACA,GAAAhM,GAAAgE,GAAA5B,OAAApC,MACAL,MAAA,EACA,QAAAK,EAAA4K,SACA,QACA5K,EAAAkM,iBACAlN,EAAAqC,QACA,MACA,SACArB,EAAAkM,iBACAlN,EAAAoF,KAAApF,EAAAI,MAAA2D,YAAA,EACA,MACA,SACA/C,EAAAkM,iBACAlN,EAAAoF,KAAApF,EAAAI,MAAA2D,YAAA,EACA,MACA,SACA/C,EAAAkM,iBACAvM,EAAAX,EAAAI,MAAA8F,OAAA,GACAlG,EAAAkG,OAAAvF,EACA,MACA,SACAK,EAAAkM,iBACAvM,EAAAX,EAAAI,MAAA8F,OAAA,GACAlG,EAAAkG,OAAAvF,KAKA3F,MAAA+E,OAAAoN,QACAzL,SAAAO,iBAAA,UAAA0K,IAEAjL,SAAAO,iBAAA,mBAAA+C,GAEA,QADAA,GAAA5B,OAAApC,OACA4K,SACA,QACA5L,EAAAC,QAAAC,UAAAuC,SAAA,oBACAzC,EAAAC,QAAAC,UAAAgC,OAAA,kBACA2J,QAKA,IAAApO,IAAAzC,KAAAiF,QAAA6B,uBAAA,kBAmCA,IAlCA9G,KAAAiF,QAAAgC,iBAAA,uBAAA+C,GACA,GAAAhE,GAAAgE,GAAA5B,OAAApC,KACAA,GAAAkM,iBACAzP,GAAAyC,UAAAC,IAAA,oBACA,IAAAiN,GAAApN,EAAAC,QAAAoN,wBACAC,EAAAtM,EAAAkE,QAAAkI,EAAAG,KACAC,EAAAxM,EAAAyM,QAAAL,EAAAtF,GACAwF,GAAA7P,GAAA+D,aAAA4L,EAAA/H,OACA5H,GAAAqD,MAAAzD,MAAA+P,EAAA/H,MAAAiI,EAAA,KACA7P,GAAAqD,MAAAyM,KAAA,YAEA9P,GAAAqD,MAAAyM,KAAAvM,EAAAkE,QAAAlF,EAAAC,QAAAoN,wBAAAE,KAAA,KACA9P,GAAAqD,MAAAzD,MAAA,WAEAmQ,EAAA/P,GAAAiQ,cAAAN,EAAAO,QACAlQ,GAAAqD,MAAAiH,OAAAqF,EAAAO,OAAAH,EAAA,KACA/P,GAAAqD,MAAAgH,IAAA,YAEArK,GAAAqD,MAAAgH,IAAA9G,EAAAyM,QAAAzN,EAAAC,QAAAoN,wBAAAvF,IAAA,KACArK,GAAAqD,MAAAiH,OAAA,WAEAb,EAAAhH,UAAAC,IAAA,qBACA+G,EAAAjF,iBAAA,mBACAiF,EAAAhH,UAAAgC,OAAA,qBACAzE,GAAAyC,UAAAgC,OAAA,yBAGAlH,KAAA+E,OAAAK,MAAAC,SACArF,KAAAiF,QAAA6B,uBAAA,2BAAAG,iBAAA,iBAAA+C,GACAA,EAAArG,OAAAuB,UAAAuC,SAAA,yBACAzC,EAAA4N,cAAA5I,EAAArG,OAAAyJ,QAAAvI,SAIA7E,KAAA+E,OAAA8N,WAAA,CACA,GAAAC,IAAA9S,KAAAiF,QAAA6B,uBAAA,yBACAgM,IAAA7L,iBAAA,mBACA,GAAA8L,GAAArM,SAAAC,cAAA,SACAoM,GAAA1I,MAAArF,EAAAI,MAAA4N,WACAD,EAAAJ,OAAA3N,EAAAI,MAAA6N,YACAF,EAAA5E,WAAA,MAAA+E,UAAAlO,EAAAI,MAAA,IAAA2N,EAAA1I,MAAA0I,EAAAJ,QACAG,GAAAK,KAAAJ,EAAAK,YACAN,GAAAO,SAAA,gBAGAxO,IA2bA,MAzbApB,GAAAqB,IAEAd,IAAA,OACAsL,MAAA,SAAA3F,GACAA,EAAA2J,KAAAC,IAAA5J,EAAA,GACA3J,KAAAoF,MAAA+D,WACAQ,EAAA2J,KAAAE,IAAA7J,EAAA3J,KAAAoF,MAAA+D,WAEAnJ,KAAAoF,MAAA2D,YAAAY,KAIA3F,IAAA,OACAsL,MAAA,WACAtP,KAAAoH,QAAA,EACApH,KAAAoF,MAAAgC,SACApH,KAAAgH,MAAAX,WAAA,EAAA/B,EAAAtB,SAAA,QACAhD,KAAAgH,MAAA9B,UAAAC,IAAA,6BAEAnF,KAAAmH,WAAAd,WAAA,EAAA/B,EAAAtB,SAAA,SACAhD,KAAAoF,MAAAxD,OACA5B,KAAA8J,UACA9J,KAAAiF,QAAAC,UAAAC,IAAA,mBACAnF,KAAAiG,QAAA,WAIAjC,IAAA,QACAsL,MAAA,WACAtP,KAAAoH,QAAA,EACApH,KAAAiF,QAAAC,UAAAgC,OAAA,mBACAlH,KAAAoF,MAAAgC,SACApH,KAAAgH,MAAAX,WAAA,EAAA/B,EAAAtB,SAAA,SACAhD,KAAAgH,MAAA9B,UAAAC,IAAA,6BAEAnF,KAAAyT,OAAA,EACAzT,KAAAmH,WAAAd,WAAA,EAAA/B,EAAAtB,SAAA,QACAhD,KAAAoF,MAAAvD,QACA7B,KAAA+J,YACA/J,KAAAiF,QAAAC,UAAAgC,OAAA,mBACAlH,KAAAiG,QAAA,YAIAjC,IAAA,SACAsL,MAAA,SAAA3J,GACAA,IAAA,EAAAA,EAAA,EACAA,IAAA,EAAAA,EAAA,EACA3F,KAAA0F,UAAA,SAAAC,EAAA,SACA3F,KAAAoF,MAAA8F,OAAAvF,EACA3F,KAAAoF,MAAAiG,QACArL,KAAAoF,MAAAiG,OAAA,GAEArL,KAAAiL,sBAIAjH,IAAA,SACAsL,MAAA,WACAtP,KAAAoF,MAAAgC,OACApH,KAAA4B,OAEA5B,KAAA6B,WAKAmC,IAAA,KACAsL,MAAA,SAAAtJ,EAAA0C,GACA,kBAAAA,IACA1I,KAAAgG,SAAA4D,KAAAlB,MAKA1E,IAAA,oBACAsL,MAAA,SAAAoE,EAAAC,GAsBA,OArBAC,GAAA5T,KACA6T,KACAC,EAAA,EAmBAzT,EAAA,EAA+BA,EAAAqT,EAAA7P,SAAsBxD,EACrDL,KAAA+E,OAAAiL,WAAA+D,KAAAL,EAAArT,GAnBA,SAAAA,GACA,gBAAA2T,EAAAC,GAYA,KAXAH,EACAE,GACAA,EAAAE,SACAN,EAAArE,OAAAyE,EAAAE,SAAAC,KAEAP,EAAArE,OAAA,6BAAAyE,EAAAI,QAEAP,EAAAxT,OAEAwT,EAAAxT,GAAA4T,EAEAH,IAAAJ,EAAA7P,OACA,MAAA8P,GAAAE,KAKAxT,OAKA2D,IAAA,cACAsL,MAAA,WACA,GAAA+E,GAAArU,KACAsU,MAAA,EAEAA,GADAtU,KAAA+E,OAAAoB,QAAAoO,QACAvU,KAAA+E,OAAAoB,QAAA8J,IAAA,OAAAjQ,KAAA+E,OAAAoB,QAAAwJ,GAAA,QAAA3P,KAAA+E,OAAAoB,QAAAoO,QAEAvU,KAAA+E,OAAAoB,QAAA8J,IAAA,OAAAjQ,KAAA+E,OAAAoB,QAAAwJ,EAEA,IAAA+D,IAAA1T,KAAA+E,OAAAoB,QAAAqO,cAAAC,MAAA,EACAf,GAAA9J,KAAA0K,GACAtU,KAAA0U,kBAAAhB,EAAA,SAAAG,GACAQ,EAAA7K,SAAA,EACA6K,EAAA/K,OAAAqL,OAAAC,SAAAf,GAAAgB,KAAA,SAAAC,EAAAC,GACA,MAAAD,GAAAnL,KAAAoL,EAAApL,OAEA0K,EAAApP,QAAA6B,uBAAA,yBAAAhB,MAAAkP,QAAA,OACAX,EAAAtP,OAAA2J,WAAAvK,EAAAiC,SACAiO,EAAAzS,OACqBuC,EAAAiC,UACrBiO,EAAAxS,aAMAmC,IAAA,cACAsL,MAAA,SAAAnJ,GACA,GAAA8O,GAAAjV,KACAsM,EAAAtM,KAAAiF,QAAA6B,uBAAA,sBACAoO,EAAAlV,KAAAuG,MAAA,MACAuK,EAAAxE,EAAA9F,YACA2O,EAAA7I,EAAAoG,aACA0C,EAAAC,SAAAF,EAAAD,GACAI,EAAA,SAAAC,GACA,GAAAC,GAAAD,EAAA/O,aAAA6O,SAAAE,EAAAzP,MAAAuE,OACAoL,EAAAF,EAAAlD,wBAAAhQ,OAAAiK,EAAA+F,wBAAAhQ,MAAAmT,CACA,OAAAlJ,GAAA+F,wBAAAhQ,MAAAoT,GAEAC,EAAA,SAAArL,GACA,OAAAyG,EAAAzG,GAAA,GAEAsL,EAAA,SAAAJ,EAAA5S,EAAA0H,GA0BA,OAzBAuL,GAAA9E,EAAA4E,EAAArL,GAyBAhK,EAAA,GAAoCA,IAAA,CACpC,GAAAwV,GAzBA,SAAAxV,GACA,GAAAkJ,GAAA0L,EAAApI,UAAAlK,GAAAtC,EAAA,GACA,KAAAkJ,MAAA1F,OAmBA,MAJAoR,GAAApI,UAAAlK,GAAAtC,EAAA,KAAAkV,GACAA,EAAAtO,iBAAA,0BACAgO,EAAApI,UAAAlK,GAAAtC,EAAA,IAAA6P,OAAA,QAEoC4F,EAAAzV,EAAA+U,EAlBpC,QAAAW,GAAA,EAA2CA,EAAAxM,EAAA1F,OAAiBkS,IAAA,CAC5D,GAAAC,GAAAV,EAAA/L,EAAAwM,IAAA,EACA,IAAAC,GAAAlF,EAAA8E,EAAAF,EAAAL,SAAA9L,EAAAwM,GAAAjQ,MAAAuE,SAAA2L,GAAA,EACA,KAEA,IAAAD,IAAAxM,EAAA1F,OAAA,EAKA,MAJAoR,GAAApI,UAAAlK,GAAAtC,EAAA,IAAAuJ,KAAA2L,GACAA,EAAAtO,iBAAA,0BACAgO,EAAApI,UAAAlK,GAAAtC,EAAA,IAAA6P,OAAA,QAE4C4F,EAAAzV,EAAA+U,KAY5C/U,EACA,yBAAAwV,EAAA,YAAAxS,EAAAwS,IACA,MAAAA,GAAAC,GAGA,oBAAAhV,OAAAS,UAAA0U,SAAA1V,KAAA4F,KACAA,MAuCA,QArCA+P,GAAAxP,SAAAyP,yBAqCA9V,EAAA,EAA+BA,EAAA8F,EAAAtC,OAAoBxD,KApCnD,SAAAA,GACA8F,EAAA9F,GAAAsC,OACAwD,EAAA9F,GAAAsC,KAAA,SAEAwD,EAAA9F,GAAAyP,QACA3J,EAAA9F,GAAAyP,MAAA,OAEA,IAAAvG,GAAA7C,SAAAC,cAAA,MACA4C,GAAArE,UAAAC,IAAA,wBACAoE,EAAArE,UAAAC,IAAA,mBAAAgB,EAAA9F,GAAAsC,MACA4G,EAAAlD,UAAAF,EAAA9F,GAAAkO,KACAhF,EAAAzD,MAAA8H,QAAAqH,EAAArJ,WACArC,EAAAzD,MAAAgK,MAAA3J,EAAA9F,GAAAyP,MACAvG,EAAAzD,MAAAqK,OAAAhK,EAAA9F,GAAA8P,OACA5G,EAAAtC,iBAAA,0BACAqF,EAAA8J,YAAA7M,IAEA,IAAA8M,GAAApB,EAAA3G,eAAAnI,EAAA9F,GAAAkO,KACA,QAAApI,EAAA9F,GAAAsC,MACA,YACA4G,EAAAzD,MAAAuE,MAAAgM,EAAA,OACA9M,EAAAzD,MAAAgH,IAAAoI,EAAAS,EAAApM,EAAApD,EAAA9F,GAAAsC,KAAA0T,GAAA,KACA9M,EAAAzD,MAAAkL,UAAA,eAAAF,EAAA,KACA,MACA,WACAvH,EAAAzD,MAAAgH,IAAAoI,EAAAS,EAAApM,EAAApD,EAAA9F,GAAAsC,MAAA,IACA,MACA,cACA4G,EAAAzD,MAAAiH,OAAAmI,EAAAS,EAAApM,EAAApD,EAAA9F,GAAAsC,MAAA,IACA,MACA,SACAC,QAAA0T,MAAA,+BAAAnQ,EAAA9F,GAAAsC,MAEA4G,EAAArE,UAAAC,IAAA,wBACA+Q,EAAArP,YAAA0C,IAGAlJ,EAGA,OADAiM,GAAAzF,YAAAqP,GACAA,KAIAlS,IAAA,cACAsL,MAAA,SAAAlK,EAAAe,GACAnG,KAAAoF,MAAAmR,OAAAnR,EAAAoR,IAAApR,EAAAoR,IAAA,GACAxW,KAAAoF,MAAAqR,IAAArR,EAAAsR,IACA1W,KAAA6B,QACAsE,IACAnG,KAAAsJ,OACAtJ,KAAAwJ,SAAA,EACAxJ,KAAAiF,QAAA6B,uBAAA,yBAAAhB,MAAAkP,QAAA,QACAhV,KAAA0F,UAAA,oBACA1F,KAAA0F,UAAA,oBACA1F,KAAAiF,QAAA6B,uBAAA,oBAAAT,UAAA,QACArG,KAAAiF,QAAA6B,uBAAA,sBAAAT,UAAA,GACArG,KAAA2W,SACAtU,SACAyK,OACAC,WAEA/M,KAAA+E,OAAAoB,UACAnG,KAAAyO,kBAKAzK,IAAA,YACAsL,MAAA,WACA,GAAAsH,GAAA5W,IASA,KAPA,SAAAA,KAAA+E,OAAAK,MAAAzC,KACA,gBAAAkU,KAAA7W,KAAAoF,MAAAqR,KACiB,QAAAzW,KAAA+E,OAAAK,MAAAzC,OAKjBmU,IAAAC,cAAA,CACA,GAAAC,GAAA,GAAAF,IACAE,GAAAC,WAAAjX,KAAAoF,MAAAqR,KACAO,EAAAE,YAAAlX,KAAAoF,OAUA,IAPA,SAAApF,KAAA+E,OAAAK,MAAAzC,KACA,gBAAAkU,KAAA7W,KAAAoF,MAAAqR,KACiB,QAAAzW,KAAA+E,OAAAK,MAAAzC,OAKjBwU,MAAAJ,cAAA,CACA,GAAAK,GAAAD,MAAAE,cACA1U,KAAA,MACA+T,IAAA1W,KAAA+E,OAAAK,MAAAsR,KAEAU,GAAAE,mBAAAtX,KAAAoF,OACAgS,EAAAG,OAEAvX,KAAA+E,OAAAoB,SACAnG,KAAAoF,MAAA6B,iBAAA,qBACA,OAAA5G,GAAA,EAAuCA,EAAAuW,EAAAtN,IAAAzF,OAAuBxD,IAAA,CAC9D,GAAAuW,EAAAtN,IAAAjJ,GAAAsJ,MAAAiN,EAAAxR,MAAA2D,YAEA,YADA6N,EAAApN,SAAAnJ,EAGAuW,GAAApN,SAAAoN,EAAAtN,IAAAzF,UAIA7D,KAAAoF,MAAA6B,iBAAA,4BACA,IAAA2P,EAAAxR,MAAA+D,WACAyN,EAAA3R,QAAA6B,uBAAA,oBAAAT,UAAAjC,EAAApB,QAAAoG,aAAAwN,EAAAxR,MAAA+D,aAGAnJ,KAAAoF,MAAA6B,iBAAA,sBACA,GAAAtB,GAAAiR,EAAAxR,MAAAoS,SAAA3T,OAAA+S,EAAAxR,MAAAoS,SAAAC,IAAAb,EAAAxR,MAAAoS,SAAA3T,OAAA,GAAA+S,EAAAxR,MAAA+D,SAAA,CACAyN,GAAAlR,UAAA,SAAAC,EAAA,WAEA3F,KAAAoF,MAAA6B,iBAAA,mBACA2P,EAAArH,OAAAqH,EAAApR,KAAA,gCACAoR,EAAA3Q,QAAA,WAEAjG,KAAAoF,MAAA6B,iBAAA,qBACA2P,EAAA3Q,QAAA,aAEAjG,KAAAyT,OAAA,EACAzT,KAAAoF,MAAA6B,iBAAA,mBACA2P,EAAAlR,UAAA,oBACAkR,EAAA3U,MAKA2U,EAAAxM,KAAA,GACAwM,EAAAxR,MAAAxD,SALAgV,EAAAnD,OAAA,EACAmD,EAAA/U,QACA+U,EAAA3Q,QAAA,UAKA2Q,EAAApN,SAAA,IAEAxJ,KAAAoF,MAAA6B,iBAAA,kBACA2P,EAAAxP,QACAwP,EAAAhV,SAGA5B,KAAAoF,MAAA6B,iBAAA,mBACA2P,EAAAxP,QACAwP,EAAA/U,UAGA7B,KAAAoF,MAAA8F,OAAAmK,SAAArV,KAAAiF,QAAA6B,uBAAA,+BAAAhB,MAAAuE,OAAA,OAIArG,IAAA,gBACAsL,MAAA,SAAAzK,GACA,GAAA6S,GAAA1X,IACA,IAAAA,KAAAsF,eAAAT,IAAA7E,KAAA2X,iBAAA,CAGA3X,KAAAsF,aAAAT,EAEA7E,KAAA2X,kBAAA,EACA3X,KAAAqF,QAAArF,KAAA+E,OAAAK,MAAAC,QAAAR,GACA7E,KAAAiF,QAAA6B,uBAAA,2BAAAT,UAAArG,KAAAqF,QAAA1E,IACA,IAAAyG,GAAApH,KAAAoF,MAAAgC,MACApH,MAAAoF,MAAAvD,OACA,IAAA+V,GAAAhT,EAAA5B,QAAAoC,OAAA,OAAApF,KAAA+E,OAAA8N,WAAA,OAAA7S,KAAAqF,QAAAqR,KACAmB,GAAA,GAAAC,YAAAC,gBAAAH,EAAA,aAAAI,KAAAC,WACAC,EAAAlY,KAAAiF,QAAA6B,uBAAA,wBACAoR,GAAAC,aAAAN,EAAAK,EAAAE,qBAAA,WACApY,KAAAqY,UAAArY,KAAAoF,MACApF,KAAAoF,MAAAyS,EACA7X,KAAA+G,YACA/G,KAAAoK,KAAApK,KAAAqY,UAAAtP,aACA/I,KAAAuP,OAAAvP,KAAAwF,KAAA,oBAAAxF,KAAAqF,QAAA1E,KAAA,IAAAX,KAAAwF,KAAA,eACAxF,KAAAoF,MAAA6B,iBAAA,qBACA,GAAAyQ,EAAAW,UAAA,CACA,GAAAX,EAAAtS,MAAA2D,cAAA2O,EAAAW,UAAAtP,YAEA,WADA2O,GAAAtN,KAAAsN,EAAAW,UAAAtP,YAGAmP,GAAA9B,YAAAsB,EAAAW,WACAX,EAAAtS,MAAAF,UAAAC,IAAA,yBACAiC,GACAsQ,EAAAtS,MAAAxD,OAEA8V,EAAAW,UAAA,KACAX,EAAAnI,OAAAmI,EAAAlS,KAAA,mBAAAkS,EAAArS,QAAA1E,KAAA,IAAA+W,EAAAlS,KAAA,YACAkS,EAAAC,kBAAA,SAMA3T,IAAA,kBACAsL,MAAA,SAAA1H,EAAA0Q,GACA,GAAAC,GAAAvY,KACAwY,EAAA,SAAAvT,GACA,GAAA6H,GAAA,EAAAyF,EAAA,CACA,IACAzF,GAAA7H,EAAAwT,WAAA,EACAlG,GAAAtN,EAAAyT,YAAA,EACAzT,IAAA0T,mBACqB1T,EACrB,QACA6H,MACAyF,QAGA,iBAAAvI,GACA,GAAAuO,EAAAnT,MAAA+D,SAAA,CAGA,GAAAe,GAAAF,EAAAE,QACA0O,EAAAJ,EAAA5Q,GAAA2K,KACAsG,EAAA3O,EAAA0O,CAGA,QAFAN,EAAAQ,UAAA1U,EAAApB,QAAAoG,aAAAmP,EAAAnT,MAAA+D,UAAA0P,EAAAjR,EAAApB,cACA8R,EAAAxS,MAAAyM,KAAAsG,EAAA,QACA7O,EAAArH,MACA,iBACA,gBACA,gBACA,GAAA4V,EAAAjO,WACA,MAEAgO,GAAApT,UAAAgC,OAAA,UACAqR,EAAAjO,YAAA,CACA,MACA,kBACA,eACA,IAAAiO,EAAAjO,WACA,MAEAgO,GAAApT,UAAAC,IAAA,UACAoT,EAAAjO,YAAA,QAOAtG,IAAA,SACAsL,MAAA,SAAAf,EAAA5E,GACA,GAAAoP,GAAA/Y,KAAAiF,QAAA6B,uBAAA,oBACAiS,GAAA1S,UAAAkI,EACAwK,EAAAjT,MAAA8H,QAAA,EACA5N,KAAAgZ,YACAxN,aAAAxL,KAAAgZ,YAEArP,KAAA,IAGA3J,KAAAgZ,WAAArQ,WAAA,WACAoQ,EAAAjT,MAAA8H,QAAA,GACiBjE,GAAA,UAIjB7E,IAEAjF,GAAAD,QAAAkF,GJqKM,SAAUjF,EAAQD,KAMlB,SAAUC,EAAQD,EAASM,GAEjC,YKlyCAL,GAAAD,SACAwJ,aAAA,SAAA6P,GACA,GAAAC,GAAA,SAAAC,GACA,MAAAA,GAAA,OAAAA,EAAA,GAAAA,GAEA3F,EAAA6B,SAAA4D,EAAA,IACAG,EAAA/D,SAAA4D,EAAA,GAAAzF,EACA,OAAA0F,GAAA1F,GAAA,IAAA0F,EAAAE,IAEAjP,mBAAA,SAAAlF,GACA,GAAAoU,GAAApU,EAAAyT,WACAY,EAAArU,EAAA0T,aACAY,EAAA7S,SAAAsR,KAAAwB,WAAA9S,SAAA+S,gBAAAD,UACA,IAAA9S,SAAAuK,mBAAAvK,SAAAwK,sBAAAxK,SAAAyK,wBAMA,YAAAmI,OAAArU,GACAoU,GAAAC,EAAAZ,WACAY,IAAAX,iBAPA,aAAAW,GACAD,GAAAC,EAAAZ,WACAY,IAAAX,YAQA,OAAAU,GAAAE,GAEAnT,SAAA,UAAAsT,KAAAtR,OAAAuR,UAAAC,aLyyCM,SAAU/Z,EAAQD,EAASM,GAEjC,YMr0CA,IAAA2Z,GAAA3Z,EAAA,EACAL,GAAAD,QAAA,SAAAmF,GACA,UAAA2U,KAAAtR,OAAAuR,UAAAC,aAEA7U,EAAA2J,UAAA,EAEA,IAAAoL,IACA7U,QAAAyB,SAAAI,uBAAA,cACA4H,UAAA,EACA0B,MAAA,UACAnO,MAAA,EACAwD,MAAA,IAAAkU,UAAAI,SAAAC,QAAA,gBACAnH,YAAA,EACAV,QAAA,EACA8H,QAAA,OACAjK,WAAA6J,EACAK,cAEA3L,KAAA,2BACA4L,KAAA,qBAGA5L,KAAA,6CACA4L,KAAA,6CAGA5L,KAAA,0CACA4L,KAAA,sCAIA,QAAAC,KAAAN,GACAA,EAAAtY,eAAA4Y,KAAArV,EAAAvD,eAAA4Y,KACArV,EAAAqV,GAAAN,EAAAM,GAeA,OAZA,mBAAAtZ,OAAAS,UAAA0U,SAAA1V,KAAAwE,EAAAK,MAAAsR,OACA3R,EAAAK,MAAAsR,KAAA3R,EAAAK,MAAAsR,MAEA3R,EAAAK,QAAAL,EAAAK,MAAA5D,eAAA,UACAuD,EAAAK,MAAAzC,KAAA,QAEAoC,EAAAoB,UAAApB,EAAAoB,QAAA3E,eAAA,UACAuD,EAAAoB,QAAA0J,KAAA,UAEA9K,EAAAK,MAAAC,UACAN,EAAAK,MAAAsR,KAAA3R,EAAAK,MAAAC,QAAAN,EAAAK,MAAAG,gBAAAmR,MAEA3R,IN40CM,SAAUlF,EAAQD,EAASM,GAEjC,YO93CA,IAAAma,GAAA,SAAA3D,EAAAzC,EAAAqG,EAAAhE,EAAAiE,GACA,GAAAC,GAAA,GAAAC,eACAD,GAAAE,mBAAA,WACA,OAAAF,EAAAG,WAAA,CACA,GAAAH,EAAApG,QAAA,KAAAoG,EAAApG,OAAA,WAAAoG,EAAApG,OAAA,CACA,GAAAF,GAAA0G,KAAAC,MAAAL,EAAAM,aACA,YAAA5G,EAAA6G,KACAzE,EAAAkE,EAAAtG,GAEAoG,EAAAE,EAAAtG,GAEAqG,EAAAC,KAGAA,EAAAQ,KAAA,OAAA/G,EAAA,aAAAyC,GAAA,GACA8D,EAAAhY,KAAA,OAAAyR,EAAA2G,KAAAK,UAAAhH,GAAA,MAEApU,GAAAD,SACA4C,KAAA,SAAA0Y,EAAA1L,GACA6K,EAAAa,EAAA1L,EAAA,SAAAgL,EAAAtG,GACAtR,QAAAC,IAAA,iBAAAqR,IACS,SAAAsG,EAAAtG,GACTiH,MAAAjH,EAAAC,MACS,SAAAqG,GACT5X,QAAAC,IAAA,6BAAA2X,EAAApG,WAGAL,KAAA,SAAAmH,EAAAE,GACAf,EAAAa,EAAA,cAAAV,EAAAtG,GACAkH,EAAA,KAAAlH,EAAA/N,UACS,SAAAqU,EAAAtG,GACTkH,GACAhH,OAAAoG,EAAApG,OACAF,cAES,SAAAsG,GACTY,GACAhH,OAAAoG,EAAApG,OACAF,SAAA,YPw4CM,SAAUrU,EAAQD,EAASM,GAEjC,YQh7CA,IAAAmb,IACAC,qBAAA,iCACAC,IAAA,eACAC,OAAA,eACAC,QAAA,eACAC,2BAAA,yDACAC,eAAA,2BACAC,mBAAA,6CACAC,gBAAA,0CACAC,KAAA,2BACAC,MAAA,eACAC,sBAAA,iCACAC,OAAA,eACAC,gCAAA,+DACAC,oBAAA,uCACAC,mBAAA,uCACAC,QAAA,eACAC,2BAAA,uCACAC,eAAA,iCACAC,cAAA,iCACAnX,QAAA,eAEAxF,GAAAD,QAAA,SAAA6F,GACA,GAAAT,GAAAhF,IACAA,MAAAyF,OACAzF,KAAAwF,KAAA,SAAA+I,GACA,aAAAvJ,EAAAS,KACA8I,EACS,OAAAvJ,EAAAS,KACT4V,EAAA9M,OADS,MR07CH,SAAU1O,EAAQD,EAASM,GAEjC,YSx9CA,IAAAuc,GAAAvc,EAAA,GACAwc,GACApW,KAAA,SAAAvB,EAAAF,EAAAW,GAEA,OADAmX,GAAA,GACAtc,EAAA,EAAuBA,EAAA0E,EAAAK,MAAAsR,IAAA7S,OAA6BxD,IACpDsc,GAAAD,EAAAtX,MAAA,IAAA/E,EAAA0E,EAAAK,MAAAoR,IAAAzR,EAAA8N,WAAA9N,EAAAK,MAAAsR,IAAA7S,OAAA,WAAAkB,EAAAkV,QAAAlV,EAAAK,MAAAsR,IAAArW,GAEA,0EAAAsc,GAAA5X,EAAA6X,KAAA,uCAAA7X,EAAA6X,KAAA,4LAAA7X,EAAAoB,QAAA,oCAAAX,EAAA,otCAAAiX,EAAA,iGAAAA,EAAA,qKAAu4D1X,EAAAqL,MAAA,qDAAkCrL,EAAAqL,MAAA,6MAAArL,EAAAK,MAAAC,QAAA,kFAAAN,EAAAK,MAAAC,QAAAN,EAAAK,MAAAG,gBAAA5E,KAAA,8CAAA+b,EAAAG,YAAA9X,EAAAK,MAAAC,SAAA,oBAAAN,EAAA8N,WAAA,wDAAA4J,EAAA,uGAAAA,EAAA,kHAAAA,EAAA,mJAAAjX,EAAA,qFAAAX,EAAA,kKAAisCA,EAAA,6HAAAA,EAAA,6HAAAA,EAAA,6HAAAA,EAAA,6HAAAA,EAAA,iKAAAW,EAAA,mFAAAX,EAAA,uBAAAW,EAAA,+EAAAX,EAAA,iCAAAW,EAAA,mFAAAX,EAAA,0BAAAW,EAAA,sGAAAA,EAAA,+FAAAiX,EAAA,+GAAAA,EAAA,gJAAAA,EAAA,sEAAAA,EAAA,oPAAk7D1X,EAAAqL,MAAA,oDAAArL,EAAAqL,MAAA,oCAAAsM,EAAAI,gBAAA/X,EAAAmV,aAAA,sCAE5hK4C,gBAAA,SAAA5C,GAEA,OADA6C,GAAA,6BACA1c,EAAA,EAAuBA,EAAA6Z,EAAArW,OAAwBxD,IAC/C0c,GAAA,4FAAA7C,EAAA7Z,GAAA8Z,KAAA,KAAAD,EAAA7Z,GAAAkO,KAAA,mBAGA,OADAwO,IAAA,UAGAF,YAAA,SAAAxX,GAEA,OADA0X,GAAA,qCACA1c,EAAA,EAAuBA,EAAAgF,EAAAxB,OAAoBxD,IAC3C0c,GAAA,iDAAA1c,EAAA,KAAAgF,EAAAhF,GAAAM,KAAA,QAGA,OADAoc,IAAA,UAGA3X,MAAA,SAAAkU,EAAA9C,EAAA3D,EAAAoH,EAAAvD,GACA,sCAAA4C,EAAA,mCAAA9C,EAAA,WAAAA,EAAA,4CAAA3D,EAAA,mCAAAoH,EAAA,YAAAA,EAAA,iBAAAvD,EAAA,cAEAtU,QAAA,SAAAoD,GACA,OACA2G,SAAA,uFAAA3G,EAAA,+CAAAiX,EAAA,2GAAAjX,EAAA,sQAAAA,EAAA,kRAAAA,EAAA,kKAAAqG,aAAAC,QAAA,yFACAkB,MAAA,kSAAAxH,EAAA,yUAIA3F,GAAAD,QAAA8c","file":"DPlayer.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"DPlayer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"DPlayer\"] = factory();\n\telse\n\t\troot[\"DPlayer\"] = factory();\n})(this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"DPlayer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"DPlayer\"] = factory();\n\telse\n\t\troot[\"DPlayer\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 1);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar svgSource = {\n    'play': [\n        '0 0 16 32',\n        'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'\n    ],\n    'pause': [\n        '0 0 17 32',\n        'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'\n    ],\n    'volume-up': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'\n    ],\n    'volume-down': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'\n    ],\n    'volume-off': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'\n    ],\n    'loop': [\n        '0 0 32 32',\n        'M1.882 16.941c0 4.152 3.221 7.529 7.177 7.529v1.882c-4.996 0-9.060-4.222-9.060-9.412s4.064-9.412 9.060-9.412h7.96l-3.098-3.098 1.331-1.331 5.372 5.37-5.37 5.372-1.333-1.333 3.1-3.098h-7.962c-3.957 0-7.177 3.377-7.177 7.529zM22.94 7.529v1.882c3.957 0 7.177 3.377 7.177 7.529s-3.221 7.529-7.177 7.529h-7.962l3.098-3.098-1.331-1.331-5.37 5.37 5.372 5.372 1.331-1.331-3.1-3.1h7.96c4.998 0 9.062-4.222 9.062-9.412s-4.064-9.412-9.060-9.412z'\n    ],\n    'full': [\n        '0 0 32 33',\n        'M6.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v4h4c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333zM30.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h4v-4c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM30.667 12c-0.8 0-1.333-0.533-1.333-1.333v-4h-4c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM1.333 12c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333h-4v4c0 0.8-0.533 1.333-1.333 1.333z'\n    ],\n    'full-in': [\n        '0 0 32 33',\n        'M24.965 24.38h-18.132c-1.366 0-2.478-1.113-2.478-2.478v-11.806c0-1.364 1.111-2.478 2.478-2.478h18.132c1.366 0 2.478 1.113 2.478 2.478v11.806c0 1.364-1.11 2.478-2.478 2.478zM6.833 10.097v11.806h18.134l-0.002-11.806h-18.132zM2.478 28.928h5.952c0.684 0 1.238-0.554 1.238-1.239 0-0.684-0.554-1.238-1.238-1.238h-5.952v-5.802c0-0.684-0.554-1.239-1.238-1.239s-1.239 0.556-1.239 1.239v5.802c0 1.365 1.111 2.478 2.478 2.478zM30.761 19.412c-0.684 0-1.238 0.554-1.238 1.238v5.801h-5.951c-0.686 0-1.239 0.554-1.239 1.238 0 0.686 0.554 1.239 1.239 1.239h5.951c1.366 0 2.478-1.111 2.478-2.478v-5.801c0-0.683-0.554-1.238-1.239-1.238zM0 5.55v5.802c0 0.683 0.554 1.238 1.238 1.238s1.238-0.555 1.238-1.238v-5.802h5.952c0.684 0 1.238-0.554 1.238-1.238s-0.554-1.238-1.238-1.238h-5.951c-1.366-0.001-2.478 1.111-2.478 2.476zM32 11.35v-5.801c0-1.365-1.11-2.478-2.478-2.478h-5.951c-0.686 0-1.239 0.554-1.239 1.238s0.554 1.238 1.239 1.238h5.951v5.801c0 0.683 0.554 1.237 1.238 1.237 0.686 0.002 1.239-0.553 1.239-1.236z'\n    ],\n    'setting': [\n        '0 0 32 28',\n        'M28.633 17.104c0.035 0.21 0.026 0.463-0.026 0.76s-0.14 0.598-0.262 0.904c-0.122 0.306-0.271 0.581-0.445 0.825s-0.367 0.419-0.576 0.524c-0.209 0.105-0.393 0.157-0.55 0.157s-0.332-0.035-0.524-0.105c-0.175-0.052-0.393-0.1-0.655-0.144s-0.528-0.052-0.799-0.026c-0.271 0.026-0.541 0.083-0.812 0.17s-0.502 0.236-0.694 0.445c-0.419 0.437-0.664 0.934-0.734 1.493s0.009 1.092 0.236 1.598c0.175 0.349 0.148 0.699-0.079 1.048-0.105 0.14-0.271 0.284-0.498 0.432s-0.476 0.284-0.747 0.406-0.555 0.218-0.851 0.288c-0.297 0.070-0.559 0.105-0.786 0.105-0.157 0-0.306-0.061-0.445-0.183s-0.236-0.253-0.288-0.393h-0.026c-0.192-0.541-0.52-1.009-0.982-1.402s-1-0.589-1.611-0.589c-0.594 0-1.131 0.197-1.611 0.589s-0.816 0.851-1.009 1.375c-0.087 0.21-0.218 0.362-0.393 0.458s-0.367 0.144-0.576 0.144c-0.244 0-0.52-0.044-0.825-0.131s-0.611-0.197-0.917-0.327c-0.306-0.131-0.581-0.284-0.825-0.458s-0.428-0.349-0.55-0.524c-0.087-0.122-0.135-0.266-0.144-0.432s0.057-0.397 0.197-0.694c0.192-0.402 0.266-0.86 0.223-1.375s-0.266-0.991-0.668-1.428c-0.244-0.262-0.541-0.432-0.891-0.511s-0.681-0.109-0.995-0.092c-0.367 0.017-0.742 0.087-1.127 0.21-0.244 0.070-0.489 0.052-0.734-0.052-0.192-0.070-0.371-0.231-0.537-0.485s-0.314-0.533-0.445-0.838c-0.131-0.306-0.231-0.62-0.301-0.943s-0.087-0.59-0.052-0.799c0.052-0.384 0.227-0.629 0.524-0.734 0.524-0.21 0.995-0.555 1.415-1.035s0.629-1.017 0.629-1.611c0-0.611-0.21-1.144-0.629-1.598s-0.891-0.786-1.415-0.996c-0.157-0.052-0.288-0.179-0.393-0.38s-0.157-0.406-0.157-0.616c0-0.227 0.035-0.48 0.105-0.76s0.162-0.55 0.275-0.812 0.244-0.502 0.393-0.72c0.148-0.218 0.31-0.38 0.485-0.485 0.14-0.087 0.275-0.122 0.406-0.105s0.275 0.052 0.432 0.105c0.524 0.21 1.070 0.275 1.637 0.197s1.070-0.327 1.506-0.747c0.21-0.209 0.362-0.467 0.458-0.773s0.157-0.607 0.183-0.904c0.026-0.297 0.026-0.568 0-0.812s-0.048-0.419-0.065-0.524c-0.035-0.105-0.066-0.227-0.092-0.367s-0.013-0.262 0.039-0.367c0.105-0.244 0.293-0.458 0.563-0.642s0.563-0.336 0.878-0.458c0.314-0.122 0.62-0.214 0.917-0.275s0.533-0.092 0.707-0.092c0.227 0 0.406 0.074 0.537 0.223s0.223 0.301 0.275 0.458c0.192 0.471 0.507 0.886 0.943 1.244s0.952 0.537 1.546 0.537c0.611 0 1.153-0.17 1.624-0.511s0.803-0.773 0.996-1.297c0.070-0.14 0.179-0.284 0.327-0.432s0.301-0.223 0.458-0.223c0.244 0 0.511 0.035 0.799 0.105s0.572 0.166 0.851 0.288c0.279 0.122 0.537 0.279 0.773 0.472s0.423 0.402 0.563 0.629c0.087 0.14 0.113 0.293 0.079 0.458s-0.070 0.284-0.105 0.354c-0.227 0.506-0.297 1.039-0.21 1.598s0.341 1.048 0.76 1.467c0.419 0.419 0.934 0.651 1.546 0.694s1.179-0.057 1.703-0.301c0.14-0.087 0.31-0.122 0.511-0.105s0.371 0.096 0.511 0.236c0.262 0.244 0.493 0.616 0.694 1.113s0.336 1 0.406 1.506c0.035 0.297-0.013 0.528-0.144 0.694s-0.266 0.275-0.406 0.327c-0.542 0.192-1.004 0.528-1.388 1.009s-0.576 1.026-0.576 1.637c0 0.594 0.162 1.113 0.485 1.559s0.747 0.764 1.27 0.956c0.122 0.070 0.227 0.14 0.314 0.21 0.192 0.157 0.323 0.358 0.393 0.602v0zM16.451 19.462c0.786 0 1.528-0.149 2.227-0.445s1.305-0.707 1.821-1.231c0.515-0.524 0.921-1.131 1.218-1.821s0.445-1.428 0.445-2.214c0-0.786-0.148-1.524-0.445-2.214s-0.703-1.292-1.218-1.808c-0.515-0.515-1.122-0.921-1.821-1.218s-1.441-0.445-2.227-0.445c-0.786 0-1.524 0.148-2.214 0.445s-1.292 0.703-1.808 1.218c-0.515 0.515-0.921 1.118-1.218 1.808s-0.445 1.428-0.445 2.214c0 0.786 0.149 1.524 0.445 2.214s0.703 1.297 1.218 1.821c0.515 0.524 1.118 0.934 1.808 1.231s1.428 0.445 2.214 0.445v0z'\n    ],\n    'right': [\n        '0 0 32 32',\n        'M22 16l-10.105-10.6-1.895 1.987 8.211 8.613-8.211 8.612 1.895 1.988 8.211-8.613z'\n    ],\n    'comment': [\n        '0 0 32 32',\n        'M27.128 0.38h-22.553c-2.336 0-4.229 1.825-4.229 4.076v16.273c0 2.251 1.893 4.076 4.229 4.076h4.229v-2.685h8.403l-8.784 8.072 1.566 1.44 7.429-6.827h9.71c2.335 0 4.229-1.825 4.229-4.076v-16.273c0-2.252-1.894-4.076-4.229-4.076zM28.538 19.403c0 1.5-1.262 2.717-2.819 2.717h-8.36l-0.076-0.070-0.076 0.070h-11.223c-1.557 0-2.819-1.217-2.819-2.717v-13.589c0-1.501 1.262-2.718 2.819-2.718h19.734c1.557 0 2.819-0.141 2.819 1.359v14.947zM9.206 10.557c-1.222 0-2.215 0.911-2.215 2.036s0.992 2.035 2.215 2.035c1.224 0 2.216-0.911 2.216-2.035s-0.992-2.036-2.216-2.036zM22.496 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.224 0 2.215-0.911 2.215-2.035s-0.991-2.036-2.215-2.036zM15.852 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.222 0 2.215-0.911 2.215-2.035s-0.992-2.036-2.215-2.036z'\n    ],\n    'comment-off': [\n        '0 0 32 32',\n        'M27.090 0.131h-22.731c-2.354 0-4.262 1.839-4.262 4.109v16.401c0 2.269 1.908 4.109 4.262 4.109h4.262v-2.706h8.469l-8.853 8.135 1.579 1.451 7.487-6.88h9.787c2.353 0 4.262-1.84 4.262-4.109v-16.401c0-2.27-1.909-4.109-4.262-4.109v0zM28.511 19.304c0 1.512-1.272 2.738-2.841 2.738h-8.425l-0.076-0.070-0.076 0.070h-11.311c-1.569 0-2.841-1.226-2.841-2.738v-13.696c0-1.513 1.272-2.739 2.841-2.739h19.889c1.569 0 2.841-0.142 2.841 1.37v15.064z'\n    ],\n    'send': [\n        '0 0 32 32',\n        'M13.725 30l3.9-5.325-3.9-1.125v6.45zM0 17.5l11.050 3.35 13.6-11.55-10.55 12.425 11.8 3.65 6.1-23.375-32 15.5z'\n    ],\n    'menu': [\n        '0 0 22 32',\n        'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z'\n    ],\n    'camera': [\n        '0 0 32 32',\n        'M16 23c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zM16 13c-2.206 0-4 1.794-4 4s1.794 4 4 4c2.206 0 4-1.794 4-4s-1.794-4-4-4zM27 28h-22c-1.654 0-3-1.346-3-3v-16c0-1.654 1.346-3 3-3h3c0.552 0 1 0.448 1 1s-0.448 1-1 1h-3c-0.551 0-1 0.449-1 1v16c0 0.552 0.449 1 1 1h22c0.552 0 1-0.448 1-1v-16c0-0.551-0.448-1-1-1h-11c-0.552 0-1-0.448-1-1s0.448-1 1-1h11c1.654 0 3 1.346 3 3v16c0 1.654-1.346 3-3 3zM24 10.5c0 0.828 0.672 1.5 1.5 1.5s1.5-0.672 1.5-1.5c0-0.828-0.672-1.5-1.5-1.5s-1.5 0.672-1.5 1.5zM15 4c0 0.552-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1v0c0-0.552 0.448-1 1-1h4c0.552 0 1 0.448 1 1v0z'\n    ]\n};\nmodule.exports = function (type) {\n    return '<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"100%\" version=\"1.1\" viewBox=\"' + svgSource[type][0] + '\" width=\"100%\"><use xlink:href=\"#dplayer-' + type + '\"></use><path class=\"dplayer-fill\" d=\"' + svgSource[type][1] + '\" id=\"dplayer-' + type + '\"></path></svg>\\n';\n};\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nconsole.log('%c DPlayer ' + \"1.5.2\" + ' %c http://dplayer.js.org ', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');\nmodule.exports = __webpack_require__(2);\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar _typeof = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? function (obj) {\n    return typeof obj;\n} : function (obj) {\n    return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;\n};\nvar _createClass = function () {\n    function defineProperties(target, props) {\n        for (var i = 0; i < props.length; i++) {\n            var descriptor = props[i];\n            descriptor.enumerable = descriptor.enumerable || false;\n            descriptor.configurable = true;\n            if ('value' in descriptor)\n                descriptor.writable = true;\n            Object.defineProperty(target, descriptor.key, descriptor);\n        }\n    }\n    return function (Constructor, protoProps, staticProps) {\n        if (protoProps)\n            defineProperties(Constructor.prototype, protoProps);\n        if (staticProps)\n            defineProperties(Constructor, staticProps);\n        return Constructor;\n    };\n}();\n__webpack_require__(3);\nvar _utils = __webpack_require__(4);\nvar _utils2 = _interopRequireDefault(_utils);\nvar _svg = __webpack_require__(0);\nvar _svg2 = _interopRequireDefault(_svg);\nvar _option = __webpack_require__(5);\nvar _option2 = _interopRequireDefault(_option);\nvar _i18n = __webpack_require__(7);\nvar _i18n2 = _interopRequireDefault(_i18n);\nvar _html = __webpack_require__(8);\nvar _html2 = _interopRequireDefault(_html);\nfunction _interopRequireDefault(obj) {\n    return obj && obj.__esModule ? obj : { default: obj };\n}\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar index = 0;\nvar DPlayer = function () {\n    function DPlayer(option) {\n        var _this = this;\n        _classCallCheck(this, DPlayer);\n        this.option = (0, _option2.default)(option);\n        this.option.element.classList.add('dplayer');\n        if (this.option.video.quality) {\n            this.qualityIndex = this.option.video.defaultQuality;\n            this.quality = this.option.video.quality[this.option.video.defaultQuality];\n        }\n        this.tran = new _i18n2.default(this.option.lang).tran;\n        this.updateBar = function (type, percentage, direction) {\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            bar[type + 'Bar'].style[direction] = percentage * 100 + '%';\n        };\n        var eventTypes = [\n            'play',\n            'pause',\n            'canplay',\n            'playing',\n            'ended',\n            'error'\n        ];\n        this.event = {};\n        for (var i = 0; i < eventTypes.length; i++) {\n            this.event[eventTypes[i]] = [];\n        }\n        this.trigger = function (type) {\n            for (var _i = 0; _i < _this.event[type].length; _i++) {\n                _this.event[type][_i]();\n            }\n        };\n        this.element = this.option.element;\n        if (!this.option.danmaku) {\n            this.element.classList.add('dplayer-no-danmaku');\n        }\n        if (_utils.isMobile) {\n            this.element.classList.add('dplayer-mobile');\n        }\n        this.element.innerHTML = _html2.default.main(option, index, this.tran);\n        this.arrow = this.element.offsetWidth <= 500;\n        if (this.arrow) {\n            var arrowStyle = document.createElement('style');\n            arrowStyle.innerHTML = '.dplayer .dplayer-danmaku{font-size:18px}';\n            document.head.appendChild(arrowStyle);\n        }\n        this.video = this.element.getElementsByClassName('dplayer-video-current')[0];\n        this.initVideo();\n        this.bezel = this.element.getElementsByClassName('dplayer-bezel-icon')[0];\n        this.bezel.addEventListener('animationend', function () {\n            _this.bezel.classList.remove('dplayer-bezel-transition');\n        });\n        this.playButton = this.element.getElementsByClassName('dplayer-play-icon')[0];\n        this.paused = true;\n        this.playButton.addEventListener('click', function () {\n            _this.toggle();\n        });\n        var videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n        var conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];\n        if (!_utils.isMobile) {\n            videoWrap.addEventListener('click', function () {\n                _this.toggle();\n            });\n            conMask.addEventListener('click', function () {\n                _this.toggle();\n            });\n        } else {\n            var toggleController = function toggleController() {\n                if (_this.element.classList.contains('dplayer-hide-controller')) {\n                    _this.element.classList.remove('dplayer-hide-controller');\n                } else {\n                    _this.element.classList.add('dplayer-hide-controller');\n                }\n            };\n            videoWrap.addEventListener('click', toggleController);\n            conMask.addEventListener('click', toggleController);\n        }\n        var bar = {};\n        bar.playedBar = this.element.getElementsByClassName('dplayer-played')[0];\n        bar.loadedBar = this.element.getElementsByClassName('dplayer-loaded')[0];\n        var pbar = this.element.getElementsByClassName('dplayer-bar-wrap')[0];\n        var pbarTimeTips = this.element.getElementsByClassName('dplayer-bar-time')[0];\n        var barWidth = void 0;\n        var lastPlayPos = 0;\n        var currentPlayPos = 0;\n        var bufferingDetected = false;\n        this.danmakuTime = false;\n        this.playedTime = false;\n        window.requestAnimationFrame = function () {\n            return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {\n                window.setTimeout(callback, 1000 / 60);\n            };\n        }();\n        var setCheckLoadingTime = function setCheckLoadingTime() {\n            _this.checkLoading = setInterval(function () {\n                currentPlayPos = _this.video.currentTime;\n                if (!bufferingDetected && currentPlayPos < lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.add('dplayer-loading');\n                    bufferingDetected = true;\n                }\n                if (bufferingDetected && currentPlayPos > lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.remove('dplayer-loading');\n                    bufferingDetected = false;\n                }\n                lastPlayPos = currentPlayPos;\n            }, 100);\n        };\n        var clearCheckLoadingTime = function clearCheckLoadingTime() {\n            clearInterval(_this.checkLoading);\n        };\n        this.animationFrame = function () {\n            if (_this.playedTime) {\n                _this.updateBar('played', _this.video.currentTime / _this.video.duration, 'width');\n                _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(_this.video.currentTime);\n                _this.trigger('playing');\n            }\n            if (_this.danmakuTime && _this.option.danmaku && showdan && _this.dan) {\n                var item = _this.dan[_this.danIndex];\n                var danmakus = [];\n                while (item && _this.video.currentTime > parseFloat(item.time)) {\n                    danmakus.push(item);\n                    item = _this.dan[++_this.danIndex];\n                }\n                _this.pushDanmaku(danmakus);\n            }\n            window.requestAnimationFrame(_this.animationFrame);\n        };\n        window.requestAnimationFrame(this.animationFrame);\n        this.setTime = function (type) {\n            if (!type) {\n                _this.danmakuTime = true;\n                _this.playedTime = true;\n                setCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = true;\n                if (type === 'played') {\n                    setCheckLoadingTime();\n                }\n            }\n        };\n        this.clearTime = function (type) {\n            if (!type) {\n                _this.danmakuTime = false;\n                _this.playedTime = false;\n                clearCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = false;\n                if (type === 'played') {\n                    clearCheckLoadingTime();\n                }\n            }\n        };\n        pbar.addEventListener('click', function (event) {\n            var e = event || window.event;\n            barWidth = pbar.clientWidth;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n        });\n        this.isTipsShow = false;\n        this.timeTipsHandler = this.timeTipsHandler(pbar, pbarTimeTips).bind(this);\n        pbar.addEventListener('mousemove', this.timeTipsHandler);\n        pbar.addEventListener('mouseover', this.timeTipsHandler);\n        pbar.addEventListener('mouseenter', this.timeTipsHandler);\n        pbar.addEventListener('mouseout', this.timeTipsHandler);\n        pbar.addEventListener('mouseleave', this.timeTipsHandler);\n        var thumbMove = function thumbMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(percentage * _this.video.duration);\n        };\n        var thumbUp = function thumbUp() {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n            _this.setTime();\n        };\n        pbar.addEventListener('mousedown', function () {\n            barWidth = pbar.clientWidth;\n            _this.clearTime();\n            document.addEventListener('mousemove', thumbMove);\n            document.addEventListener('mouseup', thumbUp);\n        });\n        bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];\n        var volumeEle = this.element.getElementsByClassName('dplayer-volume')[0];\n        var volumeBarWrapWrap = this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0];\n        var volumeBarWrap = this.element.getElementsByClassName('dplayer-volume-bar')[0];\n        var volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0];\n        var vWidth = 35;\n        this.switchVolumeIcon = function () {\n            var volumeicon = _this.element.getElementsByClassName('dplayer-volume-icon')[0];\n            if (_this.video.volume >= 0.8) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-up');\n            } else if (_this.video.volume > 0) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-down');\n            } else {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n            }\n        };\n        var volumeMove = function volumeMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        };\n        var volumeUp = function volumeUp() {\n            document.removeEventListener('mouseup', volumeUp);\n            document.removeEventListener('mousemove', volumeMove);\n            volumeEle.classList.remove('dplayer-volume-active');\n        };\n        volumeBarWrapWrap.addEventListener('click', function (event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        });\n        volumeBarWrapWrap.addEventListener('mousedown', function () {\n            document.addEventListener('mousemove', volumeMove);\n            document.addEventListener('mouseup', volumeUp);\n            volumeEle.classList.add('dplayer-volume-active');\n        });\n        volumeicon.addEventListener('click', function () {\n            if (_this.video.muted) {\n                _this.video.muted = false;\n                _this.switchVolumeIcon();\n                _this.updateBar('volume', _this.video.volume, 'width');\n            } else {\n                _this.video.muted = true;\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n                _this.updateBar('volume', 0, 'width');\n            }\n        });\n        var hideTime = 0;\n        if (!_utils.isMobile) {\n            var hideController = function hideController() {\n                _this.element.classList.remove('dplayer-hide-controller');\n                clearTimeout(hideTime);\n                hideTime = setTimeout(function () {\n                    if (_this.video.played.length) {\n                        _this.element.classList.add('dplayer-hide-controller');\n                        closeSetting();\n                        closeComment();\n                    }\n                }, 2000);\n            };\n            this.element.addEventListener('mousemove', hideController);\n            this.element.addEventListener('click', hideController);\n        }\n        this.danOpacity = localStorage.getItem('DPlayer-opacity') || 0.7;\n        var settingHTML = _html2.default.setting(this.tran);\n        var settingIcon = this.element.getElementsByClassName('dplayer-setting-icon')[0];\n        var settingBox = this.element.getElementsByClassName('dplayer-setting-box')[0];\n        var mask = this.element.getElementsByClassName('dplayer-mask')[0];\n        settingBox.innerHTML = settingHTML.original;\n        var closeSetting = function closeSetting() {\n            if (settingBox.classList.contains('dplayer-setting-box-open')) {\n                settingBox.classList.remove('dplayer-setting-box-open');\n                mask.classList.remove('dplayer-mask-show');\n                setTimeout(function () {\n                    settingBox.classList.remove('dplayer-setting-box-narrow');\n                    settingBox.innerHTML = settingHTML.original;\n                    settingEvent();\n                }, 300);\n            }\n        };\n        var openSetting = function openSetting() {\n            settingBox.classList.add('dplayer-setting-box-open');\n            mask.classList.add('dplayer-mask-show');\n        };\n        mask.addEventListener('click', function () {\n            closeSetting();\n        });\n        settingIcon.addEventListener('click', function () {\n            openSetting();\n        });\n        this.loop = this.option.loop;\n        var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n        var showdan = true;\n        var settingEvent = function settingEvent() {\n            var loopEle = _this.element.getElementsByClassName('dplayer-setting-loop')[0];\n            var loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];\n            loopToggle.checked = _this.loop;\n            loopEle.addEventListener('click', function () {\n                loopToggle.checked = !loopToggle.checked;\n                if (loopToggle.checked) {\n                    _this.loop = true;\n                } else {\n                    _this.loop = false;\n                }\n                closeSetting();\n            });\n            var showDanEle = _this.element.getElementsByClassName('dplayer-setting-showdan')[0];\n            var showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];\n            showDanToggle.checked = showdan;\n            showDanEle.addEventListener('click', function () {\n                showDanToggle.checked = !showDanToggle.checked;\n                if (showDanToggle.checked) {\n                    showdan = true;\n                    if (_this.option.danmaku) {\n                        for (var _i2 = 0; _i2 < _this.dan.length; _i2++) {\n                            if (_this.dan[_i2].time >= _this.video.currentTime) {\n                                _this.danIndex = _i2;\n                                break;\n                            }\n                            _this.danIndex = _this.dan.length;\n                        }\n                        if (!_this.paused) {\n                            _this.setTime('danmaku');\n                        }\n                    }\n                } else {\n                    showdan = false;\n                    if (_this.option.danmaku) {\n                        _this.clearTime('danmaku');\n                        danContainer.innerHTML = '';\n                        _this.danTunnel = {\n                            right: {},\n                            top: {},\n                            bottom: {}\n                        };\n                    }\n                }\n                closeSetting();\n            });\n            var speedEle = _this.element.getElementsByClassName('dplayer-setting-speed')[0];\n            speedEle.addEventListener('click', function () {\n                settingBox.classList.add('dplayer-setting-box-narrow');\n                settingBox.innerHTML = settingHTML.speed;\n                var speedItem = settingBox.getElementsByClassName('dplayer-setting-speed-item');\n                var _loop = function _loop(_i3) {\n                    speedItem[_i3].addEventListener('click', function () {\n                        _this.video.playbackRate = speedItem[_i3].dataset.speed;\n                        closeSetting();\n                    });\n                };\n                for (var _i3 = 0; _i3 < speedItem.length; _i3++) {\n                    _loop(_i3);\n                }\n            });\n            if (_this.option.danmaku) {\n                bar.danmakuBar = _this.element.getElementsByClassName('dplayer-danmaku-bar-inner')[0];\n                var danmakuBarWrapWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];\n                var danmakuBarWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar')[0];\n                var danmakuSettingBox = _this.element.getElementsByClassName('dplayer-setting-danmaku')[0];\n                var dWidth = 130;\n                _this.updateBar('danmaku', _this.danOpacity, 'width');\n                var danmakuMove = function danmakuMove(event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n                    for (var _i4 = 0; _i4 < items.length; _i4++) {\n                        items[_i4].style.opacity = percentage;\n                    }\n                    _this.danOpacity = percentage;\n                    localStorage.setItem('DPlayer-opacity', _this.danOpacity);\n                };\n                var danmakuUp = function danmakuUp() {\n                    document.removeEventListener('mouseup', danmakuUp);\n                    document.removeEventListener('mousemove', danmakuMove);\n                    danmakuSettingBox.classList.remove('dplayer-setting-danmaku-active');\n                };\n                danmakuBarWrapWrap.addEventListener('click', function (event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n                    for (var _i5 = 0; _i5 < items.length; _i5++) {\n                        items[_i5].style.opacity = percentage;\n                    }\n                    _this.danOpacity = percentage;\n                    localStorage.setItem('DPlayer-opacity', _this.danOpacity);\n                });\n                danmakuBarWrapWrap.addEventListener('mousedown', function () {\n                    document.addEventListener('mousemove', danmakuMove);\n                    document.addEventListener('mouseup', danmakuUp);\n                    danmakuSettingBox.classList.add('dplayer-setting-danmaku-active');\n                });\n            }\n        };\n        settingEvent();\n        if (this.video.duration !== 1) {\n            this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? _utils2.default.secondToTime(this.video.duration) : '00:00';\n        }\n        this.danTunnel = {\n            right: {},\n            top: {},\n            bottom: {}\n        };\n        var measureStyle = getComputedStyle(this.element.getElementsByClassName('dplayer-danmaku-item')[0], null);\n        var context = document.createElement('canvas').getContext('2d');\n        context.font = measureStyle.getPropertyValue('font-size') + ' ' + measureStyle.getPropertyValue('font-family');\n        this.danmakuMeasure = function (text) {\n            return context.measureText(text).width;\n        };\n        if (this.option.danmaku) {\n            this.danIndex = 0;\n            this.readDanmaku();\n        } else {\n            if (this.option.autoplay && !_utils.isMobile) {\n                this.play();\n            } else if (_utils.isMobile) {\n                this.pause();\n            }\n        }\n        var commentInput = this.element.getElementsByClassName('dplayer-comment-input')[0];\n        var commentIcon = this.element.getElementsByClassName('dplayer-comment-icon')[0];\n        var commentBox = this.element.getElementsByClassName('dplayer-comment-box')[0];\n        var commentSettingIcon = this.element.getElementsByClassName('dplayer-comment-setting-icon')[0];\n        var commentSettingBox = this.element.getElementsByClassName('dplayer-comment-setting-box')[0];\n        var commentSendIcon = this.element.getElementsByClassName('dplayer-send-icon')[0];\n        var htmlEncode = function htmlEncode(str) {\n            return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\\//g, '&#x2f;');\n        };\n        var sendComment = function sendComment() {\n            commentInput.blur();\n            if (!commentInput.value.replace(/^\\s+|\\s+$/g, '')) {\n                _this.notice(_this.tran('Please input danmaku content!'));\n                return;\n            }\n            var danmakuData = {\n                token: _this.option.danmaku.token,\n                player: _this.option.danmaku.id,\n                author: _this.option.danmaku.user,\n                time: _this.video.currentTime,\n                text: commentInput.value,\n                color: _this.element.querySelector('.dplayer-comment-setting-color input:checked').value,\n                type: _this.element.querySelector('.dplayer-comment-setting-type input:checked').value\n            };\n            _this.option.apiBackend.send(_this.option.danmaku.api, danmakuData);\n            commentInput.value = '';\n            closeComment();\n            _this.dan.splice(_this.danIndex, 0, danmakuData);\n            _this.danIndex++;\n            var danmaku = {\n                text: htmlEncode(danmakuData.text),\n                color: danmakuData.color,\n                type: danmakuData.type,\n                border: '2px solid ' + _this.option.theme\n            };\n            _this.pushDanmaku(danmaku);\n        };\n        var closeCommentSetting = function closeCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            }\n        };\n        var toggleCommentSetting = function toggleCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            } else {\n                commentSettingBox.classList.add('dplayer-comment-setting-open');\n            }\n        };\n        var disableHide = 0;\n        var commentFocusTimeout = 0;\n        var closeComment = function closeComment() {\n            if (!commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.remove('dplayer-comment-box-open');\n            mask.classList.remove('dplayer-mask-show');\n            _this.element.classList.remove('dplayer-show-controller');\n            clearInterval(disableHide);\n            clearTimeout(commentFocusTimeout);\n            closeCommentSetting();\n        };\n        var openComment = function openComment() {\n            if (commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.add('dplayer-comment-box-open');\n            mask.classList.add('dplayer-mask-show');\n            _this.element.classList.add('dplayer-show-controller');\n            disableHide = setInterval(function () {\n                clearTimeout(hideTime);\n            }, 1000);\n            commentFocusTimeout = setTimeout(function () {\n                commentInput.focus();\n            }, 300);\n        };\n        mask.addEventListener('click', function () {\n            closeComment();\n        });\n        commentIcon.addEventListener('click', function () {\n            openComment();\n        });\n        commentSettingIcon.addEventListener('click', function () {\n            toggleCommentSetting();\n        });\n        this.element.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', function () {\n            var sele = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked+span');\n            if (sele) {\n                commentSettingIcon.getElementsByClassName('dplayer-fill')[0].style.fill = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked').value;\n            }\n        });\n        commentInput.addEventListener('click', function () {\n            closeCommentSetting();\n        });\n        commentInput.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            if (event.keyCode === 13) {\n                sendComment();\n            }\n        });\n        commentSendIcon.addEventListener('click', sendComment);\n        var resetAnimation = function resetAnimation() {\n            var danWidth = danContainer.offsetWidth;\n            var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n            for (var _i6 = 0; _i6 < items.length; _i6++) {\n                items[_i6].style.transform = 'translateX(-' + danWidth + 'px)';\n            }\n        };\n        this.element.addEventListener('fullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.addEventListener('mozfullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.addEventListener('webkitfullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', function () {\n            if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n                if (_this.element.requestFullscreen) {\n                    _this.element.requestFullscreen();\n                } else if (_this.element.mozRequestFullScreen) {\n                    _this.element.mozRequestFullScreen();\n                } else if (_this.element.webkitRequestFullscreen) {\n                    _this.element.webkitRequestFullscreen();\n                } else if (_this.video.webkitEnterFullscreen) {\n                    _this.video.webkitEnterFullscreen();\n                }\n            } else {\n                if (document.cancelFullScreen) {\n                    document.cancelFullScreen();\n                } else if (document.mozCancelFullScreen) {\n                    document.mozCancelFullScreen();\n                } else if (document.webkitCancelFullScreen) {\n                    document.webkitCancelFullScreen();\n                }\n            }\n            resetAnimation();\n        });\n        this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', function () {\n            if (_this.element.classList.contains('dplayer-fulled')) {\n                _this.element.classList.remove('dplayer-fulled');\n            } else {\n                _this.element.classList.add('dplayer-fulled');\n                resetAnimation();\n            }\n        });\n        var handleKeyDown = function handleKeyDown(e) {\n            var tag = document.activeElement.tagName.toUpperCase();\n            var editable = document.activeElement.getAttribute('contenteditable');\n            if (tag !== 'INPUT' && tag !== 'TEXTAREA' && editable !== '' && editable !== 'true') {\n                var event = e || window.event;\n                var percentage = void 0;\n                switch (event.keyCode) {\n                case 32:\n                    event.preventDefault();\n                    _this.toggle();\n                    break;\n                case 37:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime - 5);\n                    break;\n                case 39:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime + 5);\n                    break;\n                case 38:\n                    event.preventDefault();\n                    percentage = _this.video.volume + 0.1;\n                    _this.volume(percentage);\n                    break;\n                case 40:\n                    event.preventDefault();\n                    percentage = _this.video.volume - 0.1;\n                    _this.volume(percentage);\n                    break;\n                }\n            }\n        };\n        if (this.option.hotkey) {\n            document.addEventListener('keydown', handleKeyDown);\n        }\n        document.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            switch (event.keyCode) {\n            case 27:\n                if (_this.element.classList.contains('dplayer-fulled')) {\n                    _this.element.classList.remove('dplayer-fulled');\n                    resetAnimation();\n                }\n                break;\n            }\n        });\n        var menu = this.element.getElementsByClassName('dplayer-menu')[0];\n        this.element.addEventListener('contextmenu', function (e) {\n            var event = e || window.event;\n            event.preventDefault();\n            menu.classList.add('dplayer-menu-show');\n            var clientRect = _this.element.getBoundingClientRect();\n            var menuLeft = event.clientX - clientRect.left;\n            var menuTop = event.clientY - clientRect.top;\n            if (menuLeft + menu.offsetWidth >= clientRect.width) {\n                menu.style.right = clientRect.width - menuLeft + 'px';\n                menu.style.left = 'initial';\n            } else {\n                menu.style.left = event.clientX - _this.element.getBoundingClientRect().left + 'px';\n                menu.style.right = 'initial';\n            }\n            if (menuTop + menu.offsetHeight >= clientRect.height) {\n                menu.style.bottom = clientRect.height - menuTop + 'px';\n                menu.style.top = 'initial';\n            } else {\n                menu.style.top = event.clientY - _this.element.getBoundingClientRect().top + 'px';\n                menu.style.bottom = 'initial';\n            }\n            mask.classList.add('dplayer-mask-show');\n            mask.addEventListener('click', function () {\n                mask.classList.remove('dplayer-mask-show');\n                menu.classList.remove('dplayer-menu-show');\n            });\n        });\n        if (this.option.video.quality) {\n            this.element.getElementsByClassName('dplayer-quality-list')[0].addEventListener('click', function (e) {\n                if (e.target.classList.contains('dplayer-quality-item')) {\n                    _this.switchQuality(e.target.dataset.index);\n                }\n            });\n        }\n        if (this.option.screenshot) {\n            var camareIcon = this.element.getElementsByClassName('dplayer-camera-icon')[0];\n            camareIcon.addEventListener('click', function () {\n                var canvas = document.createElement('canvas');\n                canvas.width = _this.video.videoWidth;\n                canvas.height = _this.video.videoHeight;\n                canvas.getContext('2d').drawImage(_this.video, 0, 0, canvas.width, canvas.height);\n                camareIcon.href = canvas.toDataURL();\n                camareIcon.download = 'DPlayer.png';\n            });\n        }\n        index++;\n    }\n    _createClass(DPlayer, [\n        {\n            key: 'seek',\n            value: function seek(time) {\n                time = Math.max(time, 0);\n                if (this.video.duration) {\n                    time = Math.min(time, this.video.duration);\n                }\n                this.video.currentTime = time;\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n                if (this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('play');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.playButton.innerHTML = (0, _svg2.default)('pause');\n                this.video.play();\n                this.setTime();\n                this.element.classList.add('dplayer-playing');\n                this.trigger('play');\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n                this.element.classList.remove('dplayer-loading');\n                if (!this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('pause');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.ended = false;\n                this.playButton.innerHTML = (0, _svg2.default)('play');\n                this.video.pause();\n                this.clearTime();\n                this.element.classList.remove('dplayer-playing');\n                this.trigger('pause');\n            }\n        },\n        {\n            key: 'volume',\n            value: function volume(percentage) {\n                percentage = percentage > 0 ? percentage : 0;\n                percentage = percentage < 1 ? percentage : 1;\n                this.updateBar('volume', percentage, 'width');\n                this.video.volume = percentage;\n                if (this.video.muted) {\n                    this.video.muted = false;\n                }\n                this.switchVolumeIcon();\n            }\n        },\n        {\n            key: 'toggle',\n            value: function toggle() {\n                if (this.video.paused) {\n                    this.play();\n                } else {\n                    this.pause();\n                }\n            }\n        },\n        {\n            key: 'on',\n            value: function on(event, callback) {\n                if (typeof callback === 'function') {\n                    this.event[event].push(callback);\n                }\n            }\n        },\n        {\n            key: '_readAllEndpoints',\n            value: function _readAllEndpoints(endpoints, finish) {\n                var _this2 = this;\n                var results = [];\n                var readCount = 0;\n                var cbk = function cbk(i) {\n                    return function (err, data) {\n                        ++readCount;\n                        if (err) {\n                            if (err.response) {\n                                _this2.notice(err.response.msg);\n                            } else {\n                                _this2.notice('Request was unsuccessful: ' + err.status);\n                            }\n                            results[i] = [];\n                        } else {\n                            results[i] = data;\n                        }\n                        if (readCount === endpoints.length) {\n                            return finish(results);\n                        }\n                    };\n                };\n                for (var i = 0; i < endpoints.length; ++i) {\n                    this.option.apiBackend.read(endpoints[i], cbk(i));\n                }\n            }\n        },\n        {\n            key: 'readDanmaku',\n            value: function readDanmaku() {\n                var _this3 = this;\n                var apiurl = void 0;\n                if (this.option.danmaku.maximum) {\n                    apiurl = this.option.danmaku.api + '?id=' + this.option.danmaku.id + '&max=' + this.option.danmaku.maximum;\n                } else {\n                    apiurl = this.option.danmaku.api + '?id=' + this.option.danmaku.id;\n                }\n                var endpoints = (this.option.danmaku.addition || []).slice(0);\n                endpoints.push(apiurl);\n                this._readAllEndpoints(endpoints, function (results) {\n                    _this3.danIndex = 0;\n                    _this3.dan = [].concat.apply([], results).sort(function (a, b) {\n                        return a.time - b.time;\n                    });\n                    _this3.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n                    if (_this3.option.autoplay && !_utils.isMobile) {\n                        _this3.play();\n                    } else if (_utils.isMobile) {\n                        _this3.pause();\n                    }\n                });\n            }\n        },\n        {\n            key: 'pushDanmaku',\n            value: function pushDanmaku(danmaku) {\n                var _this4 = this;\n                var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n                var itemHeight = this.arrow ? 24 : 30;\n                var danWidth = danContainer.offsetWidth;\n                var danHeight = danContainer.offsetHeight;\n                var itemY = parseInt(danHeight / itemHeight);\n                var danItemRight = function danItemRight(ele) {\n                    var eleWidth = ele.offsetWidth || parseInt(ele.style.width);\n                    var eleRight = ele.getBoundingClientRect().right || danContainer.getBoundingClientRect().right + eleWidth;\n                    return danContainer.getBoundingClientRect().right - eleRight;\n                };\n                var danSpeed = function danSpeed(width) {\n                    return (danWidth + width) / 5;\n                };\n                var getTunnel = function getTunnel(ele, type, width) {\n                    var tmp = danWidth / danSpeed(width);\n                    var _loop2 = function _loop2(i) {\n                        var item = _this4.danTunnel[type][i + ''];\n                        if (item && item.length) {\n                            for (var j = 0; j < item.length; j++) {\n                                var danRight = danItemRight(item[j]) - 10;\n                                if (danRight <= danWidth - tmp * danSpeed(parseInt(item[j].style.width)) || danRight <= 0) {\n                                    break;\n                                }\n                                if (j === item.length - 1) {\n                                    _this4.danTunnel[type][i + ''].push(ele);\n                                    ele.addEventListener('animationend', function () {\n                                        _this4.danTunnel[type][i + ''].splice(0, 1);\n                                    });\n                                    return { v: i % itemY };\n                                }\n                            }\n                        } else {\n                            _this4.danTunnel[type][i + ''] = [ele];\n                            ele.addEventListener('animationend', function () {\n                                _this4.danTunnel[type][i + ''].splice(0, 1);\n                            });\n                            return { v: i % itemY };\n                        }\n                    };\n                    for (var i = 0;; i++) {\n                        var _ret2 = _loop2(i);\n                        if ((typeof _ret2 === 'undefined' ? 'undefined' : _typeof(_ret2)) === 'object')\n                            return _ret2.v;\n                    }\n                };\n                if (Object.prototype.toString.call(danmaku) !== '[object Array]') {\n                    danmaku = [danmaku];\n                }\n                var docFragment = document.createDocumentFragment();\n                var _loop3 = function _loop3(i) {\n                    if (!danmaku[i].type) {\n                        danmaku[i].type = 'right';\n                    }\n                    if (!danmaku[i].color) {\n                        danmaku[i].color = '#fff';\n                    }\n                    var item = document.createElement('div');\n                    item.classList.add('dplayer-danmaku-item');\n                    item.classList.add('dplayer-danmaku-' + danmaku[i].type);\n                    item.innerHTML = danmaku[i].text;\n                    item.style.opacity = _this4.danOpacity;\n                    item.style.color = danmaku[i].color;\n                    item.style.border = danmaku[i].border;\n                    item.addEventListener('animationend', function () {\n                        danContainer.removeChild(item);\n                    });\n                    var itemWidth = _this4.danmakuMeasure(danmaku[i].text);\n                    switch (danmaku[i].type) {\n                    case 'right':\n                        item.style.width = itemWidth + 1 + 'px';\n                        item.style.top = itemHeight * getTunnel(item, danmaku[i].type, itemWidth) + 'px';\n                        item.style.transform = 'translateX(-' + danWidth + 'px)';\n                        break;\n                    case 'top':\n                        item.style.top = itemHeight * getTunnel(item, danmaku[i].type) + 'px';\n                        break;\n                    case 'bottom':\n                        item.style.bottom = itemHeight * getTunnel(item, danmaku[i].type) + 'px';\n                        break;\n                    default:\n                        console.error('Can\\'t handled danmaku type: ' + danmaku[i].type);\n                    }\n                    item.classList.add('dplayer-danmaku-move');\n                    docFragment.appendChild(item);\n                };\n                for (var i = 0; i < danmaku.length; i++) {\n                    _loop3(i);\n                }\n                danContainer.appendChild(docFragment);\n                return docFragment;\n            }\n        },\n        {\n            key: 'switchVideo',\n            value: function switchVideo(video, danmaku) {\n                this.video.poster = video.pic ? video.pic : '';\n                this.video.src = video.url;\n                this.pause();\n                if (danmaku) {\n                    this.dan = [];\n                    this.danIndex = 0;\n                    this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'block';\n                    this.updateBar('played', 0, 'width');\n                    this.updateBar('loaded', 0, 'width');\n                    this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = '00:00';\n                    this.element.getElementsByClassName('dplayer-danmaku')[0].innerHTML = '';\n                    this.danTuel = {\n                        right: {},\n                        top: {},\n                        bottom: {}\n                    };\n                    this.option.danmaku = danmaku;\n                    this.readDanmaku();\n                }\n            }\n        },\n        {\n            key: 'initVideo',\n            value: function initVideo() {\n                var _this5 = this;\n                var enablehls = void 0;\n                if (this.option.video.type === 'auto') {\n                    enablehls = /m3u8(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'hls') {\n                    enablehls = true;\n                } else {\n                    enablehls = false;\n                }\n                if (enablehls && Hls.isSupported()) {\n                    var hls = new Hls();\n                    hls.loadSource(this.video.src);\n                    hls.attachMedia(this.video);\n                }\n                var enableflv = void 0;\n                if (this.option.video.type === 'auto') {\n                    enableflv = /.flv(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'flv') {\n                    enableflv = true;\n                } else {\n                    enableflv = false;\n                }\n                if (enableflv && flvjs.isSupported()) {\n                    var flvPlayer = flvjs.createPlayer({\n                        type: 'flv',\n                        url: this.option.video.url\n                    });\n                    flvPlayer.attachMediaElement(this.video);\n                    flvPlayer.load();\n                }\n                if (this.option.danmaku) {\n                    this.video.addEventListener('seeking', function () {\n                        for (var i = 0; i < _this5.dan.length; i++) {\n                            if (_this5.dan[i].time >= _this5.video.currentTime) {\n                                _this5.danIndex = i;\n                                return;\n                            }\n                            _this5.danIndex = _this5.dan.length;\n                        }\n                    });\n                }\n                this.video.addEventListener('durationchange', function () {\n                    if (_this5.video.duration !== 1) {\n                        _this5.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(_this5.video.duration);\n                    }\n                });\n                this.video.addEventListener('progress', function () {\n                    var percentage = _this5.video.buffered.length ? _this5.video.buffered.end(_this5.video.buffered.length - 1) / _this5.video.duration : 0;\n                    _this5.updateBar('loaded', percentage, 'width');\n                });\n                this.video.addEventListener('error', function () {\n                    _this5.notice(_this5.tran('This video fails to load'), -1);\n                    _this5.trigger('pause');\n                });\n                this.video.addEventListener('canplay', function () {\n                    _this5.trigger('canplay');\n                });\n                this.ended = false;\n                this.video.addEventListener('ended', function () {\n                    _this5.updateBar('played', 1, 'width');\n                    if (!_this5.loop) {\n                        _this5.ended = true;\n                        _this5.pause();\n                        _this5.trigger('ended');\n                    } else {\n                        _this5.seek(0);\n                        _this5.video.play();\n                    }\n                    _this5.danIndex = 0;\n                });\n                this.video.addEventListener('play', function () {\n                    if (_this5.paused) {\n                        _this5.play();\n                    }\n                });\n                this.video.addEventListener('pause', function () {\n                    if (!_this5.paused) {\n                        _this5.pause();\n                    }\n                });\n                this.video.volume = parseInt(this.element.getElementsByClassName('dplayer-volume-bar-inner')[0].style.width) / 100;\n            }\n        },\n        {\n            key: 'switchQuality',\n            value: function switchQuality(index) {\n                var _this6 = this;\n                if (this.qualityIndex === index || this.switchingQuality) {\n                    return;\n                } else {\n                    this.qualityIndex = index;\n                }\n                this.switchingQuality = true;\n                this.quality = this.option.video.quality[index];\n                this.element.getElementsByClassName('dplayer-quality-icon')[0].innerHTML = this.quality.name;\n                var paused = this.video.paused;\n                this.video.pause();\n                var videoHTML = _html2.default.video(false, null, this.option.screenshot, 'auto', this.quality.url);\n                var videoEle = new DOMParser().parseFromString(videoHTML, 'text/html').body.firstChild;\n                var parent = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n                parent.insertBefore(videoEle, parent.getElementsByTagName('div')[0]);\n                this.prevVideo = this.video;\n                this.video = videoEle;\n                this.initVideo();\n                this.seek(this.prevVideo.currentTime);\n                this.notice(this.tran('Switching to') + ' ' + this.quality.name + ' ' + this.tran('quality'), -1);\n                this.video.addEventListener('canplay', function () {\n                    if (_this6.prevVideo) {\n                        if (_this6.video.currentTime !== _this6.prevVideo.currentTime) {\n                            _this6.seek(_this6.prevVideo.currentTime);\n                            return;\n                        }\n                        parent.removeChild(_this6.prevVideo);\n                        _this6.video.classList.add('dplayer-video-current');\n                        if (!paused) {\n                            _this6.video.play();\n                        }\n                        _this6.prevVideo = null;\n                        _this6.notice(_this6.tran('Switched to') + ' ' + _this6.quality.name + ' ' + _this6.tran('quality'));\n                        _this6.switchingQuality = false;\n                    }\n                });\n            }\n        },\n        {\n            key: 'timeTipsHandler',\n            value: function timeTipsHandler(pbar, timeTips) {\n                var _this7 = this;\n                var cumulativeOffset = function cumulativeOffset(element) {\n                    var top = 0, left = 0;\n                    do {\n                        top += element.offsetTop || 0;\n                        left += element.offsetLeft || 0;\n                        element = element.offsetParent;\n                    } while (element);\n                    return {\n                        top: top,\n                        left: left\n                    };\n                };\n                return function (e) {\n                    if (!_this7.video.duration) {\n                        return;\n                    }\n                    var clientX = e.clientX;\n                    var px = cumulativeOffset(pbar).left;\n                    var tx = clientX - px;\n                    timeTips.innerText = _utils2.default.secondToTime(_this7.video.duration * (tx / pbar.offsetWidth));\n                    timeTips.style.left = tx - 20 + 'px';\n                    switch (e.type) {\n                    case 'mouseenter':\n                    case 'mouseover':\n                    case 'mousemove':\n                        if (_this7.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.remove('hidden');\n                        _this7.isTipsShow = true;\n                        break;\n                    case 'mouseleave':\n                    case 'mouseout':\n                        if (!_this7.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.add('hidden');\n                        _this7.isTipsShow = false;\n                        break;\n                    }\n                };\n            }\n        },\n        {\n            key: 'notice',\n            value: function notice(text, time) {\n                var noticeEle = this.element.getElementsByClassName('dplayer-notice')[0];\n                noticeEle.innerHTML = text;\n                noticeEle.style.opacity = 1;\n                if (this.noticeTime) {\n                    clearTimeout(this.noticeTime);\n                }\n                if (time && time < 0) {\n                    return;\n                }\n                this.noticeTime = setTimeout(function () {\n                    noticeEle.style.opacity = 0;\n                }, time || 2000);\n            }\n        }\n    ]);\n    return DPlayer;\n}();\nmodule.exports = DPlayer;\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nmodule.exports = {\n    secondToTime: function secondToTime(second) {\n        var add0 = function add0(num) {\n            return num < 10 ? '0' + num : '' + num;\n        };\n        var min = parseInt(second / 60);\n        var sec = parseInt(second - min * 60);\n        return add0(min) + ':' + add0(sec);\n    },\n    getElementViewLeft: function getElementViewLeft(element) {\n        var actualLeft = element.offsetLeft;\n        var current = element.offsetParent;\n        var elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n        if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n            while (current !== null) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        } else {\n            while (current !== null && current !== element) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        }\n        return actualLeft - elementScrollLeft;\n    },\n    isMobile: /mobile/i.test(window.navigator.userAgent)\n};\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar defaultApiBackend = __webpack_require__(6);\nmodule.exports = function (option) {\n    var isMobile = /mobile/i.test(window.navigator.userAgent);\n    if (isMobile) {\n        option.autoplay = false;\n    }\n    var defaultOption = {\n        element: document.getElementsByClassName('dplayer')[0],\n        autoplay: false,\n        theme: '#b7daff',\n        loop: false,\n        lang: navigator.language.indexOf('zh') !== -1 ? 'zh' : 'en',\n        screenshot: false,\n        hotkey: true,\n        preload: 'auto',\n        apiBackend: defaultApiBackend,\n        contextmenu: [\n            {\n                text: '关于作者',\n                link: 'http://diygod.me'\n            },\n            {\n                text: '播放器意见反馈',\n                link: 'https://github.com/DIYgod/DPlayer/issues'\n            },\n            {\n                text: '关于 DPlayer 播放器',\n                link: 'https://github.com/DIYgod/DPlayer'\n            }\n        ]\n    };\n    for (var defaultKey in defaultOption) {\n        if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n            option[defaultKey] = defaultOption[defaultKey];\n        }\n    }\n    if (Object.prototype.toString.call(option.video.url) !== '[object Array]') {\n        option.video.url = [option.video.url];\n    }\n    if (option.video && !option.video.hasOwnProperty('type')) {\n        option.video.type = 'auto';\n    }\n    if (option.danmaku && !option.danmaku.hasOwnProperty('user')) {\n        option.danmaku.user = 'DIYgod';\n    }\n    if (option.video.quality) {\n        option.video.url = [option.video.quality[option.video.defaultQuality].url];\n    }\n    return option;\n};\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar SendXMLHttpRequest = function SendXMLHttpRequest(url, data, success, error, fail) {\n    var xhr = new XMLHttpRequest();\n    xhr.onreadystatechange = function () {\n        if (xhr.readyState === 4) {\n            if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n                var response = JSON.parse(xhr.responseText);\n                if (response.code !== 1) {\n                    return error(xhr, response);\n                }\n                return success(xhr, response);\n            }\n            fail(xhr);\n        }\n    };\n    xhr.open(data !== null ? 'POST' : 'GET', url, true);\n    xhr.send(data !== null ? JSON.stringify(data) : null);\n};\nmodule.exports = {\n    send: function send(endpoint, danmakuData) {\n        SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n            console.log('Post danmaku: ', response);\n        }, function (xhr, response) {\n            alert(response.msg);\n        }, function (xhr) {\n            console.log('Request was unsuccessful: ' + xhr.status);\n        });\n    },\n    read: function read(endpoint, cbk) {\n        SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n            cbk(null, response.danmaku);\n        }, function (xhr, response) {\n            cbk({\n                status: xhr.status,\n                response: response\n            });\n        }, function (xhr) {\n            cbk({\n                status: xhr.status,\n                response: null\n            });\n        });\n    }\n};\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar tranZH = {\n    'Danmaku is loading': '弹幕加载中',\n    'Top': '顶部',\n    'Bottom': '底部',\n    'Rolling': '滚动',\n    'Input danmaku, hit Enter': '输入弹幕\\uFF0C回车发送',\n    'About author': '关于作者',\n    'DPlayer feedback': '播放器意见反馈',\n    'About DPlayer': '关于 DPlayer 播放器',\n    'Loop': '洗脑循环',\n    'Speed': '速度',\n    'Opacity for danmaku': '弹幕透明度',\n    'Normal': '正常',\n    'Please input danmaku content!': '要输入弹幕内容啊喂\\uFF01',\n    'Set danmaku color': '设置弹幕颜色',\n    'Set danmaku type': '设置弹幕类型',\n    'Danmaku': '弹幕',\n    'This video fails to load': '视频加载失败',\n    'Switching to': '正在切换至',\n    'Switched to': '已经切换至',\n    'quality': '画质'\n};\nmodule.exports = function (lang) {\n    var _this = this;\n    this.lang = lang;\n    this.tran = function (text) {\n        if (_this.lang === 'en') {\n            return text;\n        } else if (_this.lang === 'zh') {\n            return tranZH[text];\n        }\n    };\n};\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar svg = __webpack_require__(0);\nvar html = {\n    main: function main(option, index, tran) {\n        var videos = '';\n        for (var i = 0; i < option.video.url.length; i++) {\n            videos += html.video(i === 0, option.video.pic, option.screenshot, option.video.url.length ? 'metadata' : option.preload, option.video.url[i]);\n        }\n        return '<div class=\"dplayer-mask\"></div><div class=\"dplayer-video-wrap\">' + videos + '' + (option.logo ? '<div class=\"dplayer-logo\"><img src=\"' + option.logo + '\"></div>' : '') + '<div class=\"dplayer-danmaku\"><div class=\"dplayer-danmaku-item dplayer-danmaku-item--demo\"></div></div><div class=\"dplayer-bezel\"><span class=\"dplayer-bezel-icon\"></span>' + (option.danmaku ? '<span class=\"dplayer-danloading\">' + tran('Danmaku is loading') + '</span>' : '') + '<span class=\"diplayer-loading-icon\"><svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 22 22\" width=\"100%\"><svg x=\"7\" y=\"1\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-0\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-1\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"13\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-2\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-3\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"7\" y=\"13\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-4\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-5\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"1\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-6\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-7\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg></svg></span></div></div><div class=\"dplayer-controller-mask\"></div><div class=\"dplayer-controller\"><div class=\"dplayer-icons dplayer-icons-left\"><button class=\"dplayer-icon dplayer-play-icon\">' + svg('play') + '</button><div class=\"dplayer-volume\"><button class=\"dplayer-icon dplayer-volume-icon\">' + svg('volume-down') + '</button><div class=\"dplayer-volume-bar-wrap\"><div class=\"dplayer-volume-bar\"><div class=\"dplayer-volume-bar-inner\" style=\"width: 70%; background: ' + option.theme + ';\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div><span class=\"dplayer-time\"><span class=\"dplayer-ptime\">0:00</span> / <span class=\"dplayer-dtime\">0:00</span></span></div><div class=\"dplayer-icons dplayer-icons-right\">' + (option.video.quality ? '<div class=\"dplayer-quality\"><button class=\"dplayer-icon dplayer-quality-icon\">' + option.video.quality[option.video.defaultQuality].name + '</button><div class=\"dplayer-quality-mask\">' + html.qualityList(option.video.quality) + '</div></div>' : '') + '' + (option.screenshot ? '<a href=\"#\" class=\"dplayer-icon dplayer-camera-icon\">' + svg('camera') + '</a>' : '') + '<div class=\"dplayer-comment\"><button class=\"dplayer-icon dplayer-comment-icon\">' + svg('comment') + '</button><div class=\"dplayer-comment-box\"><button class=\"dplayer-icon dplayer-comment-setting-icon\">' + svg('menu') + '</button><div class=\"dplayer-comment-setting-box\"><div class=\"dplayer-comment-setting-color\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku color') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#fff\" checked><span style=\"background: #fff; border: 1px solid rgba(0,0,0,.1);\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#e54256\"><span style=\"background: #e54256\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#ffe133\"><span style=\"background: #ffe133\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#64DD17\"><span style=\"background: #64DD17\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#39ccff\"><span style=\"background: #39ccff\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#D500F9\"><span style=\"background: #D500F9\"></span></label></div><div class=\"dplayer-comment-setting-type\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku type') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"top\"><span>' + tran('Top') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"right\" checked><span>' + tran('Rolling') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"bottom\"><span>' + tran('Bottom') + '</span></label></div></div><input class=\"dplayer-comment-input\" type=\"text\" placeholder=\"' + tran('Input danmaku, hit Enter') + '\" maxlength=\"30\"><button class=\"dplayer-icon dplayer-send-icon\">' + svg('send') + '</button></div></div><div class=\"dplayer-setting\"><button class=\"dplayer-icon dplayer-setting-icon\">' + svg('setting') + '</button><div class=\"dplayer-setting-box\"></div></div><div class=\"dplayer-full\"><button class=\"dplayer-icon dplayer-full-in-icon\">' + svg('full-in') + '</button><button class=\"dplayer-icon dplayer-full-icon\">' + svg('full') + '</button></div></div><div class=\"dplayer-bar-wrap\"><div class=\"dplayer-bar-time hidden\">00:00</div><div class=\"dplayer-bar\"><div class=\"dplayer-loaded\" style=\"width: 0;\"></div><div class=\"dplayer-played\" style=\"width: 0; background: ' + option.theme + '\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div>' + html.contextmenuList(option.contextmenu) + '<div class=\"dplayer-notice\"></div>';\n    },\n    contextmenuList: function contextmenuList(contextmenu) {\n        var result = '<div class=\"dplayer-menu\">';\n        for (var i = 0; i < contextmenu.length; i++) {\n            result += '<div class=\"dplayer-menu-item\"><span class=\"dplayer-menu-label\"><a target=\"_blank\" href=\"' + contextmenu[i].link + '\">' + contextmenu[i].text + '</a></span></div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    qualityList: function qualityList(quality) {\n        var result = '<div class=\"dplayer-quality-list\">';\n        for (var i = 0; i < quality.length; i++) {\n            result += '<div class=\"dplayer-quality-item\" data-index=\"' + i + '\">' + quality[i].name + '</div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    video: function video(current, pic, screenshot, preload, url) {\n        return '<video class=\"dplayer-video ' + (current ? 'dplayer-video-current\"' : '') + '\" ' + (pic ? 'poster=\"' + pic + '\"' : '') + ' webkit-playsinline playsinline ' + (screenshot ? 'crossorigin=\"anonymous\"' : '') + ' ' + (preload ? 'preload=\"' + preload + '\"' : '') + ' src=\"' + url + '\"></video>';\n    },\n    setting: function setting(tran) {\n        return {\n            'original': '<div class=\"dplayer-setting-item dplayer-setting-speed\"><span class=\"dplayer-label\">' + tran('Speed') + '</span><div class=\"dplayer-toggle\">' + svg('right') + '</div></div><div class=\"dplayer-setting-item dplayer-setting-loop\"><span class=\"dplayer-label\">' + tran('Loop') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-toggle-setting-input\" type=\"checkbox\" name=\"dplayer-toggle\"><label for=\"dplayer-toggle\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-showdan\"><span class=\"dplayer-label\">' + tran('Danmaku') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-showdan-setting-input\" type=\"checkbox\" name=\"dplayer-toggle-dan\"><label for=\"dplayer-toggle-dan\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-danmaku\"><span class=\"dplayer-label\">' + tran('Opacity for danmaku') + '</span><div class=\"dplayer-danmaku-bar-wrap\"><div class=\"dplayer-danmaku-bar\"><div class=\"dplayer-danmaku-bar-inner\" style=\"width: ' + (localStorage.getItem('DPlayer-opacity') || 0.7) * 100 + '%\"><span class=\"dplayer-thumb\"></span></div></div></div></div>',\n            'speed': '<div class=\"dplayer-setting-speed-item\" data-speed=\"0.5\"><span class=\"dplayer-label\">0.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"0.75\"><span class=\"dplayer-label\">0.75</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1\"><span class=\"dplayer-label\">' + tran('Normal') + '</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.25\"><span class=\"dplayer-label\">1.25</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.5\"><span class=\"dplayer-label\">1.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"2\"><span class=\"dplayer-label\">2</span></div>'\n        };\n    }\n};\nmodule.exports = html;\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// DPlayer.min.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 660b0524acba34390a9b","'use strict';\nvar svgSource = {\n    'play': [\n        '0 0 16 32',\n        'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'\n    ],\n    'pause': [\n        '0 0 17 32',\n        'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'\n    ],\n    'volume-up': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'\n    ],\n    'volume-down': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'\n    ],\n    'volume-off': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'\n    ],\n    'loop': [\n        '0 0 32 32',\n        'M1.882 16.941c0 4.152 3.221 7.529 7.177 7.529v1.882c-4.996 0-9.060-4.222-9.060-9.412s4.064-9.412 9.060-9.412h7.96l-3.098-3.098 1.331-1.331 5.372 5.37-5.37 5.372-1.333-1.333 3.1-3.098h-7.962c-3.957 0-7.177 3.377-7.177 7.529zM22.94 7.529v1.882c3.957 0 7.177 3.377 7.177 7.529s-3.221 7.529-7.177 7.529h-7.962l3.098-3.098-1.331-1.331-5.37 5.37 5.372 5.372 1.331-1.331-3.1-3.1h7.96c4.998 0 9.062-4.222 9.062-9.412s-4.064-9.412-9.060-9.412z'\n    ],\n    'full': [\n        '0 0 32 33',\n        'M6.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v4h4c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333zM30.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h4v-4c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM30.667 12c-0.8 0-1.333-0.533-1.333-1.333v-4h-4c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM1.333 12c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333h-4v4c0 0.8-0.533 1.333-1.333 1.333z'\n    ],\n    'full-in': [\n        '0 0 32 33',\n        'M24.965 24.38h-18.132c-1.366 0-2.478-1.113-2.478-2.478v-11.806c0-1.364 1.111-2.478 2.478-2.478h18.132c1.366 0 2.478 1.113 2.478 2.478v11.806c0 1.364-1.11 2.478-2.478 2.478zM6.833 10.097v11.806h18.134l-0.002-11.806h-18.132zM2.478 28.928h5.952c0.684 0 1.238-0.554 1.238-1.239 0-0.684-0.554-1.238-1.238-1.238h-5.952v-5.802c0-0.684-0.554-1.239-1.238-1.239s-1.239 0.556-1.239 1.239v5.802c0 1.365 1.111 2.478 2.478 2.478zM30.761 19.412c-0.684 0-1.238 0.554-1.238 1.238v5.801h-5.951c-0.686 0-1.239 0.554-1.239 1.238 0 0.686 0.554 1.239 1.239 1.239h5.951c1.366 0 2.478-1.111 2.478-2.478v-5.801c0-0.683-0.554-1.238-1.239-1.238zM0 5.55v5.802c0 0.683 0.554 1.238 1.238 1.238s1.238-0.555 1.238-1.238v-5.802h5.952c0.684 0 1.238-0.554 1.238-1.238s-0.554-1.238-1.238-1.238h-5.951c-1.366-0.001-2.478 1.111-2.478 2.476zM32 11.35v-5.801c0-1.365-1.11-2.478-2.478-2.478h-5.951c-0.686 0-1.239 0.554-1.239 1.238s0.554 1.238 1.239 1.238h5.951v5.801c0 0.683 0.554 1.237 1.238 1.237 0.686 0.002 1.239-0.553 1.239-1.236z'\n    ],\n    'setting': [\n        '0 0 32 28',\n        'M28.633 17.104c0.035 0.21 0.026 0.463-0.026 0.76s-0.14 0.598-0.262 0.904c-0.122 0.306-0.271 0.581-0.445 0.825s-0.367 0.419-0.576 0.524c-0.209 0.105-0.393 0.157-0.55 0.157s-0.332-0.035-0.524-0.105c-0.175-0.052-0.393-0.1-0.655-0.144s-0.528-0.052-0.799-0.026c-0.271 0.026-0.541 0.083-0.812 0.17s-0.502 0.236-0.694 0.445c-0.419 0.437-0.664 0.934-0.734 1.493s0.009 1.092 0.236 1.598c0.175 0.349 0.148 0.699-0.079 1.048-0.105 0.14-0.271 0.284-0.498 0.432s-0.476 0.284-0.747 0.406-0.555 0.218-0.851 0.288c-0.297 0.070-0.559 0.105-0.786 0.105-0.157 0-0.306-0.061-0.445-0.183s-0.236-0.253-0.288-0.393h-0.026c-0.192-0.541-0.52-1.009-0.982-1.402s-1-0.589-1.611-0.589c-0.594 0-1.131 0.197-1.611 0.589s-0.816 0.851-1.009 1.375c-0.087 0.21-0.218 0.362-0.393 0.458s-0.367 0.144-0.576 0.144c-0.244 0-0.52-0.044-0.825-0.131s-0.611-0.197-0.917-0.327c-0.306-0.131-0.581-0.284-0.825-0.458s-0.428-0.349-0.55-0.524c-0.087-0.122-0.135-0.266-0.144-0.432s0.057-0.397 0.197-0.694c0.192-0.402 0.266-0.86 0.223-1.375s-0.266-0.991-0.668-1.428c-0.244-0.262-0.541-0.432-0.891-0.511s-0.681-0.109-0.995-0.092c-0.367 0.017-0.742 0.087-1.127 0.21-0.244 0.070-0.489 0.052-0.734-0.052-0.192-0.070-0.371-0.231-0.537-0.485s-0.314-0.533-0.445-0.838c-0.131-0.306-0.231-0.62-0.301-0.943s-0.087-0.59-0.052-0.799c0.052-0.384 0.227-0.629 0.524-0.734 0.524-0.21 0.995-0.555 1.415-1.035s0.629-1.017 0.629-1.611c0-0.611-0.21-1.144-0.629-1.598s-0.891-0.786-1.415-0.996c-0.157-0.052-0.288-0.179-0.393-0.38s-0.157-0.406-0.157-0.616c0-0.227 0.035-0.48 0.105-0.76s0.162-0.55 0.275-0.812 0.244-0.502 0.393-0.72c0.148-0.218 0.31-0.38 0.485-0.485 0.14-0.087 0.275-0.122 0.406-0.105s0.275 0.052 0.432 0.105c0.524 0.21 1.070 0.275 1.637 0.197s1.070-0.327 1.506-0.747c0.21-0.209 0.362-0.467 0.458-0.773s0.157-0.607 0.183-0.904c0.026-0.297 0.026-0.568 0-0.812s-0.048-0.419-0.065-0.524c-0.035-0.105-0.066-0.227-0.092-0.367s-0.013-0.262 0.039-0.367c0.105-0.244 0.293-0.458 0.563-0.642s0.563-0.336 0.878-0.458c0.314-0.122 0.62-0.214 0.917-0.275s0.533-0.092 0.707-0.092c0.227 0 0.406 0.074 0.537 0.223s0.223 0.301 0.275 0.458c0.192 0.471 0.507 0.886 0.943 1.244s0.952 0.537 1.546 0.537c0.611 0 1.153-0.17 1.624-0.511s0.803-0.773 0.996-1.297c0.070-0.14 0.179-0.284 0.327-0.432s0.301-0.223 0.458-0.223c0.244 0 0.511 0.035 0.799 0.105s0.572 0.166 0.851 0.288c0.279 0.122 0.537 0.279 0.773 0.472s0.423 0.402 0.563 0.629c0.087 0.14 0.113 0.293 0.079 0.458s-0.070 0.284-0.105 0.354c-0.227 0.506-0.297 1.039-0.21 1.598s0.341 1.048 0.76 1.467c0.419 0.419 0.934 0.651 1.546 0.694s1.179-0.057 1.703-0.301c0.14-0.087 0.31-0.122 0.511-0.105s0.371 0.096 0.511 0.236c0.262 0.244 0.493 0.616 0.694 1.113s0.336 1 0.406 1.506c0.035 0.297-0.013 0.528-0.144 0.694s-0.266 0.275-0.406 0.327c-0.542 0.192-1.004 0.528-1.388 1.009s-0.576 1.026-0.576 1.637c0 0.594 0.162 1.113 0.485 1.559s0.747 0.764 1.27 0.956c0.122 0.070 0.227 0.14 0.314 0.21 0.192 0.157 0.323 0.358 0.393 0.602v0zM16.451 19.462c0.786 0 1.528-0.149 2.227-0.445s1.305-0.707 1.821-1.231c0.515-0.524 0.921-1.131 1.218-1.821s0.445-1.428 0.445-2.214c0-0.786-0.148-1.524-0.445-2.214s-0.703-1.292-1.218-1.808c-0.515-0.515-1.122-0.921-1.821-1.218s-1.441-0.445-2.227-0.445c-0.786 0-1.524 0.148-2.214 0.445s-1.292 0.703-1.808 1.218c-0.515 0.515-0.921 1.118-1.218 1.808s-0.445 1.428-0.445 2.214c0 0.786 0.149 1.524 0.445 2.214s0.703 1.297 1.218 1.821c0.515 0.524 1.118 0.934 1.808 1.231s1.428 0.445 2.214 0.445v0z'\n    ],\n    'right': [\n        '0 0 32 32',\n        'M22 16l-10.105-10.6-1.895 1.987 8.211 8.613-8.211 8.612 1.895 1.988 8.211-8.613z'\n    ],\n    'comment': [\n        '0 0 32 32',\n        'M27.128 0.38h-22.553c-2.336 0-4.229 1.825-4.229 4.076v16.273c0 2.251 1.893 4.076 4.229 4.076h4.229v-2.685h8.403l-8.784 8.072 1.566 1.44 7.429-6.827h9.71c2.335 0 4.229-1.825 4.229-4.076v-16.273c0-2.252-1.894-4.076-4.229-4.076zM28.538 19.403c0 1.5-1.262 2.717-2.819 2.717h-8.36l-0.076-0.070-0.076 0.070h-11.223c-1.557 0-2.819-1.217-2.819-2.717v-13.589c0-1.501 1.262-2.718 2.819-2.718h19.734c1.557 0 2.819-0.141 2.819 1.359v14.947zM9.206 10.557c-1.222 0-2.215 0.911-2.215 2.036s0.992 2.035 2.215 2.035c1.224 0 2.216-0.911 2.216-2.035s-0.992-2.036-2.216-2.036zM22.496 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.224 0 2.215-0.911 2.215-2.035s-0.991-2.036-2.215-2.036zM15.852 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.222 0 2.215-0.911 2.215-2.035s-0.992-2.036-2.215-2.036z'\n    ],\n    'comment-off': [\n        '0 0 32 32',\n        'M27.090 0.131h-22.731c-2.354 0-4.262 1.839-4.262 4.109v16.401c0 2.269 1.908 4.109 4.262 4.109h4.262v-2.706h8.469l-8.853 8.135 1.579 1.451 7.487-6.88h9.787c2.353 0 4.262-1.84 4.262-4.109v-16.401c0-2.27-1.909-4.109-4.262-4.109v0zM28.511 19.304c0 1.512-1.272 2.738-2.841 2.738h-8.425l-0.076-0.070-0.076 0.070h-11.311c-1.569 0-2.841-1.226-2.841-2.738v-13.696c0-1.513 1.272-2.739 2.841-2.739h19.889c1.569 0 2.841-0.142 2.841 1.37v15.064z'\n    ],\n    'send': [\n        '0 0 32 32',\n        'M13.725 30l3.9-5.325-3.9-1.125v6.45zM0 17.5l11.050 3.35 13.6-11.55-10.55 12.425 11.8 3.65 6.1-23.375-32 15.5z'\n    ],\n    'menu': [\n        '0 0 22 32',\n        'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z'\n    ],\n    'camera': [\n        '0 0 32 32',\n        'M16 23c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zM16 13c-2.206 0-4 1.794-4 4s1.794 4 4 4c2.206 0 4-1.794 4-4s-1.794-4-4-4zM27 28h-22c-1.654 0-3-1.346-3-3v-16c0-1.654 1.346-3 3-3h3c0.552 0 1 0.448 1 1s-0.448 1-1 1h-3c-0.551 0-1 0.449-1 1v16c0 0.552 0.449 1 1 1h22c0.552 0 1-0.448 1-1v-16c0-0.551-0.448-1-1-1h-11c-0.552 0-1-0.448-1-1s0.448-1 1-1h11c1.654 0 3 1.346 3 3v16c0 1.654-1.346 3-3 3zM24 10.5c0 0.828 0.672 1.5 1.5 1.5s1.5-0.672 1.5-1.5c0-0.828-0.672-1.5-1.5-1.5s-1.5 0.672-1.5 1.5zM15 4c0 0.552-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1v0c0-0.552 0.448-1 1-1h4c0.552 0 1 0.448 1 1v0z'\n    ]\n};\nmodule.exports = function (type) {\n    return '<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"100%\" version=\"1.1\" viewBox=\"' + svgSource[type][0] + '\" width=\"100%\"><use xlink:href=\"#dplayer-' + type + '\"></use><path class=\"dplayer-fill\" d=\"' + svgSource[type][1] + '\" id=\"dplayer-' + type + '\"></path></svg>\\n';\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/svg.js\n// module id = 0\n// module chunks = 0","'use strict';\nconsole.log('%c DPlayer ' + DPLAYER_VERSION + ' %c http://dplayer.js.org ', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');\nmodule.exports = require('./DPlayer');\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/index.js\n// module id = 1\n// module chunks = 0","'use strict';\nvar _typeof = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? function (obj) {\n    return typeof obj;\n} : function (obj) {\n    return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;\n};\nvar _createClass = function () {\n    function defineProperties(target, props) {\n        for (var i = 0; i < props.length; i++) {\n            var descriptor = props[i];\n            descriptor.enumerable = descriptor.enumerable || false;\n            descriptor.configurable = true;\n            if ('value' in descriptor)\n                descriptor.writable = true;\n            Object.defineProperty(target, descriptor.key, descriptor);\n        }\n    }\n    return function (Constructor, protoProps, staticProps) {\n        if (protoProps)\n            defineProperties(Constructor.prototype, protoProps);\n        if (staticProps)\n            defineProperties(Constructor, staticProps);\n        return Constructor;\n    };\n}();\nrequire('./DPlayer.scss');\nvar _utils = require('./utils');\nvar _utils2 = _interopRequireDefault(_utils);\nvar _svg = require('./svg');\nvar _svg2 = _interopRequireDefault(_svg);\nvar _option = require('./option');\nvar _option2 = _interopRequireDefault(_option);\nvar _i18n = require('./i18n');\nvar _i18n2 = _interopRequireDefault(_i18n);\nvar _html = require('./html');\nvar _html2 = _interopRequireDefault(_html);\nfunction _interopRequireDefault(obj) {\n    return obj && obj.__esModule ? obj : { default: obj };\n}\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar index = 0;\nvar DPlayer = function () {\n    function DPlayer(option) {\n        var _this = this;\n        _classCallCheck(this, DPlayer);\n        this.option = (0, _option2.default)(option);\n        this.option.element.classList.add('dplayer');\n        if (this.option.video.quality) {\n            this.qualityIndex = this.option.video.defaultQuality;\n            this.quality = this.option.video.quality[this.option.video.defaultQuality];\n        }\n        this.tran = new _i18n2.default(this.option.lang).tran;\n        this.updateBar = function (type, percentage, direction) {\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            bar[type + 'Bar'].style[direction] = percentage * 100 + '%';\n        };\n        var eventTypes = [\n            'play',\n            'pause',\n            'canplay',\n            'playing',\n            'ended',\n            'error'\n        ];\n        this.event = {};\n        for (var i = 0; i < eventTypes.length; i++) {\n            this.event[eventTypes[i]] = [];\n        }\n        this.trigger = function (type) {\n            for (var _i = 0; _i < _this.event[type].length; _i++) {\n                _this.event[type][_i]();\n            }\n        };\n        this.element = this.option.element;\n        if (!this.option.danmaku) {\n            this.element.classList.add('dplayer-no-danmaku');\n        }\n        if (_utils.isMobile) {\n            this.element.classList.add('dplayer-mobile');\n        }\n        this.element.innerHTML = _html2.default.main(option, index, this.tran);\n        this.arrow = this.element.offsetWidth <= 500;\n        if (this.arrow) {\n            var arrowStyle = document.createElement('style');\n            arrowStyle.innerHTML = '.dplayer .dplayer-danmaku{font-size:18px}';\n            document.head.appendChild(arrowStyle);\n        }\n        this.video = this.element.getElementsByClassName('dplayer-video-current')[0];\n        this.initVideo();\n        this.bezel = this.element.getElementsByClassName('dplayer-bezel-icon')[0];\n        this.bezel.addEventListener('animationend', function () {\n            _this.bezel.classList.remove('dplayer-bezel-transition');\n        });\n        this.playButton = this.element.getElementsByClassName('dplayer-play-icon')[0];\n        this.paused = true;\n        this.playButton.addEventListener('click', function () {\n            _this.toggle();\n        });\n        var videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n        var conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];\n        if (!_utils.isMobile) {\n            videoWrap.addEventListener('click', function () {\n                _this.toggle();\n            });\n            conMask.addEventListener('click', function () {\n                _this.toggle();\n            });\n        } else {\n            var toggleController = function toggleController() {\n                if (_this.element.classList.contains('dplayer-hide-controller')) {\n                    _this.element.classList.remove('dplayer-hide-controller');\n                } else {\n                    _this.element.classList.add('dplayer-hide-controller');\n                }\n            };\n            videoWrap.addEventListener('click', toggleController);\n            conMask.addEventListener('click', toggleController);\n        }\n        var bar = {};\n        bar.playedBar = this.element.getElementsByClassName('dplayer-played')[0];\n        bar.loadedBar = this.element.getElementsByClassName('dplayer-loaded')[0];\n        var pbar = this.element.getElementsByClassName('dplayer-bar-wrap')[0];\n        var pbarTimeTips = this.element.getElementsByClassName('dplayer-bar-time')[0];\n        var barWidth = void 0;\n        var lastPlayPos = 0;\n        var currentPlayPos = 0;\n        var bufferingDetected = false;\n        this.danmakuTime = false;\n        this.playedTime = false;\n        window.requestAnimationFrame = function () {\n            return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {\n                window.setTimeout(callback, 1000 / 60);\n            };\n        }();\n        var setCheckLoadingTime = function setCheckLoadingTime() {\n            _this.checkLoading = setInterval(function () {\n                currentPlayPos = _this.video.currentTime;\n                if (!bufferingDetected && currentPlayPos < lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.add('dplayer-loading');\n                    bufferingDetected = true;\n                }\n                if (bufferingDetected && currentPlayPos > lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.remove('dplayer-loading');\n                    bufferingDetected = false;\n                }\n                lastPlayPos = currentPlayPos;\n            }, 100);\n        };\n        var clearCheckLoadingTime = function clearCheckLoadingTime() {\n            clearInterval(_this.checkLoading);\n        };\n        this.animationFrame = function () {\n            if (_this.playedTime) {\n                _this.updateBar('played', _this.video.currentTime / _this.video.duration, 'width');\n                _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(_this.video.currentTime);\n                _this.trigger('playing');\n            }\n            if (_this.danmakuTime && _this.option.danmaku && showdan && _this.dan) {\n                var item = _this.dan[_this.danIndex];\n                var danmakus = [];\n                while (item && _this.video.currentTime > parseFloat(item.time)) {\n                    danmakus.push(item);\n                    item = _this.dan[++_this.danIndex];\n                }\n                _this.pushDanmaku(danmakus);\n            }\n            window.requestAnimationFrame(_this.animationFrame);\n        };\n        window.requestAnimationFrame(this.animationFrame);\n        this.setTime = function (type) {\n            if (!type) {\n                _this.danmakuTime = true;\n                _this.playedTime = true;\n                setCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = true;\n                if (type === 'played') {\n                    setCheckLoadingTime();\n                }\n            }\n        };\n        this.clearTime = function (type) {\n            if (!type) {\n                _this.danmakuTime = false;\n                _this.playedTime = false;\n                clearCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = false;\n                if (type === 'played') {\n                    clearCheckLoadingTime();\n                }\n            }\n        };\n        pbar.addEventListener('click', function (event) {\n            var e = event || window.event;\n            barWidth = pbar.clientWidth;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n        });\n        this.isTipsShow = false;\n        this.timeTipsHandler = this.timeTipsHandler(pbar, pbarTimeTips).bind(this);\n        pbar.addEventListener('mousemove', this.timeTipsHandler);\n        pbar.addEventListener('mouseover', this.timeTipsHandler);\n        pbar.addEventListener('mouseenter', this.timeTipsHandler);\n        pbar.addEventListener('mouseout', this.timeTipsHandler);\n        pbar.addEventListener('mouseleave', this.timeTipsHandler);\n        var thumbMove = function thumbMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(percentage * _this.video.duration);\n        };\n        var thumbUp = function thumbUp() {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n            _this.setTime();\n        };\n        pbar.addEventListener('mousedown', function () {\n            barWidth = pbar.clientWidth;\n            _this.clearTime();\n            document.addEventListener('mousemove', thumbMove);\n            document.addEventListener('mouseup', thumbUp);\n        });\n        bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];\n        var volumeEle = this.element.getElementsByClassName('dplayer-volume')[0];\n        var volumeBarWrapWrap = this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0];\n        var volumeBarWrap = this.element.getElementsByClassName('dplayer-volume-bar')[0];\n        var volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0];\n        var vWidth = 35;\n        this.switchVolumeIcon = function () {\n            var volumeicon = _this.element.getElementsByClassName('dplayer-volume-icon')[0];\n            if (_this.video.volume >= 0.8) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-up');\n            } else if (_this.video.volume > 0) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-down');\n            } else {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n            }\n        };\n        var volumeMove = function volumeMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        };\n        var volumeUp = function volumeUp() {\n            document.removeEventListener('mouseup', volumeUp);\n            document.removeEventListener('mousemove', volumeMove);\n            volumeEle.classList.remove('dplayer-volume-active');\n        };\n        volumeBarWrapWrap.addEventListener('click', function (event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        });\n        volumeBarWrapWrap.addEventListener('mousedown', function () {\n            document.addEventListener('mousemove', volumeMove);\n            document.addEventListener('mouseup', volumeUp);\n            volumeEle.classList.add('dplayer-volume-active');\n        });\n        volumeicon.addEventListener('click', function () {\n            if (_this.video.muted) {\n                _this.video.muted = false;\n                _this.switchVolumeIcon();\n                _this.updateBar('volume', _this.video.volume, 'width');\n            } else {\n                _this.video.muted = true;\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n                _this.updateBar('volume', 0, 'width');\n            }\n        });\n        var hideTime = 0;\n        if (!_utils.isMobile) {\n            var hideController = function hideController() {\n                _this.element.classList.remove('dplayer-hide-controller');\n                clearTimeout(hideTime);\n                hideTime = setTimeout(function () {\n                    if (_this.video.played.length) {\n                        _this.element.classList.add('dplayer-hide-controller');\n                        closeSetting();\n                        closeComment();\n                    }\n                }, 2000);\n            };\n            this.element.addEventListener('mousemove', hideController);\n            this.element.addEventListener('click', hideController);\n        }\n        this.danOpacity = localStorage.getItem('DPlayer-opacity') || 0.7;\n        var settingHTML = _html2.default.setting(this.tran);\n        var settingIcon = this.element.getElementsByClassName('dplayer-setting-icon')[0];\n        var settingBox = this.element.getElementsByClassName('dplayer-setting-box')[0];\n        var mask = this.element.getElementsByClassName('dplayer-mask')[0];\n        settingBox.innerHTML = settingHTML.original;\n        var closeSetting = function closeSetting() {\n            if (settingBox.classList.contains('dplayer-setting-box-open')) {\n                settingBox.classList.remove('dplayer-setting-box-open');\n                mask.classList.remove('dplayer-mask-show');\n                setTimeout(function () {\n                    settingBox.classList.remove('dplayer-setting-box-narrow');\n                    settingBox.innerHTML = settingHTML.original;\n                    settingEvent();\n                }, 300);\n            }\n        };\n        var openSetting = function openSetting() {\n            settingBox.classList.add('dplayer-setting-box-open');\n            mask.classList.add('dplayer-mask-show');\n        };\n        mask.addEventListener('click', function () {\n            closeSetting();\n        });\n        settingIcon.addEventListener('click', function () {\n            openSetting();\n        });\n        this.loop = this.option.loop;\n        var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n        var showdan = true;\n        var settingEvent = function settingEvent() {\n            var loopEle = _this.element.getElementsByClassName('dplayer-setting-loop')[0];\n            var loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];\n            loopToggle.checked = _this.loop;\n            loopEle.addEventListener('click', function () {\n                loopToggle.checked = !loopToggle.checked;\n                if (loopToggle.checked) {\n                    _this.loop = true;\n                } else {\n                    _this.loop = false;\n                }\n                closeSetting();\n            });\n            var showDanEle = _this.element.getElementsByClassName('dplayer-setting-showdan')[0];\n            var showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];\n            showDanToggle.checked = showdan;\n            showDanEle.addEventListener('click', function () {\n                showDanToggle.checked = !showDanToggle.checked;\n                if (showDanToggle.checked) {\n                    showdan = true;\n                    if (_this.option.danmaku) {\n                        for (var _i2 = 0; _i2 < _this.dan.length; _i2++) {\n                            if (_this.dan[_i2].time >= _this.video.currentTime) {\n                                _this.danIndex = _i2;\n                                break;\n                            }\n                            _this.danIndex = _this.dan.length;\n                        }\n                        if (!_this.paused) {\n                            _this.setTime('danmaku');\n                        }\n                    }\n                } else {\n                    showdan = false;\n                    if (_this.option.danmaku) {\n                        _this.clearTime('danmaku');\n                        danContainer.innerHTML = '';\n                        _this.danTunnel = {\n                            right: {},\n                            top: {},\n                            bottom: {}\n                        };\n                    }\n                }\n                closeSetting();\n            });\n            var speedEle = _this.element.getElementsByClassName('dplayer-setting-speed')[0];\n            speedEle.addEventListener('click', function () {\n                settingBox.classList.add('dplayer-setting-box-narrow');\n                settingBox.innerHTML = settingHTML.speed;\n                var speedItem = settingBox.getElementsByClassName('dplayer-setting-speed-item');\n                var _loop = function _loop(_i3) {\n                    speedItem[_i3].addEventListener('click', function () {\n                        _this.video.playbackRate = speedItem[_i3].dataset.speed;\n                        closeSetting();\n                    });\n                };\n                for (var _i3 = 0; _i3 < speedItem.length; _i3++) {\n                    _loop(_i3);\n                }\n            });\n            if (_this.option.danmaku) {\n                bar.danmakuBar = _this.element.getElementsByClassName('dplayer-danmaku-bar-inner')[0];\n                var danmakuBarWrapWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];\n                var danmakuBarWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar')[0];\n                var danmakuSettingBox = _this.element.getElementsByClassName('dplayer-setting-danmaku')[0];\n                var dWidth = 130;\n                _this.updateBar('danmaku', _this.danOpacity, 'width');\n                var danmakuMove = function danmakuMove(event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n                    for (var _i4 = 0; _i4 < items.length; _i4++) {\n                        items[_i4].style.opacity = percentage;\n                    }\n                    _this.danOpacity = percentage;\n                    localStorage.setItem('DPlayer-opacity', _this.danOpacity);\n                };\n                var danmakuUp = function danmakuUp() {\n                    document.removeEventListener('mouseup', danmakuUp);\n                    document.removeEventListener('mousemove', danmakuMove);\n                    danmakuSettingBox.classList.remove('dplayer-setting-danmaku-active');\n                };\n                danmakuBarWrapWrap.addEventListener('click', function (event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n                    for (var _i5 = 0; _i5 < items.length; _i5++) {\n                        items[_i5].style.opacity = percentage;\n                    }\n                    _this.danOpacity = percentage;\n                    localStorage.setItem('DPlayer-opacity', _this.danOpacity);\n                });\n                danmakuBarWrapWrap.addEventListener('mousedown', function () {\n                    document.addEventListener('mousemove', danmakuMove);\n                    document.addEventListener('mouseup', danmakuUp);\n                    danmakuSettingBox.classList.add('dplayer-setting-danmaku-active');\n                });\n            }\n        };\n        settingEvent();\n        if (this.video.duration !== 1) {\n            this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? _utils2.default.secondToTime(this.video.duration) : '00:00';\n        }\n        this.danTunnel = {\n            right: {},\n            top: {},\n            bottom: {}\n        };\n        var measureStyle = getComputedStyle(this.element.getElementsByClassName('dplayer-danmaku-item')[0], null);\n        var context = document.createElement('canvas').getContext('2d');\n        context.font = measureStyle.getPropertyValue('font-size') + ' ' + measureStyle.getPropertyValue('font-family');\n        this.danmakuMeasure = function (text) {\n            return context.measureText(text).width;\n        };\n        if (this.option.danmaku) {\n            this.danIndex = 0;\n            this.readDanmaku();\n        } else {\n            if (this.option.autoplay && !_utils.isMobile) {\n                this.play();\n            } else if (_utils.isMobile) {\n                this.pause();\n            }\n        }\n        var commentInput = this.element.getElementsByClassName('dplayer-comment-input')[0];\n        var commentIcon = this.element.getElementsByClassName('dplayer-comment-icon')[0];\n        var commentBox = this.element.getElementsByClassName('dplayer-comment-box')[0];\n        var commentSettingIcon = this.element.getElementsByClassName('dplayer-comment-setting-icon')[0];\n        var commentSettingBox = this.element.getElementsByClassName('dplayer-comment-setting-box')[0];\n        var commentSendIcon = this.element.getElementsByClassName('dplayer-send-icon')[0];\n        var htmlEncode = function htmlEncode(str) {\n            return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\\//g, '&#x2f;');\n        };\n        var sendComment = function sendComment() {\n            commentInput.blur();\n            if (!commentInput.value.replace(/^\\s+|\\s+$/g, '')) {\n                _this.notice(_this.tran('Please input danmaku content!'));\n                return;\n            }\n            var danmakuData = {\n                token: _this.option.danmaku.token,\n                player: _this.option.danmaku.id,\n                author: _this.option.danmaku.user,\n                time: _this.video.currentTime,\n                text: commentInput.value,\n                color: _this.element.querySelector('.dplayer-comment-setting-color input:checked').value,\n                type: _this.element.querySelector('.dplayer-comment-setting-type input:checked').value\n            };\n            _this.option.apiBackend.send(_this.option.danmaku.api, danmakuData);\n            commentInput.value = '';\n            closeComment();\n            _this.dan.splice(_this.danIndex, 0, danmakuData);\n            _this.danIndex++;\n            var danmaku = {\n                text: htmlEncode(danmakuData.text),\n                color: danmakuData.color,\n                type: danmakuData.type,\n                border: '2px solid ' + _this.option.theme\n            };\n            _this.pushDanmaku(danmaku);\n        };\n        var closeCommentSetting = function closeCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            }\n        };\n        var toggleCommentSetting = function toggleCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            } else {\n                commentSettingBox.classList.add('dplayer-comment-setting-open');\n            }\n        };\n        var disableHide = 0;\n        var commentFocusTimeout = 0;\n        var closeComment = function closeComment() {\n            if (!commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.remove('dplayer-comment-box-open');\n            mask.classList.remove('dplayer-mask-show');\n            _this.element.classList.remove('dplayer-show-controller');\n            clearInterval(disableHide);\n            clearTimeout(commentFocusTimeout);\n            closeCommentSetting();\n        };\n        var openComment = function openComment() {\n            if (commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.add('dplayer-comment-box-open');\n            mask.classList.add('dplayer-mask-show');\n            _this.element.classList.add('dplayer-show-controller');\n            disableHide = setInterval(function () {\n                clearTimeout(hideTime);\n            }, 1000);\n            commentFocusTimeout = setTimeout(function () {\n                commentInput.focus();\n            }, 300);\n        };\n        mask.addEventListener('click', function () {\n            closeComment();\n        });\n        commentIcon.addEventListener('click', function () {\n            openComment();\n        });\n        commentSettingIcon.addEventListener('click', function () {\n            toggleCommentSetting();\n        });\n        this.element.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', function () {\n            var sele = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked+span');\n            if (sele) {\n                commentSettingIcon.getElementsByClassName('dplayer-fill')[0].style.fill = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked').value;\n            }\n        });\n        commentInput.addEventListener('click', function () {\n            closeCommentSetting();\n        });\n        commentInput.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            if (event.keyCode === 13) {\n                sendComment();\n            }\n        });\n        commentSendIcon.addEventListener('click', sendComment);\n        var resetAnimation = function resetAnimation() {\n            var danWidth = danContainer.offsetWidth;\n            var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n            for (var _i6 = 0; _i6 < items.length; _i6++) {\n                items[_i6].style.transform = 'translateX(-' + danWidth + 'px)';\n            }\n        };\n        this.element.addEventListener('fullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.addEventListener('mozfullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.addEventListener('webkitfullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', function () {\n            if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n                if (_this.element.requestFullscreen) {\n                    _this.element.requestFullscreen();\n                } else if (_this.element.mozRequestFullScreen) {\n                    _this.element.mozRequestFullScreen();\n                } else if (_this.element.webkitRequestFullscreen) {\n                    _this.element.webkitRequestFullscreen();\n                } else if (_this.video.webkitEnterFullscreen) {\n                    _this.video.webkitEnterFullscreen();\n                }\n            } else {\n                if (document.cancelFullScreen) {\n                    document.cancelFullScreen();\n                } else if (document.mozCancelFullScreen) {\n                    document.mozCancelFullScreen();\n                } else if (document.webkitCancelFullScreen) {\n                    document.webkitCancelFullScreen();\n                }\n            }\n            resetAnimation();\n        });\n        this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', function () {\n            if (_this.element.classList.contains('dplayer-fulled')) {\n                _this.element.classList.remove('dplayer-fulled');\n            } else {\n                _this.element.classList.add('dplayer-fulled');\n                resetAnimation();\n            }\n        });\n        var handleKeyDown = function handleKeyDown(e) {\n            var tag = document.activeElement.tagName.toUpperCase();\n            var editable = document.activeElement.getAttribute('contenteditable');\n            if (tag !== 'INPUT' && tag !== 'TEXTAREA' && editable !== '' && editable !== 'true') {\n                var event = e || window.event;\n                var percentage = void 0;\n                switch (event.keyCode) {\n                case 32:\n                    event.preventDefault();\n                    _this.toggle();\n                    break;\n                case 37:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime - 5);\n                    break;\n                case 39:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime + 5);\n                    break;\n                case 38:\n                    event.preventDefault();\n                    percentage = _this.video.volume + 0.1;\n                    _this.volume(percentage);\n                    break;\n                case 40:\n                    event.preventDefault();\n                    percentage = _this.video.volume - 0.1;\n                    _this.volume(percentage);\n                    break;\n                }\n            }\n        };\n        if (this.option.hotkey) {\n            document.addEventListener('keydown', handleKeyDown);\n        }\n        document.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            switch (event.keyCode) {\n            case 27:\n                if (_this.element.classList.contains('dplayer-fulled')) {\n                    _this.element.classList.remove('dplayer-fulled');\n                    resetAnimation();\n                }\n                break;\n            }\n        });\n        var menu = this.element.getElementsByClassName('dplayer-menu')[0];\n        this.element.addEventListener('contextmenu', function (e) {\n            var event = e || window.event;\n            event.preventDefault();\n            menu.classList.add('dplayer-menu-show');\n            var clientRect = _this.element.getBoundingClientRect();\n            var menuLeft = event.clientX - clientRect.left;\n            var menuTop = event.clientY - clientRect.top;\n            if (menuLeft + menu.offsetWidth >= clientRect.width) {\n                menu.style.right = clientRect.width - menuLeft + 'px';\n                menu.style.left = 'initial';\n            } else {\n                menu.style.left = event.clientX - _this.element.getBoundingClientRect().left + 'px';\n                menu.style.right = 'initial';\n            }\n            if (menuTop + menu.offsetHeight >= clientRect.height) {\n                menu.style.bottom = clientRect.height - menuTop + 'px';\n                menu.style.top = 'initial';\n            } else {\n                menu.style.top = event.clientY - _this.element.getBoundingClientRect().top + 'px';\n                menu.style.bottom = 'initial';\n            }\n            mask.classList.add('dplayer-mask-show');\n            mask.addEventListener('click', function () {\n                mask.classList.remove('dplayer-mask-show');\n                menu.classList.remove('dplayer-menu-show');\n            });\n        });\n        if (this.option.video.quality) {\n            this.element.getElementsByClassName('dplayer-quality-list')[0].addEventListener('click', function (e) {\n                if (e.target.classList.contains('dplayer-quality-item')) {\n                    _this.switchQuality(e.target.dataset.index);\n                }\n            });\n        }\n        if (this.option.screenshot) {\n            var camareIcon = this.element.getElementsByClassName('dplayer-camera-icon')[0];\n            camareIcon.addEventListener('click', function () {\n                var canvas = document.createElement('canvas');\n                canvas.width = _this.video.videoWidth;\n                canvas.height = _this.video.videoHeight;\n                canvas.getContext('2d').drawImage(_this.video, 0, 0, canvas.width, canvas.height);\n                camareIcon.href = canvas.toDataURL();\n                camareIcon.download = 'DPlayer.png';\n            });\n        }\n        index++;\n    }\n    _createClass(DPlayer, [\n        {\n            key: 'seek',\n            value: function seek(time) {\n                time = Math.max(time, 0);\n                if (this.video.duration) {\n                    time = Math.min(time, this.video.duration);\n                }\n                this.video.currentTime = time;\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n                if (this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('play');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.playButton.innerHTML = (0, _svg2.default)('pause');\n                this.video.play();\n                this.setTime();\n                this.element.classList.add('dplayer-playing');\n                this.trigger('play');\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n                this.element.classList.remove('dplayer-loading');\n                if (!this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('pause');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.ended = false;\n                this.playButton.innerHTML = (0, _svg2.default)('play');\n                this.video.pause();\n                this.clearTime();\n                this.element.classList.remove('dplayer-playing');\n                this.trigger('pause');\n            }\n        },\n        {\n            key: 'volume',\n            value: function volume(percentage) {\n                percentage = percentage > 0 ? percentage : 0;\n                percentage = percentage < 1 ? percentage : 1;\n                this.updateBar('volume', percentage, 'width');\n                this.video.volume = percentage;\n                if (this.video.muted) {\n                    this.video.muted = false;\n                }\n                this.switchVolumeIcon();\n            }\n        },\n        {\n            key: 'toggle',\n            value: function toggle() {\n                if (this.video.paused) {\n                    this.play();\n                } else {\n                    this.pause();\n                }\n            }\n        },\n        {\n            key: 'on',\n            value: function on(event, callback) {\n                if (typeof callback === 'function') {\n                    this.event[event].push(callback);\n                }\n            }\n        },\n        {\n            key: '_readAllEndpoints',\n            value: function _readAllEndpoints(endpoints, finish) {\n                var _this2 = this;\n                var results = [];\n                var readCount = 0;\n                var cbk = function cbk(i) {\n                    return function (err, data) {\n                        ++readCount;\n                        if (err) {\n                            if (err.response) {\n                                _this2.notice(err.response.msg);\n                            } else {\n                                _this2.notice('Request was unsuccessful: ' + err.status);\n                            }\n                            results[i] = [];\n                        } else {\n                            results[i] = data;\n                        }\n                        if (readCount === endpoints.length) {\n                            return finish(results);\n                        }\n                    };\n                };\n                for (var i = 0; i < endpoints.length; ++i) {\n                    this.option.apiBackend.read(endpoints[i], cbk(i));\n                }\n            }\n        },\n        {\n            key: 'readDanmaku',\n            value: function readDanmaku() {\n                var _this3 = this;\n                var apiurl = void 0;\n                if (this.option.danmaku.maximum) {\n                    apiurl = this.option.danmaku.api + '?id=' + this.option.danmaku.id + '&max=' + this.option.danmaku.maximum;\n                } else {\n                    apiurl = this.option.danmaku.api + '?id=' + this.option.danmaku.id;\n                }\n                var endpoints = (this.option.danmaku.addition || []).slice(0);\n                endpoints.push(apiurl);\n                this._readAllEndpoints(endpoints, function (results) {\n                    _this3.danIndex = 0;\n                    _this3.dan = [].concat.apply([], results).sort(function (a, b) {\n                        return a.time - b.time;\n                    });\n                    _this3.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n                    if (_this3.option.autoplay && !_utils.isMobile) {\n                        _this3.play();\n                    } else if (_utils.isMobile) {\n                        _this3.pause();\n                    }\n                });\n            }\n        },\n        {\n            key: 'pushDanmaku',\n            value: function pushDanmaku(danmaku) {\n                var _this4 = this;\n                var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n                var itemHeight = this.arrow ? 24 : 30;\n                var danWidth = danContainer.offsetWidth;\n                var danHeight = danContainer.offsetHeight;\n                var itemY = parseInt(danHeight / itemHeight);\n                var danItemRight = function danItemRight(ele) {\n                    var eleWidth = ele.offsetWidth || parseInt(ele.style.width);\n                    var eleRight = ele.getBoundingClientRect().right || danContainer.getBoundingClientRect().right + eleWidth;\n                    return danContainer.getBoundingClientRect().right - eleRight;\n                };\n                var danSpeed = function danSpeed(width) {\n                    return (danWidth + width) / 5;\n                };\n                var getTunnel = function getTunnel(ele, type, width) {\n                    var tmp = danWidth / danSpeed(width);\n                    var _loop2 = function _loop2(i) {\n                        var item = _this4.danTunnel[type][i + ''];\n                        if (item && item.length) {\n                            for (var j = 0; j < item.length; j++) {\n                                var danRight = danItemRight(item[j]) - 10;\n                                if (danRight <= danWidth - tmp * danSpeed(parseInt(item[j].style.width)) || danRight <= 0) {\n                                    break;\n                                }\n                                if (j === item.length - 1) {\n                                    _this4.danTunnel[type][i + ''].push(ele);\n                                    ele.addEventListener('animationend', function () {\n                                        _this4.danTunnel[type][i + ''].splice(0, 1);\n                                    });\n                                    return { v: i % itemY };\n                                }\n                            }\n                        } else {\n                            _this4.danTunnel[type][i + ''] = [ele];\n                            ele.addEventListener('animationend', function () {\n                                _this4.danTunnel[type][i + ''].splice(0, 1);\n                            });\n                            return { v: i % itemY };\n                        }\n                    };\n                    for (var i = 0;; i++) {\n                        var _ret2 = _loop2(i);\n                        if ((typeof _ret2 === 'undefined' ? 'undefined' : _typeof(_ret2)) === 'object')\n                            return _ret2.v;\n                    }\n                };\n                if (Object.prototype.toString.call(danmaku) !== '[object Array]') {\n                    danmaku = [danmaku];\n                }\n                var docFragment = document.createDocumentFragment();\n                var _loop3 = function _loop3(i) {\n                    if (!danmaku[i].type) {\n                        danmaku[i].type = 'right';\n                    }\n                    if (!danmaku[i].color) {\n                        danmaku[i].color = '#fff';\n                    }\n                    var item = document.createElement('div');\n                    item.classList.add('dplayer-danmaku-item');\n                    item.classList.add('dplayer-danmaku-' + danmaku[i].type);\n                    item.innerHTML = danmaku[i].text;\n                    item.style.opacity = _this4.danOpacity;\n                    item.style.color = danmaku[i].color;\n                    item.style.border = danmaku[i].border;\n                    item.addEventListener('animationend', function () {\n                        danContainer.removeChild(item);\n                    });\n                    var itemWidth = _this4.danmakuMeasure(danmaku[i].text);\n                    switch (danmaku[i].type) {\n                    case 'right':\n                        item.style.width = itemWidth + 1 + 'px';\n                        item.style.top = itemHeight * getTunnel(item, danmaku[i].type, itemWidth) + 'px';\n                        item.style.transform = 'translateX(-' + danWidth + 'px)';\n                        break;\n                    case 'top':\n                        item.style.top = itemHeight * getTunnel(item, danmaku[i].type) + 'px';\n                        break;\n                    case 'bottom':\n                        item.style.bottom = itemHeight * getTunnel(item, danmaku[i].type) + 'px';\n                        break;\n                    default:\n                        console.error('Can\\'t handled danmaku type: ' + danmaku[i].type);\n                    }\n                    item.classList.add('dplayer-danmaku-move');\n                    docFragment.appendChild(item);\n                };\n                for (var i = 0; i < danmaku.length; i++) {\n                    _loop3(i);\n                }\n                danContainer.appendChild(docFragment);\n                return docFragment;\n            }\n        },\n        {\n            key: 'switchVideo',\n            value: function switchVideo(video, danmaku) {\n                this.video.poster = video.pic ? video.pic : '';\n                this.video.src = video.url;\n                this.pause();\n                if (danmaku) {\n                    this.dan = [];\n                    this.danIndex = 0;\n                    this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'block';\n                    this.updateBar('played', 0, 'width');\n                    this.updateBar('loaded', 0, 'width');\n                    this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = '00:00';\n                    this.element.getElementsByClassName('dplayer-danmaku')[0].innerHTML = '';\n                    this.danTuel = {\n                        right: {},\n                        top: {},\n                        bottom: {}\n                    };\n                    this.option.danmaku = danmaku;\n                    this.readDanmaku();\n                }\n            }\n        },\n        {\n            key: 'initVideo',\n            value: function initVideo() {\n                var _this5 = this;\n                var enablehls = void 0;\n                if (this.option.video.type === 'auto') {\n                    enablehls = /m3u8(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'hls') {\n                    enablehls = true;\n                } else {\n                    enablehls = false;\n                }\n                if (enablehls && Hls.isSupported()) {\n                    var hls = new Hls();\n                    hls.loadSource(this.video.src);\n                    hls.attachMedia(this.video);\n                }\n                var enableflv = void 0;\n                if (this.option.video.type === 'auto') {\n                    enableflv = /.flv(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'flv') {\n                    enableflv = true;\n                } else {\n                    enableflv = false;\n                }\n                if (enableflv && flvjs.isSupported()) {\n                    var flvPlayer = flvjs.createPlayer({\n                        type: 'flv',\n                        url: this.option.video.url\n                    });\n                    flvPlayer.attachMediaElement(this.video);\n                    flvPlayer.load();\n                }\n                if (this.option.danmaku) {\n                    this.video.addEventListener('seeking', function () {\n                        for (var i = 0; i < _this5.dan.length; i++) {\n                            if (_this5.dan[i].time >= _this5.video.currentTime) {\n                                _this5.danIndex = i;\n                                return;\n                            }\n                            _this5.danIndex = _this5.dan.length;\n                        }\n                    });\n                }\n                this.video.addEventListener('durationchange', function () {\n                    if (_this5.video.duration !== 1) {\n                        _this5.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(_this5.video.duration);\n                    }\n                });\n                this.video.addEventListener('progress', function () {\n                    var percentage = _this5.video.buffered.length ? _this5.video.buffered.end(_this5.video.buffered.length - 1) / _this5.video.duration : 0;\n                    _this5.updateBar('loaded', percentage, 'width');\n                });\n                this.video.addEventListener('error', function () {\n                    _this5.notice(_this5.tran('This video fails to load'), -1);\n                    _this5.trigger('pause');\n                });\n                this.video.addEventListener('canplay', function () {\n                    _this5.trigger('canplay');\n                });\n                this.ended = false;\n                this.video.addEventListener('ended', function () {\n                    _this5.updateBar('played', 1, 'width');\n                    if (!_this5.loop) {\n                        _this5.ended = true;\n                        _this5.pause();\n                        _this5.trigger('ended');\n                    } else {\n                        _this5.seek(0);\n                        _this5.video.play();\n                    }\n                    _this5.danIndex = 0;\n                });\n                this.video.addEventListener('play', function () {\n                    if (_this5.paused) {\n                        _this5.play();\n                    }\n                });\n                this.video.addEventListener('pause', function () {\n                    if (!_this5.paused) {\n                        _this5.pause();\n                    }\n                });\n                this.video.volume = parseInt(this.element.getElementsByClassName('dplayer-volume-bar-inner')[0].style.width) / 100;\n            }\n        },\n        {\n            key: 'switchQuality',\n            value: function switchQuality(index) {\n                var _this6 = this;\n                if (this.qualityIndex === index || this.switchingQuality) {\n                    return;\n                } else {\n                    this.qualityIndex = index;\n                }\n                this.switchingQuality = true;\n                this.quality = this.option.video.quality[index];\n                this.element.getElementsByClassName('dplayer-quality-icon')[0].innerHTML = this.quality.name;\n                var paused = this.video.paused;\n                this.video.pause();\n                var videoHTML = _html2.default.video(false, null, this.option.screenshot, 'auto', this.quality.url);\n                var videoEle = new DOMParser().parseFromString(videoHTML, 'text/html').body.firstChild;\n                var parent = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n                parent.insertBefore(videoEle, parent.getElementsByTagName('div')[0]);\n                this.prevVideo = this.video;\n                this.video = videoEle;\n                this.initVideo();\n                this.seek(this.prevVideo.currentTime);\n                this.notice(this.tran('Switching to') + ' ' + this.quality.name + ' ' + this.tran('quality'), -1);\n                this.video.addEventListener('canplay', function () {\n                    if (_this6.prevVideo) {\n                        if (_this6.video.currentTime !== _this6.prevVideo.currentTime) {\n                            _this6.seek(_this6.prevVideo.currentTime);\n                            return;\n                        }\n                        parent.removeChild(_this6.prevVideo);\n                        _this6.video.classList.add('dplayer-video-current');\n                        if (!paused) {\n                            _this6.video.play();\n                        }\n                        _this6.prevVideo = null;\n                        _this6.notice(_this6.tran('Switched to') + ' ' + _this6.quality.name + ' ' + _this6.tran('quality'));\n                        _this6.switchingQuality = false;\n                    }\n                });\n            }\n        },\n        {\n            key: 'timeTipsHandler',\n            value: function timeTipsHandler(pbar, timeTips) {\n                var _this7 = this;\n                var cumulativeOffset = function cumulativeOffset(element) {\n                    var top = 0, left = 0;\n                    do {\n                        top += element.offsetTop || 0;\n                        left += element.offsetLeft || 0;\n                        element = element.offsetParent;\n                    } while (element);\n                    return {\n                        top: top,\n                        left: left\n                    };\n                };\n                return function (e) {\n                    if (!_this7.video.duration) {\n                        return;\n                    }\n                    var clientX = e.clientX;\n                    var px = cumulativeOffset(pbar).left;\n                    var tx = clientX - px;\n                    timeTips.innerText = _utils2.default.secondToTime(_this7.video.duration * (tx / pbar.offsetWidth));\n                    timeTips.style.left = tx - 20 + 'px';\n                    switch (e.type) {\n                    case 'mouseenter':\n                    case 'mouseover':\n                    case 'mousemove':\n                        if (_this7.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.remove('hidden');\n                        _this7.isTipsShow = true;\n                        break;\n                    case 'mouseleave':\n                    case 'mouseout':\n                        if (!_this7.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.add('hidden');\n                        _this7.isTipsShow = false;\n                        break;\n                    }\n                };\n            }\n        },\n        {\n            key: 'notice',\n            value: function notice(text, time) {\n                var noticeEle = this.element.getElementsByClassName('dplayer-notice')[0];\n                noticeEle.innerHTML = text;\n                noticeEle.style.opacity = 1;\n                if (this.noticeTime) {\n                    clearTimeout(this.noticeTime);\n                }\n                if (time && time < 0) {\n                    return;\n                }\n                this.noticeTime = setTimeout(function () {\n                    noticeEle.style.opacity = 0;\n                }, time || 2000);\n            }\n        }\n    ]);\n    return DPlayer;\n}();\nmodule.exports = DPlayer;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/DPlayer.js\n// module id = 2\n// module chunks = 0","'use strict';\nmodule.exports = {\n    secondToTime: function secondToTime(second) {\n        var add0 = function add0(num) {\n            return num < 10 ? '0' + num : '' + num;\n        };\n        var min = parseInt(second / 60);\n        var sec = parseInt(second - min * 60);\n        return add0(min) + ':' + add0(sec);\n    },\n    getElementViewLeft: function getElementViewLeft(element) {\n        var actualLeft = element.offsetLeft;\n        var current = element.offsetParent;\n        var elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n        if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n            while (current !== null) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        } else {\n            while (current !== null && current !== element) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        }\n        return actualLeft - elementScrollLeft;\n    },\n    isMobile: /mobile/i.test(window.navigator.userAgent)\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/utils.js\n// module id = 4\n// module chunks = 0","'use strict';\nvar defaultApiBackend = require('./api.js');\nmodule.exports = function (option) {\n    var isMobile = /mobile/i.test(window.navigator.userAgent);\n    if (isMobile) {\n        option.autoplay = false;\n    }\n    var defaultOption = {\n        element: document.getElementsByClassName('dplayer')[0],\n        autoplay: false,\n        theme: '#b7daff',\n        loop: false,\n        lang: navigator.language.indexOf('zh') !== -1 ? 'zh' : 'en',\n        screenshot: false,\n        hotkey: true,\n        preload: 'auto',\n        apiBackend: defaultApiBackend,\n        contextmenu: [\n            {\n                text: '关于作者',\n                link: 'http://diygod.me'\n            },\n            {\n                text: '播放器意见反馈',\n                link: 'https://github.com/DIYgod/DPlayer/issues'\n            },\n            {\n                text: '关于 DPlayer 播放器',\n                link: 'https://github.com/DIYgod/DPlayer'\n            }\n        ]\n    };\n    for (var defaultKey in defaultOption) {\n        if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n            option[defaultKey] = defaultOption[defaultKey];\n        }\n    }\n    if (Object.prototype.toString.call(option.video.url) !== '[object Array]') {\n        option.video.url = [option.video.url];\n    }\n    if (option.video && !option.video.hasOwnProperty('type')) {\n        option.video.type = 'auto';\n    }\n    if (option.danmaku && !option.danmaku.hasOwnProperty('user')) {\n        option.danmaku.user = 'DIYgod';\n    }\n    if (option.video.quality) {\n        option.video.url = [option.video.quality[option.video.defaultQuality].url];\n    }\n    return option;\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/option.js\n// module id = 5\n// module chunks = 0","'use strict';\nvar SendXMLHttpRequest = function SendXMLHttpRequest(url, data, success, error, fail) {\n    var xhr = new XMLHttpRequest();\n    xhr.onreadystatechange = function () {\n        if (xhr.readyState === 4) {\n            if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n                var response = JSON.parse(xhr.responseText);\n                if (response.code !== 1) {\n                    return error(xhr, response);\n                }\n                return success(xhr, response);\n            }\n            fail(xhr);\n        }\n    };\n    xhr.open(data !== null ? 'POST' : 'GET', url, true);\n    xhr.send(data !== null ? JSON.stringify(data) : null);\n};\nmodule.exports = {\n    send: function send(endpoint, danmakuData) {\n        SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n            console.log('Post danmaku: ', response);\n        }, function (xhr, response) {\n            alert(response.msg);\n        }, function (xhr) {\n            console.log('Request was unsuccessful: ' + xhr.status);\n        });\n    },\n    read: function read(endpoint, cbk) {\n        SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n            cbk(null, response.danmaku);\n        }, function (xhr, response) {\n            cbk({\n                status: xhr.status,\n                response: response\n            });\n        }, function (xhr) {\n            cbk({\n                status: xhr.status,\n                response: null\n            });\n        });\n    }\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/api.js\n// module id = 6\n// module chunks = 0","'use strict';\nvar tranZH = {\n    'Danmaku is loading': '弹幕加载中',\n    'Top': '顶部',\n    'Bottom': '底部',\n    'Rolling': '滚动',\n    'Input danmaku, hit Enter': '输入弹幕\\uFF0C回车发送',\n    'About author': '关于作者',\n    'DPlayer feedback': '播放器意见反馈',\n    'About DPlayer': '关于 DPlayer 播放器',\n    'Loop': '洗脑循环',\n    'Speed': '速度',\n    'Opacity for danmaku': '弹幕透明度',\n    'Normal': '正常',\n    'Please input danmaku content!': '要输入弹幕内容啊喂\\uFF01',\n    'Set danmaku color': '设置弹幕颜色',\n    'Set danmaku type': '设置弹幕类型',\n    'Danmaku': '弹幕',\n    'This video fails to load': '视频加载失败',\n    'Switching to': '正在切换至',\n    'Switched to': '已经切换至',\n    'quality': '画质'\n};\nmodule.exports = function (lang) {\n    var _this = this;\n    this.lang = lang;\n    this.tran = function (text) {\n        if (_this.lang === 'en') {\n            return text;\n        } else if (_this.lang === 'zh') {\n            return tranZH[text];\n        }\n    };\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/i18n.js\n// module id = 7\n// module chunks = 0","'use strict';\nvar svg = require('./svg.js');\nvar html = {\n    main: function main(option, index, tran) {\n        var videos = '';\n        for (var i = 0; i < option.video.url.length; i++) {\n            videos += html.video(i === 0, option.video.pic, option.screenshot, option.video.url.length ? 'metadata' : option.preload, option.video.url[i]);\n        }\n        return '<div class=\"dplayer-mask\"></div><div class=\"dplayer-video-wrap\">' + videos + '' + (option.logo ? '<div class=\"dplayer-logo\"><img src=\"' + option.logo + '\"></div>' : '') + '<div class=\"dplayer-danmaku\"><div class=\"dplayer-danmaku-item dplayer-danmaku-item--demo\"></div></div><div class=\"dplayer-bezel\"><span class=\"dplayer-bezel-icon\"></span>' + (option.danmaku ? '<span class=\"dplayer-danloading\">' + tran('Danmaku is loading') + '</span>' : '') + '<span class=\"diplayer-loading-icon\"><svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 22 22\" width=\"100%\"><svg x=\"7\" y=\"1\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-0\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-1\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"13\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-2\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-3\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"7\" y=\"13\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-4\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-5\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"1\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-6\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-7\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg></svg></span></div></div><div class=\"dplayer-controller-mask\"></div><div class=\"dplayer-controller\"><div class=\"dplayer-icons dplayer-icons-left\"><button class=\"dplayer-icon dplayer-play-icon\">' + svg('play') + '</button><div class=\"dplayer-volume\"><button class=\"dplayer-icon dplayer-volume-icon\">' + svg('volume-down') + '</button><div class=\"dplayer-volume-bar-wrap\"><div class=\"dplayer-volume-bar\"><div class=\"dplayer-volume-bar-inner\" style=\"width: 70%; background: ' + option.theme + ';\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div><span class=\"dplayer-time\"><span class=\"dplayer-ptime\">0:00</span> / <span class=\"dplayer-dtime\">0:00</span></span></div><div class=\"dplayer-icons dplayer-icons-right\">' + (option.video.quality ? '<div class=\"dplayer-quality\"><button class=\"dplayer-icon dplayer-quality-icon\">' + option.video.quality[option.video.defaultQuality].name + '</button><div class=\"dplayer-quality-mask\">' + html.qualityList(option.video.quality) + '</div></div>' : '') + '' + (option.screenshot ? '<a href=\"#\" class=\"dplayer-icon dplayer-camera-icon\">' + svg('camera') + '</a>' : '') + '<div class=\"dplayer-comment\"><button class=\"dplayer-icon dplayer-comment-icon\">' + svg('comment') + '</button><div class=\"dplayer-comment-box\"><button class=\"dplayer-icon dplayer-comment-setting-icon\">' + svg('menu') + '</button><div class=\"dplayer-comment-setting-box\"><div class=\"dplayer-comment-setting-color\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku color') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#fff\" checked><span style=\"background: #fff; border: 1px solid rgba(0,0,0,.1);\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#e54256\"><span style=\"background: #e54256\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#ffe133\"><span style=\"background: #ffe133\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#64DD17\"><span style=\"background: #64DD17\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#39ccff\"><span style=\"background: #39ccff\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#D500F9\"><span style=\"background: #D500F9\"></span></label></div><div class=\"dplayer-comment-setting-type\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku type') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"top\"><span>' + tran('Top') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"right\" checked><span>' + tran('Rolling') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"bottom\"><span>' + tran('Bottom') + '</span></label></div></div><input class=\"dplayer-comment-input\" type=\"text\" placeholder=\"' + tran('Input danmaku, hit Enter') + '\" maxlength=\"30\"><button class=\"dplayer-icon dplayer-send-icon\">' + svg('send') + '</button></div></div><div class=\"dplayer-setting\"><button class=\"dplayer-icon dplayer-setting-icon\">' + svg('setting') + '</button><div class=\"dplayer-setting-box\"></div></div><div class=\"dplayer-full\"><button class=\"dplayer-icon dplayer-full-in-icon\">' + svg('full-in') + '</button><button class=\"dplayer-icon dplayer-full-icon\">' + svg('full') + '</button></div></div><div class=\"dplayer-bar-wrap\"><div class=\"dplayer-bar-time hidden\">00:00</div><div class=\"dplayer-bar\"><div class=\"dplayer-loaded\" style=\"width: 0;\"></div><div class=\"dplayer-played\" style=\"width: 0; background: ' + option.theme + '\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div>' + html.contextmenuList(option.contextmenu) + '<div class=\"dplayer-notice\"></div>';\n    },\n    contextmenuList: function contextmenuList(contextmenu) {\n        var result = '<div class=\"dplayer-menu\">';\n        for (var i = 0; i < contextmenu.length; i++) {\n            result += '<div class=\"dplayer-menu-item\"><span class=\"dplayer-menu-label\"><a target=\"_blank\" href=\"' + contextmenu[i].link + '\">' + contextmenu[i].text + '</a></span></div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    qualityList: function qualityList(quality) {\n        var result = '<div class=\"dplayer-quality-list\">';\n        for (var i = 0; i < quality.length; i++) {\n            result += '<div class=\"dplayer-quality-item\" data-index=\"' + i + '\">' + quality[i].name + '</div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    video: function video(current, pic, screenshot, preload, url) {\n        return '<video class=\"dplayer-video ' + (current ? 'dplayer-video-current\"' : '') + '\" ' + (pic ? 'poster=\"' + pic + '\"' : '') + ' webkit-playsinline playsinline ' + (screenshot ? 'crossorigin=\"anonymous\"' : '') + ' ' + (preload ? 'preload=\"' + preload + '\"' : '') + ' src=\"' + url + '\"></video>';\n    },\n    setting: function setting(tran) {\n        return {\n            'original': '<div class=\"dplayer-setting-item dplayer-setting-speed\"><span class=\"dplayer-label\">' + tran('Speed') + '</span><div class=\"dplayer-toggle\">' + svg('right') + '</div></div><div class=\"dplayer-setting-item dplayer-setting-loop\"><span class=\"dplayer-label\">' + tran('Loop') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-toggle-setting-input\" type=\"checkbox\" name=\"dplayer-toggle\"><label for=\"dplayer-toggle\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-showdan\"><span class=\"dplayer-label\">' + tran('Danmaku') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-showdan-setting-input\" type=\"checkbox\" name=\"dplayer-toggle-dan\"><label for=\"dplayer-toggle-dan\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-danmaku\"><span class=\"dplayer-label\">' + tran('Opacity for danmaku') + '</span><div class=\"dplayer-danmaku-bar-wrap\"><div class=\"dplayer-danmaku-bar\"><div class=\"dplayer-danmaku-bar-inner\" style=\"width: ' + (localStorage.getItem('DPlayer-opacity') || 0.7) * 100 + '%\"><span class=\"dplayer-thumb\"></span></div></div></div></div>',\n            'speed': '<div class=\"dplayer-setting-speed-item\" data-speed=\"0.5\"><span class=\"dplayer-label\">0.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"0.75\"><span class=\"dplayer-label\">0.75</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1\"><span class=\"dplayer-label\">' + tran('Normal') + '</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.25\"><span class=\"dplayer-label\">1.25</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.5\"><span class=\"dplayer-label\">1.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"2\"><span class=\"dplayer-label\">2</span></div>'\n        };\n    }\n};\nmodule.exports = html;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/html.js\n// module id = 8\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///DPlayer.min.js","webpack:///webpack/bootstrap 6b18e84038b9a85a9471","webpack:///./src/svg.js","webpack:///./src/index.js","webpack:///./src/DPlayer.js","webpack:///./src/utils.js","webpack:///./src/option.js","webpack:///./src/api.js","webpack:///./src/i18n.js","webpack:///./src/html.js"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","svgSource","play","pause","volume-up","volume-down","volume-off","loop","full","full-in","setting","right","comment","comment-off","send","menu","camera","type","console","log","_interopRequireDefault","obj","default","_classCallCheck","instance","Constructor","TypeError","_typeof","Symbol","iterator","constructor","_createClass","defineProperties","target","props","length","descriptor","writable","key","protoProps","staticProps","_utils","_utils2","_svg","_svg2","_option","_option2","_i18n","_i18n2","_html","_html2","index","DPlayer","option","_this","element","classList","add","video","quality","qualityIndex","defaultQuality","tran","lang","updateBar","percentage","direction","bar","style","eventTypes","event","trigger","_i","danmaku","isMobile","innerHTML","main","arrow","offsetWidth","arrowStyle","document","createElement","head","appendChild","getElementsByClassName","initVideo","bezel","addEventListener","remove","playButton","paused","toggle","videoWrap","conMask","toggleController","contains","playedBar","loadedBar","pbar","pbarTimeTips","barWidth","lastPlayPos","currentPlayPos","bufferingDetected","danmakuTime","playedTime","window","requestAnimationFrame","webkitRequestAnimationFrame","mozRequestAnimationFrame","oRequestAnimationFrame","msRequestAnimationFrame","callback","setTimeout","setCheckLoadingTime","checkLoading","setInterval","currentTime","clearCheckLoadingTime","clearInterval","animationFrame","duration","secondToTime","showdan","dan","item","danIndex","danmakus","parseFloat","time","push","pushDanmaku","requestID","setTime","clearTime","e","clientWidth","clientX","getElementViewLeft","seek","width","isTipsShow","timeTipsHandler","bind","thumbMove","thumbUp","removeEventListener","volumeBar","volumeEle","volumeBarWrapWrap","volumeBarWrap","volumeicon","switchVolumeIcon","volume","volumeMove","volumeUp","muted","hideTime","hideController","clearTimeout","played","closeSetting","closeComment","danOpacity","localStorage","getItem","settingHTML","settingIcon","settingBox","mask","original","settingEvent","openSetting","danContainer","loopEle","loopToggle","checked","showDanEle","showDanToggle","_i2","danTunnel","top","bottom","speed","speedItem","_i3","playbackRate","dataset","danmakuBar","danmakuBarWrapWrap","danmakuBarWrap","danmakuSettingBox","danmakuMove","items","_i4","opacity","setItem","danmakuUp","_i5","measureStyle","getComputedStyle","context","getContext","font","getPropertyValue","danmakuMeasure","text","measureText","readDanmaku","autoplay","commentInput","commentIcon","commentBox","commentSettingIcon","commentSettingBox","commentSendIcon","htmlEncode","str","replace","sendComment","blur","value","notice","danmakuData","token","player","id","author","user","color","querySelector","apiBackend","api","splice","border","theme","closeCommentSetting","toggleCommentSetting","disableHide","commentFocusTimeout","openComment","focus","fill","keyCode","resetAnimation","danWidth","_i6","transform","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","cancelFullScreen","mozCancelFullScreen","webkitCancelFullScreen","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","webkitEnterFullscreen","handleKeyDown","tag","activeElement","tagName","toUpperCase","editable","getAttribute","preventDefault","hotkey","clientRect","getBoundingClientRect","menuLeft","left","menuTop","clientY","offsetHeight","height","switchQuality","screenshot","camareIcon","canvas","videoWidth","videoHeight","drawImage","href","toDataURL","download","Math","max","min","ended","cancelAnimationFrame","endpoints","finish","_this2","results","readCount","read","err","data","response","msg","status","_this3","apiurl","maximum","addition","slice","_readAllEndpoints","concat","apply","sort","a","b","display","_this4","itemHeight","danHeight","itemY","parseInt","danItemRight","ele","eleWidth","eleRight","danSpeed","getTunnel","tmp","_ret2","v","j","danRight","toString","docFragment","createDocumentFragment","removeChild","itemWidth","error","poster","pic","src","url","danTuel","_this5","exec","Hls","isSupported","hls","loadSource","attachMedia","flvjs","flvPlayer","createPlayer","attachMediaElement","load","buffered","end","_this6","switchingQuality","videoHTML","videoEle","DOMParser","parseFromString","body","firstChild","parent","insertBefore","getElementsByTagName","prevVideo","timeTips","_this7","cumulativeOffset","offsetTop","offsetLeft","offsetParent","px","tx","innerText","noticeEle","noticeTime","second","add0","num","sec","actualLeft","current","elementScrollLeft","scrollLeft","documentElement","test","navigator","userAgent","defaultApiBackend","defaultOption","language","indexOf","preload","contextmenu","link","defaultKey","SendXMLHttpRequest","success","fail","xhr","XMLHttpRequest","onreadystatechange","readyState","JSON","parse","responseText","code","open","stringify","endpoint","alert","cbk","tranZH","Danmaku is loading","Top","Bottom","Rolling","Input danmaku, hit Enter","About author","DPlayer feedback","About DPlayer","Loop","Speed","Opacity for danmaku","Normal","Please input danmaku content!","Set danmaku color","Set danmaku type","Danmaku","This video fails to load","Switching to","Switched to","svg","html","videos","logo","qualityList","contextmenuList","result"],"mappings":"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","file":"DPlayer.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"DPlayer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"DPlayer\"] = factory();\n\telse\n\t\troot[\"DPlayer\"] = factory();\n})(this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"DPlayer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"DPlayer\"] = factory();\n\telse\n\t\troot[\"DPlayer\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 1);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar svgSource = {\n    'play': [\n        '0 0 16 32',\n        'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'\n    ],\n    'pause': [\n        '0 0 17 32',\n        'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'\n    ],\n    'volume-up': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'\n    ],\n    'volume-down': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'\n    ],\n    'volume-off': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'\n    ],\n    'loop': [\n        '0 0 32 32',\n        'M1.882 16.941c0 4.152 3.221 7.529 7.177 7.529v1.882c-4.996 0-9.060-4.222-9.060-9.412s4.064-9.412 9.060-9.412h7.96l-3.098-3.098 1.331-1.331 5.372 5.37-5.37 5.372-1.333-1.333 3.1-3.098h-7.962c-3.957 0-7.177 3.377-7.177 7.529zM22.94 7.529v1.882c3.957 0 7.177 3.377 7.177 7.529s-3.221 7.529-7.177 7.529h-7.962l3.098-3.098-1.331-1.331-5.37 5.37 5.372 5.372 1.331-1.331-3.1-3.1h7.96c4.998 0 9.062-4.222 9.062-9.412s-4.064-9.412-9.060-9.412z'\n    ],\n    'full': [\n        '0 0 32 33',\n        'M6.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v4h4c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333zM30.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h4v-4c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM30.667 12c-0.8 0-1.333-0.533-1.333-1.333v-4h-4c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM1.333 12c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333h-4v4c0 0.8-0.533 1.333-1.333 1.333z'\n    ],\n    'full-in': [\n        '0 0 32 33',\n        'M24.965 24.38h-18.132c-1.366 0-2.478-1.113-2.478-2.478v-11.806c0-1.364 1.111-2.478 2.478-2.478h18.132c1.366 0 2.478 1.113 2.478 2.478v11.806c0 1.364-1.11 2.478-2.478 2.478zM6.833 10.097v11.806h18.134l-0.002-11.806h-18.132zM2.478 28.928h5.952c0.684 0 1.238-0.554 1.238-1.239 0-0.684-0.554-1.238-1.238-1.238h-5.952v-5.802c0-0.684-0.554-1.239-1.238-1.239s-1.239 0.556-1.239 1.239v5.802c0 1.365 1.111 2.478 2.478 2.478zM30.761 19.412c-0.684 0-1.238 0.554-1.238 1.238v5.801h-5.951c-0.686 0-1.239 0.554-1.239 1.238 0 0.686 0.554 1.239 1.239 1.239h5.951c1.366 0 2.478-1.111 2.478-2.478v-5.801c0-0.683-0.554-1.238-1.239-1.238zM0 5.55v5.802c0 0.683 0.554 1.238 1.238 1.238s1.238-0.555 1.238-1.238v-5.802h5.952c0.684 0 1.238-0.554 1.238-1.238s-0.554-1.238-1.238-1.238h-5.951c-1.366-0.001-2.478 1.111-2.478 2.476zM32 11.35v-5.801c0-1.365-1.11-2.478-2.478-2.478h-5.951c-0.686 0-1.239 0.554-1.239 1.238s0.554 1.238 1.239 1.238h5.951v5.801c0 0.683 0.554 1.237 1.238 1.237 0.686 0.002 1.239-0.553 1.239-1.236z'\n    ],\n    'setting': [\n        '0 0 32 28',\n        'M28.633 17.104c0.035 0.21 0.026 0.463-0.026 0.76s-0.14 0.598-0.262 0.904c-0.122 0.306-0.271 0.581-0.445 0.825s-0.367 0.419-0.576 0.524c-0.209 0.105-0.393 0.157-0.55 0.157s-0.332-0.035-0.524-0.105c-0.175-0.052-0.393-0.1-0.655-0.144s-0.528-0.052-0.799-0.026c-0.271 0.026-0.541 0.083-0.812 0.17s-0.502 0.236-0.694 0.445c-0.419 0.437-0.664 0.934-0.734 1.493s0.009 1.092 0.236 1.598c0.175 0.349 0.148 0.699-0.079 1.048-0.105 0.14-0.271 0.284-0.498 0.432s-0.476 0.284-0.747 0.406-0.555 0.218-0.851 0.288c-0.297 0.070-0.559 0.105-0.786 0.105-0.157 0-0.306-0.061-0.445-0.183s-0.236-0.253-0.288-0.393h-0.026c-0.192-0.541-0.52-1.009-0.982-1.402s-1-0.589-1.611-0.589c-0.594 0-1.131 0.197-1.611 0.589s-0.816 0.851-1.009 1.375c-0.087 0.21-0.218 0.362-0.393 0.458s-0.367 0.144-0.576 0.144c-0.244 0-0.52-0.044-0.825-0.131s-0.611-0.197-0.917-0.327c-0.306-0.131-0.581-0.284-0.825-0.458s-0.428-0.349-0.55-0.524c-0.087-0.122-0.135-0.266-0.144-0.432s0.057-0.397 0.197-0.694c0.192-0.402 0.266-0.86 0.223-1.375s-0.266-0.991-0.668-1.428c-0.244-0.262-0.541-0.432-0.891-0.511s-0.681-0.109-0.995-0.092c-0.367 0.017-0.742 0.087-1.127 0.21-0.244 0.070-0.489 0.052-0.734-0.052-0.192-0.070-0.371-0.231-0.537-0.485s-0.314-0.533-0.445-0.838c-0.131-0.306-0.231-0.62-0.301-0.943s-0.087-0.59-0.052-0.799c0.052-0.384 0.227-0.629 0.524-0.734 0.524-0.21 0.995-0.555 1.415-1.035s0.629-1.017 0.629-1.611c0-0.611-0.21-1.144-0.629-1.598s-0.891-0.786-1.415-0.996c-0.157-0.052-0.288-0.179-0.393-0.38s-0.157-0.406-0.157-0.616c0-0.227 0.035-0.48 0.105-0.76s0.162-0.55 0.275-0.812 0.244-0.502 0.393-0.72c0.148-0.218 0.31-0.38 0.485-0.485 0.14-0.087 0.275-0.122 0.406-0.105s0.275 0.052 0.432 0.105c0.524 0.21 1.070 0.275 1.637 0.197s1.070-0.327 1.506-0.747c0.21-0.209 0.362-0.467 0.458-0.773s0.157-0.607 0.183-0.904c0.026-0.297 0.026-0.568 0-0.812s-0.048-0.419-0.065-0.524c-0.035-0.105-0.066-0.227-0.092-0.367s-0.013-0.262 0.039-0.367c0.105-0.244 0.293-0.458 0.563-0.642s0.563-0.336 0.878-0.458c0.314-0.122 0.62-0.214 0.917-0.275s0.533-0.092 0.707-0.092c0.227 0 0.406 0.074 0.537 0.223s0.223 0.301 0.275 0.458c0.192 0.471 0.507 0.886 0.943 1.244s0.952 0.537 1.546 0.537c0.611 0 1.153-0.17 1.624-0.511s0.803-0.773 0.996-1.297c0.070-0.14 0.179-0.284 0.327-0.432s0.301-0.223 0.458-0.223c0.244 0 0.511 0.035 0.799 0.105s0.572 0.166 0.851 0.288c0.279 0.122 0.537 0.279 0.773 0.472s0.423 0.402 0.563 0.629c0.087 0.14 0.113 0.293 0.079 0.458s-0.070 0.284-0.105 0.354c-0.227 0.506-0.297 1.039-0.21 1.598s0.341 1.048 0.76 1.467c0.419 0.419 0.934 0.651 1.546 0.694s1.179-0.057 1.703-0.301c0.14-0.087 0.31-0.122 0.511-0.105s0.371 0.096 0.511 0.236c0.262 0.244 0.493 0.616 0.694 1.113s0.336 1 0.406 1.506c0.035 0.297-0.013 0.528-0.144 0.694s-0.266 0.275-0.406 0.327c-0.542 0.192-1.004 0.528-1.388 1.009s-0.576 1.026-0.576 1.637c0 0.594 0.162 1.113 0.485 1.559s0.747 0.764 1.27 0.956c0.122 0.070 0.227 0.14 0.314 0.21 0.192 0.157 0.323 0.358 0.393 0.602v0zM16.451 19.462c0.786 0 1.528-0.149 2.227-0.445s1.305-0.707 1.821-1.231c0.515-0.524 0.921-1.131 1.218-1.821s0.445-1.428 0.445-2.214c0-0.786-0.148-1.524-0.445-2.214s-0.703-1.292-1.218-1.808c-0.515-0.515-1.122-0.921-1.821-1.218s-1.441-0.445-2.227-0.445c-0.786 0-1.524 0.148-2.214 0.445s-1.292 0.703-1.808 1.218c-0.515 0.515-0.921 1.118-1.218 1.808s-0.445 1.428-0.445 2.214c0 0.786 0.149 1.524 0.445 2.214s0.703 1.297 1.218 1.821c0.515 0.524 1.118 0.934 1.808 1.231s1.428 0.445 2.214 0.445v0z'\n    ],\n    'right': [\n        '0 0 32 32',\n        'M22 16l-10.105-10.6-1.895 1.987 8.211 8.613-8.211 8.612 1.895 1.988 8.211-8.613z'\n    ],\n    'comment': [\n        '0 0 32 32',\n        'M27.128 0.38h-22.553c-2.336 0-4.229 1.825-4.229 4.076v16.273c0 2.251 1.893 4.076 4.229 4.076h4.229v-2.685h8.403l-8.784 8.072 1.566 1.44 7.429-6.827h9.71c2.335 0 4.229-1.825 4.229-4.076v-16.273c0-2.252-1.894-4.076-4.229-4.076zM28.538 19.403c0 1.5-1.262 2.717-2.819 2.717h-8.36l-0.076-0.070-0.076 0.070h-11.223c-1.557 0-2.819-1.217-2.819-2.717v-13.589c0-1.501 1.262-2.718 2.819-2.718h19.734c1.557 0 2.819-0.141 2.819 1.359v14.947zM9.206 10.557c-1.222 0-2.215 0.911-2.215 2.036s0.992 2.035 2.215 2.035c1.224 0 2.216-0.911 2.216-2.035s-0.992-2.036-2.216-2.036zM22.496 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.224 0 2.215-0.911 2.215-2.035s-0.991-2.036-2.215-2.036zM15.852 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.222 0 2.215-0.911 2.215-2.035s-0.992-2.036-2.215-2.036z'\n    ],\n    'comment-off': [\n        '0 0 32 32',\n        'M27.090 0.131h-22.731c-2.354 0-4.262 1.839-4.262 4.109v16.401c0 2.269 1.908 4.109 4.262 4.109h4.262v-2.706h8.469l-8.853 8.135 1.579 1.451 7.487-6.88h9.787c2.353 0 4.262-1.84 4.262-4.109v-16.401c0-2.27-1.909-4.109-4.262-4.109v0zM28.511 19.304c0 1.512-1.272 2.738-2.841 2.738h-8.425l-0.076-0.070-0.076 0.070h-11.311c-1.569 0-2.841-1.226-2.841-2.738v-13.696c0-1.513 1.272-2.739 2.841-2.739h19.889c1.569 0 2.841-0.142 2.841 1.37v15.064z'\n    ],\n    'send': [\n        '0 0 32 32',\n        'M13.725 30l3.9-5.325-3.9-1.125v6.45zM0 17.5l11.050 3.35 13.6-11.55-10.55 12.425 11.8 3.65 6.1-23.375-32 15.5z'\n    ],\n    'menu': [\n        '0 0 22 32',\n        'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z'\n    ],\n    'camera': [\n        '0 0 32 32',\n        'M16 23c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zM16 13c-2.206 0-4 1.794-4 4s1.794 4 4 4c2.206 0 4-1.794 4-4s-1.794-4-4-4zM27 28h-22c-1.654 0-3-1.346-3-3v-16c0-1.654 1.346-3 3-3h3c0.552 0 1 0.448 1 1s-0.448 1-1 1h-3c-0.551 0-1 0.449-1 1v16c0 0.552 0.449 1 1 1h22c0.552 0 1-0.448 1-1v-16c0-0.551-0.448-1-1-1h-11c-0.552 0-1-0.448-1-1s0.448-1 1-1h11c1.654 0 3 1.346 3 3v16c0 1.654-1.346 3-3 3zM24 10.5c0 0.828 0.672 1.5 1.5 1.5s1.5-0.672 1.5-1.5c0-0.828-0.672-1.5-1.5-1.5s-1.5 0.672-1.5 1.5zM15 4c0 0.552-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1v0c0-0.552 0.448-1 1-1h4c0.552 0 1 0.448 1 1v0z'\n    ]\n};\nmodule.exports = function (type) {\n    return '<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"100%\" version=\"1.1\" viewBox=\"' + svgSource[type][0] + '\" width=\"100%\"><use xlink:href=\"#dplayer-' + type + '\"></use><path class=\"dplayer-fill\" d=\"' + svgSource[type][1] + '\" id=\"dplayer-' + type + '\"></path></svg>\\n';\n};\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nconsole.log('%c DPlayer ' + \"1.5.2\" + ' %c http://dplayer.js.org ', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');\nmodule.exports = __webpack_require__(2);\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar _typeof = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? function (obj) {\n    return typeof obj;\n} : function (obj) {\n    return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;\n};\nvar _createClass = function () {\n    function defineProperties(target, props) {\n        for (var i = 0; i < props.length; i++) {\n            var descriptor = props[i];\n            descriptor.enumerable = descriptor.enumerable || false;\n            descriptor.configurable = true;\n            if ('value' in descriptor)\n                descriptor.writable = true;\n            Object.defineProperty(target, descriptor.key, descriptor);\n        }\n    }\n    return function (Constructor, protoProps, staticProps) {\n        if (protoProps)\n            defineProperties(Constructor.prototype, protoProps);\n        if (staticProps)\n            defineProperties(Constructor, staticProps);\n        return Constructor;\n    };\n}();\n__webpack_require__(3);\nvar _utils = __webpack_require__(4);\nvar _utils2 = _interopRequireDefault(_utils);\nvar _svg = __webpack_require__(0);\nvar _svg2 = _interopRequireDefault(_svg);\nvar _option = __webpack_require__(5);\nvar _option2 = _interopRequireDefault(_option);\nvar _i18n = __webpack_require__(7);\nvar _i18n2 = _interopRequireDefault(_i18n);\nvar _html = __webpack_require__(8);\nvar _html2 = _interopRequireDefault(_html);\nfunction _interopRequireDefault(obj) {\n    return obj && obj.__esModule ? obj : { default: obj };\n}\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar index = 0;\nvar DPlayer = function () {\n    function DPlayer(option) {\n        var _this = this;\n        _classCallCheck(this, DPlayer);\n        this.option = (0, _option2.default)(option);\n        this.option.element.classList.add('dplayer');\n        if (this.option.video.quality) {\n            this.qualityIndex = this.option.video.defaultQuality;\n            this.quality = this.option.video.quality[this.option.video.defaultQuality];\n        }\n        this.tran = new _i18n2.default(this.option.lang).tran;\n        this.updateBar = function (type, percentage, direction) {\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            bar[type + 'Bar'].style[direction] = percentage * 100 + '%';\n        };\n        var eventTypes = [\n            'play',\n            'pause',\n            'canplay',\n            'playing',\n            'ended',\n            'error'\n        ];\n        this.event = {};\n        for (var i = 0; i < eventTypes.length; i++) {\n            this.event[eventTypes[i]] = [];\n        }\n        this.trigger = function (type) {\n            for (var _i = 0; _i < _this.event[type].length; _i++) {\n                _this.event[type][_i]();\n            }\n        };\n        this.element = this.option.element;\n        if (!this.option.danmaku) {\n            this.element.classList.add('dplayer-no-danmaku');\n        }\n        if (_utils.isMobile) {\n            this.element.classList.add('dplayer-mobile');\n        }\n        this.element.innerHTML = _html2.default.main(option, index, this.tran);\n        this.arrow = this.element.offsetWidth <= 500;\n        if (this.arrow) {\n            var arrowStyle = document.createElement('style');\n            arrowStyle.innerHTML = '.dplayer .dplayer-danmaku{font-size:18px}';\n            document.head.appendChild(arrowStyle);\n        }\n        this.video = this.element.getElementsByClassName('dplayer-video-current')[0];\n        this.initVideo();\n        this.bezel = this.element.getElementsByClassName('dplayer-bezel-icon')[0];\n        this.bezel.addEventListener('animationend', function () {\n            _this.bezel.classList.remove('dplayer-bezel-transition');\n        });\n        this.playButton = this.element.getElementsByClassName('dplayer-play-icon')[0];\n        this.paused = true;\n        this.playButton.addEventListener('click', function () {\n            _this.toggle();\n        });\n        var videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n        var conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];\n        if (!_utils.isMobile) {\n            videoWrap.addEventListener('click', function () {\n                _this.toggle();\n            });\n            conMask.addEventListener('click', function () {\n                _this.toggle();\n            });\n        } else {\n            var toggleController = function toggleController() {\n                if (_this.element.classList.contains('dplayer-hide-controller')) {\n                    _this.element.classList.remove('dplayer-hide-controller');\n                } else {\n                    _this.element.classList.add('dplayer-hide-controller');\n                }\n            };\n            videoWrap.addEventListener('click', toggleController);\n            conMask.addEventListener('click', toggleController);\n        }\n        var bar = {};\n        bar.playedBar = this.element.getElementsByClassName('dplayer-played')[0];\n        bar.loadedBar = this.element.getElementsByClassName('dplayer-loaded')[0];\n        var pbar = this.element.getElementsByClassName('dplayer-bar-wrap')[0];\n        var pbarTimeTips = this.element.getElementsByClassName('dplayer-bar-time')[0];\n        var barWidth = void 0;\n        var lastPlayPos = 0;\n        var currentPlayPos = 0;\n        var bufferingDetected = false;\n        this.danmakuTime = false;\n        this.playedTime = false;\n        window.requestAnimationFrame = function () {\n            return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {\n                window.setTimeout(callback, 1000 / 60);\n            };\n        }();\n        var setCheckLoadingTime = function setCheckLoadingTime() {\n            _this.checkLoading = setInterval(function () {\n                currentPlayPos = _this.video.currentTime;\n                if (!bufferingDetected && currentPlayPos < lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.add('dplayer-loading');\n                    bufferingDetected = true;\n                }\n                if (bufferingDetected && currentPlayPos > lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.remove('dplayer-loading');\n                    bufferingDetected = false;\n                }\n                lastPlayPos = currentPlayPos;\n            }, 100);\n        };\n        var clearCheckLoadingTime = function clearCheckLoadingTime() {\n            clearInterval(_this.checkLoading);\n        };\n        this.animationFrame = function () {\n            if (_this.playedTime) {\n                _this.updateBar('played', _this.video.currentTime / _this.video.duration, 'width');\n                _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(_this.video.currentTime);\n                _this.trigger('playing');\n            }\n            if (_this.danmakuTime && _this.option.danmaku && showdan && _this.dan) {\n                var item = _this.dan[_this.danIndex];\n                var danmakus = [];\n                while (item && _this.video.currentTime > parseFloat(item.time)) {\n                    danmakus.push(item);\n                    item = _this.dan[++_this.danIndex];\n                }\n                _this.pushDanmaku(danmakus);\n            }\n            _this.requestID = window.requestAnimationFrame(_this.animationFrame);\n        };\n        this.requestID = window.requestAnimationFrame(this.animationFrame);\n        this.setTime = function (type) {\n            if (!type) {\n                _this.danmakuTime = true;\n                _this.playedTime = true;\n                setCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = true;\n                if (type === 'played') {\n                    setCheckLoadingTime();\n                }\n            }\n        };\n        this.clearTime = function (type) {\n            if (!type) {\n                _this.danmakuTime = false;\n                _this.playedTime = false;\n                clearCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = false;\n                if (type === 'played') {\n                    clearCheckLoadingTime();\n                }\n            }\n        };\n        pbar.addEventListener('click', function (event) {\n            var e = event || window.event;\n            barWidth = pbar.clientWidth;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n        });\n        this.isTipsShow = false;\n        this.timeTipsHandler = this.timeTipsHandler(pbar, pbarTimeTips).bind(this);\n        pbar.addEventListener('mousemove', this.timeTipsHandler);\n        pbar.addEventListener('mouseover', this.timeTipsHandler);\n        pbar.addEventListener('mouseenter', this.timeTipsHandler);\n        pbar.addEventListener('mouseout', this.timeTipsHandler);\n        pbar.addEventListener('mouseleave', this.timeTipsHandler);\n        var thumbMove = function thumbMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(percentage * _this.video.duration);\n        };\n        var thumbUp = function thumbUp() {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n            _this.setTime();\n        };\n        pbar.addEventListener('mousedown', function () {\n            barWidth = pbar.clientWidth;\n            _this.clearTime();\n            document.addEventListener('mousemove', thumbMove);\n            document.addEventListener('mouseup', thumbUp);\n        });\n        bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];\n        var volumeEle = this.element.getElementsByClassName('dplayer-volume')[0];\n        var volumeBarWrapWrap = this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0];\n        var volumeBarWrap = this.element.getElementsByClassName('dplayer-volume-bar')[0];\n        var volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0];\n        var vWidth = 35;\n        this.switchVolumeIcon = function () {\n            var volumeicon = _this.element.getElementsByClassName('dplayer-volume-icon')[0];\n            if (_this.video.volume >= 0.8) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-up');\n            } else if (_this.video.volume > 0) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-down');\n            } else {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n            }\n        };\n        var volumeMove = function volumeMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        };\n        var volumeUp = function volumeUp() {\n            document.removeEventListener('mouseup', volumeUp);\n            document.removeEventListener('mousemove', volumeMove);\n            volumeEle.classList.remove('dplayer-volume-active');\n        };\n        volumeBarWrapWrap.addEventListener('click', function (event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        });\n        volumeBarWrapWrap.addEventListener('mousedown', function () {\n            document.addEventListener('mousemove', volumeMove);\n            document.addEventListener('mouseup', volumeUp);\n            volumeEle.classList.add('dplayer-volume-active');\n        });\n        volumeicon.addEventListener('click', function () {\n            if (_this.video.muted) {\n                _this.video.muted = false;\n                _this.switchVolumeIcon();\n                _this.updateBar('volume', _this.video.volume, 'width');\n            } else {\n                _this.video.muted = true;\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n                _this.updateBar('volume', 0, 'width');\n            }\n        });\n        this.hideTime = 0;\n        if (!_utils.isMobile) {\n            var hideController = function hideController() {\n                _this.element.classList.remove('dplayer-hide-controller');\n                clearTimeout(_this.hideTime);\n                _this.hideTime = setTimeout(function () {\n                    if (_this.video.played.length) {\n                        _this.element.classList.add('dplayer-hide-controller');\n                        closeSetting();\n                        closeComment();\n                    }\n                }, 2000);\n            };\n            this.element.addEventListener('mousemove', hideController);\n            this.element.addEventListener('click', hideController);\n        }\n        this.danOpacity = localStorage.getItem('DPlayer-opacity') || 0.7;\n        var settingHTML = _html2.default.setting(this.tran);\n        var settingIcon = this.element.getElementsByClassName('dplayer-setting-icon')[0];\n        var settingBox = this.element.getElementsByClassName('dplayer-setting-box')[0];\n        var mask = this.element.getElementsByClassName('dplayer-mask')[0];\n        settingBox.innerHTML = settingHTML.original;\n        var closeSetting = function closeSetting() {\n            if (settingBox.classList.contains('dplayer-setting-box-open')) {\n                settingBox.classList.remove('dplayer-setting-box-open');\n                mask.classList.remove('dplayer-mask-show');\n                setTimeout(function () {\n                    settingBox.classList.remove('dplayer-setting-box-narrow');\n                    settingBox.innerHTML = settingHTML.original;\n                    settingEvent();\n                }, 300);\n            }\n        };\n        var openSetting = function openSetting() {\n            settingBox.classList.add('dplayer-setting-box-open');\n            mask.classList.add('dplayer-mask-show');\n        };\n        mask.addEventListener('click', function () {\n            closeSetting();\n        });\n        settingIcon.addEventListener('click', function () {\n            openSetting();\n        });\n        this.loop = this.option.loop;\n        var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n        var showdan = true;\n        var settingEvent = function settingEvent() {\n            var loopEle = _this.element.getElementsByClassName('dplayer-setting-loop')[0];\n            var loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];\n            loopToggle.checked = _this.loop;\n            loopEle.addEventListener('click', function () {\n                loopToggle.checked = !loopToggle.checked;\n                if (loopToggle.checked) {\n                    _this.loop = true;\n                } else {\n                    _this.loop = false;\n                }\n                closeSetting();\n            });\n            var showDanEle = _this.element.getElementsByClassName('dplayer-setting-showdan')[0];\n            var showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];\n            showDanToggle.checked = showdan;\n            showDanEle.addEventListener('click', function () {\n                showDanToggle.checked = !showDanToggle.checked;\n                if (showDanToggle.checked) {\n                    showdan = true;\n                    if (_this.option.danmaku) {\n                        for (var _i2 = 0; _i2 < _this.dan.length; _i2++) {\n                            if (_this.dan[_i2].time >= _this.video.currentTime) {\n                                _this.danIndex = _i2;\n                                break;\n                            }\n                            _this.danIndex = _this.dan.length;\n                        }\n                        if (!_this.paused) {\n                            _this.setTime('danmaku');\n                        }\n                    }\n                } else {\n                    showdan = false;\n                    if (_this.option.danmaku) {\n                        _this.clearTime('danmaku');\n                        danContainer.innerHTML = '';\n                        _this.danTunnel = {\n                            right: {},\n                            top: {},\n                            bottom: {}\n                        };\n                    }\n                }\n                closeSetting();\n            });\n            var speedEle = _this.element.getElementsByClassName('dplayer-setting-speed')[0];\n            speedEle.addEventListener('click', function () {\n                settingBox.classList.add('dplayer-setting-box-narrow');\n                settingBox.innerHTML = settingHTML.speed;\n                var speedItem = settingBox.getElementsByClassName('dplayer-setting-speed-item');\n                var _loop = function _loop(_i3) {\n                    speedItem[_i3].addEventListener('click', function () {\n                        _this.video.playbackRate = speedItem[_i3].dataset.speed;\n                        closeSetting();\n                    });\n                };\n                for (var _i3 = 0; _i3 < speedItem.length; _i3++) {\n                    _loop(_i3);\n                }\n            });\n            if (_this.option.danmaku) {\n                bar.danmakuBar = _this.element.getElementsByClassName('dplayer-danmaku-bar-inner')[0];\n                var danmakuBarWrapWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];\n                var danmakuBarWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar')[0];\n                var danmakuSettingBox = _this.element.getElementsByClassName('dplayer-setting-danmaku')[0];\n                var dWidth = 130;\n                _this.updateBar('danmaku', _this.danOpacity, 'width');\n                var danmakuMove = function danmakuMove(event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n                    for (var _i4 = 0; _i4 < items.length; _i4++) {\n                        items[_i4].style.opacity = percentage;\n                    }\n                    _this.danOpacity = percentage;\n                    localStorage.setItem('DPlayer-opacity', _this.danOpacity);\n                };\n                var danmakuUp = function danmakuUp() {\n                    document.removeEventListener('mouseup', danmakuUp);\n                    document.removeEventListener('mousemove', danmakuMove);\n                    danmakuSettingBox.classList.remove('dplayer-setting-danmaku-active');\n                };\n                danmakuBarWrapWrap.addEventListener('click', function (event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n                    for (var _i5 = 0; _i5 < items.length; _i5++) {\n                        items[_i5].style.opacity = percentage;\n                    }\n                    _this.danOpacity = percentage;\n                    localStorage.setItem('DPlayer-opacity', _this.danOpacity);\n                });\n                danmakuBarWrapWrap.addEventListener('mousedown', function () {\n                    document.addEventListener('mousemove', danmakuMove);\n                    document.addEventListener('mouseup', danmakuUp);\n                    danmakuSettingBox.classList.add('dplayer-setting-danmaku-active');\n                });\n            }\n        };\n        settingEvent();\n        if (this.video.duration !== 1) {\n            this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? _utils2.default.secondToTime(this.video.duration) : '00:00';\n        }\n        this.danTunnel = {\n            right: {},\n            top: {},\n            bottom: {}\n        };\n        var measureStyle = getComputedStyle(this.element.getElementsByClassName('dplayer-danmaku-item')[0], null);\n        var context = document.createElement('canvas').getContext('2d');\n        context.font = measureStyle.getPropertyValue('font-size') + ' ' + measureStyle.getPropertyValue('font-family');\n        this.danmakuMeasure = function (text) {\n            return context.measureText(text).width;\n        };\n        if (this.option.danmaku) {\n            this.danIndex = 0;\n            this.readDanmaku();\n        } else {\n            if (this.option.autoplay && !_utils.isMobile) {\n                this.play();\n            } else if (_utils.isMobile) {\n                this.pause();\n            }\n        }\n        var commentInput = this.element.getElementsByClassName('dplayer-comment-input')[0];\n        var commentIcon = this.element.getElementsByClassName('dplayer-comment-icon')[0];\n        var commentBox = this.element.getElementsByClassName('dplayer-comment-box')[0];\n        var commentSettingIcon = this.element.getElementsByClassName('dplayer-comment-setting-icon')[0];\n        var commentSettingBox = this.element.getElementsByClassName('dplayer-comment-setting-box')[0];\n        var commentSendIcon = this.element.getElementsByClassName('dplayer-send-icon')[0];\n        var htmlEncode = function htmlEncode(str) {\n            return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\\//g, '&#x2f;');\n        };\n        var sendComment = function sendComment() {\n            commentInput.blur();\n            if (!commentInput.value.replace(/^\\s+|\\s+$/g, '')) {\n                _this.notice(_this.tran('Please input danmaku content!'));\n                return;\n            }\n            var danmakuData = {\n                token: _this.option.danmaku.token,\n                player: _this.option.danmaku.id,\n                author: _this.option.danmaku.user,\n                time: _this.video.currentTime,\n                text: commentInput.value,\n                color: _this.element.querySelector('.dplayer-comment-setting-color input:checked').value,\n                type: _this.element.querySelector('.dplayer-comment-setting-type input:checked').value\n            };\n            _this.option.apiBackend.send(_this.option.danmaku.api, danmakuData);\n            commentInput.value = '';\n            closeComment();\n            _this.dan.splice(_this.danIndex, 0, danmakuData);\n            _this.danIndex++;\n            var danmaku = {\n                text: htmlEncode(danmakuData.text),\n                color: danmakuData.color,\n                type: danmakuData.type,\n                border: '2px solid ' + _this.option.theme\n            };\n            _this.pushDanmaku(danmaku);\n        };\n        var closeCommentSetting = function closeCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            }\n        };\n        var toggleCommentSetting = function toggleCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            } else {\n                commentSettingBox.classList.add('dplayer-comment-setting-open');\n            }\n        };\n        var disableHide = 0;\n        var commentFocusTimeout = 0;\n        var closeComment = function closeComment() {\n            if (!commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.remove('dplayer-comment-box-open');\n            mask.classList.remove('dplayer-mask-show');\n            _this.element.classList.remove('dplayer-show-controller');\n            clearInterval(disableHide);\n            clearTimeout(commentFocusTimeout);\n            closeCommentSetting();\n        };\n        var openComment = function openComment() {\n            if (commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.add('dplayer-comment-box-open');\n            mask.classList.add('dplayer-mask-show');\n            _this.element.classList.add('dplayer-show-controller');\n            disableHide = setInterval(function () {\n                clearTimeout(_this.hideTime);\n            }, 1000);\n            commentFocusTimeout = setTimeout(function () {\n                commentInput.focus();\n            }, 300);\n        };\n        mask.addEventListener('click', function () {\n            closeComment();\n        });\n        commentIcon.addEventListener('click', function () {\n            openComment();\n        });\n        commentSettingIcon.addEventListener('click', function () {\n            toggleCommentSetting();\n        });\n        this.element.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', function () {\n            var sele = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked+span');\n            if (sele) {\n                commentSettingIcon.getElementsByClassName('dplayer-fill')[0].style.fill = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked').value;\n            }\n        });\n        commentInput.addEventListener('click', function () {\n            closeCommentSetting();\n        });\n        commentInput.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            if (event.keyCode === 13) {\n                sendComment();\n            }\n        });\n        commentSendIcon.addEventListener('click', sendComment);\n        var resetAnimation = function resetAnimation() {\n            var danWidth = danContainer.offsetWidth;\n            var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n            for (var _i6 = 0; _i6 < items.length; _i6++) {\n                items[_i6].style.transform = 'translateX(-' + danWidth + 'px)';\n            }\n        };\n        this.element.addEventListener('fullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.addEventListener('mozfullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.addEventListener('webkitfullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', function () {\n            if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n                if (_this.element.requestFullscreen) {\n                    _this.element.requestFullscreen();\n                } else if (_this.element.mozRequestFullScreen) {\n                    _this.element.mozRequestFullScreen();\n                } else if (_this.element.webkitRequestFullscreen) {\n                    _this.element.webkitRequestFullscreen();\n                } else if (_this.video.webkitEnterFullscreen) {\n                    _this.video.webkitEnterFullscreen();\n                }\n            } else {\n                if (document.cancelFullScreen) {\n                    document.cancelFullScreen();\n                } else if (document.mozCancelFullScreen) {\n                    document.mozCancelFullScreen();\n                } else if (document.webkitCancelFullScreen) {\n                    document.webkitCancelFullScreen();\n                }\n            }\n            resetAnimation();\n        });\n        this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', function () {\n            if (_this.element.classList.contains('dplayer-fulled')) {\n                _this.element.classList.remove('dplayer-fulled');\n            } else {\n                _this.element.classList.add('dplayer-fulled');\n                resetAnimation();\n            }\n        });\n        var handleKeyDown = function handleKeyDown(e) {\n            var tag = document.activeElement.tagName.toUpperCase();\n            var editable = document.activeElement.getAttribute('contenteditable');\n            if (tag !== 'INPUT' && tag !== 'TEXTAREA' && editable !== '' && editable !== 'true') {\n                var event = e || window.event;\n                var percentage = void 0;\n                switch (event.keyCode) {\n                case 32:\n                    event.preventDefault();\n                    _this.toggle();\n                    break;\n                case 37:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime - 5);\n                    break;\n                case 39:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime + 5);\n                    break;\n                case 38:\n                    event.preventDefault();\n                    percentage = _this.video.volume + 0.1;\n                    _this.volume(percentage);\n                    break;\n                case 40:\n                    event.preventDefault();\n                    percentage = _this.video.volume - 0.1;\n                    _this.volume(percentage);\n                    break;\n                }\n            }\n        };\n        if (this.option.hotkey) {\n            document.addEventListener('keydown', handleKeyDown);\n        }\n        document.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            switch (event.keyCode) {\n            case 27:\n                if (_this.element.classList.contains('dplayer-fulled')) {\n                    _this.element.classList.remove('dplayer-fulled');\n                    resetAnimation();\n                }\n                break;\n            }\n        });\n        var menu = this.element.getElementsByClassName('dplayer-menu')[0];\n        this.element.addEventListener('contextmenu', function (e) {\n            var event = e || window.event;\n            event.preventDefault();\n            menu.classList.add('dplayer-menu-show');\n            var clientRect = _this.element.getBoundingClientRect();\n            var menuLeft = event.clientX - clientRect.left;\n            var menuTop = event.clientY - clientRect.top;\n            if (menuLeft + menu.offsetWidth >= clientRect.width) {\n                menu.style.right = clientRect.width - menuLeft + 'px';\n                menu.style.left = 'initial';\n            } else {\n                menu.style.left = event.clientX - _this.element.getBoundingClientRect().left + 'px';\n                menu.style.right = 'initial';\n            }\n            if (menuTop + menu.offsetHeight >= clientRect.height) {\n                menu.style.bottom = clientRect.height - menuTop + 'px';\n                menu.style.top = 'initial';\n            } else {\n                menu.style.top = event.clientY - _this.element.getBoundingClientRect().top + 'px';\n                menu.style.bottom = 'initial';\n            }\n            mask.classList.add('dplayer-mask-show');\n            mask.addEventListener('click', function () {\n                mask.classList.remove('dplayer-mask-show');\n                menu.classList.remove('dplayer-menu-show');\n            });\n        });\n        if (this.option.video.quality) {\n            this.element.getElementsByClassName('dplayer-quality-list')[0].addEventListener('click', function (e) {\n                if (e.target.classList.contains('dplayer-quality-item')) {\n                    _this.switchQuality(e.target.dataset.index);\n                }\n            });\n        }\n        if (this.option.screenshot) {\n            var camareIcon = this.element.getElementsByClassName('dplayer-camera-icon')[0];\n            camareIcon.addEventListener('click', function () {\n                var canvas = document.createElement('canvas');\n                canvas.width = _this.video.videoWidth;\n                canvas.height = _this.video.videoHeight;\n                canvas.getContext('2d').drawImage(_this.video, 0, 0, canvas.width, canvas.height);\n                camareIcon.href = canvas.toDataURL();\n                camareIcon.download = 'DPlayer.png';\n            });\n        }\n        index++;\n    }\n    _createClass(DPlayer, [\n        {\n            key: 'seek',\n            value: function seek(time) {\n                time = Math.max(time, 0);\n                if (this.video.duration) {\n                    time = Math.min(time, this.video.duration);\n                }\n                this.video.currentTime = time;\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n                if (this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('play');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.playButton.innerHTML = (0, _svg2.default)('pause');\n                this.video.play();\n                this.setTime();\n                this.element.classList.add('dplayer-playing');\n                this.trigger('play');\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n                this.element.classList.remove('dplayer-loading');\n                if (!this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('pause');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.ended = false;\n                this.playButton.innerHTML = (0, _svg2.default)('play');\n                this.video.pause();\n                this.clearTime();\n                this.element.classList.remove('dplayer-playing');\n                window.cancelAnimationFrame(this.requestID);\n                this.trigger('pause');\n            }\n        },\n        {\n            key: 'volume',\n            value: function volume(percentage) {\n                percentage = percentage > 0 ? percentage : 0;\n                percentage = percentage < 1 ? percentage : 1;\n                this.updateBar('volume', percentage, 'width');\n                this.video.volume = percentage;\n                if (this.video.muted) {\n                    this.video.muted = false;\n                }\n                this.switchVolumeIcon();\n            }\n        },\n        {\n            key: 'toggle',\n            value: function toggle() {\n                if (this.video.paused) {\n                    this.play();\n                } else {\n                    this.pause();\n                }\n            }\n        },\n        {\n            key: 'on',\n            value: function on(event, callback) {\n                if (typeof callback === 'function') {\n                    this.event[event].push(callback);\n                }\n            }\n        },\n        {\n            key: '_readAllEndpoints',\n            value: function _readAllEndpoints(endpoints, finish) {\n                var _this2 = this;\n                var results = [];\n                var readCount = 0;\n                var cbk = function cbk(i) {\n                    return function (err, data) {\n                        ++readCount;\n                        if (err) {\n                            if (err.response) {\n                                _this2.notice(err.response.msg);\n                            } else {\n                                _this2.notice('Request was unsuccessful: ' + err.status);\n                            }\n                            results[i] = [];\n                        } else {\n                            results[i] = data;\n                        }\n                        if (readCount === endpoints.length) {\n                            return finish(results);\n                        }\n                    };\n                };\n                for (var i = 0; i < endpoints.length; ++i) {\n                    this.option.apiBackend.read(endpoints[i], cbk(i));\n                }\n            }\n        },\n        {\n            key: 'readDanmaku',\n            value: function readDanmaku() {\n                var _this3 = this;\n                var apiurl = void 0;\n                if (this.option.danmaku.maximum) {\n                    apiurl = this.option.danmaku.api + '?id=' + this.option.danmaku.id + '&max=' + this.option.danmaku.maximum;\n                } else {\n                    apiurl = this.option.danmaku.api + '?id=' + this.option.danmaku.id;\n                }\n                var endpoints = (this.option.danmaku.addition || []).slice(0);\n                endpoints.push(apiurl);\n                this._readAllEndpoints(endpoints, function (results) {\n                    _this3.danIndex = 0;\n                    _this3.dan = [].concat.apply([], results).sort(function (a, b) {\n                        return a.time - b.time;\n                    });\n                    _this3.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n                    if (_this3.option.autoplay && !_utils.isMobile) {\n                        _this3.play();\n                    } else if (_utils.isMobile) {\n                        _this3.pause();\n                    }\n                });\n            }\n        },\n        {\n            key: 'pushDanmaku',\n            value: function pushDanmaku(danmaku) {\n                var _this4 = this;\n                var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n                var itemHeight = this.arrow ? 24 : 30;\n                var danWidth = danContainer.offsetWidth;\n                var danHeight = danContainer.offsetHeight;\n                var itemY = parseInt(danHeight / itemHeight);\n                var danItemRight = function danItemRight(ele) {\n                    var eleWidth = ele.offsetWidth || parseInt(ele.style.width);\n                    var eleRight = ele.getBoundingClientRect().right || danContainer.getBoundingClientRect().right + eleWidth;\n                    return danContainer.getBoundingClientRect().right - eleRight;\n                };\n                var danSpeed = function danSpeed(width) {\n                    return (danWidth + width) / 5;\n                };\n                var getTunnel = function getTunnel(ele, type, width) {\n                    var tmp = danWidth / danSpeed(width);\n                    var _loop2 = function _loop2(i) {\n                        var item = _this4.danTunnel[type][i + ''];\n                        if (item && item.length) {\n                            for (var j = 0; j < item.length; j++) {\n                                var danRight = danItemRight(item[j]) - 10;\n                                if (danRight <= danWidth - tmp * danSpeed(parseInt(item[j].style.width)) || danRight <= 0) {\n                                    break;\n                                }\n                                if (j === item.length - 1) {\n                                    _this4.danTunnel[type][i + ''].push(ele);\n                                    ele.addEventListener('animationend', function () {\n                                        _this4.danTunnel[type][i + ''].splice(0, 1);\n                                    });\n                                    return { v: i % itemY };\n                                }\n                            }\n                        } else {\n                            _this4.danTunnel[type][i + ''] = [ele];\n                            ele.addEventListener('animationend', function () {\n                                _this4.danTunnel[type][i + ''].splice(0, 1);\n                            });\n                            return { v: i % itemY };\n                        }\n                    };\n                    for (var i = 0;; i++) {\n                        var _ret2 = _loop2(i);\n                        if ((typeof _ret2 === 'undefined' ? 'undefined' : _typeof(_ret2)) === 'object')\n                            return _ret2.v;\n                    }\n                };\n                if (Object.prototype.toString.call(danmaku) !== '[object Array]') {\n                    danmaku = [danmaku];\n                }\n                var docFragment = document.createDocumentFragment();\n                var _loop3 = function _loop3(i) {\n                    if (!danmaku[i].type) {\n                        danmaku[i].type = 'right';\n                    }\n                    if (!danmaku[i].color) {\n                        danmaku[i].color = '#fff';\n                    }\n                    var item = document.createElement('div');\n                    item.classList.add('dplayer-danmaku-item');\n                    item.classList.add('dplayer-danmaku-' + danmaku[i].type);\n                    item.innerHTML = danmaku[i].text;\n                    item.style.opacity = _this4.danOpacity;\n                    item.style.color = danmaku[i].color;\n                    item.style.border = danmaku[i].border;\n                    item.addEventListener('animationend', function () {\n                        danContainer.removeChild(item);\n                    });\n                    var itemWidth = _this4.danmakuMeasure(danmaku[i].text);\n                    switch (danmaku[i].type) {\n                    case 'right':\n                        item.style.width = itemWidth + 1 + 'px';\n                        item.style.top = itemHeight * getTunnel(item, danmaku[i].type, itemWidth) + 'px';\n                        item.style.transform = 'translateX(-' + danWidth + 'px)';\n                        break;\n                    case 'top':\n                        item.style.top = itemHeight * getTunnel(item, danmaku[i].type) + 'px';\n                        break;\n                    case 'bottom':\n                        item.style.bottom = itemHeight * getTunnel(item, danmaku[i].type) + 'px';\n                        break;\n                    default:\n                        console.error('Can\\'t handled danmaku type: ' + danmaku[i].type);\n                    }\n                    item.classList.add('dplayer-danmaku-move');\n                    docFragment.appendChild(item);\n                };\n                for (var i = 0; i < danmaku.length; i++) {\n                    _loop3(i);\n                }\n                danContainer.appendChild(docFragment);\n                return docFragment;\n            }\n        },\n        {\n            key: 'switchVideo',\n            value: function switchVideo(video, danmaku) {\n                this.video.poster = video.pic ? video.pic : '';\n                this.video.src = video.url;\n                this.pause();\n                if (danmaku) {\n                    this.dan = [];\n                    this.danIndex = 0;\n                    this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'block';\n                    this.updateBar('played', 0, 'width');\n                    this.updateBar('loaded', 0, 'width');\n                    this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = '00:00';\n                    this.element.getElementsByClassName('dplayer-danmaku')[0].innerHTML = '';\n                    this.danTuel = {\n                        right: {},\n                        top: {},\n                        bottom: {}\n                    };\n                    this.option.danmaku = danmaku;\n                    this.readDanmaku();\n                }\n            }\n        },\n        {\n            key: 'initVideo',\n            value: function initVideo() {\n                var _this5 = this;\n                var enablehls = void 0;\n                if (this.option.video.type === 'auto') {\n                    enablehls = /m3u8(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'hls') {\n                    enablehls = true;\n                } else {\n                    enablehls = false;\n                }\n                if (enablehls && Hls.isSupported()) {\n                    var hls = new Hls();\n                    hls.loadSource(this.video.src);\n                    hls.attachMedia(this.video);\n                }\n                var enableflv = void 0;\n                if (this.option.video.type === 'auto') {\n                    enableflv = /.flv(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'flv') {\n                    enableflv = true;\n                } else {\n                    enableflv = false;\n                }\n                if (enableflv && flvjs.isSupported()) {\n                    var flvPlayer = flvjs.createPlayer({\n                        type: 'flv',\n                        url: this.option.video.url\n                    });\n                    flvPlayer.attachMediaElement(this.video);\n                    flvPlayer.load();\n                }\n                if (this.option.danmaku) {\n                    this.video.addEventListener('seeking', function () {\n                        for (var i = 0; i < _this5.dan.length; i++) {\n                            if (_this5.dan[i].time >= _this5.video.currentTime) {\n                                _this5.danIndex = i;\n                                return;\n                            }\n                            _this5.danIndex = _this5.dan.length;\n                        }\n                    });\n                }\n                this.video.addEventListener('durationchange', function () {\n                    if (_this5.video.duration !== 1) {\n                        _this5.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(_this5.video.duration);\n                    }\n                });\n                this.video.addEventListener('progress', function () {\n                    var percentage = _this5.video.buffered.length ? _this5.video.buffered.end(_this5.video.buffered.length - 1) / _this5.video.duration : 0;\n                    _this5.updateBar('loaded', percentage, 'width');\n                });\n                this.video.addEventListener('error', function () {\n                    _this5.tran && _this5.notice && _this5.notice(_this5.tran('This video fails to load'), -1);\n                    _this5.trigger && _this5.trigger('pause');\n                });\n                this.video.addEventListener('canplay', function () {\n                    _this5.trigger('canplay');\n                });\n                this.ended = false;\n                this.video.addEventListener('ended', function () {\n                    _this5.updateBar('played', 1, 'width');\n                    if (!_this5.loop) {\n                        _this5.ended = true;\n                        _this5.pause();\n                        _this5.trigger('ended');\n                    } else {\n                        _this5.seek(0);\n                        _this5.video.play();\n                    }\n                    _this5.danIndex = 0;\n                });\n                this.video.addEventListener('play', function () {\n                    if (_this5.paused) {\n                        _this5.play();\n                    }\n                });\n                this.video.addEventListener('pause', function () {\n                    if (!_this5.paused) {\n                        _this5.pause();\n                    }\n                });\n                this.video.volume = parseInt(this.element.getElementsByClassName('dplayer-volume-bar-inner')[0].style.width) / 100;\n            }\n        },\n        {\n            key: 'switchQuality',\n            value: function switchQuality(index) {\n                var _this6 = this;\n                if (this.qualityIndex === index || this.switchingQuality) {\n                    return;\n                } else {\n                    this.qualityIndex = index;\n                }\n                this.switchingQuality = true;\n                this.quality = this.option.video.quality[index];\n                this.element.getElementsByClassName('dplayer-quality-icon')[0].innerHTML = this.quality.name;\n                var paused = this.video.paused;\n                this.video.pause();\n                var videoHTML = _html2.default.video(false, null, this.option.screenshot, 'auto', this.quality.url);\n                var videoEle = new DOMParser().parseFromString(videoHTML, 'text/html').body.firstChild;\n                var parent = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n                parent.insertBefore(videoEle, parent.getElementsByTagName('div')[0]);\n                this.prevVideo = this.video;\n                this.video = videoEle;\n                this.initVideo();\n                this.seek(this.prevVideo.currentTime);\n                this.notice(this.tran('Switching to') + ' ' + this.quality.name + ' ' + this.tran('quality'), -1);\n                this.video.addEventListener('canplay', function () {\n                    if (_this6.prevVideo) {\n                        if (_this6.video.currentTime !== _this6.prevVideo.currentTime) {\n                            _this6.seek(_this6.prevVideo.currentTime);\n                            return;\n                        }\n                        parent.removeChild(_this6.prevVideo);\n                        _this6.video.classList.add('dplayer-video-current');\n                        if (!paused) {\n                            _this6.video.play();\n                        }\n                        _this6.prevVideo = null;\n                        _this6.notice(_this6.tran('Switched to') + ' ' + _this6.quality.name + ' ' + _this6.tran('quality'));\n                        _this6.switchingQuality = false;\n                    }\n                });\n            }\n        },\n        {\n            key: 'timeTipsHandler',\n            value: function timeTipsHandler(pbar, timeTips) {\n                var _this7 = this;\n                var cumulativeOffset = function cumulativeOffset(element) {\n                    var top = 0, left = 0;\n                    do {\n                        top += element.offsetTop || 0;\n                        left += element.offsetLeft || 0;\n                        element = element.offsetParent;\n                    } while (element);\n                    return {\n                        top: top,\n                        left: left\n                    };\n                };\n                return function (e) {\n                    if (!_this7.video.duration) {\n                        return;\n                    }\n                    var clientX = e.clientX;\n                    var px = cumulativeOffset(pbar).left;\n                    var tx = clientX - px;\n                    timeTips.innerText = _utils2.default.secondToTime(_this7.video.duration * (tx / pbar.offsetWidth));\n                    timeTips.style.left = tx - 20 + 'px';\n                    switch (e.type) {\n                    case 'mouseenter':\n                    case 'mouseover':\n                    case 'mousemove':\n                        if (_this7.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.remove('hidden');\n                        _this7.isTipsShow = true;\n                        break;\n                    case 'mouseleave':\n                    case 'mouseout':\n                        if (!_this7.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.add('hidden');\n                        _this7.isTipsShow = false;\n                        break;\n                    }\n                };\n            }\n        },\n        {\n            key: 'notice',\n            value: function notice(text, time) {\n                var noticeEle = this.element.getElementsByClassName('dplayer-notice')[0];\n                noticeEle.innerHTML = text;\n                noticeEle.style.opacity = 1;\n                if (this.noticeTime) {\n                    clearTimeout(this.noticeTime);\n                }\n                if (time && time < 0) {\n                    return;\n                }\n                this.noticeTime = setTimeout(function () {\n                    noticeEle.style.opacity = 0;\n                }, time || 2000);\n            }\n        },\n        {\n            key: 'destroy',\n            value: function destroy() {\n                this.pause();\n                clearTimeout(this.hideTime);\n                this.video.src = '';\n                this.element.innerHTML = '';\n                for (var key in this) {\n                    if (this.hasOwnProperty(key) && key !== 'paused') {\n                        delete this[key];\n                    }\n                }\n            }\n        }\n    ]);\n    return DPlayer;\n}();\nmodule.exports = DPlayer;\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nmodule.exports = {\n    secondToTime: function secondToTime(second) {\n        var add0 = function add0(num) {\n            return num < 10 ? '0' + num : '' + num;\n        };\n        var min = parseInt(second / 60);\n        var sec = parseInt(second - min * 60);\n        return add0(min) + ':' + add0(sec);\n    },\n    getElementViewLeft: function getElementViewLeft(element) {\n        var actualLeft = element.offsetLeft;\n        var current = element.offsetParent;\n        var elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n        if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n            while (current !== null) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        } else {\n            while (current !== null && current !== element) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        }\n        return actualLeft - elementScrollLeft;\n    },\n    isMobile: /mobile/i.test(window.navigator.userAgent)\n};\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar defaultApiBackend = __webpack_require__(6);\nmodule.exports = function (option) {\n    var isMobile = /mobile/i.test(window.navigator.userAgent);\n    if (isMobile) {\n        option.autoplay = false;\n    }\n    var defaultOption = {\n        element: document.getElementsByClassName('dplayer')[0],\n        autoplay: false,\n        theme: '#b7daff',\n        loop: false,\n        lang: navigator.language.indexOf('zh') !== -1 ? 'zh' : 'en',\n        screenshot: false,\n        hotkey: true,\n        preload: 'auto',\n        apiBackend: defaultApiBackend,\n        contextmenu: [\n            {\n                text: '关于作者',\n                link: 'http://diygod.me'\n            },\n            {\n                text: '播放器意见反馈',\n                link: 'https://github.com/DIYgod/DPlayer/issues'\n            },\n            {\n                text: '关于 DPlayer 播放器',\n                link: 'https://github.com/DIYgod/DPlayer'\n            }\n        ]\n    };\n    for (var defaultKey in defaultOption) {\n        if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n            option[defaultKey] = defaultOption[defaultKey];\n        }\n    }\n    if (Object.prototype.toString.call(option.video.url) !== '[object Array]') {\n        option.video.url = [option.video.url];\n    }\n    if (option.video && !option.video.hasOwnProperty('type')) {\n        option.video.type = 'auto';\n    }\n    if (option.danmaku && !option.danmaku.hasOwnProperty('user')) {\n        option.danmaku.user = 'DIYgod';\n    }\n    if (option.video.quality) {\n        option.video.url = [option.video.quality[option.video.defaultQuality].url];\n    }\n    return option;\n};\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar SendXMLHttpRequest = function SendXMLHttpRequest(url, data, success, error, fail) {\n    var xhr = new XMLHttpRequest();\n    xhr.onreadystatechange = function () {\n        if (xhr.readyState === 4) {\n            if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n                var response = JSON.parse(xhr.responseText);\n                if (response.code !== 1) {\n                    return error(xhr, response);\n                }\n                return success(xhr, response);\n            }\n            fail(xhr);\n        }\n    };\n    xhr.open(data !== null ? 'POST' : 'GET', url, true);\n    xhr.send(data !== null ? JSON.stringify(data) : null);\n};\nmodule.exports = {\n    send: function send(endpoint, danmakuData) {\n        SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n            console.log('Post danmaku: ', response);\n        }, function (xhr, response) {\n            alert(response.msg);\n        }, function (xhr) {\n            console.log('Request was unsuccessful: ' + xhr.status);\n        });\n    },\n    read: function read(endpoint, cbk) {\n        SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n            cbk(null, response.danmaku);\n        }, function (xhr, response) {\n            cbk({\n                status: xhr.status,\n                response: response\n            });\n        }, function (xhr) {\n            cbk({\n                status: xhr.status,\n                response: null\n            });\n        });\n    }\n};\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar tranZH = {\n    'Danmaku is loading': '弹幕加载中',\n    'Top': '顶部',\n    'Bottom': '底部',\n    'Rolling': '滚动',\n    'Input danmaku, hit Enter': '输入弹幕\\uFF0C回车发送',\n    'About author': '关于作者',\n    'DPlayer feedback': '播放器意见反馈',\n    'About DPlayer': '关于 DPlayer 播放器',\n    'Loop': '洗脑循环',\n    'Speed': '速度',\n    'Opacity for danmaku': '弹幕透明度',\n    'Normal': '正常',\n    'Please input danmaku content!': '要输入弹幕内容啊喂\\uFF01',\n    'Set danmaku color': '设置弹幕颜色',\n    'Set danmaku type': '设置弹幕类型',\n    'Danmaku': '弹幕',\n    'This video fails to load': '视频加载失败',\n    'Switching to': '正在切换至',\n    'Switched to': '已经切换至',\n    'quality': '画质'\n};\nmodule.exports = function (lang) {\n    var _this = this;\n    this.lang = lang;\n    this.tran = function (text) {\n        if (_this.lang === 'en') {\n            return text;\n        } else if (_this.lang === 'zh') {\n            return tranZH[text];\n        }\n    };\n};\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar svg = __webpack_require__(0);\nvar html = {\n    main: function main(option, index, tran) {\n        var videos = '';\n        for (var i = 0; i < option.video.url.length; i++) {\n            videos += html.video(i === 0, option.video.pic, option.screenshot, option.video.url.length ? 'metadata' : option.preload, option.video.url[i]);\n        }\n        return '<div class=\"dplayer-mask\"></div><div class=\"dplayer-video-wrap\">' + videos + '' + (option.logo ? '<div class=\"dplayer-logo\"><img src=\"' + option.logo + '\"></div>' : '') + '<div class=\"dplayer-danmaku\"><div class=\"dplayer-danmaku-item dplayer-danmaku-item--demo\"></div></div><div class=\"dplayer-bezel\"><span class=\"dplayer-bezel-icon\"></span>' + (option.danmaku ? '<span class=\"dplayer-danloading\">' + tran('Danmaku is loading') + '</span>' : '') + '<span class=\"diplayer-loading-icon\"><svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 22 22\" width=\"100%\"><svg x=\"7\" y=\"1\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-0\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-1\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"13\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-2\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-3\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"7\" y=\"13\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-4\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-5\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"1\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-6\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-7\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg></svg></span></div></div><div class=\"dplayer-controller-mask\"></div><div class=\"dplayer-controller\"><div class=\"dplayer-icons dplayer-icons-left\"><button class=\"dplayer-icon dplayer-play-icon\">' + svg('play') + '</button><div class=\"dplayer-volume\"><button class=\"dplayer-icon dplayer-volume-icon\">' + svg('volume-down') + '</button><div class=\"dplayer-volume-bar-wrap\"><div class=\"dplayer-volume-bar\"><div class=\"dplayer-volume-bar-inner\" style=\"width: 70%; background: ' + option.theme + ';\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div><span class=\"dplayer-time\"><span class=\"dplayer-ptime\">0:00</span> / <span class=\"dplayer-dtime\">0:00</span></span></div><div class=\"dplayer-icons dplayer-icons-right\">' + (option.video.quality ? '<div class=\"dplayer-quality\"><button class=\"dplayer-icon dplayer-quality-icon\">' + option.video.quality[option.video.defaultQuality].name + '</button><div class=\"dplayer-quality-mask\">' + html.qualityList(option.video.quality) + '</div></div>' : '') + '' + (option.screenshot ? '<a href=\"#\" class=\"dplayer-icon dplayer-camera-icon\">' + svg('camera') + '</a>' : '') + '<div class=\"dplayer-comment\"><button class=\"dplayer-icon dplayer-comment-icon\">' + svg('comment') + '</button><div class=\"dplayer-comment-box\"><button class=\"dplayer-icon dplayer-comment-setting-icon\">' + svg('menu') + '</button><div class=\"dplayer-comment-setting-box\"><div class=\"dplayer-comment-setting-color\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku color') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#fff\" checked><span style=\"background: #fff; border: 1px solid rgba(0,0,0,.1);\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#e54256\"><span style=\"background: #e54256\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#ffe133\"><span style=\"background: #ffe133\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#64DD17\"><span style=\"background: #64DD17\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#39ccff\"><span style=\"background: #39ccff\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#D500F9\"><span style=\"background: #D500F9\"></span></label></div><div class=\"dplayer-comment-setting-type\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku type') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"top\"><span>' + tran('Top') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"right\" checked><span>' + tran('Rolling') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"bottom\"><span>' + tran('Bottom') + '</span></label></div></div><input class=\"dplayer-comment-input\" type=\"text\" placeholder=\"' + tran('Input danmaku, hit Enter') + '\" maxlength=\"30\"><button class=\"dplayer-icon dplayer-send-icon\">' + svg('send') + '</button></div></div><div class=\"dplayer-setting\"><button class=\"dplayer-icon dplayer-setting-icon\">' + svg('setting') + '</button><div class=\"dplayer-setting-box\"></div></div><div class=\"dplayer-full\"><button class=\"dplayer-icon dplayer-full-in-icon\">' + svg('full-in') + '</button><button class=\"dplayer-icon dplayer-full-icon\">' + svg('full') + '</button></div></div><div class=\"dplayer-bar-wrap\"><div class=\"dplayer-bar-time hidden\">00:00</div><div class=\"dplayer-bar\"><div class=\"dplayer-loaded\" style=\"width: 0;\"></div><div class=\"dplayer-played\" style=\"width: 0; background: ' + option.theme + '\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div>' + html.contextmenuList(option.contextmenu) + '<div class=\"dplayer-notice\"></div>';\n    },\n    contextmenuList: function contextmenuList(contextmenu) {\n        var result = '<div class=\"dplayer-menu\">';\n        for (var i = 0; i < contextmenu.length; i++) {\n            result += '<div class=\"dplayer-menu-item\"><span class=\"dplayer-menu-label\"><a target=\"_blank\" href=\"' + contextmenu[i].link + '\">' + contextmenu[i].text + '</a></span></div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    qualityList: function qualityList(quality) {\n        var result = '<div class=\"dplayer-quality-list\">';\n        for (var i = 0; i < quality.length; i++) {\n            result += '<div class=\"dplayer-quality-item\" data-index=\"' + i + '\">' + quality[i].name + '</div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    video: function video(current, pic, screenshot, preload, url) {\n        return '<video class=\"dplayer-video ' + (current ? 'dplayer-video-current\"' : '') + '\" ' + (pic ? 'poster=\"' + pic + '\"' : '') + ' webkit-playsinline playsinline ' + (screenshot ? 'crossorigin=\"anonymous\"' : '') + ' ' + (preload ? 'preload=\"' + preload + '\"' : '') + ' src=\"' + url + '\"></video>';\n    },\n    setting: function setting(tran) {\n        return {\n            'original': '<div class=\"dplayer-setting-item dplayer-setting-speed\"><span class=\"dplayer-label\">' + tran('Speed') + '</span><div class=\"dplayer-toggle\">' + svg('right') + '</div></div><div class=\"dplayer-setting-item dplayer-setting-loop\"><span class=\"dplayer-label\">' + tran('Loop') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-toggle-setting-input\" type=\"checkbox\" name=\"dplayer-toggle\"><label for=\"dplayer-toggle\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-showdan\"><span class=\"dplayer-label\">' + tran('Danmaku') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-showdan-setting-input\" type=\"checkbox\" name=\"dplayer-toggle-dan\"><label for=\"dplayer-toggle-dan\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-danmaku\"><span class=\"dplayer-label\">' + tran('Opacity for danmaku') + '</span><div class=\"dplayer-danmaku-bar-wrap\"><div class=\"dplayer-danmaku-bar\"><div class=\"dplayer-danmaku-bar-inner\" style=\"width: ' + (localStorage.getItem('DPlayer-opacity') || 0.7) * 100 + '%\"><span class=\"dplayer-thumb\"></span></div></div></div></div>',\n            'speed': '<div class=\"dplayer-setting-speed-item\" data-speed=\"0.5\"><span class=\"dplayer-label\">0.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"0.75\"><span class=\"dplayer-label\">0.75</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1\"><span class=\"dplayer-label\">' + tran('Normal') + '</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.25\"><span class=\"dplayer-label\">1.25</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.5\"><span class=\"dplayer-label\">1.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"2\"><span class=\"dplayer-label\">2</span></div>'\n        };\n    }\n};\nmodule.exports = html;\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// DPlayer.min.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 6b18e84038b9a85a9471","'use strict';\nvar svgSource = {\n    'play': [\n        '0 0 16 32',\n        'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'\n    ],\n    'pause': [\n        '0 0 17 32',\n        'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'\n    ],\n    'volume-up': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'\n    ],\n    'volume-down': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'\n    ],\n    'volume-off': [\n        '0 0 21 32',\n        'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'\n    ],\n    'loop': [\n        '0 0 32 32',\n        'M1.882 16.941c0 4.152 3.221 7.529 7.177 7.529v1.882c-4.996 0-9.060-4.222-9.060-9.412s4.064-9.412 9.060-9.412h7.96l-3.098-3.098 1.331-1.331 5.372 5.37-5.37 5.372-1.333-1.333 3.1-3.098h-7.962c-3.957 0-7.177 3.377-7.177 7.529zM22.94 7.529v1.882c3.957 0 7.177 3.377 7.177 7.529s-3.221 7.529-7.177 7.529h-7.962l3.098-3.098-1.331-1.331-5.37 5.37 5.372 5.372 1.331-1.331-3.1-3.1h7.96c4.998 0 9.062-4.222 9.062-9.412s-4.064-9.412-9.060-9.412z'\n    ],\n    'full': [\n        '0 0 32 33',\n        'M6.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v4h4c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333zM30.667 28h-5.333c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h4v-4c0-0.8 0.533-1.333 1.333-1.333s1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM30.667 12c-0.8 0-1.333-0.533-1.333-1.333v-4h-4c-0.8 0-1.333-0.533-1.333-1.333s0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333v5.333c0 0.8-0.533 1.333-1.333 1.333zM1.333 12c-0.8 0-1.333-0.533-1.333-1.333v-5.333c0-0.8 0.533-1.333 1.333-1.333h5.333c0.8 0 1.333 0.533 1.333 1.333s-0.533 1.333-1.333 1.333h-4v4c0 0.8-0.533 1.333-1.333 1.333z'\n    ],\n    'full-in': [\n        '0 0 32 33',\n        'M24.965 24.38h-18.132c-1.366 0-2.478-1.113-2.478-2.478v-11.806c0-1.364 1.111-2.478 2.478-2.478h18.132c1.366 0 2.478 1.113 2.478 2.478v11.806c0 1.364-1.11 2.478-2.478 2.478zM6.833 10.097v11.806h18.134l-0.002-11.806h-18.132zM2.478 28.928h5.952c0.684 0 1.238-0.554 1.238-1.239 0-0.684-0.554-1.238-1.238-1.238h-5.952v-5.802c0-0.684-0.554-1.239-1.238-1.239s-1.239 0.556-1.239 1.239v5.802c0 1.365 1.111 2.478 2.478 2.478zM30.761 19.412c-0.684 0-1.238 0.554-1.238 1.238v5.801h-5.951c-0.686 0-1.239 0.554-1.239 1.238 0 0.686 0.554 1.239 1.239 1.239h5.951c1.366 0 2.478-1.111 2.478-2.478v-5.801c0-0.683-0.554-1.238-1.239-1.238zM0 5.55v5.802c0 0.683 0.554 1.238 1.238 1.238s1.238-0.555 1.238-1.238v-5.802h5.952c0.684 0 1.238-0.554 1.238-1.238s-0.554-1.238-1.238-1.238h-5.951c-1.366-0.001-2.478 1.111-2.478 2.476zM32 11.35v-5.801c0-1.365-1.11-2.478-2.478-2.478h-5.951c-0.686 0-1.239 0.554-1.239 1.238s0.554 1.238 1.239 1.238h5.951v5.801c0 0.683 0.554 1.237 1.238 1.237 0.686 0.002 1.239-0.553 1.239-1.236z'\n    ],\n    'setting': [\n        '0 0 32 28',\n        'M28.633 17.104c0.035 0.21 0.026 0.463-0.026 0.76s-0.14 0.598-0.262 0.904c-0.122 0.306-0.271 0.581-0.445 0.825s-0.367 0.419-0.576 0.524c-0.209 0.105-0.393 0.157-0.55 0.157s-0.332-0.035-0.524-0.105c-0.175-0.052-0.393-0.1-0.655-0.144s-0.528-0.052-0.799-0.026c-0.271 0.026-0.541 0.083-0.812 0.17s-0.502 0.236-0.694 0.445c-0.419 0.437-0.664 0.934-0.734 1.493s0.009 1.092 0.236 1.598c0.175 0.349 0.148 0.699-0.079 1.048-0.105 0.14-0.271 0.284-0.498 0.432s-0.476 0.284-0.747 0.406-0.555 0.218-0.851 0.288c-0.297 0.070-0.559 0.105-0.786 0.105-0.157 0-0.306-0.061-0.445-0.183s-0.236-0.253-0.288-0.393h-0.026c-0.192-0.541-0.52-1.009-0.982-1.402s-1-0.589-1.611-0.589c-0.594 0-1.131 0.197-1.611 0.589s-0.816 0.851-1.009 1.375c-0.087 0.21-0.218 0.362-0.393 0.458s-0.367 0.144-0.576 0.144c-0.244 0-0.52-0.044-0.825-0.131s-0.611-0.197-0.917-0.327c-0.306-0.131-0.581-0.284-0.825-0.458s-0.428-0.349-0.55-0.524c-0.087-0.122-0.135-0.266-0.144-0.432s0.057-0.397 0.197-0.694c0.192-0.402 0.266-0.86 0.223-1.375s-0.266-0.991-0.668-1.428c-0.244-0.262-0.541-0.432-0.891-0.511s-0.681-0.109-0.995-0.092c-0.367 0.017-0.742 0.087-1.127 0.21-0.244 0.070-0.489 0.052-0.734-0.052-0.192-0.070-0.371-0.231-0.537-0.485s-0.314-0.533-0.445-0.838c-0.131-0.306-0.231-0.62-0.301-0.943s-0.087-0.59-0.052-0.799c0.052-0.384 0.227-0.629 0.524-0.734 0.524-0.21 0.995-0.555 1.415-1.035s0.629-1.017 0.629-1.611c0-0.611-0.21-1.144-0.629-1.598s-0.891-0.786-1.415-0.996c-0.157-0.052-0.288-0.179-0.393-0.38s-0.157-0.406-0.157-0.616c0-0.227 0.035-0.48 0.105-0.76s0.162-0.55 0.275-0.812 0.244-0.502 0.393-0.72c0.148-0.218 0.31-0.38 0.485-0.485 0.14-0.087 0.275-0.122 0.406-0.105s0.275 0.052 0.432 0.105c0.524 0.21 1.070 0.275 1.637 0.197s1.070-0.327 1.506-0.747c0.21-0.209 0.362-0.467 0.458-0.773s0.157-0.607 0.183-0.904c0.026-0.297 0.026-0.568 0-0.812s-0.048-0.419-0.065-0.524c-0.035-0.105-0.066-0.227-0.092-0.367s-0.013-0.262 0.039-0.367c0.105-0.244 0.293-0.458 0.563-0.642s0.563-0.336 0.878-0.458c0.314-0.122 0.62-0.214 0.917-0.275s0.533-0.092 0.707-0.092c0.227 0 0.406 0.074 0.537 0.223s0.223 0.301 0.275 0.458c0.192 0.471 0.507 0.886 0.943 1.244s0.952 0.537 1.546 0.537c0.611 0 1.153-0.17 1.624-0.511s0.803-0.773 0.996-1.297c0.070-0.14 0.179-0.284 0.327-0.432s0.301-0.223 0.458-0.223c0.244 0 0.511 0.035 0.799 0.105s0.572 0.166 0.851 0.288c0.279 0.122 0.537 0.279 0.773 0.472s0.423 0.402 0.563 0.629c0.087 0.14 0.113 0.293 0.079 0.458s-0.070 0.284-0.105 0.354c-0.227 0.506-0.297 1.039-0.21 1.598s0.341 1.048 0.76 1.467c0.419 0.419 0.934 0.651 1.546 0.694s1.179-0.057 1.703-0.301c0.14-0.087 0.31-0.122 0.511-0.105s0.371 0.096 0.511 0.236c0.262 0.244 0.493 0.616 0.694 1.113s0.336 1 0.406 1.506c0.035 0.297-0.013 0.528-0.144 0.694s-0.266 0.275-0.406 0.327c-0.542 0.192-1.004 0.528-1.388 1.009s-0.576 1.026-0.576 1.637c0 0.594 0.162 1.113 0.485 1.559s0.747 0.764 1.27 0.956c0.122 0.070 0.227 0.14 0.314 0.21 0.192 0.157 0.323 0.358 0.393 0.602v0zM16.451 19.462c0.786 0 1.528-0.149 2.227-0.445s1.305-0.707 1.821-1.231c0.515-0.524 0.921-1.131 1.218-1.821s0.445-1.428 0.445-2.214c0-0.786-0.148-1.524-0.445-2.214s-0.703-1.292-1.218-1.808c-0.515-0.515-1.122-0.921-1.821-1.218s-1.441-0.445-2.227-0.445c-0.786 0-1.524 0.148-2.214 0.445s-1.292 0.703-1.808 1.218c-0.515 0.515-0.921 1.118-1.218 1.808s-0.445 1.428-0.445 2.214c0 0.786 0.149 1.524 0.445 2.214s0.703 1.297 1.218 1.821c0.515 0.524 1.118 0.934 1.808 1.231s1.428 0.445 2.214 0.445v0z'\n    ],\n    'right': [\n        '0 0 32 32',\n        'M22 16l-10.105-10.6-1.895 1.987 8.211 8.613-8.211 8.612 1.895 1.988 8.211-8.613z'\n    ],\n    'comment': [\n        '0 0 32 32',\n        'M27.128 0.38h-22.553c-2.336 0-4.229 1.825-4.229 4.076v16.273c0 2.251 1.893 4.076 4.229 4.076h4.229v-2.685h8.403l-8.784 8.072 1.566 1.44 7.429-6.827h9.71c2.335 0 4.229-1.825 4.229-4.076v-16.273c0-2.252-1.894-4.076-4.229-4.076zM28.538 19.403c0 1.5-1.262 2.717-2.819 2.717h-8.36l-0.076-0.070-0.076 0.070h-11.223c-1.557 0-2.819-1.217-2.819-2.717v-13.589c0-1.501 1.262-2.718 2.819-2.718h19.734c1.557 0 2.819-0.141 2.819 1.359v14.947zM9.206 10.557c-1.222 0-2.215 0.911-2.215 2.036s0.992 2.035 2.215 2.035c1.224 0 2.216-0.911 2.216-2.035s-0.992-2.036-2.216-2.036zM22.496 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.224 0 2.215-0.911 2.215-2.035s-0.991-2.036-2.215-2.036zM15.852 10.557c-1.224 0-2.215 0.911-2.215 2.036s0.991 2.035 2.215 2.035c1.222 0 2.215-0.911 2.215-2.035s-0.992-2.036-2.215-2.036z'\n    ],\n    'comment-off': [\n        '0 0 32 32',\n        'M27.090 0.131h-22.731c-2.354 0-4.262 1.839-4.262 4.109v16.401c0 2.269 1.908 4.109 4.262 4.109h4.262v-2.706h8.469l-8.853 8.135 1.579 1.451 7.487-6.88h9.787c2.353 0 4.262-1.84 4.262-4.109v-16.401c0-2.27-1.909-4.109-4.262-4.109v0zM28.511 19.304c0 1.512-1.272 2.738-2.841 2.738h-8.425l-0.076-0.070-0.076 0.070h-11.311c-1.569 0-2.841-1.226-2.841-2.738v-13.696c0-1.513 1.272-2.739 2.841-2.739h19.889c1.569 0 2.841-0.142 2.841 1.37v15.064z'\n    ],\n    'send': [\n        '0 0 32 32',\n        'M13.725 30l3.9-5.325-3.9-1.125v6.45zM0 17.5l11.050 3.35 13.6-11.55-10.55 12.425 11.8 3.65 6.1-23.375-32 15.5z'\n    ],\n    'menu': [\n        '0 0 22 32',\n        'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z'\n    ],\n    'camera': [\n        '0 0 32 32',\n        'M16 23c-3.309 0-6-2.691-6-6s2.691-6 6-6 6 2.691 6 6-2.691 6-6 6zM16 13c-2.206 0-4 1.794-4 4s1.794 4 4 4c2.206 0 4-1.794 4-4s-1.794-4-4-4zM27 28h-22c-1.654 0-3-1.346-3-3v-16c0-1.654 1.346-3 3-3h3c0.552 0 1 0.448 1 1s-0.448 1-1 1h-3c-0.551 0-1 0.449-1 1v16c0 0.552 0.449 1 1 1h22c0.552 0 1-0.448 1-1v-16c0-0.551-0.448-1-1-1h-11c-0.552 0-1-0.448-1-1s0.448-1 1-1h11c1.654 0 3 1.346 3 3v16c0 1.654-1.346 3-3 3zM24 10.5c0 0.828 0.672 1.5 1.5 1.5s1.5-0.672 1.5-1.5c0-0.828-0.672-1.5-1.5-1.5s-1.5 0.672-1.5 1.5zM15 4c0 0.552-0.448 1-1 1h-4c-0.552 0-1-0.448-1-1v0c0-0.552 0.448-1 1-1h4c0.552 0 1 0.448 1 1v0z'\n    ]\n};\nmodule.exports = function (type) {\n    return '<svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"100%\" version=\"1.1\" viewBox=\"' + svgSource[type][0] + '\" width=\"100%\"><use xlink:href=\"#dplayer-' + type + '\"></use><path class=\"dplayer-fill\" d=\"' + svgSource[type][1] + '\" id=\"dplayer-' + type + '\"></path></svg>\\n';\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/svg.js\n// module id = 0\n// module chunks = 0","'use strict';\nconsole.log('%c DPlayer ' + DPLAYER_VERSION + ' %c http://dplayer.js.org ', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');\nmodule.exports = require('./DPlayer');\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/index.js\n// module id = 1\n// module chunks = 0","'use strict';\nvar _typeof = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? function (obj) {\n    return typeof obj;\n} : function (obj) {\n    return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj;\n};\nvar _createClass = function () {\n    function defineProperties(target, props) {\n        for (var i = 0; i < props.length; i++) {\n            var descriptor = props[i];\n            descriptor.enumerable = descriptor.enumerable || false;\n            descriptor.configurable = true;\n            if ('value' in descriptor)\n                descriptor.writable = true;\n            Object.defineProperty(target, descriptor.key, descriptor);\n        }\n    }\n    return function (Constructor, protoProps, staticProps) {\n        if (protoProps)\n            defineProperties(Constructor.prototype, protoProps);\n        if (staticProps)\n            defineProperties(Constructor, staticProps);\n        return Constructor;\n    };\n}();\nrequire('./DPlayer.scss');\nvar _utils = require('./utils');\nvar _utils2 = _interopRequireDefault(_utils);\nvar _svg = require('./svg');\nvar _svg2 = _interopRequireDefault(_svg);\nvar _option = require('./option');\nvar _option2 = _interopRequireDefault(_option);\nvar _i18n = require('./i18n');\nvar _i18n2 = _interopRequireDefault(_i18n);\nvar _html = require('./html');\nvar _html2 = _interopRequireDefault(_html);\nfunction _interopRequireDefault(obj) {\n    return obj && obj.__esModule ? obj : { default: obj };\n}\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar index = 0;\nvar DPlayer = function () {\n    function DPlayer(option) {\n        var _this = this;\n        _classCallCheck(this, DPlayer);\n        this.option = (0, _option2.default)(option);\n        this.option.element.classList.add('dplayer');\n        if (this.option.video.quality) {\n            this.qualityIndex = this.option.video.defaultQuality;\n            this.quality = this.option.video.quality[this.option.video.defaultQuality];\n        }\n        this.tran = new _i18n2.default(this.option.lang).tran;\n        this.updateBar = function (type, percentage, direction) {\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            bar[type + 'Bar'].style[direction] = percentage * 100 + '%';\n        };\n        var eventTypes = [\n            'play',\n            'pause',\n            'canplay',\n            'playing',\n            'ended',\n            'error'\n        ];\n        this.event = {};\n        for (var i = 0; i < eventTypes.length; i++) {\n            this.event[eventTypes[i]] = [];\n        }\n        this.trigger = function (type) {\n            for (var _i = 0; _i < _this.event[type].length; _i++) {\n                _this.event[type][_i]();\n            }\n        };\n        this.element = this.option.element;\n        if (!this.option.danmaku) {\n            this.element.classList.add('dplayer-no-danmaku');\n        }\n        if (_utils.isMobile) {\n            this.element.classList.add('dplayer-mobile');\n        }\n        this.element.innerHTML = _html2.default.main(option, index, this.tran);\n        this.arrow = this.element.offsetWidth <= 500;\n        if (this.arrow) {\n            var arrowStyle = document.createElement('style');\n            arrowStyle.innerHTML = '.dplayer .dplayer-danmaku{font-size:18px}';\n            document.head.appendChild(arrowStyle);\n        }\n        this.video = this.element.getElementsByClassName('dplayer-video-current')[0];\n        this.initVideo();\n        this.bezel = this.element.getElementsByClassName('dplayer-bezel-icon')[0];\n        this.bezel.addEventListener('animationend', function () {\n            _this.bezel.classList.remove('dplayer-bezel-transition');\n        });\n        this.playButton = this.element.getElementsByClassName('dplayer-play-icon')[0];\n        this.paused = true;\n        this.playButton.addEventListener('click', function () {\n            _this.toggle();\n        });\n        var videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n        var conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];\n        if (!_utils.isMobile) {\n            videoWrap.addEventListener('click', function () {\n                _this.toggle();\n            });\n            conMask.addEventListener('click', function () {\n                _this.toggle();\n            });\n        } else {\n            var toggleController = function toggleController() {\n                if (_this.element.classList.contains('dplayer-hide-controller')) {\n                    _this.element.classList.remove('dplayer-hide-controller');\n                } else {\n                    _this.element.classList.add('dplayer-hide-controller');\n                }\n            };\n            videoWrap.addEventListener('click', toggleController);\n            conMask.addEventListener('click', toggleController);\n        }\n        var bar = {};\n        bar.playedBar = this.element.getElementsByClassName('dplayer-played')[0];\n        bar.loadedBar = this.element.getElementsByClassName('dplayer-loaded')[0];\n        var pbar = this.element.getElementsByClassName('dplayer-bar-wrap')[0];\n        var pbarTimeTips = this.element.getElementsByClassName('dplayer-bar-time')[0];\n        var barWidth = void 0;\n        var lastPlayPos = 0;\n        var currentPlayPos = 0;\n        var bufferingDetected = false;\n        this.danmakuTime = false;\n        this.playedTime = false;\n        window.requestAnimationFrame = function () {\n            return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) {\n                window.setTimeout(callback, 1000 / 60);\n            };\n        }();\n        var setCheckLoadingTime = function setCheckLoadingTime() {\n            _this.checkLoading = setInterval(function () {\n                currentPlayPos = _this.video.currentTime;\n                if (!bufferingDetected && currentPlayPos < lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.add('dplayer-loading');\n                    bufferingDetected = true;\n                }\n                if (bufferingDetected && currentPlayPos > lastPlayPos + 0.01 && !_this.video.paused) {\n                    _this.element.classList.remove('dplayer-loading');\n                    bufferingDetected = false;\n                }\n                lastPlayPos = currentPlayPos;\n            }, 100);\n        };\n        var clearCheckLoadingTime = function clearCheckLoadingTime() {\n            clearInterval(_this.checkLoading);\n        };\n        this.animationFrame = function () {\n            if (_this.playedTime) {\n                _this.updateBar('played', _this.video.currentTime / _this.video.duration, 'width');\n                _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(_this.video.currentTime);\n                _this.trigger('playing');\n            }\n            if (_this.danmakuTime && _this.option.danmaku && showdan && _this.dan) {\n                var item = _this.dan[_this.danIndex];\n                var danmakus = [];\n                while (item && _this.video.currentTime > parseFloat(item.time)) {\n                    danmakus.push(item);\n                    item = _this.dan[++_this.danIndex];\n                }\n                _this.pushDanmaku(danmakus);\n            }\n            _this.requestID = window.requestAnimationFrame(_this.animationFrame);\n        };\n        this.requestID = window.requestAnimationFrame(this.animationFrame);\n        this.setTime = function (type) {\n            if (!type) {\n                _this.danmakuTime = true;\n                _this.playedTime = true;\n                setCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = true;\n                if (type === 'played') {\n                    setCheckLoadingTime();\n                }\n            }\n        };\n        this.clearTime = function (type) {\n            if (!type) {\n                _this.danmakuTime = false;\n                _this.playedTime = false;\n                clearCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = false;\n                if (type === 'played') {\n                    clearCheckLoadingTime();\n                }\n            }\n        };\n        pbar.addEventListener('click', function (event) {\n            var e = event || window.event;\n            barWidth = pbar.clientWidth;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n        });\n        this.isTipsShow = false;\n        this.timeTipsHandler = this.timeTipsHandler(pbar, pbarTimeTips).bind(this);\n        pbar.addEventListener('mousemove', this.timeTipsHandler);\n        pbar.addEventListener('mouseover', this.timeTipsHandler);\n        pbar.addEventListener('mouseenter', this.timeTipsHandler);\n        pbar.addEventListener('mouseout', this.timeTipsHandler);\n        pbar.addEventListener('mouseleave', this.timeTipsHandler);\n        var thumbMove = function thumbMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(pbar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            _this.updateBar('played', percentage, 'width');\n            _this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(percentage * _this.video.duration);\n        };\n        var thumbUp = function thumbUp() {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\n            _this.seek(parseFloat(bar.playedBar.style.width) / 100 * _this.video.duration);\n            _this.setTime();\n        };\n        pbar.addEventListener('mousedown', function () {\n            barWidth = pbar.clientWidth;\n            _this.clearTime();\n            document.addEventListener('mousemove', thumbMove);\n            document.addEventListener('mouseup', thumbUp);\n        });\n        bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];\n        var volumeEle = this.element.getElementsByClassName('dplayer-volume')[0];\n        var volumeBarWrapWrap = this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0];\n        var volumeBarWrap = this.element.getElementsByClassName('dplayer-volume-bar')[0];\n        var volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0];\n        var vWidth = 35;\n        this.switchVolumeIcon = function () {\n            var volumeicon = _this.element.getElementsByClassName('dplayer-volume-icon')[0];\n            if (_this.video.volume >= 0.8) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-up');\n            } else if (_this.video.volume > 0) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-down');\n            } else {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n            }\n        };\n        var volumeMove = function volumeMove(event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        };\n        var volumeUp = function volumeUp() {\n            document.removeEventListener('mouseup', volumeUp);\n            document.removeEventListener('mousemove', volumeMove);\n            volumeEle.classList.remove('dplayer-volume-active');\n        };\n        volumeBarWrapWrap.addEventListener('click', function (event) {\n            var e = event || window.event;\n            var percentage = (e.clientX - _utils2.default.getElementViewLeft(volumeBarWrap) - 5.5) / vWidth;\n            _this.volume(percentage);\n        });\n        volumeBarWrapWrap.addEventListener('mousedown', function () {\n            document.addEventListener('mousemove', volumeMove);\n            document.addEventListener('mouseup', volumeUp);\n            volumeEle.classList.add('dplayer-volume-active');\n        });\n        volumeicon.addEventListener('click', function () {\n            if (_this.video.muted) {\n                _this.video.muted = false;\n                _this.switchVolumeIcon();\n                _this.updateBar('volume', _this.video.volume, 'width');\n            } else {\n                _this.video.muted = true;\n                volumeicon.innerHTML = (0, _svg2.default)('volume-off');\n                _this.updateBar('volume', 0, 'width');\n            }\n        });\n        this.hideTime = 0;\n        if (!_utils.isMobile) {\n            var hideController = function hideController() {\n                _this.element.classList.remove('dplayer-hide-controller');\n                clearTimeout(_this.hideTime);\n                _this.hideTime = setTimeout(function () {\n                    if (_this.video.played.length) {\n                        _this.element.classList.add('dplayer-hide-controller');\n                        closeSetting();\n                        closeComment();\n                    }\n                }, 2000);\n            };\n            this.element.addEventListener('mousemove', hideController);\n            this.element.addEventListener('click', hideController);\n        }\n        this.danOpacity = localStorage.getItem('DPlayer-opacity') || 0.7;\n        var settingHTML = _html2.default.setting(this.tran);\n        var settingIcon = this.element.getElementsByClassName('dplayer-setting-icon')[0];\n        var settingBox = this.element.getElementsByClassName('dplayer-setting-box')[0];\n        var mask = this.element.getElementsByClassName('dplayer-mask')[0];\n        settingBox.innerHTML = settingHTML.original;\n        var closeSetting = function closeSetting() {\n            if (settingBox.classList.contains('dplayer-setting-box-open')) {\n                settingBox.classList.remove('dplayer-setting-box-open');\n                mask.classList.remove('dplayer-mask-show');\n                setTimeout(function () {\n                    settingBox.classList.remove('dplayer-setting-box-narrow');\n                    settingBox.innerHTML = settingHTML.original;\n                    settingEvent();\n                }, 300);\n            }\n        };\n        var openSetting = function openSetting() {\n            settingBox.classList.add('dplayer-setting-box-open');\n            mask.classList.add('dplayer-mask-show');\n        };\n        mask.addEventListener('click', function () {\n            closeSetting();\n        });\n        settingIcon.addEventListener('click', function () {\n            openSetting();\n        });\n        this.loop = this.option.loop;\n        var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n        var showdan = true;\n        var settingEvent = function settingEvent() {\n            var loopEle = _this.element.getElementsByClassName('dplayer-setting-loop')[0];\n            var loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];\n            loopToggle.checked = _this.loop;\n            loopEle.addEventListener('click', function () {\n                loopToggle.checked = !loopToggle.checked;\n                if (loopToggle.checked) {\n                    _this.loop = true;\n                } else {\n                    _this.loop = false;\n                }\n                closeSetting();\n            });\n            var showDanEle = _this.element.getElementsByClassName('dplayer-setting-showdan')[0];\n            var showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];\n            showDanToggle.checked = showdan;\n            showDanEle.addEventListener('click', function () {\n                showDanToggle.checked = !showDanToggle.checked;\n                if (showDanToggle.checked) {\n                    showdan = true;\n                    if (_this.option.danmaku) {\n                        for (var _i2 = 0; _i2 < _this.dan.length; _i2++) {\n                            if (_this.dan[_i2].time >= _this.video.currentTime) {\n                                _this.danIndex = _i2;\n                                break;\n                            }\n                            _this.danIndex = _this.dan.length;\n                        }\n                        if (!_this.paused) {\n                            _this.setTime('danmaku');\n                        }\n                    }\n                } else {\n                    showdan = false;\n                    if (_this.option.danmaku) {\n                        _this.clearTime('danmaku');\n                        danContainer.innerHTML = '';\n                        _this.danTunnel = {\n                            right: {},\n                            top: {},\n                            bottom: {}\n                        };\n                    }\n                }\n                closeSetting();\n            });\n            var speedEle = _this.element.getElementsByClassName('dplayer-setting-speed')[0];\n            speedEle.addEventListener('click', function () {\n                settingBox.classList.add('dplayer-setting-box-narrow');\n                settingBox.innerHTML = settingHTML.speed;\n                var speedItem = settingBox.getElementsByClassName('dplayer-setting-speed-item');\n                var _loop = function _loop(_i3) {\n                    speedItem[_i3].addEventListener('click', function () {\n                        _this.video.playbackRate = speedItem[_i3].dataset.speed;\n                        closeSetting();\n                    });\n                };\n                for (var _i3 = 0; _i3 < speedItem.length; _i3++) {\n                    _loop(_i3);\n                }\n            });\n            if (_this.option.danmaku) {\n                bar.danmakuBar = _this.element.getElementsByClassName('dplayer-danmaku-bar-inner')[0];\n                var danmakuBarWrapWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];\n                var danmakuBarWrap = _this.element.getElementsByClassName('dplayer-danmaku-bar')[0];\n                var danmakuSettingBox = _this.element.getElementsByClassName('dplayer-setting-danmaku')[0];\n                var dWidth = 130;\n                _this.updateBar('danmaku', _this.danOpacity, 'width');\n                var danmakuMove = function danmakuMove(event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n                    for (var _i4 = 0; _i4 < items.length; _i4++) {\n                        items[_i4].style.opacity = percentage;\n                    }\n                    _this.danOpacity = percentage;\n                    localStorage.setItem('DPlayer-opacity', _this.danOpacity);\n                };\n                var danmakuUp = function danmakuUp() {\n                    document.removeEventListener('mouseup', danmakuUp);\n                    document.removeEventListener('mousemove', danmakuMove);\n                    danmakuSettingBox.classList.remove('dplayer-setting-danmaku-active');\n                };\n                danmakuBarWrapWrap.addEventListener('click', function (event) {\n                    var e = event || window.event;\n                    var percentage = (e.clientX - _utils2.default.getElementViewLeft(danmakuBarWrap)) / dWidth;\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    _this.updateBar('danmaku', percentage, 'width');\n                    var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n                    for (var _i5 = 0; _i5 < items.length; _i5++) {\n                        items[_i5].style.opacity = percentage;\n                    }\n                    _this.danOpacity = percentage;\n                    localStorage.setItem('DPlayer-opacity', _this.danOpacity);\n                });\n                danmakuBarWrapWrap.addEventListener('mousedown', function () {\n                    document.addEventListener('mousemove', danmakuMove);\n                    document.addEventListener('mouseup', danmakuUp);\n                    danmakuSettingBox.classList.add('dplayer-setting-danmaku-active');\n                });\n            }\n        };\n        settingEvent();\n        if (this.video.duration !== 1) {\n            this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? _utils2.default.secondToTime(this.video.duration) : '00:00';\n        }\n        this.danTunnel = {\n            right: {},\n            top: {},\n            bottom: {}\n        };\n        var measureStyle = getComputedStyle(this.element.getElementsByClassName('dplayer-danmaku-item')[0], null);\n        var context = document.createElement('canvas').getContext('2d');\n        context.font = measureStyle.getPropertyValue('font-size') + ' ' + measureStyle.getPropertyValue('font-family');\n        this.danmakuMeasure = function (text) {\n            return context.measureText(text).width;\n        };\n        if (this.option.danmaku) {\n            this.danIndex = 0;\n            this.readDanmaku();\n        } else {\n            if (this.option.autoplay && !_utils.isMobile) {\n                this.play();\n            } else if (_utils.isMobile) {\n                this.pause();\n            }\n        }\n        var commentInput = this.element.getElementsByClassName('dplayer-comment-input')[0];\n        var commentIcon = this.element.getElementsByClassName('dplayer-comment-icon')[0];\n        var commentBox = this.element.getElementsByClassName('dplayer-comment-box')[0];\n        var commentSettingIcon = this.element.getElementsByClassName('dplayer-comment-setting-icon')[0];\n        var commentSettingBox = this.element.getElementsByClassName('dplayer-comment-setting-box')[0];\n        var commentSendIcon = this.element.getElementsByClassName('dplayer-send-icon')[0];\n        var htmlEncode = function htmlEncode(str) {\n            return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/'/g, '&#x27;').replace(/\\//g, '&#x2f;');\n        };\n        var sendComment = function sendComment() {\n            commentInput.blur();\n            if (!commentInput.value.replace(/^\\s+|\\s+$/g, '')) {\n                _this.notice(_this.tran('Please input danmaku content!'));\n                return;\n            }\n            var danmakuData = {\n                token: _this.option.danmaku.token,\n                player: _this.option.danmaku.id,\n                author: _this.option.danmaku.user,\n                time: _this.video.currentTime,\n                text: commentInput.value,\n                color: _this.element.querySelector('.dplayer-comment-setting-color input:checked').value,\n                type: _this.element.querySelector('.dplayer-comment-setting-type input:checked').value\n            };\n            _this.option.apiBackend.send(_this.option.danmaku.api, danmakuData);\n            commentInput.value = '';\n            closeComment();\n            _this.dan.splice(_this.danIndex, 0, danmakuData);\n            _this.danIndex++;\n            var danmaku = {\n                text: htmlEncode(danmakuData.text),\n                color: danmakuData.color,\n                type: danmakuData.type,\n                border: '2px solid ' + _this.option.theme\n            };\n            _this.pushDanmaku(danmaku);\n        };\n        var closeCommentSetting = function closeCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            }\n        };\n        var toggleCommentSetting = function toggleCommentSetting() {\n            if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {\n                commentSettingBox.classList.remove('dplayer-comment-setting-open');\n            } else {\n                commentSettingBox.classList.add('dplayer-comment-setting-open');\n            }\n        };\n        var disableHide = 0;\n        var commentFocusTimeout = 0;\n        var closeComment = function closeComment() {\n            if (!commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.remove('dplayer-comment-box-open');\n            mask.classList.remove('dplayer-mask-show');\n            _this.element.classList.remove('dplayer-show-controller');\n            clearInterval(disableHide);\n            clearTimeout(commentFocusTimeout);\n            closeCommentSetting();\n        };\n        var openComment = function openComment() {\n            if (commentBox.classList.contains('dplayer-comment-box-open')) {\n                return;\n            }\n            commentBox.classList.add('dplayer-comment-box-open');\n            mask.classList.add('dplayer-mask-show');\n            _this.element.classList.add('dplayer-show-controller');\n            disableHide = setInterval(function () {\n                clearTimeout(_this.hideTime);\n            }, 1000);\n            commentFocusTimeout = setTimeout(function () {\n                commentInput.focus();\n            }, 300);\n        };\n        mask.addEventListener('click', function () {\n            closeComment();\n        });\n        commentIcon.addEventListener('click', function () {\n            openComment();\n        });\n        commentSettingIcon.addEventListener('click', function () {\n            toggleCommentSetting();\n        });\n        this.element.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', function () {\n            var sele = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked+span');\n            if (sele) {\n                commentSettingIcon.getElementsByClassName('dplayer-fill')[0].style.fill = _this.element.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked').value;\n            }\n        });\n        commentInput.addEventListener('click', function () {\n            closeCommentSetting();\n        });\n        commentInput.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            if (event.keyCode === 13) {\n                sendComment();\n            }\n        });\n        commentSendIcon.addEventListener('click', sendComment);\n        var resetAnimation = function resetAnimation() {\n            var danWidth = danContainer.offsetWidth;\n            var items = _this.element.getElementsByClassName('dplayer-danmaku-item');\n            for (var _i6 = 0; _i6 < items.length; _i6++) {\n                items[_i6].style.transform = 'translateX(-' + danWidth + 'px)';\n            }\n        };\n        this.element.addEventListener('fullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.addEventListener('mozfullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.addEventListener('webkitfullscreenchange', function () {\n            resetAnimation();\n        });\n        this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', function () {\n            if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n                if (_this.element.requestFullscreen) {\n                    _this.element.requestFullscreen();\n                } else if (_this.element.mozRequestFullScreen) {\n                    _this.element.mozRequestFullScreen();\n                } else if (_this.element.webkitRequestFullscreen) {\n                    _this.element.webkitRequestFullscreen();\n                } else if (_this.video.webkitEnterFullscreen) {\n                    _this.video.webkitEnterFullscreen();\n                }\n            } else {\n                if (document.cancelFullScreen) {\n                    document.cancelFullScreen();\n                } else if (document.mozCancelFullScreen) {\n                    document.mozCancelFullScreen();\n                } else if (document.webkitCancelFullScreen) {\n                    document.webkitCancelFullScreen();\n                }\n            }\n            resetAnimation();\n        });\n        this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', function () {\n            if (_this.element.classList.contains('dplayer-fulled')) {\n                _this.element.classList.remove('dplayer-fulled');\n            } else {\n                _this.element.classList.add('dplayer-fulled');\n                resetAnimation();\n            }\n        });\n        var handleKeyDown = function handleKeyDown(e) {\n            var tag = document.activeElement.tagName.toUpperCase();\n            var editable = document.activeElement.getAttribute('contenteditable');\n            if (tag !== 'INPUT' && tag !== 'TEXTAREA' && editable !== '' && editable !== 'true') {\n                var event = e || window.event;\n                var percentage = void 0;\n                switch (event.keyCode) {\n                case 32:\n                    event.preventDefault();\n                    _this.toggle();\n                    break;\n                case 37:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime - 5);\n                    break;\n                case 39:\n                    event.preventDefault();\n                    _this.seek(_this.video.currentTime + 5);\n                    break;\n                case 38:\n                    event.preventDefault();\n                    percentage = _this.video.volume + 0.1;\n                    _this.volume(percentage);\n                    break;\n                case 40:\n                    event.preventDefault();\n                    percentage = _this.video.volume - 0.1;\n                    _this.volume(percentage);\n                    break;\n                }\n            }\n        };\n        if (this.option.hotkey) {\n            document.addEventListener('keydown', handleKeyDown);\n        }\n        document.addEventListener('keydown', function (e) {\n            var event = e || window.event;\n            switch (event.keyCode) {\n            case 27:\n                if (_this.element.classList.contains('dplayer-fulled')) {\n                    _this.element.classList.remove('dplayer-fulled');\n                    resetAnimation();\n                }\n                break;\n            }\n        });\n        var menu = this.element.getElementsByClassName('dplayer-menu')[0];\n        this.element.addEventListener('contextmenu', function (e) {\n            var event = e || window.event;\n            event.preventDefault();\n            menu.classList.add('dplayer-menu-show');\n            var clientRect = _this.element.getBoundingClientRect();\n            var menuLeft = event.clientX - clientRect.left;\n            var menuTop = event.clientY - clientRect.top;\n            if (menuLeft + menu.offsetWidth >= clientRect.width) {\n                menu.style.right = clientRect.width - menuLeft + 'px';\n                menu.style.left = 'initial';\n            } else {\n                menu.style.left = event.clientX - _this.element.getBoundingClientRect().left + 'px';\n                menu.style.right = 'initial';\n            }\n            if (menuTop + menu.offsetHeight >= clientRect.height) {\n                menu.style.bottom = clientRect.height - menuTop + 'px';\n                menu.style.top = 'initial';\n            } else {\n                menu.style.top = event.clientY - _this.element.getBoundingClientRect().top + 'px';\n                menu.style.bottom = 'initial';\n            }\n            mask.classList.add('dplayer-mask-show');\n            mask.addEventListener('click', function () {\n                mask.classList.remove('dplayer-mask-show');\n                menu.classList.remove('dplayer-menu-show');\n            });\n        });\n        if (this.option.video.quality) {\n            this.element.getElementsByClassName('dplayer-quality-list')[0].addEventListener('click', function (e) {\n                if (e.target.classList.contains('dplayer-quality-item')) {\n                    _this.switchQuality(e.target.dataset.index);\n                }\n            });\n        }\n        if (this.option.screenshot) {\n            var camareIcon = this.element.getElementsByClassName('dplayer-camera-icon')[0];\n            camareIcon.addEventListener('click', function () {\n                var canvas = document.createElement('canvas');\n                canvas.width = _this.video.videoWidth;\n                canvas.height = _this.video.videoHeight;\n                canvas.getContext('2d').drawImage(_this.video, 0, 0, canvas.width, canvas.height);\n                camareIcon.href = canvas.toDataURL();\n                camareIcon.download = 'DPlayer.png';\n            });\n        }\n        index++;\n    }\n    _createClass(DPlayer, [\n        {\n            key: 'seek',\n            value: function seek(time) {\n                time = Math.max(time, 0);\n                if (this.video.duration) {\n                    time = Math.min(time, this.video.duration);\n                }\n                this.video.currentTime = time;\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n                if (this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('play');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.playButton.innerHTML = (0, _svg2.default)('pause');\n                this.video.play();\n                this.setTime();\n                this.element.classList.add('dplayer-playing');\n                this.trigger('play');\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n                this.element.classList.remove('dplayer-loading');\n                if (!this.video.paused) {\n                    this.bezel.innerHTML = (0, _svg2.default)('pause');\n                    this.bezel.classList.add('dplayer-bezel-transition');\n                }\n                this.ended = false;\n                this.playButton.innerHTML = (0, _svg2.default)('play');\n                this.video.pause();\n                this.clearTime();\n                this.element.classList.remove('dplayer-playing');\n                window.cancelAnimationFrame(this.requestID);\n                this.trigger('pause');\n            }\n        },\n        {\n            key: 'volume',\n            value: function volume(percentage) {\n                percentage = percentage > 0 ? percentage : 0;\n                percentage = percentage < 1 ? percentage : 1;\n                this.updateBar('volume', percentage, 'width');\n                this.video.volume = percentage;\n                if (this.video.muted) {\n                    this.video.muted = false;\n                }\n                this.switchVolumeIcon();\n            }\n        },\n        {\n            key: 'toggle',\n            value: function toggle() {\n                if (this.video.paused) {\n                    this.play();\n                } else {\n                    this.pause();\n                }\n            }\n        },\n        {\n            key: 'on',\n            value: function on(event, callback) {\n                if (typeof callback === 'function') {\n                    this.event[event].push(callback);\n                }\n            }\n        },\n        {\n            key: '_readAllEndpoints',\n            value: function _readAllEndpoints(endpoints, finish) {\n                var _this2 = this;\n                var results = [];\n                var readCount = 0;\n                var cbk = function cbk(i) {\n                    return function (err, data) {\n                        ++readCount;\n                        if (err) {\n                            if (err.response) {\n                                _this2.notice(err.response.msg);\n                            } else {\n                                _this2.notice('Request was unsuccessful: ' + err.status);\n                            }\n                            results[i] = [];\n                        } else {\n                            results[i] = data;\n                        }\n                        if (readCount === endpoints.length) {\n                            return finish(results);\n                        }\n                    };\n                };\n                for (var i = 0; i < endpoints.length; ++i) {\n                    this.option.apiBackend.read(endpoints[i], cbk(i));\n                }\n            }\n        },\n        {\n            key: 'readDanmaku',\n            value: function readDanmaku() {\n                var _this3 = this;\n                var apiurl = void 0;\n                if (this.option.danmaku.maximum) {\n                    apiurl = this.option.danmaku.api + '?id=' + this.option.danmaku.id + '&max=' + this.option.danmaku.maximum;\n                } else {\n                    apiurl = this.option.danmaku.api + '?id=' + this.option.danmaku.id;\n                }\n                var endpoints = (this.option.danmaku.addition || []).slice(0);\n                endpoints.push(apiurl);\n                this._readAllEndpoints(endpoints, function (results) {\n                    _this3.danIndex = 0;\n                    _this3.dan = [].concat.apply([], results).sort(function (a, b) {\n                        return a.time - b.time;\n                    });\n                    _this3.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n                    if (_this3.option.autoplay && !_utils.isMobile) {\n                        _this3.play();\n                    } else if (_utils.isMobile) {\n                        _this3.pause();\n                    }\n                });\n            }\n        },\n        {\n            key: 'pushDanmaku',\n            value: function pushDanmaku(danmaku) {\n                var _this4 = this;\n                var danContainer = this.element.getElementsByClassName('dplayer-danmaku')[0];\n                var itemHeight = this.arrow ? 24 : 30;\n                var danWidth = danContainer.offsetWidth;\n                var danHeight = danContainer.offsetHeight;\n                var itemY = parseInt(danHeight / itemHeight);\n                var danItemRight = function danItemRight(ele) {\n                    var eleWidth = ele.offsetWidth || parseInt(ele.style.width);\n                    var eleRight = ele.getBoundingClientRect().right || danContainer.getBoundingClientRect().right + eleWidth;\n                    return danContainer.getBoundingClientRect().right - eleRight;\n                };\n                var danSpeed = function danSpeed(width) {\n                    return (danWidth + width) / 5;\n                };\n                var getTunnel = function getTunnel(ele, type, width) {\n                    var tmp = danWidth / danSpeed(width);\n                    var _loop2 = function _loop2(i) {\n                        var item = _this4.danTunnel[type][i + ''];\n                        if (item && item.length) {\n                            for (var j = 0; j < item.length; j++) {\n                                var danRight = danItemRight(item[j]) - 10;\n                                if (danRight <= danWidth - tmp * danSpeed(parseInt(item[j].style.width)) || danRight <= 0) {\n                                    break;\n                                }\n                                if (j === item.length - 1) {\n                                    _this4.danTunnel[type][i + ''].push(ele);\n                                    ele.addEventListener('animationend', function () {\n                                        _this4.danTunnel[type][i + ''].splice(0, 1);\n                                    });\n                                    return { v: i % itemY };\n                                }\n                            }\n                        } else {\n                            _this4.danTunnel[type][i + ''] = [ele];\n                            ele.addEventListener('animationend', function () {\n                                _this4.danTunnel[type][i + ''].splice(0, 1);\n                            });\n                            return { v: i % itemY };\n                        }\n                    };\n                    for (var i = 0;; i++) {\n                        var _ret2 = _loop2(i);\n                        if ((typeof _ret2 === 'undefined' ? 'undefined' : _typeof(_ret2)) === 'object')\n                            return _ret2.v;\n                    }\n                };\n                if (Object.prototype.toString.call(danmaku) !== '[object Array]') {\n                    danmaku = [danmaku];\n                }\n                var docFragment = document.createDocumentFragment();\n                var _loop3 = function _loop3(i) {\n                    if (!danmaku[i].type) {\n                        danmaku[i].type = 'right';\n                    }\n                    if (!danmaku[i].color) {\n                        danmaku[i].color = '#fff';\n                    }\n                    var item = document.createElement('div');\n                    item.classList.add('dplayer-danmaku-item');\n                    item.classList.add('dplayer-danmaku-' + danmaku[i].type);\n                    item.innerHTML = danmaku[i].text;\n                    item.style.opacity = _this4.danOpacity;\n                    item.style.color = danmaku[i].color;\n                    item.style.border = danmaku[i].border;\n                    item.addEventListener('animationend', function () {\n                        danContainer.removeChild(item);\n                    });\n                    var itemWidth = _this4.danmakuMeasure(danmaku[i].text);\n                    switch (danmaku[i].type) {\n                    case 'right':\n                        item.style.width = itemWidth + 1 + 'px';\n                        item.style.top = itemHeight * getTunnel(item, danmaku[i].type, itemWidth) + 'px';\n                        item.style.transform = 'translateX(-' + danWidth + 'px)';\n                        break;\n                    case 'top':\n                        item.style.top = itemHeight * getTunnel(item, danmaku[i].type) + 'px';\n                        break;\n                    case 'bottom':\n                        item.style.bottom = itemHeight * getTunnel(item, danmaku[i].type) + 'px';\n                        break;\n                    default:\n                        console.error('Can\\'t handled danmaku type: ' + danmaku[i].type);\n                    }\n                    item.classList.add('dplayer-danmaku-move');\n                    docFragment.appendChild(item);\n                };\n                for (var i = 0; i < danmaku.length; i++) {\n                    _loop3(i);\n                }\n                danContainer.appendChild(docFragment);\n                return docFragment;\n            }\n        },\n        {\n            key: 'switchVideo',\n            value: function switchVideo(video, danmaku) {\n                this.video.poster = video.pic ? video.pic : '';\n                this.video.src = video.url;\n                this.pause();\n                if (danmaku) {\n                    this.dan = [];\n                    this.danIndex = 0;\n                    this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'block';\n                    this.updateBar('played', 0, 'width');\n                    this.updateBar('loaded', 0, 'width');\n                    this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = '00:00';\n                    this.element.getElementsByClassName('dplayer-danmaku')[0].innerHTML = '';\n                    this.danTuel = {\n                        right: {},\n                        top: {},\n                        bottom: {}\n                    };\n                    this.option.danmaku = danmaku;\n                    this.readDanmaku();\n                }\n            }\n        },\n        {\n            key: 'initVideo',\n            value: function initVideo() {\n                var _this5 = this;\n                var enablehls = void 0;\n                if (this.option.video.type === 'auto') {\n                    enablehls = /m3u8(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'hls') {\n                    enablehls = true;\n                } else {\n                    enablehls = false;\n                }\n                if (enablehls && Hls.isSupported()) {\n                    var hls = new Hls();\n                    hls.loadSource(this.video.src);\n                    hls.attachMedia(this.video);\n                }\n                var enableflv = void 0;\n                if (this.option.video.type === 'auto') {\n                    enableflv = /.flv(#|\\?|$)/i.exec(this.video.src);\n                } else if (this.option.video.type === 'flv') {\n                    enableflv = true;\n                } else {\n                    enableflv = false;\n                }\n                if (enableflv && flvjs.isSupported()) {\n                    var flvPlayer = flvjs.createPlayer({\n                        type: 'flv',\n                        url: this.option.video.url\n                    });\n                    flvPlayer.attachMediaElement(this.video);\n                    flvPlayer.load();\n                }\n                if (this.option.danmaku) {\n                    this.video.addEventListener('seeking', function () {\n                        for (var i = 0; i < _this5.dan.length; i++) {\n                            if (_this5.dan[i].time >= _this5.video.currentTime) {\n                                _this5.danIndex = i;\n                                return;\n                            }\n                            _this5.danIndex = _this5.dan.length;\n                        }\n                    });\n                }\n                this.video.addEventListener('durationchange', function () {\n                    if (_this5.video.duration !== 1) {\n                        _this5.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(_this5.video.duration);\n                    }\n                });\n                this.video.addEventListener('progress', function () {\n                    var percentage = _this5.video.buffered.length ? _this5.video.buffered.end(_this5.video.buffered.length - 1) / _this5.video.duration : 0;\n                    _this5.updateBar('loaded', percentage, 'width');\n                });\n                this.video.addEventListener('error', function () {\n                    _this5.tran && _this5.notice && _this5.notice(_this5.tran('This video fails to load'), -1);\n                    _this5.trigger && _this5.trigger('pause');\n                });\n                this.video.addEventListener('canplay', function () {\n                    _this5.trigger('canplay');\n                });\n                this.ended = false;\n                this.video.addEventListener('ended', function () {\n                    _this5.updateBar('played', 1, 'width');\n                    if (!_this5.loop) {\n                        _this5.ended = true;\n                        _this5.pause();\n                        _this5.trigger('ended');\n                    } else {\n                        _this5.seek(0);\n                        _this5.video.play();\n                    }\n                    _this5.danIndex = 0;\n                });\n                this.video.addEventListener('play', function () {\n                    if (_this5.paused) {\n                        _this5.play();\n                    }\n                });\n                this.video.addEventListener('pause', function () {\n                    if (!_this5.paused) {\n                        _this5.pause();\n                    }\n                });\n                this.video.volume = parseInt(this.element.getElementsByClassName('dplayer-volume-bar-inner')[0].style.width) / 100;\n            }\n        },\n        {\n            key: 'switchQuality',\n            value: function switchQuality(index) {\n                var _this6 = this;\n                if (this.qualityIndex === index || this.switchingQuality) {\n                    return;\n                } else {\n                    this.qualityIndex = index;\n                }\n                this.switchingQuality = true;\n                this.quality = this.option.video.quality[index];\n                this.element.getElementsByClassName('dplayer-quality-icon')[0].innerHTML = this.quality.name;\n                var paused = this.video.paused;\n                this.video.pause();\n                var videoHTML = _html2.default.video(false, null, this.option.screenshot, 'auto', this.quality.url);\n                var videoEle = new DOMParser().parseFromString(videoHTML, 'text/html').body.firstChild;\n                var parent = this.element.getElementsByClassName('dplayer-video-wrap')[0];\n                parent.insertBefore(videoEle, parent.getElementsByTagName('div')[0]);\n                this.prevVideo = this.video;\n                this.video = videoEle;\n                this.initVideo();\n                this.seek(this.prevVideo.currentTime);\n                this.notice(this.tran('Switching to') + ' ' + this.quality.name + ' ' + this.tran('quality'), -1);\n                this.video.addEventListener('canplay', function () {\n                    if (_this6.prevVideo) {\n                        if (_this6.video.currentTime !== _this6.prevVideo.currentTime) {\n                            _this6.seek(_this6.prevVideo.currentTime);\n                            return;\n                        }\n                        parent.removeChild(_this6.prevVideo);\n                        _this6.video.classList.add('dplayer-video-current');\n                        if (!paused) {\n                            _this6.video.play();\n                        }\n                        _this6.prevVideo = null;\n                        _this6.notice(_this6.tran('Switched to') + ' ' + _this6.quality.name + ' ' + _this6.tran('quality'));\n                        _this6.switchingQuality = false;\n                    }\n                });\n            }\n        },\n        {\n            key: 'timeTipsHandler',\n            value: function timeTipsHandler(pbar, timeTips) {\n                var _this7 = this;\n                var cumulativeOffset = function cumulativeOffset(element) {\n                    var top = 0, left = 0;\n                    do {\n                        top += element.offsetTop || 0;\n                        left += element.offsetLeft || 0;\n                        element = element.offsetParent;\n                    } while (element);\n                    return {\n                        top: top,\n                        left: left\n                    };\n                };\n                return function (e) {\n                    if (!_this7.video.duration) {\n                        return;\n                    }\n                    var clientX = e.clientX;\n                    var px = cumulativeOffset(pbar).left;\n                    var tx = clientX - px;\n                    timeTips.innerText = _utils2.default.secondToTime(_this7.video.duration * (tx / pbar.offsetWidth));\n                    timeTips.style.left = tx - 20 + 'px';\n                    switch (e.type) {\n                    case 'mouseenter':\n                    case 'mouseover':\n                    case 'mousemove':\n                        if (_this7.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.remove('hidden');\n                        _this7.isTipsShow = true;\n                        break;\n                    case 'mouseleave':\n                    case 'mouseout':\n                        if (!_this7.isTipsShow) {\n                            return;\n                        }\n                        timeTips.classList.add('hidden');\n                        _this7.isTipsShow = false;\n                        break;\n                    }\n                };\n            }\n        },\n        {\n            key: 'notice',\n            value: function notice(text, time) {\n                var noticeEle = this.element.getElementsByClassName('dplayer-notice')[0];\n                noticeEle.innerHTML = text;\n                noticeEle.style.opacity = 1;\n                if (this.noticeTime) {\n                    clearTimeout(this.noticeTime);\n                }\n                if (time && time < 0) {\n                    return;\n                }\n                this.noticeTime = setTimeout(function () {\n                    noticeEle.style.opacity = 0;\n                }, time || 2000);\n            }\n        },\n        {\n            key: 'destroy',\n            value: function destroy() {\n                this.pause();\n                clearTimeout(this.hideTime);\n                this.video.src = '';\n                this.element.innerHTML = '';\n                for (var key in this) {\n                    if (this.hasOwnProperty(key) && key !== 'paused') {\n                        delete this[key];\n                    }\n                }\n            }\n        }\n    ]);\n    return DPlayer;\n}();\nmodule.exports = DPlayer;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/DPlayer.js\n// module id = 2\n// module chunks = 0","'use strict';\nmodule.exports = {\n    secondToTime: function secondToTime(second) {\n        var add0 = function add0(num) {\n            return num < 10 ? '0' + num : '' + num;\n        };\n        var min = parseInt(second / 60);\n        var sec = parseInt(second - min * 60);\n        return add0(min) + ':' + add0(sec);\n    },\n    getElementViewLeft: function getElementViewLeft(element) {\n        var actualLeft = element.offsetLeft;\n        var current = element.offsetParent;\n        var elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n        if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement) {\n            while (current !== null) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        } else {\n            while (current !== null && current !== element) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n        }\n        return actualLeft - elementScrollLeft;\n    },\n    isMobile: /mobile/i.test(window.navigator.userAgent)\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/utils.js\n// module id = 4\n// module chunks = 0","'use strict';\nvar defaultApiBackend = require('./api.js');\nmodule.exports = function (option) {\n    var isMobile = /mobile/i.test(window.navigator.userAgent);\n    if (isMobile) {\n        option.autoplay = false;\n    }\n    var defaultOption = {\n        element: document.getElementsByClassName('dplayer')[0],\n        autoplay: false,\n        theme: '#b7daff',\n        loop: false,\n        lang: navigator.language.indexOf('zh') !== -1 ? 'zh' : 'en',\n        screenshot: false,\n        hotkey: true,\n        preload: 'auto',\n        apiBackend: defaultApiBackend,\n        contextmenu: [\n            {\n                text: '关于作者',\n                link: 'http://diygod.me'\n            },\n            {\n                text: '播放器意见反馈',\n                link: 'https://github.com/DIYgod/DPlayer/issues'\n            },\n            {\n                text: '关于 DPlayer 播放器',\n                link: 'https://github.com/DIYgod/DPlayer'\n            }\n        ]\n    };\n    for (var defaultKey in defaultOption) {\n        if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n            option[defaultKey] = defaultOption[defaultKey];\n        }\n    }\n    if (Object.prototype.toString.call(option.video.url) !== '[object Array]') {\n        option.video.url = [option.video.url];\n    }\n    if (option.video && !option.video.hasOwnProperty('type')) {\n        option.video.type = 'auto';\n    }\n    if (option.danmaku && !option.danmaku.hasOwnProperty('user')) {\n        option.danmaku.user = 'DIYgod';\n    }\n    if (option.video.quality) {\n        option.video.url = [option.video.quality[option.video.defaultQuality].url];\n    }\n    return option;\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/option.js\n// module id = 5\n// module chunks = 0","'use strict';\nvar SendXMLHttpRequest = function SendXMLHttpRequest(url, data, success, error, fail) {\n    var xhr = new XMLHttpRequest();\n    xhr.onreadystatechange = function () {\n        if (xhr.readyState === 4) {\n            if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n                var response = JSON.parse(xhr.responseText);\n                if (response.code !== 1) {\n                    return error(xhr, response);\n                }\n                return success(xhr, response);\n            }\n            fail(xhr);\n        }\n    };\n    xhr.open(data !== null ? 'POST' : 'GET', url, true);\n    xhr.send(data !== null ? JSON.stringify(data) : null);\n};\nmodule.exports = {\n    send: function send(endpoint, danmakuData) {\n        SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n            console.log('Post danmaku: ', response);\n        }, function (xhr, response) {\n            alert(response.msg);\n        }, function (xhr) {\n            console.log('Request was unsuccessful: ' + xhr.status);\n        });\n    },\n    read: function read(endpoint, cbk) {\n        SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n            cbk(null, response.danmaku);\n        }, function (xhr, response) {\n            cbk({\n                status: xhr.status,\n                response: response\n            });\n        }, function (xhr) {\n            cbk({\n                status: xhr.status,\n                response: null\n            });\n        });\n    }\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/api.js\n// module id = 6\n// module chunks = 0","'use strict';\nvar tranZH = {\n    'Danmaku is loading': '弹幕加载中',\n    'Top': '顶部',\n    'Bottom': '底部',\n    'Rolling': '滚动',\n    'Input danmaku, hit Enter': '输入弹幕\\uFF0C回车发送',\n    'About author': '关于作者',\n    'DPlayer feedback': '播放器意见反馈',\n    'About DPlayer': '关于 DPlayer 播放器',\n    'Loop': '洗脑循环',\n    'Speed': '速度',\n    'Opacity for danmaku': '弹幕透明度',\n    'Normal': '正常',\n    'Please input danmaku content!': '要输入弹幕内容啊喂\\uFF01',\n    'Set danmaku color': '设置弹幕颜色',\n    'Set danmaku type': '设置弹幕类型',\n    'Danmaku': '弹幕',\n    'This video fails to load': '视频加载失败',\n    'Switching to': '正在切换至',\n    'Switched to': '已经切换至',\n    'quality': '画质'\n};\nmodule.exports = function (lang) {\n    var _this = this;\n    this.lang = lang;\n    this.tran = function (text) {\n        if (_this.lang === 'en') {\n            return text;\n        } else if (_this.lang === 'zh') {\n            return tranZH[text];\n        }\n    };\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/i18n.js\n// module id = 7\n// module chunks = 0","'use strict';\nvar svg = require('./svg.js');\nvar html = {\n    main: function main(option, index, tran) {\n        var videos = '';\n        for (var i = 0; i < option.video.url.length; i++) {\n            videos += html.video(i === 0, option.video.pic, option.screenshot, option.video.url.length ? 'metadata' : option.preload, option.video.url[i]);\n        }\n        return '<div class=\"dplayer-mask\"></div><div class=\"dplayer-video-wrap\">' + videos + '' + (option.logo ? '<div class=\"dplayer-logo\"><img src=\"' + option.logo + '\"></div>' : '') + '<div class=\"dplayer-danmaku\"><div class=\"dplayer-danmaku-item dplayer-danmaku-item--demo\"></div></div><div class=\"dplayer-bezel\"><span class=\"dplayer-bezel-icon\"></span>' + (option.danmaku ? '<span class=\"dplayer-danloading\">' + tran('Danmaku is loading') + '</span>' : '') + '<span class=\"diplayer-loading-icon\"><svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 22 22\" width=\"100%\"><svg x=\"7\" y=\"1\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-0\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-1\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"13\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-2\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"11\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-3\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"7\" y=\"13\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-4\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"11\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-5\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"1\" y=\"7\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-6\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg><svg x=\"3\" y=\"3\"><circle class=\"diplayer-loading-dot diplayer-loading-dot-7\" cx=\"4\" cy=\"4\" r=\"2\"></circle></svg></svg></span></div></div><div class=\"dplayer-controller-mask\"></div><div class=\"dplayer-controller\"><div class=\"dplayer-icons dplayer-icons-left\"><button class=\"dplayer-icon dplayer-play-icon\">' + svg('play') + '</button><div class=\"dplayer-volume\"><button class=\"dplayer-icon dplayer-volume-icon\">' + svg('volume-down') + '</button><div class=\"dplayer-volume-bar-wrap\"><div class=\"dplayer-volume-bar\"><div class=\"dplayer-volume-bar-inner\" style=\"width: 70%; background: ' + option.theme + ';\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div><span class=\"dplayer-time\"><span class=\"dplayer-ptime\">0:00</span> / <span class=\"dplayer-dtime\">0:00</span></span></div><div class=\"dplayer-icons dplayer-icons-right\">' + (option.video.quality ? '<div class=\"dplayer-quality\"><button class=\"dplayer-icon dplayer-quality-icon\">' + option.video.quality[option.video.defaultQuality].name + '</button><div class=\"dplayer-quality-mask\">' + html.qualityList(option.video.quality) + '</div></div>' : '') + '' + (option.screenshot ? '<a href=\"#\" class=\"dplayer-icon dplayer-camera-icon\">' + svg('camera') + '</a>' : '') + '<div class=\"dplayer-comment\"><button class=\"dplayer-icon dplayer-comment-icon\">' + svg('comment') + '</button><div class=\"dplayer-comment-box\"><button class=\"dplayer-icon dplayer-comment-setting-icon\">' + svg('menu') + '</button><div class=\"dplayer-comment-setting-box\"><div class=\"dplayer-comment-setting-color\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku color') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#fff\" checked><span style=\"background: #fff; border: 1px solid rgba(0,0,0,.1);\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#e54256\"><span style=\"background: #e54256\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#ffe133\"><span style=\"background: #ffe133\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#64DD17\"><span style=\"background: #64DD17\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#39ccff\"><span style=\"background: #39ccff\"></span></label><label><input type=\"radio\" name=\"dplayer-danmaku-color-' + index + '\" value=\"#D500F9\"><span style=\"background: #D500F9\"></span></label></div><div class=\"dplayer-comment-setting-type\"><div class=\"dplayer-comment-setting-title\">' + tran('Set danmaku type') + '</div><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"top\"><span>' + tran('Top') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"right\" checked><span>' + tran('Rolling') + '</span></label><label><input type=\"radio\" name=\"dplayer-danmaku-type-' + index + '\" value=\"bottom\"><span>' + tran('Bottom') + '</span></label></div></div><input class=\"dplayer-comment-input\" type=\"text\" placeholder=\"' + tran('Input danmaku, hit Enter') + '\" maxlength=\"30\"><button class=\"dplayer-icon dplayer-send-icon\">' + svg('send') + '</button></div></div><div class=\"dplayer-setting\"><button class=\"dplayer-icon dplayer-setting-icon\">' + svg('setting') + '</button><div class=\"dplayer-setting-box\"></div></div><div class=\"dplayer-full\"><button class=\"dplayer-icon dplayer-full-in-icon\">' + svg('full-in') + '</button><button class=\"dplayer-icon dplayer-full-icon\">' + svg('full') + '</button></div></div><div class=\"dplayer-bar-wrap\"><div class=\"dplayer-bar-time hidden\">00:00</div><div class=\"dplayer-bar\"><div class=\"dplayer-loaded\" style=\"width: 0;\"></div><div class=\"dplayer-played\" style=\"width: 0; background: ' + option.theme + '\"><span class=\"dplayer-thumb\" style=\"background: ' + option.theme + '\"></span></div></div></div></div>' + html.contextmenuList(option.contextmenu) + '<div class=\"dplayer-notice\"></div>';\n    },\n    contextmenuList: function contextmenuList(contextmenu) {\n        var result = '<div class=\"dplayer-menu\">';\n        for (var i = 0; i < contextmenu.length; i++) {\n            result += '<div class=\"dplayer-menu-item\"><span class=\"dplayer-menu-label\"><a target=\"_blank\" href=\"' + contextmenu[i].link + '\">' + contextmenu[i].text + '</a></span></div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    qualityList: function qualityList(quality) {\n        var result = '<div class=\"dplayer-quality-list\">';\n        for (var i = 0; i < quality.length; i++) {\n            result += '<div class=\"dplayer-quality-item\" data-index=\"' + i + '\">' + quality[i].name + '</div>';\n        }\n        result += '</div>';\n        return result;\n    },\n    video: function video(current, pic, screenshot, preload, url) {\n        return '<video class=\"dplayer-video ' + (current ? 'dplayer-video-current\"' : '') + '\" ' + (pic ? 'poster=\"' + pic + '\"' : '') + ' webkit-playsinline playsinline ' + (screenshot ? 'crossorigin=\"anonymous\"' : '') + ' ' + (preload ? 'preload=\"' + preload + '\"' : '') + ' src=\"' + url + '\"></video>';\n    },\n    setting: function setting(tran) {\n        return {\n            'original': '<div class=\"dplayer-setting-item dplayer-setting-speed\"><span class=\"dplayer-label\">' + tran('Speed') + '</span><div class=\"dplayer-toggle\">' + svg('right') + '</div></div><div class=\"dplayer-setting-item dplayer-setting-loop\"><span class=\"dplayer-label\">' + tran('Loop') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-toggle-setting-input\" type=\"checkbox\" name=\"dplayer-toggle\"><label for=\"dplayer-toggle\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-showdan\"><span class=\"dplayer-label\">' + tran('Danmaku') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-showdan-setting-input\" type=\"checkbox\" name=\"dplayer-toggle-dan\"><label for=\"dplayer-toggle-dan\"></label></div></div><div class=\"dplayer-setting-item dplayer-setting-danmaku\"><span class=\"dplayer-label\">' + tran('Opacity for danmaku') + '</span><div class=\"dplayer-danmaku-bar-wrap\"><div class=\"dplayer-danmaku-bar\"><div class=\"dplayer-danmaku-bar-inner\" style=\"width: ' + (localStorage.getItem('DPlayer-opacity') || 0.7) * 100 + '%\"><span class=\"dplayer-thumb\"></span></div></div></div></div>',\n            'speed': '<div class=\"dplayer-setting-speed-item\" data-speed=\"0.5\"><span class=\"dplayer-label\">0.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"0.75\"><span class=\"dplayer-label\">0.75</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1\"><span class=\"dplayer-label\">' + tran('Normal') + '</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.25\"><span class=\"dplayer-label\">1.25</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"1.5\"><span class=\"dplayer-label\">1.5</span></div><div class=\"dplayer-setting-speed-item\" data-speed=\"2\"><span class=\"dplayer-label\">2</span></div>'\n        };\n    }\n};\nmodule.exports = html;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/html.js\n// module id = 8\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/DPlayer.js b/src/DPlayer.js
index 62f13a5..55182c5 100644
--- a/src/DPlayer.js
+++ b/src/DPlayer.js
@@ -173,9 +173,9 @@ class DPlayer {
                 }
                 this.pushDanmaku(danmakus);
             }
-            window.requestAnimationFrame(this.animationFrame);
+            this.requestID = window.requestAnimationFrame(this.animationFrame);
         };
-        window.requestAnimationFrame(this.animationFrame);
+        this.requestID = window.requestAnimationFrame(this.animationFrame);
 
         this.setTime = (type) => {
             if (!type) {
@@ -307,12 +307,12 @@ class DPlayer {
         /**
          * auto hide controller
          */
-        let hideTime = 0;
+        this.hideTime = 0;
         if (!isMobile) {
             const hideController = () => {
                 this.element.classList.remove('dplayer-hide-controller');
-                clearTimeout(hideTime);
-                hideTime = setTimeout(() => {
+                clearTimeout(this.hideTime);
+                this.hideTime = setTimeout(() => {
                     if (this.video.played.length) {
                         this.element.classList.add('dplayer-hide-controller');
                         closeSetting();
@@ -605,7 +605,7 @@ class DPlayer {
             this.element.classList.add('dplayer-show-controller');
 
             disableHide = setInterval(() => {
-                clearTimeout(hideTime);
+                clearTimeout(this.hideTime);
             }, 1000);
             commentFocusTimeout = setTimeout(() => {
                 commentInput.focus();
@@ -867,6 +867,7 @@ class DPlayer {
         this.video.pause();
         this.clearTime();
         this.element.classList.remove('dplayer-playing');
+        window.cancelAnimationFrame(this.requestID);
         this.trigger('pause');
     }
 
@@ -1170,8 +1171,8 @@ class DPlayer {
 
         // video download error: an error occurs
         this.video.addEventListener('error', () => {
-            this.notice(this.tran('This video fails to load'), -1);
-            this.trigger('pause');
+            this.tran && this.notice && this.notice(this.tran('This video fails to load'), -1);
+            this.trigger && this.trigger('pause');
         });
 
         // video can play: enough data is available that the media can be played
@@ -1312,6 +1313,18 @@ class DPlayer {
             noticeEle.style.opacity = 0;
         }, time || 2000);
     }
+
+    destroy () {
+        this.pause();
+        clearTimeout(this.hideTime);
+        this.video.src = '';
+        this.element.innerHTML = '';
+        for (const key in this) {
+            if (this.hasOwnProperty(key) && key !== 'paused') {
+                delete this[key];
+            }
+        }
+    }
 }
 
 module.exports = DPlayer;