From 6ca11a21b35175bbcd91701cbd182da92c45ed56 Mon Sep 17 00:00:00 2001
From: DIYgod <diy.d.god@gmail.com>
Date: Fri, 15 Sep 2017 23:10:52 +0800
Subject: [PATCH] options.element -> options.container

---
 demo/index.html               |  16 +--
 dist/DPlayer.min.js           |   2 +-
 dist/DPlayer.min.js.map       |   2 +-
 package.json                  |   2 +-
 src/DPlayer.js                | 222 +++++++++++++++++-----------------
 src/fullscreen.js             |  24 ++--
 src/html.js                   |  30 ++---
 src/i18n.js                   |   9 +-
 src/{option.js => options.js} |  30 ++---
 src/user.js                   |   4 +-
 10 files changed, 174 insertions(+), 167 deletions(-)
 rename src/{option.js => options.js} (58%)

diff --git a/demo/index.html b/demo/index.html
index 5e0554bef..1214d3800 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -16,7 +16,7 @@ <h2 id="quick-start">Quick Start</h2>
         <div id="dplayer1"></div>
         <script>
             var dp1 = new DPlayer({
-                element: document.getElementById('dplayer1'),
+                container: document.getElementById('dplayer1'),
                 video: {
                     url: 'http://devtest.qiniudn.com/若能绽放光芒.mp4',
                     pic: 'http://devtest.qiniudn.com/若能绽放光芒.png',
@@ -44,7 +44,7 @@ <h2 id="options">Options</h2>
         <div id="events"></div>
         <script>
             var dp2 = new DPlayer({
-                element: document.getElementById('dplayer2'),
+                container: document.getElementById('dplayer2'),
                 autoplay: false,
                 theme: '#FADFA3',
                 loop: true,
@@ -135,7 +135,7 @@ <h2 id="quality-switching">Quality switching</h2>
         <div id="dplayer3"></div>
         <script>
         var dp3 = new DPlayer({
-            element: document.getElementById('dplayer3'),
+            container: document.getElementById('dplayer3'),
             video: {
                 quality: [{
                     name: 'HD',
@@ -158,7 +158,7 @@ <h2 id="hls-support">HLS support</h2>
         <div id="dplayer4"></div>
         <script>
             var dp4 = new DPlayer({
-                element: document.getElementById('dplayer4'),
+                container: document.getElementById('dplayer4'),
                 video: {
                     url: 'http://devtest.qiniudn.com/若能绽放光芒5.m3u8',
                     type: 'hls'
@@ -168,7 +168,7 @@ <h2 id="hls-support">HLS support</h2>
         <div id="dplayer8"></div>
         <script>
             var dp8 = new DPlayer({
-                element: document.getElementById('dplayer8')
+                container: document.getElementById('dplayer8')
             });
             var hls = new Hls();
             hls.loadSource('http://devtest.qiniudn.com/若能绽放光芒5.m3u8');
@@ -181,7 +181,7 @@ <h2 id="flv-support">FLV support</h2>
         <div id="dplayer5"></div>
         <script>
             var dp5 = new DPlayer({
-                element: document.getElementById('dplayer5'),
+                container: document.getElementById('dplayer5'),
                 video: {
                     url: 'http://devtest.qiniudn.com/【微小微】玖月奇迹－踩踩踩.flv',
                     type: 'flv'
@@ -191,7 +191,7 @@ <h2 id="flv-support">FLV support</h2>
         <div id="dplayer7"></div>
         <script>
             var dp7 = new DPlayer({
-                element: document.getElementById('dplayer7')
+                container: document.getElementById('dplayer7')
             });
             var flvPlayer = flvjs.createPlayer({
                 type: 'flv',
@@ -207,7 +207,7 @@ <h2 id="bilibili-video-and-danmaku">Bilibili video and danmaku</h2>
         <div id="dplayer6"></div>
         <script>
             var dp5 = new DPlayer({
-                element: document.getElementById('dplayer6'),
+                container: document.getElementById('dplayer6'),
                 screenshot: false,
                 video: {
                     url: 'https://api.prprpr.me/dplayer/video/bilibili?aid=4045652',
diff --git a/dist/DPlayer.min.js b/dist/DPlayer.min.js
index dfffeb5de..9522899b0 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=2)}([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),storage:{set:function(e,t){localStorage.setItem(e,t)},get:function(e){return localStorage.getItem(e)}}}},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("\n %c DPlayer 1.10.3 d40f1f1 %c http://dplayer.js.org \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;"),e.exports=n(3)},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(){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(4);var l=n(0),o=a(l),r=n(1),d=a(r),c=n(5),u=a(c),p=n(7),m=a(p),h=n(8),y=a(h),v=n(9),f=a(v),g=n(10),k=a(g),b=n(11),w=a(b),E=n(12),L=a(E),x=n(13),T=a(x),q=0,B=function(){function e(t){var n=this;i(this,e),this.option=(0,u.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 m.default(this.option.lang).tran,this.events=new w.default,this.user=new T.default(this),this.element=this.option.element,this.option.danmaku||this.element.classList.add("dplayer-no-danmaku"),l.isMobile&&this.element.classList.add("dplayer-mobile"),this.element.innerHTML=y.default.main(t,q,this.tran);var a={};a.volumeBar=this.element.getElementsByClassName("dplayer-volume-bar-inner")[0],a.playedBar=this.element.getElementsByClassName("dplayer-played")[0],a.loadedBar=this.element.getElementsByClassName("dplayer-loaded")[0];var s=this.element.getElementsByClassName("dplayer-bar-wrap")[0],r=this.element.getElementsByClassName("dplayer-bar-time")[0],c=void 0;if(this.updateBar=function(e,t,n){t=t>0?t:0,t=t<1?t:1,a[e+"Bar"].style[n]=100*t+"%"},document.addEventListener("click",function(){n.focus=!1},!0),this.element.addEventListener("click",function(){n.focus=!0},!0),this.option.danmaku&&(this.danmaku=new f.default({container:this.element.getElementsByClassName("dplayer-danmaku")[0],opacity:this.user.get("opacity"),callback:function(){n.element.getElementsByClassName("dplayer-danloading")[0].style.display="none",n.option.autoplay&&!l.isMobile?n.play():l.isMobile&&n.pause()},error:function(e){n.notice(e)},apiBackend:this.option.apiBackend,borderColor:this.option.theme,height:this.arrow?24:30,time:function(){return n.video.currentTime},unlimited:this.user.get("unlimited"),api:{id:this.option.danmaku.id,address:this.option.danmaku.api,token:this.option.danmaku.token,maximum:this.option.danmaku.maximum,addition:this.option.danmaku.addition,user:this.option.danmaku.user},events:this.events})),this.arrow=this.element.offsetWidth<=500,this.arrow){var p=document.createElement("style");p.innerHTML=".dplayer .dplayer-danmaku{font-size:18px}",document.head.appendChild(p)}this.video=this.element.getElementsByClassName("dplayer-video-current")[0],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 h=this.element.getElementsByClassName("dplayer-video-wrap")[0],v=this.element.getElementsByClassName("dplayer-controller-mask")[0];if(l.isMobile){var g=function(){n.element.classList.contains("dplayer-hide-controller")?n.element.classList.remove("dplayer-hide-controller"):n.element.classList.add("dplayer-hide-controller")};h.addEventListener("click",g),v.addEventListener("click",g)}else h.addEventListener("click",function(){n.toggle()}),v.addEventListener("click",function(){n.toggle()});var k=0,b=0,E=!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(){b=n.video.currentTime,E||b!==k||n.video.paused||(n.element.classList.add("dplayer-loading"),E=!0),E&&b>k&&!n.video.paused&&(n.element.classList.remove("dplayer-loading"),E=!1),k=b},100)},B=function(){clearInterval(n.checkLoading)};this.playedTime=!1,this.animationFrame=function(){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)),window.requestAnimationFrame(n.animationFrame)},window.requestAnimationFrame(this.animationFrame),this.setTime=function(e){e?(n[e+"Time"]=!0,"played"===e&&x()):(n.playedTime=!0,x())},this.clearTime=function(e){e?(n[e+"Time"]=!1,"played"===e&&B()):(n.playedTime=!1,B())},this.option.video.thumbnails&&this.initThumbnails(),this.isTimeTipsShow=!0,this.mouseHandler=this.mouseHandler(s,r).bind(this),s.addEventListener("mousemove",this.mouseHandler),s.addEventListener("mouseenter",this.mouseHandler),s.addEventListener("mouseleave",this.mouseHandler);var C=function(e){var t=(e.clientX-o.default.getElementViewLeft(s))/c;t=t>0?t:0,t=t<1?t:1,n.updateBar("played",t,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=o.default.secondToTime(t*n.video.duration)},M=function e(t){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",C);var i=(t.clientX-o.default.getElementViewLeft(s))/c;i=i>0?i:0,i=i<1?i:1,n.updateBar("played",i,"width"),n.seek(parseFloat(a.playedBar.style.width)/100*n.video.duration),n.setTime()};s.addEventListener("mousedown",function(){c=s.clientWidth,n.clearTime(),document.addEventListener("mousemove",C),document.addEventListener("mouseup",M)});var z=this.element.getElementsByClassName("dplayer-volume")[0],N=this.element.getElementsByClassName("dplayer-volume-bar-wrap")[0],S=this.element.getElementsByClassName("dplayer-volume-bar")[0],F=this.element.getElementsByClassName("dplayer-volume-icon")[0].getElementsByClassName("dplayer-icon-content")[0];this.switchVolumeIcon=function(){n.volume()>=.95?F.innerHTML=(0,d.default)("volume-up"):n.volume()>0?F.innerHTML=(0,d.default)("volume-down"):F.innerHTML=(0,d.default)("volume-off")};var _=function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(S)-5.5)/35;n.volume(a)},P=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",_),z.classList.remove("dplayer-volume-active")};N.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(S)-5.5)/35;n.volume(a)}),N.addEventListener("mousedown",function(){document.addEventListener("mousemove",_),document.addEventListener("mouseup",P),z.classList.add("dplayer-volume-active")}),F.addEventListener("click",function(){n.video.muted?(n.video.muted=!1,n.switchVolumeIcon(),n.updateBar("volume",n.volume(),"width")):(n.video.muted=!0,F.innerHTML=(0,d.default)("volume-off"),n.updateBar("volume",0,"width"))}),this.hideTime=0;var D=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"),O(),ne())},2e3)};l.isMobile||(this.element.addEventListener("mousemove",D),this.element.addEventListener("click",D));var H=y.default.setting(this.tran),I=this.element.getElementsByClassName("dplayer-setting-icon")[0],R=this.element.getElementsByClassName("dplayer-setting-box")[0],A=this.element.getElementsByClassName("dplayer-mask")[0];R.innerHTML=H.original;var O=function(){R.classList.contains("dplayer-setting-box-open")&&(R.classList.remove("dplayer-setting-box-open"),A.classList.remove("dplayer-mask-show"),setTimeout(function(){R.classList.remove("dplayer-setting-box-narrow"),R.innerHTML=H.original,X()},300))},V=function(){R.classList.add("dplayer-setting-box-open"),A.classList.add("dplayer-mask-show")};A.addEventListener("click",function(){O()}),I.addEventListener("click",function(){V()}),this.loop=this.option.loop;var j=this.user.get("danmaku");j||this.danmaku&&this.danmaku.hide();var W=this.user.get("unlimited"),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,O()});var i=n.element.getElementsByClassName("dplayer-setting-showdan")[0],s=i.getElementsByClassName("dplayer-showdan-setting-input")[0];s.checked=j,i.addEventListener("click",function(){s.checked=!s.checked,s.checked?(j=!0,n.paused||n.danmaku.show()):(j=!1,n.danmaku.hide()),n.user.set("danmaku",j?1:0),O()});var l=n.element.getElementsByClassName("dplayer-setting-danunlimit")[0],r=l.getElementsByClassName("dplayer-danunlimit-setting-input")[0];if(r.checked=W,l.addEventListener("click",function(){r.checked=!r.checked,r.checked?(W=!0,n.danmaku.unlimit(!0)):(W=!1,n.danmaku.unlimit(!1)),n.user.set("unlimited",W?1:0),O()}),n.element.getElementsByClassName("dplayer-setting-speed")[0].addEventListener("click",function(){R.classList.add("dplayer-setting-box-narrow"),R.innerHTML=H.speed;for(var e=R.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,O()})}(t)}),n.danmaku){a.danmakuBar=n.element.getElementsByClassName("dplayer-danmaku-bar-inner")[0];var d=n.element.getElementsByClassName("dplayer-danmaku-bar-wrap")[0],c=n.element.getElementsByClassName("dplayer-danmaku-bar")[0],u=n.element.getElementsByClassName("dplayer-setting-danmaku")[0];n.on("danmaku_opacity",function(e){n.updateBar("danmaku",e,"width"),n.user.set("opacity",e)}),n.danmaku.opacity(n.user.get("opacity"));var p=function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(c))/130;a=a>0?a:0,a=a<1?a:1,n.danmaku.opacity(a)},m=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",p),u.classList.remove("dplayer-setting-danmaku-active")};d.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-o.default.getElementViewLeft(c))/130;a=a>0?a:0,a=a<1?a:1,n.danmaku.opacity(a)}),d.addEventListener("mousedown",function(){document.addEventListener("mousemove",p),document.addEventListener("mouseup",m),u.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.danmaku||(this.option.autoplay&&!l.isMobile?this.play():l.isMobile&&this.pause());var Q=this.element.getElementsByClassName("dplayer-comment-input")[0],U=this.element.getElementsByClassName("dplayer-comment-icon")[0],$=this.element.getElementsByClassName("dplayer-comment-box")[0],Y=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(){J.classList.contains("dplayer-comment-setting-open")&&J.classList.remove("dplayer-comment-setting-open")},Z=function(){J.classList.contains("dplayer-comment-setting-open")?J.classList.remove("dplayer-comment-setting-open"):J.classList.add("dplayer-comment-setting-open")},ee=0,te=0,ne=function(){$.classList.contains("dplayer-comment-box-open")&&($.classList.remove("dplayer-comment-box-open"),A.classList.remove("dplayer-mask-show"),n.element.classList.remove("dplayer-show-controller"),clearInterval(ee),clearTimeout(te),K())},ae=function(){$.classList.contains("dplayer-comment-box-open")||($.classList.add("dplayer-comment-box-open"),A.classList.add("dplayer-mask-show"),n.element.classList.add("dplayer-show-controller"),ee=setInterval(function(){clearTimeout(n.hideTime)},1e3),te=setTimeout(function(){Q.focus()},300))};A.addEventListener("click",function(){ne()}),U.addEventListener("click",function(){ae()}),Y.addEventListener("click",function(){Z()}),this.element.getElementsByClassName("dplayer-comment-setting-color")[0].addEventListener("click",function(){n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked+span')&&(Y.getElementsByClassName("dplayer-fill")[0].style.fill=n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked').value)});var ie=function(){if(Q.blur(),!Q.value.replace(/^\s+|\s+$/g,""))return void n.notice(n.tran("Please input danmaku content!"));n.danmaku.send({text:Q.value,color:n.element.querySelector(".dplayer-comment-setting-color input:checked").value,type:n.element.querySelector(".dplayer-comment-setting-type input:checked").value},function(){Q.value="",ne()})};Q.addEventListener("click",function(){K()}),Q.addEventListener("keydown",function(e){13===(e||window.event).keyCode&&ie()}),G.addEventListener("click",ie),this.fullScreen=new L.default(this),this.element.getElementsByClassName("dplayer-full-icon")[0].addEventListener("click",function(){n.fullScreen.toggle("browser")}),this.element.getElementsByClassName("dplayer-full-in-icon")[0].addEventListener("click",function(){n.fullScreen.toggle("web")});var se=function(e){if(n.focus){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),D();break;case 39:i.preventDefault(),n.seek(n.video.currentTime+5),D();break;case 38:i.preventDefault(),s=n.volume()+.1,n.volume(s);break;case 40:i.preventDefault(),s=n.volume()-.1,n.volume(s)}}}};this.option.hotkey&&document.addEventListener("keydown",se),document.addEventListener("keydown",function(e){switch((e||window.event).keyCode){case 27:n.fullScreen.isFullScreen("web")&&n.fullScreen.cancel("web")}});var le=this.element.getElementsByClassName("dplayer-menu")[0];if(this.element.addEventListener("contextmenu",function(e){var t=e||window.event;t.preventDefault(),le.classList.add("dplayer-menu-show");var a=n.element.getBoundingClientRect(),i=t.clientX-a.left,s=t.clientY-a.top;i+le.offsetWidth>=a.width?(le.style.right=a.width-i+"px",le.style.left="initial"):(le.style.left=t.clientX-n.element.getBoundingClientRect().left+"px",le.style.right="initial"),s+le.offsetHeight>=a.height?(le.style.bottom=a.height-s+"px",le.style.top="initial"):(le.style.top=t.clientY-n.element.getBoundingClientRect().top+"px",le.style.bottom="initial"),A.classList.add("dplayer-mask-show"),n.events.trigger("contextmenu_show"),A.addEventListener("click",function(){A.classList.remove("dplayer-mask-show"),le.classList.remove("dplayer-menu-show"),n.events.trigger("contextmenu_hide")})}),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 oe=this.element.getElementsByClassName("dplayer-camera-icon")[0];oe.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);var t=e.toDataURL();oe.href=t,oe.download="DPlayer.png",n.events.trigger("screenshot",t)})}this.initVideo(this.video,this.quality&&this.quality.type||this.option.video.type),q++}return s(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?this.notice(this.tran("FF")+" "+(e-this.video.currentTime).toFixed(0)+" "+this.tran("s")):this.video.currentTime>e&&this.notice(this.tran("REW")+" "+(this.video.currentTime-e).toFixed(0)+" "+this.tran("s")),this.video.currentTime=e,this.danmaku&&this.danmaku.seek(),this.updateBar("played",e/this.video.duration,"width")}},{key:"play",value:function(){this.paused=!1,this.video.paused&&(this.bezel.innerHTML=(0,d.default)("play"),this.bezel.classList.add("dplayer-bezel-transition")),this.playButton.innerHTML=(0,d.default)("pause"),this.video.play(),this.setTime(),this.element.classList.add("dplayer-playing"),this.danmaku&&this.danmaku.play()}},{key:"pause",value:function(){this.paused=!0,this.element.classList.remove("dplayer-loading"),this.video.paused||(this.bezel.innerHTML=(0,d.default)("pause"),this.bezel.classList.add("dplayer-bezel-transition")),this.ended=!1,this.playButton.innerHTML=(0,d.default)("play"),this.video.pause(),this.clearTime(),this.element.classList.remove("dplayer-playing"),this.danmaku&&this.danmaku.pause()}},{key:"volume",value:function(e,t){if(e=parseFloat(e),!isNaN(e)){e=e>0?e:0,e=e<1?e:1,this.updateBar("volume",e,"width");var n=(100*e).toFixed(0)+"%";this.element.getElementsByClassName("dplayer-volume-bar-wrap")[0].dataset.balloon=n,t||this.user.set("volume",e),this.video.volume=e,this.video.muted&&(this.video.muted=!1),this.switchVolumeIcon()}return this.video.volume}},{key:"toggle",value:function(){this.video.paused?this.play():this.pause()}},{key:"on",value:function(e,t){this.events.on(e,t)}},{key:"switchVideo",value:function(e,t){this.pause(),this.video.poster=e.pic?e.pic:"",this.video.src=e.url,this.initMSE(this.video,e.type||"auto"),t&&(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.danmaku&&this.danmaku.reload({id:t.id,address:t.api,token:t.token,maximum:t.maximum,addition:t.addition,user:t.user}))}},{key:"initMSE",value:function(e,t){if(this.type=t,"auto"===this.type&&(/m3u8(#|\?|$)/i.exec(e.src)?this.type="hls":/.flv(#|\?|$)/i.exec(e.src)?this.type="flv":this.type="normal"),"hls"===this.type&&Hls.isSupported()){var n=new Hls;n.loadSource(e.src),n.attachMedia(e)}if("flv"===this.type&&flvjs.isSupported()){var a=flvjs.createPlayer({type:"flv",url:e.src});a.attachMediaElement(e),a.load()}}},{key:"initVideo",value:function(e,t){var n=this;this.initMSE(e,t),this.on("durationchange",function(){1!==e.duration&&(n.element.getElementsByClassName("dplayer-dtime")[0].innerHTML=o.default.secondToTime(e.duration))}),this.on("progress",function(){var t=e.buffered.length?e.buffered.end(e.buffered.length-1)/e.duration:0;n.updateBar("loaded",t,"width")}),this.on("error",function(){n.tran&&n.notice&&n.notice(n.tran("This video fails to load"),-1)}),this.ended=!1,this.on("ended",function(){n.updateBar("played",1,"width"),n.loop?(n.seek(0),e.play()):(n.ended=!0,n.pause()),n.danmaku&&(n.danmaku.danIndex=0)}),this.on("play",function(){n.paused&&n.play()}),this.on("pause",function(){n.paused||n.pause()});for(var a=0;a<this.events.videoEvents.length;a++)!function(t){e.addEventListener(n.events.videoEvents[t],function(){n.events.trigger(n.events.videoEvents[t])})}(a);this.volume(this.user.get("volume"),!0)}},{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=y.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.video,this.quality.type||this.option.video.type),this.seek(this.prevVideo.currentTime),this.notice(this.tran("Switching to")+" "+this.quality.name+" "+this.tran("quality"),-1),this.events.trigger("quality_start",this.quality),this.on("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,t.events.trigger("quality_end")}})}}},{key:"mouseHandler",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,r=s-l;if(!(r<0||r>e.offsetWidth)){var d=n.video.duration*(r/e.offsetWidth);switch(t.style.left=r-20+"px",i.type){case"mouseenter":n.thumbnails&&n.thumbnails.show();break;case"mousemove":n.thumbnails&&n.thumbnails.move(r),t.innerText=o.default.secondToTime(d),n.timeTipsDisplay(!0,t);break;case"mouseleave":n.thumbnails&&n.thumbnails.hide(),n.timeTipsDisplay(!1,t)}}}}}},{key:"timeTipsDisplay",value:function(e,t){if(e){if(this.isTimeTipsShow)return;t.classList.remove("hidden"),this.isTimeTipsShow=!0}else{if(!this.isTimeTipsShow)return;t.classList.add("hidden"),this.isTimeTipsShow=!1}}},{key:"initThumbnails",value:function(){var e=this;this.thumbnails=new k.default(this.element.getElementsByClassName("dplayer-bar-preview")[0],this.element.getElementsByClassName("dplayer-bar-wrap")[0].offsetWidth,this.option.video.thumbnails,this.events),this.on("loadedmetadata",function(){e.thumbnails.resize(160,90)})}},{key:"notice",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2e3,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.8,i=this.element.getElementsByClassName("dplayer-notice")[0];i.innerHTML=e,i.style.opacity=a,this.noticeTime&&clearTimeout(this.noticeTime),this.events.trigger("notice_show",e),this.noticeTime=setTimeout(function(){i.style.opacity=0,t.events.trigger("notice_hide")},n)}},{key:"resize",value:function(){this.danmaku&&this.danmaku.resize(),this.events.trigger("resize")}},{key:"destroy",value:function(){this.pause(),clearTimeout(this.hideTime),this.video.src="",this.element.innerHTML="",this.events.trigger("destroy");for(var e in this)this.hasOwnProperty(e)&&"paused"!==e&&delete this[e]}}]),e}();e.exports=B},function(e,t){},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:(navigator.language||navigator.browserLanguage).toLowerCase(),screenshot:!1,hotkey:!0,preload:"auto",volume:"0.7",apiBackend:a,video:{},contextmenu:[]};for(var n in t)t.hasOwnProperty(n)&&!e.hasOwnProperty(n)&&(e[n]=t[n]);return 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.lang&&(e.lang=e.lang.toLowerCase()),e.contextmenu=e.contextmenu.concat([{text:"About author",link:"https://www.anotherhome.net/"},{text:"About DPlayer",link:"https://github.com/MoePlayer/DPlayer"},{text:"DPlayer feedback",link:"https://github.com/DIYgod/DPlayer/issues"},{text:"DPlayer 1.10.3 d40f1f1",link:"https://github.com/MoePlayer/DPlayer/releases"}]),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,n){a(e,t,function(e,t){console.log("Post danmaku: ",t),n&&n()},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";e.exports=function(e){var t=this;this.lang=e,this.tran=function(e){return a[t.lang]&&a[t.lang][e]?a[t.lang][e]:e}};var a={"zh-cn":{"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","Show danmaku":"\u663e\u793a\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",FF:"\u5feb\u8fdb",REW:"\u5feb\u9000","Unlimited danmaku":"\u6d77\u91cf\u5f39\u5e55","Send danmaku":"\u53d1\u9001\u5f39\u5e55",Setting:"\u8bbe\u7f6e","Full screen":"\u5168\u5c4f","Web full screen":"\u9875\u9762\u5168\u5c4f",Send:"\u53d1\u9001",Screenshot:"\u622a\u56fe",s:"\u79d2"},"zh-tw":{"Danmaku is loading":"\u5f48\u5e55\u52a0\u8f09\u4e2d",Top:"\u9802\u90e8",Bottom:"\u5e95\u90e8",Rolling:"\u6efe\u52d5","Input danmaku, hit Enter":"\u8f38\u5165\u5f48\u5e55\uff0cEnter \u767c\u9001","About author":"\u95dc\u65bc\u4f5c\u8005","DPlayer feedback":"\u64ad\u653e\u5668\u610f\u898b\u53cd\u994b","About DPlayer":"\u95dc\u65bc DPlayer \u64ad\u653e\u5668",Loop:"\u5faa\u74b0\u64ad\u653e",Speed:"\u901f\u5ea6","Opacity for danmaku":"\u5f48\u5e55\u900f\u660e\u5ea6",Normal:"\u6b63\u5e38","Please input danmaku content!":"\u8acb\u8f38\u5165\u5f48\u5e55\u5185\u5bb9\u554a\uff01","Set danmaku color":"\u8a2d\u7f6e\u5f48\u5e55\u984f\u8272","Set danmaku type":"\u8a2d\u7f6e\u5f48\u5e55\u985e\u578b","Show danmaku":"\u986f\u793a\u5f48\u5e55","This video fails to load":"\u8996\u983b\u52a0\u8f09\u5931\u6557","Switching to":"\u6b63\u5728\u5207\u63db\u81f3","Switched to":"\u5df2\u7d93\u5207\u63db\u81f3",quality:"\u756b\u8cea",FF:"\u5feb\u9032",REW:"\u5feb\u9000","Unlimited danmaku":"\u6d77\u91cf\u5f48\u5e55"}}},function(e,t,n){"use strict";var a=n(1),i={main:function(e,t,n){var s="";return'<div class="dplayer-mask"></div><div class="dplayer-video-wrap">'+(s+=i.video(!0,e.video.pic,e.screenshot,e.preload,e.video.url))+(e.logo?'<div class="dplayer-logo"><img src="'+e.logo+'"></div>':"")+'<div class="dplayer-danmaku" style="'+(e.danmaku?i.danmakumargin(e.danmaku.margin):"")+'"><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"><span class="dplayer-icon-content">'+a("play")+'</span></button><div class="dplayer-volume"><button class="dplayer-icon dplayer-volume-icon"><span class="dplayer-icon-content">'+a("volume-down")+'</span></button><div class="dplayer-volume-bar-wrap" data-balloon-pos="up"><div class="dplayer-volume-bar"><div class="dplayer-volume-bar-inner" style="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" data-balloon="'+n("Screenshot")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("camera")+"</span></a>":"")+'<div class="dplayer-comment"><button class="dplayer-icon dplayer-comment-icon" data-balloon="'+n("Send danmaku")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("comment")+'</span></button><div class="dplayer-comment-box"><button class="dplayer-icon dplayer-comment-setting-icon" data-balloon="'+n("Setting")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("menu")+'</span></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" data-balloon="'+n("Send")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("send")+'</span></button></div></div><div class="dplayer-setting"><button class="dplayer-icon dplayer-setting-icon" data-balloon="'+n("Setting")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("setting")+'</span></button><div class="dplayer-setting-box"></div></div><div class="dplayer-full"><button class="dplayer-icon dplayer-full-in-icon" data-balloon="'+n("Web full screen")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("full-in")+'</span></button><button class="dplayer-icon dplayer-full-icon" data-balloon="'+n("Full screen")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("full")+'</span></button></div></div><div class="dplayer-bar-wrap"><div class="dplayer-bar-time hidden">00:00</div><div class="dplayer-bar-preview"></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,n)+'<div class="dplayer-notice"></div>'},danmakumargin:function(e){var t="";if(e)for(var n in e)t+=n+":"+e[n]+";";return t},contextmenuList:function(e,t){for(var n='<div class="dplayer-menu">',a=0;a<e.length;a++)n+='<div class="dplayer-menu-item"><a target="_blank" href="'+e[a].link+'">'+t(e[a].text)+"</a></div>";return n+="</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("Show 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-danunlimit"><span class="dplayer-label">'+e("Unlimited danmaku")+'</span><div class="dplayer-toggle"><input class="dplayer-danunlimit-setting-input" type="checkbox" name="dplayer-toggle-danunlimit"><label for="dplayer-toggle-danunlimit"></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"><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,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i="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},s=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}}(),l=function(){function e(t){a(this,e),this.options=t,this.container=this.options.container,this.danTunnel={right:{},top:{},bottom:{}},this.danIndex=0,this.dan=[],this.showing=!0,this._opacity=this.options.opacity,this.events=this.options.events,this.unlimited=this.options.unlimited,this._measure(""),this.load()}return s(e,[{key:"load",value:function(){var e=this,t=void 0;t=this.options.api.maximum?this.options.api.address+"?id="+this.options.api.id+"&max="+this.options.api.maximum:this.options.api.address+"?id="+this.options.api.id;var n=(this.options.api.addition||[]).slice(0);n.push(t),this.events&&this.events.trigger("danmaku_load_start",n),this._readAllEndpoints(n,function(t){e.dan=[].concat.apply([],t).sort(function(e,t){return e.time-t.time}),window.requestAnimationFrame(function(){e.frame()}),e.options.callback(),e.events&&e.events.trigger("danmaku_load_end")})}},{key:"reload",value:function(e){this.options.api=e,this.dan=[],this.clear(),this.load()}},{key:"_readAllEndpoints",value:function(e,t){for(var n=this,a=[],i=0,s=0;s<e.length;++s)this.options.apiBackend.read(e[s],function(s){return function(l,o){if(++i,l?(l.response?n.options.error(l.response.msg):n.options.error("Request was unsuccessful: "+l.status),a[s]=[]):a[s]=o,i===e.length)return t(a)}}(s))}},{key:"send",value:function(e,t){var n={token:this.options.api.token,player:this.options.api.id,author:this.options.api.user,time:this.options.time(),text:e.text,color:e.color,type:e.type};this.options.apiBackend.send(this.options.api.address,n,t),this.dan.splice(this.danIndex,0,n),this.danIndex++;var a={text:this.htmlEncode(n.text),color:n.color,type:n.type,border:"2px solid "+this.options.borderColor};this.draw(a),this.events&&this.events.trigger("danmaku_send",n)}},{key:"frame",value:function(){var e=this;if(this.dan.length&&!this.paused&&this.showing){for(var t=this.dan[this.danIndex],n=[];t&&this.options.time()>parseFloat(t.time);)n.push(t),t=this.dan[++this.danIndex];this.draw(n)}window.requestAnimationFrame(function(){e.frame()})}},{key:"opacity",value:function(e){if(void 0!==e){for(var t=this.container.getElementsByClassName("dplayer-danmaku-item"),n=0;n<t.length;n++)t[n].style.opacity=e;this._opacity=e,this.events&&this.events.trigger("danmaku_opacity",this._opacity)}return this._opacity}},{key:"draw",value:function(e){var t=this,n=this.options.height,a=this.container.offsetWidth,s=this.container.offsetHeight,l=parseInt(s/n),o=function(e){var n=e.offsetWidth||parseInt(e.style.width),a=e.getBoundingClientRect().right||t.container.getBoundingClientRect().right+n;return t.container.getBoundingClientRect().right-a},r=function(e){return(a+e)/5},d=function(e,n,s){for(var d=a/r(s),c=0;t.unlimited||c<l;c++){var u=function(i){var s=t.danTunnel[n][i+""];if(!s||!s.length)return t.danTunnel[n][i+""]=[e],e.addEventListener("animationend",function(){t.danTunnel[n][i+""].splice(0,1)}),{v:i%l};if("right"!==n)return"continue";for(var c=0;c<s.length;c++){var u=o(s[c])-10;if(u<=a-d*r(parseInt(s[c].style.width))||u<=0)break;if(c===s.length-1)return t.danTunnel[n][i+""].push(e),e.addEventListener("animationend",function(){t.danTunnel[n][i+""].splice(0,1)}),{v:i%l}}}(c);switch(u){case"continue":continue;default:if("object"===(void 0===u?"undefined":i(u)))return u.v}}return-1};"[object Array]"!==Object.prototype.toString.call(e)&&(e=[e]);for(var c=document.createDocumentFragment(),u=0;u<e.length;u++)!function(i){e[i].type||(e[i].type="right"),e[i].color||(e[i].color="#fff");var s=document.createElement("div");s.classList.add("dplayer-danmaku-item"),s.classList.add("dplayer-danmaku-"+e[i].type),e[i].border?s.innerHTML='<span style="border:'+e[i].border+'">'+e[i].text+"</span>":s.innerHTML=e[i].text,s.style.opacity=t._opacity,s.style.color=e[i].color,s.addEventListener("animationend",function(){t.container.removeChild(s)});var l=t._measure(e[i].text),o=void 0;switch(e[i].type){case"right":o=d(s,e[i].type,l),o>=0&&(s.style.width=l+1+"px",s.style.top=n*o+"px",s.style.transform="translateX(-"+a+"px)");break;case"top":o=d(s,e[i].type),o>=0&&(s.style.top=n*o+"px");break;case"bottom":o=d(s,e[i].type),o>=0&&(s.style.bottom=n*o+"px");break;default:console.error("Can't handled danmaku type: "+e[i].type)}o>=0&&(s.classList.add("dplayer-danmaku-move"),c.appendChild(s))}(u);return this.container.appendChild(c),c}},{key:"play",value:function(){this.paused=!1}},{key:"pause",value:function(){this.paused=!0}},{key:"_measure",value:function(e){if(!this.context){var t=getComputedStyle(this.container.getElementsByClassName("dplayer-danmaku-item")[0],null);this.context=document.createElement("canvas").getContext("2d"),this.context.font=t.getPropertyValue("font")}return this.context.measureText(e).width}},{key:"seek",value:function(){for(var e=0;e<this.dan.length;e++){if(this.dan[e].time>=this.options.time()){this.danIndex=e;break}this.danIndex=this.dan.length}}},{key:"clear",value:function(){this.danTunnel={right:{},top:{},bottom:{}},this.danIndex=0,this.options.container.innerHTML="",this.events&&this.events.trigger("danmaku_clear")}},{key:"htmlEncode",value:function(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2f;")}},{key:"resize",value:function(){for(var e=this.container.offsetWidth,t=this.container.getElementsByClassName("dplayer-danmaku-item"),n=0;n<t.length;n++)t[n].style.transform="translateX(-"+e+"px)"}},{key:"hide",value:function(){this.showing=!1,this.pause(),this.clear(),this.events&&this.events.trigger("danmaku_hide")}},{key:"show",value:function(){this.seek(),this.showing=!0,this.play(),this.events&&this.events.trigger("danmaku_show")}},{key:"unlimit",value:function(e){this.unlimited=e}}]),e}();e.exports=l},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=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}}(),s=function(){function e(t,n,i,s){a(this,e),this.container=t,this.width=n,this.container.style.backgroundImage="url('"+i+"')",this.events=s}return i(e,[{key:"resize",value:function(e,t){this.container.style.width=e+"px",this.container.style.height=t+"px",this.container.style.top=2-t+"px"}},{key:"show",value:function(){this.container.style.display="block",this.events&&this.events.trigger("thumbnails_show")}},{key:"move",value:function(e){this.container.style.backgroundPosition="-"+160*(Math.ceil(e/this.width*100)-1)+"px 0",this.container.style.left=e-this.container.offsetWidth/2+"px"}},{key:"hide",value:function(){this.container.style.display="none",this.events&&this.events.trigger("thumbnails_hide")}}]),e}();e.exports=s},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=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}}(),s=function(){function e(){a(this,e),this.events={},this.videoEvents=["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","mozaudioavailable","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"],this.playerEvents=["screenshot","thumbnails_show","thumbnails_hide","danmaku_show","danmaku_hide","danmaku_clear","danmaku_loaded","danmaku_send","danmaku_opacity","contextmenu_show","contextmenu_hide","notice_show","notice_hide","quality_start","quality_end","destroy","resize","fullscreen","fullscreen_cancel","webfullscreen","webfullscreen_cancel"]}return i(e,[{key:"on",value:function(e,t){this.type(e)&&"function"==typeof t&&(this.events[e]||(this.events[e]=[]),this.events[e].push(t))}},{key:"trigger",value:function(e,t){if(this.events[e]&&this.events[e].length)for(var n=0;n<this.events[e].length;n++)this.events[e][n](t)}},{key:"type",value:function(e){return-1!==this.playerEvents.indexOf(e)?"player":-1!==this.videoEvents.indexOf(e)?"video":(console.error("Unknown event name: "+e),null)}}]),e}();e.exports=s},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=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}}(),s=function(){function e(t){var n=this;a(this,e),this.player=t,this.player.events.on("webfullscreen",function(){n.player.resize()}),this.player.events.on("webfullscreen_cancel",function(){n.player.resize()});var i=function(){n.player.resize(),n.isFullScreen("browser")?n.player.events.trigger("fullscreen"):n.player.events.trigger("fullscreen_cancel")};this.player.element.addEventListener("fullscreenchange",i),this.player.element.addEventListener("mozfullscreenchange",i),this.player.element.addEventListener("webkitfullscreenchange",i)}return i(e,[{key:"isFullScreen",value:function(){switch(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"browser"){case"browser":return document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement;case"web":return this.player.element.classList.contains("dplayer-fulled")}}},{key:"request",value:function(){switch(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"browser"){case"browser":this.player.element.requestFullscreen?this.player.element.requestFullscreen():this.player.element.mozRequestFullScreen?this.player.element.mozRequestFullScreen():this.player.element.webkitRequestFullscreen?this.player.element.webkitRequestFullscreen():this.player.video.webkitEnterFullscreen&&this.player.video.webkitEnterFullscreen();break;case"web":this.player.element.classList.add("dplayer-fulled"),this.player.events.trigger("webfullscreen")}}},{key:"cancel",value:function(){switch(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"browser"){case"browser":document.cancelFullScreen?document.cancelFullScreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen();break;case"web":this.player.element.classList.remove("dplayer-fulled"),this.player.events.trigger("webfullscreen_cancel")}}},{key:"toggle",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"browser";this.isFullScreen(e)?this.cancel(e):this.request(e)}}]),e}();e.exports=s},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=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}}(),s=n(0),l=function(e){return e&&e.__esModule?e:{default:e}}(s),o=function(){function e(t){a(this,e),this.storageName={opacity:"dplayer-danmaku-opacity",volume:"dplayer-volume",unlimited:"dplayer-danmaku-unlimited",danmaku:"dplayer-danmaku-show"},this.default={opacity:.7,volume:t.option.volume||.7,unlimited:(t.option.danmaku&&t.option.danmaku.unlimited?1:0)||0,danmaku:1},this.data={},this.init()}return i(e,[{key:"init",value:function(){for(var e in this.storageName){var t=this.storageName[e];this.data[e]=parseFloat(l.default.storage.get(t)||this.default[e])}}},{key:"get",value:function(e){return this.data[e]}},{key:"set",value:function(e,t){this.data[e]=t,l.default.storage.set(this.storageName[e],t)}}]),e}();e.exports=o}])});
+!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=2)}([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),storage:{set:function(e,t){localStorage.setItem(e,t)},get:function(e){return localStorage.getItem(e)}}}},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("\n %c DPlayer 1.11.0 2323e73 %c http://dplayer.js.org \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;"),e.exports=n(3)},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(){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(4);var o=n(0),l=a(o),r=n(1),d=a(r),c=n(5),u=a(c),p=n(7),m=a(p),h=n(8),y=a(h),v=n(9),f=a(v),g=n(10),k=a(g),b=n(11),w=a(b),E=n(12),L=a(E),x=n(13),T=a(x),q=0,B=function(){function e(t){var n=this;i(this,e),this.options=(0,u.default)(t),this.options.container.classList.add("dplayer"),this.options.video.quality&&(this.qualityIndex=this.options.video.defaultQuality,this.quality=this.options.video.quality[this.options.video.defaultQuality]),this.tran=new m.default(this.options.lang).tran,this.events=new w.default,this.user=new T.default(this),this.container=this.options.container,this.options.danmaku||this.container.classList.add("dplayer-no-danmaku"),o.isMobile&&this.container.classList.add("dplayer-mobile"),this.container.innerHTML=y.default.main(this.options,q,this.tran);var a={};a.volumeBar=this.container.getElementsByClassName("dplayer-volume-bar-inner")[0],a.playedBar=this.container.getElementsByClassName("dplayer-played")[0],a.loadedBar=this.container.getElementsByClassName("dplayer-loaded")[0];var s=this.container.getElementsByClassName("dplayer-bar-wrap")[0],r=this.container.getElementsByClassName("dplayer-bar-time")[0],c=void 0;if(this.updateBar=function(e,t,n){t=t>0?t:0,t=t<1?t:1,a[e+"Bar"].style[n]=100*t+"%"},document.addEventListener("click",function(){n.focus=!1},!0),this.container.addEventListener("click",function(){n.focus=!0},!0),this.options.danmaku&&(this.danmaku=new f.default({container:this.container.getElementsByClassName("dplayer-danmaku")[0],opacity:this.user.get("opacity"),callback:function(){n.container.getElementsByClassName("dplayer-danloading")[0].style.display="none",n.options.autoplay&&!o.isMobile?n.play():o.isMobile&&n.pause()},error:function(e){n.notice(e)},apiBackend:this.options.apiBackend,borderColor:this.options.theme,height:this.arrow?24:30,time:function(){return n.video.currentTime},unlimited:this.user.get("unlimited"),api:{id:this.options.danmaku.id,address:this.options.danmaku.api,token:this.options.danmaku.token,maximum:this.options.danmaku.maximum,addition:this.options.danmaku.addition,user:this.options.danmaku.user},events:this.events})),this.arrow=this.container.offsetWidth<=500,this.arrow){var p=document.createElement("style");p.innerHTML=".dplayer .dplayer-danmaku{font-size:18px}",document.head.appendChild(p)}this.video=this.container.getElementsByClassName("dplayer-video-current")[0],this.bezel=this.container.getElementsByClassName("dplayer-bezel-icon")[0],this.bezel.addEventListener("animationend",function(){n.bezel.classList.remove("dplayer-bezel-transition")}),this.playButton=this.container.getElementsByClassName("dplayer-play-icon")[0],this.paused=!0,this.playButton.addEventListener("click",function(){n.toggle()});var h=this.container.getElementsByClassName("dplayer-video-wrap")[0],v=this.container.getElementsByClassName("dplayer-controller-mask")[0];if(o.isMobile){var g=function(){n.container.classList.contains("dplayer-hide-controller")?n.container.classList.remove("dplayer-hide-controller"):n.container.classList.add("dplayer-hide-controller")};h.addEventListener("click",g),v.addEventListener("click",g)}else h.addEventListener("click",function(){n.toggle()}),v.addEventListener("click",function(){n.toggle()});var k=0,b=0,E=!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(){b=n.video.currentTime,E||b!==k||n.video.paused||(n.container.classList.add("dplayer-loading"),E=!0),E&&b>k&&!n.video.paused&&(n.container.classList.remove("dplayer-loading"),E=!1),k=b},100)},B=function(){clearInterval(n.checkLoading)};this.playedTime=!1,this.animationFrame=function(){n.playedTime&&(n.updateBar("played",n.video.currentTime/n.video.duration,"width"),n.container.getElementsByClassName("dplayer-ptime")[0].innerHTML=l.default.secondToTime(n.video.currentTime)),window.requestAnimationFrame(n.animationFrame)},window.requestAnimationFrame(this.animationFrame),this.setTime=function(e){e?(n[e+"Time"]=!0,"played"===e&&x()):(n.playedTime=!0,x())},this.clearTime=function(e){e?(n[e+"Time"]=!1,"played"===e&&B()):(n.playedTime=!1,B())},this.options.video.thumbnails&&this.initThumbnails(),this.isTimeTipsShow=!0,this.mouseHandler=this.mouseHandler(s,r).bind(this),s.addEventListener("mousemove",this.mouseHandler),s.addEventListener("mouseenter",this.mouseHandler),s.addEventListener("mouseleave",this.mouseHandler);var C=function(e){var t=(e.clientX-l.default.getElementViewLeft(s))/c;t=t>0?t:0,t=t<1?t:1,n.updateBar("played",t,"width"),n.container.getElementsByClassName("dplayer-ptime")[0].innerHTML=l.default.secondToTime(t*n.video.duration)},M=function e(t){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",C);var i=(t.clientX-l.default.getElementViewLeft(s))/c;i=i>0?i:0,i=i<1?i:1,n.updateBar("played",i,"width"),n.seek(parseFloat(a.playedBar.style.width)/100*n.video.duration),n.setTime()};s.addEventListener("mousedown",function(){c=s.clientWidth,n.clearTime(),document.addEventListener("mousemove",C),document.addEventListener("mouseup",M)});var S=this.container.getElementsByClassName("dplayer-volume")[0],z=this.container.getElementsByClassName("dplayer-volume-bar-wrap")[0],N=this.container.getElementsByClassName("dplayer-volume-bar")[0],F=this.container.getElementsByClassName("dplayer-volume-icon")[0].getElementsByClassName("dplayer-icon-content")[0];this.switchVolumeIcon=function(){n.volume()>=.95?F.innerHTML=(0,d.default)("volume-up"):n.volume()>0?F.innerHTML=(0,d.default)("volume-down"):F.innerHTML=(0,d.default)("volume-off")};var _=function(e){var t=e||window.event,a=(t.clientX-l.default.getElementViewLeft(N)-5.5)/35;n.volume(a)},P=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",_),S.classList.remove("dplayer-volume-active")};z.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-l.default.getElementViewLeft(N)-5.5)/35;n.volume(a)}),z.addEventListener("mousedown",function(){document.addEventListener("mousemove",_),document.addEventListener("mouseup",P),S.classList.add("dplayer-volume-active")}),F.addEventListener("click",function(){n.video.muted?(n.video.muted=!1,n.switchVolumeIcon(),n.updateBar("volume",n.volume(),"width")):(n.video.muted=!0,F.innerHTML=(0,d.default)("volume-off"),n.updateBar("volume",0,"width"))}),this.hideTime=0;var D=function(){n.container.classList.remove("dplayer-hide-controller"),clearTimeout(n.hideTime),n.hideTime=setTimeout(function(){n.video.played.length&&(n.container.classList.add("dplayer-hide-controller"),O(),ne())},2e3)};o.isMobile||(this.container.addEventListener("mousemove",D),this.container.addEventListener("click",D));var H=y.default.setting(this.tran),I=this.container.getElementsByClassName("dplayer-setting-icon")[0],R=this.container.getElementsByClassName("dplayer-setting-box")[0],A=this.container.getElementsByClassName("dplayer-mask")[0];R.innerHTML=H.original;var O=function(){R.classList.contains("dplayer-setting-box-open")&&(R.classList.remove("dplayer-setting-box-open"),A.classList.remove("dplayer-mask-show"),setTimeout(function(){R.classList.remove("dplayer-setting-box-narrow"),R.innerHTML=H.original,X()},300))},V=function(){R.classList.add("dplayer-setting-box-open"),A.classList.add("dplayer-mask-show")};A.addEventListener("click",function(){O()}),I.addEventListener("click",function(){V()}),this.loop=this.options.loop;var j=this.user.get("danmaku");j||this.danmaku&&this.danmaku.hide();var W=this.user.get("unlimited"),X=function(){var e=n.container.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,O()});var i=n.container.getElementsByClassName("dplayer-setting-showdan")[0],s=i.getElementsByClassName("dplayer-showdan-setting-input")[0];s.checked=j,i.addEventListener("click",function(){s.checked=!s.checked,s.checked?(j=!0,n.paused||n.danmaku.show()):(j=!1,n.danmaku.hide()),n.user.set("danmaku",j?1:0),O()});var o=n.container.getElementsByClassName("dplayer-setting-danunlimit")[0],r=o.getElementsByClassName("dplayer-danunlimit-setting-input")[0];if(r.checked=W,o.addEventListener("click",function(){r.checked=!r.checked,r.checked?(W=!0,n.danmaku.unlimit(!0)):(W=!1,n.danmaku.unlimit(!1)),n.user.set("unlimited",W?1:0),O()}),n.container.getElementsByClassName("dplayer-setting-speed")[0].addEventListener("click",function(){R.classList.add("dplayer-setting-box-narrow"),R.innerHTML=H.speed;for(var e=R.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,O()})}(t)}),n.danmaku){a.danmakuBar=n.container.getElementsByClassName("dplayer-danmaku-bar-inner")[0];var d=n.container.getElementsByClassName("dplayer-danmaku-bar-wrap")[0],c=n.container.getElementsByClassName("dplayer-danmaku-bar")[0],u=n.container.getElementsByClassName("dplayer-setting-danmaku")[0];n.on("danmaku_opacity",function(e){n.updateBar("danmaku",e,"width"),n.user.set("opacity",e)}),n.danmaku.opacity(n.user.get("opacity"));var p=function(e){var t=e||window.event,a=(t.clientX-l.default.getElementViewLeft(c))/130;a=a>0?a:0,a=a<1?a:1,n.danmaku.opacity(a)},m=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",p),u.classList.remove("dplayer-setting-danmaku-active")};d.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-l.default.getElementViewLeft(c))/130;a=a>0?a:0,a=a<1?a:1,n.danmaku.opacity(a)}),d.addEventListener("mousedown",function(){document.addEventListener("mousemove",p),document.addEventListener("mouseup",m),u.classList.add("dplayer-setting-danmaku-active")})}};X(),1!==this.video.duration&&(this.container.getElementsByClassName("dplayer-dtime")[0].innerHTML=this.video.duration?l.default.secondToTime(this.video.duration):"00:00"),this.danmaku||(this.options.autoplay&&!o.isMobile?this.play():o.isMobile&&this.pause());var Q=this.container.getElementsByClassName("dplayer-comment-input")[0],U=this.container.getElementsByClassName("dplayer-comment-icon")[0],$=this.container.getElementsByClassName("dplayer-comment-box")[0],Y=this.container.getElementsByClassName("dplayer-comment-setting-icon")[0],J=this.container.getElementsByClassName("dplayer-comment-setting-box")[0],G=this.container.getElementsByClassName("dplayer-send-icon")[0],K=function(){J.classList.contains("dplayer-comment-setting-open")&&J.classList.remove("dplayer-comment-setting-open")},Z=function(){J.classList.contains("dplayer-comment-setting-open")?J.classList.remove("dplayer-comment-setting-open"):J.classList.add("dplayer-comment-setting-open")},ee=0,te=0,ne=function(){$.classList.contains("dplayer-comment-box-open")&&($.classList.remove("dplayer-comment-box-open"),A.classList.remove("dplayer-mask-show"),n.container.classList.remove("dplayer-show-controller"),clearInterval(ee),clearTimeout(te),K())},ae=function(){$.classList.contains("dplayer-comment-box-open")||($.classList.add("dplayer-comment-box-open"),A.classList.add("dplayer-mask-show"),n.container.classList.add("dplayer-show-controller"),ee=setInterval(function(){clearTimeout(n.hideTime)},1e3),te=setTimeout(function(){Q.focus()},300))};A.addEventListener("click",function(){ne()}),U.addEventListener("click",function(){ae()}),Y.addEventListener("click",function(){Z()}),this.container.getElementsByClassName("dplayer-comment-setting-color")[0].addEventListener("click",function(){n.container.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked+span')&&(Y.getElementsByClassName("dplayer-fill")[0].style.fill=n.container.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked').value)});var ie=function(){if(Q.blur(),!Q.value.replace(/^\s+|\s+$/g,""))return void n.notice(n.tran("Please input danmaku content!"));n.danmaku.send({text:Q.value,color:n.container.querySelector(".dplayer-comment-setting-color input:checked").value,type:n.container.querySelector(".dplayer-comment-setting-type input:checked").value},function(){Q.value="",ne()})};Q.addEventListener("click",function(){K()}),Q.addEventListener("keydown",function(e){13===(e||window.event).keyCode&&ie()}),G.addEventListener("click",ie),this.fullScreen=new L.default(this),this.container.getElementsByClassName("dplayer-full-icon")[0].addEventListener("click",function(){n.fullScreen.toggle("browser")}),this.container.getElementsByClassName("dplayer-full-in-icon")[0].addEventListener("click",function(){n.fullScreen.toggle("web")});var se=function(e){if(n.focus){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),D();break;case 39:i.preventDefault(),n.seek(n.video.currentTime+5),D();break;case 38:i.preventDefault(),s=n.volume()+.1,n.volume(s);break;case 40:i.preventDefault(),s=n.volume()-.1,n.volume(s)}}}};this.options.hotkey&&document.addEventListener("keydown",se),document.addEventListener("keydown",function(e){switch((e||window.event).keyCode){case 27:n.fullScreen.isFullScreen("web")&&n.fullScreen.cancel("web")}});var oe=this.container.getElementsByClassName("dplayer-menu")[0];if(this.container.addEventListener("contextmenu",function(e){var t=e||window.event;t.preventDefault(),oe.classList.add("dplayer-menu-show");var a=n.container.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.container.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.container.getBoundingClientRect().top+"px",oe.style.bottom="initial"),A.classList.add("dplayer-mask-show"),n.events.trigger("contextmenu_show"),A.addEventListener("click",function(){A.classList.remove("dplayer-mask-show"),oe.classList.remove("dplayer-menu-show"),n.events.trigger("contextmenu_hide")})}),this.options.video.quality&&this.container.getElementsByClassName("dplayer-quality-list")[0].addEventListener("click",function(e){e.target.classList.contains("dplayer-quality-item")&&n.switchQuality(e.target.dataset.index)}),this.options.screenshot){var le=this.container.getElementsByClassName("dplayer-camera-icon")[0];le.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);var t=e.toDataURL();le.href=t,le.download="DPlayer.png",n.events.trigger("screenshot",t)})}this.initVideo(this.video,this.quality&&this.quality.type||this.options.video.type),q++}return s(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?this.notice(this.tran("FF")+" "+(e-this.video.currentTime).toFixed(0)+" "+this.tran("s")):this.video.currentTime>e&&this.notice(this.tran("REW")+" "+(this.video.currentTime-e).toFixed(0)+" "+this.tran("s")),this.video.currentTime=e,this.danmaku&&this.danmaku.seek(),this.updateBar("played",e/this.video.duration,"width")}},{key:"play",value:function(){this.paused=!1,this.video.paused&&(this.bezel.innerHTML=(0,d.default)("play"),this.bezel.classList.add("dplayer-bezel-transition")),this.playButton.innerHTML=(0,d.default)("pause"),this.video.play(),this.setTime(),this.container.classList.add("dplayer-playing"),this.danmaku&&this.danmaku.play()}},{key:"pause",value:function(){this.paused=!0,this.container.classList.remove("dplayer-loading"),this.video.paused||(this.bezel.innerHTML=(0,d.default)("pause"),this.bezel.classList.add("dplayer-bezel-transition")),this.ended=!1,this.playButton.innerHTML=(0,d.default)("play"),this.video.pause(),this.clearTime(),this.container.classList.remove("dplayer-playing"),this.danmaku&&this.danmaku.pause()}},{key:"volume",value:function(e,t){if(e=parseFloat(e),!isNaN(e)){e=e>0?e:0,e=e<1?e:1,this.updateBar("volume",e,"width");var n=(100*e).toFixed(0)+"%";this.container.getElementsByClassName("dplayer-volume-bar-wrap")[0].dataset.balloon=n,t||this.user.set("volume",e),this.video.volume=e,this.video.muted&&(this.video.muted=!1),this.switchVolumeIcon()}return this.video.volume}},{key:"toggle",value:function(){this.video.paused?this.play():this.pause()}},{key:"on",value:function(e,t){this.events.on(e,t)}},{key:"switchVideo",value:function(e,t){this.pause(),this.video.poster=e.pic?e.pic:"",this.video.src=e.url,this.initMSE(this.video,e.type||"auto"),t&&(this.container.getElementsByClassName("dplayer-danloading")[0].style.display="block",this.updateBar("played",0,"width"),this.updateBar("loaded",0,"width"),this.container.getElementsByClassName("dplayer-ptime")[0].innerHTML="00:00",this.container.getElementsByClassName("dplayer-danmaku")[0].innerHTML="",this.danmaku&&this.danmaku.reload({id:t.id,address:t.api,token:t.token,maximum:t.maximum,addition:t.addition,user:t.user}))}},{key:"initMSE",value:function(e,t){if(this.type=t,"auto"===this.type&&(/m3u8(#|\?|$)/i.exec(e.src)?this.type="hls":/.flv(#|\?|$)/i.exec(e.src)?this.type="flv":this.type="normal"),"hls"===this.type&&Hls.isSupported()){var n=new Hls;n.loadSource(e.src),n.attachMedia(e)}if("flv"===this.type&&flvjs.isSupported()){var a=flvjs.createPlayer({type:"flv",url:e.src});a.attachMediaElement(e),a.load()}}},{key:"initVideo",value:function(e,t){var n=this;this.initMSE(e,t),this.on("durationchange",function(){1!==e.duration&&(n.container.getElementsByClassName("dplayer-dtime")[0].innerHTML=l.default.secondToTime(e.duration))}),this.on("progress",function(){var t=e.buffered.length?e.buffered.end(e.buffered.length-1)/e.duration:0;n.updateBar("loaded",t,"width")}),this.on("error",function(){n.tran&&n.notice&&n.notice(n.tran("This video fails to load"),-1)}),this.ended=!1,this.on("ended",function(){n.updateBar("played",1,"width"),n.loop?(n.seek(0),e.play()):(n.ended=!0,n.pause()),n.danmaku&&(n.danmaku.danIndex=0)}),this.on("play",function(){n.paused&&n.play()}),this.on("pause",function(){n.paused||n.pause()});for(var a=0;a<this.events.videoEvents.length;a++)!function(t){e.addEventListener(n.events.videoEvents[t],function(){n.events.trigger(n.events.videoEvents[t])})}(a);this.volume(this.user.get("volume"),!0)}},{key:"switchQuality",value:function(e){var t=this;if(this.qualityIndex!==e&&!this.switchingQuality){this.qualityIndex=e,this.switchingQuality=!0,this.quality=this.options.video.quality[e],this.container.getElementsByClassName("dplayer-quality-icon")[0].innerHTML=this.quality.name;var n=this.video.paused;this.video.pause();var a=y.default.video(!1,null,this.options.screenshot,"auto",this.quality.url),i=(new DOMParser).parseFromString(a,"text/html").body.firstChild,s=this.container.getElementsByClassName("dplayer-video-wrap")[0];s.insertBefore(i,s.getElementsByTagName("div")[0]),this.prevVideo=this.video,this.video=i,this.initVideo(this.video,this.quality.type||this.options.video.type),this.seek(this.prevVideo.currentTime),this.notice(this.tran("Switching to")+" "+this.quality.name+" "+this.tran("quality"),-1),this.events.trigger("quality_start",this.quality),this.on("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,t.events.trigger("quality_end")}})}}},{key:"mouseHandler",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,o=a(e).left,r=s-o;if(!(r<0||r>e.offsetWidth)){var d=n.video.duration*(r/e.offsetWidth);switch(t.style.left=r-20+"px",i.type){case"mouseenter":n.thumbnails&&n.thumbnails.show();break;case"mousemove":n.thumbnails&&n.thumbnails.move(r),t.innerText=l.default.secondToTime(d),n.timeTipsDisplay(!0,t);break;case"mouseleave":n.thumbnails&&n.thumbnails.hide(),n.timeTipsDisplay(!1,t)}}}}}},{key:"timeTipsDisplay",value:function(e,t){if(e){if(this.isTimeTipsShow)return;t.classList.remove("hidden"),this.isTimeTipsShow=!0}else{if(!this.isTimeTipsShow)return;t.classList.add("hidden"),this.isTimeTipsShow=!1}}},{key:"initThumbnails",value:function(){var e=this;this.thumbnails=new k.default(this.container.getElementsByClassName("dplayer-bar-preview")[0],this.container.getElementsByClassName("dplayer-bar-wrap")[0].offsetWidth,this.options.video.thumbnails,this.events),this.on("loadedmetadata",function(){e.thumbnails.resize(160,90)})}},{key:"notice",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2e3,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.8,i=this.container.getElementsByClassName("dplayer-notice")[0];i.innerHTML=e,i.style.opacity=a,this.noticeTime&&clearTimeout(this.noticeTime),this.events.trigger("notice_show",e),this.noticeTime=setTimeout(function(){i.style.opacity=0,t.events.trigger("notice_hide")},n)}},{key:"resize",value:function(){this.danmaku&&this.danmaku.resize(),this.events.trigger("resize")}},{key:"destroy",value:function(){this.pause(),clearTimeout(this.hideTime),this.video.src="",this.container.innerHTML="",this.events.trigger("destroy");for(var e in this)this.hasOwnProperty(e)&&"paused"!==e&&delete this[e]}}]),e}();e.exports=B},function(e,t){},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={container:e.element||document.getElementsByClassName("dplayer")[0],autoplay:!1,theme:"#b7daff",loop:!1,lang:(navigator.language||navigator.browserLanguage).toLowerCase(),screenshot:!1,hotkey:!0,preload:"auto",volume:"0.7",apiBackend:a,video:{},contextmenu:[]};for(var n in t)t.hasOwnProperty(n)&&!e.hasOwnProperty(n)&&(e[n]=t[n]);return 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.lang&&(e.lang=e.lang.toLowerCase()),e.contextmenu=e.contextmenu.concat([{text:"About author",link:"https://www.anotherhome.net/"},{text:"About DPlayer",link:"https://github.com/MoePlayer/DPlayer"},{text:"DPlayer feedback",link:"https://github.com/DIYgod/DPlayer/issues"},{text:"DPlayer 1.11.0 2323e73",link:"https://github.com/MoePlayer/DPlayer/releases"}]),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,n){a(e,t,function(e,t){console.log("Post danmaku: ",t),n&&n()},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";e.exports=function(e){var t=this;this.lang=e,this.tran=function(e){return a[t.lang]&&a[t.lang][e]?a[t.lang][e]:e}};var a={"zh-cn":{"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","Show danmaku":"\u663e\u793a\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",FF:"\u5feb\u8fdb",REW:"\u5feb\u9000","Unlimited danmaku":"\u6d77\u91cf\u5f39\u5e55","Send danmaku":"\u53d1\u9001\u5f39\u5e55",Setting:"\u8bbe\u7f6e","Full screen":"\u5168\u5c4f","Web full screen":"\u9875\u9762\u5168\u5c4f",Send:"\u53d1\u9001",Screenshot:"\u622a\u56fe",s:"\u79d2"},"zh-tw":{"Danmaku is loading":"\u5f48\u5e55\u52a0\u8f09\u4e2d",Top:"\u9802\u90e8",Bottom:"\u5e95\u90e8",Rolling:"\u6efe\u52d5","Input danmaku, hit Enter":"\u8f38\u5165\u5f48\u5e55\uff0cEnter \u767c\u9001","About author":"\u95dc\u65bc\u4f5c\u8005","DPlayer feedback":"\u64ad\u653e\u5668\u610f\u898b\u53cd\u994b","About DPlayer":"\u95dc\u65bc DPlayer \u64ad\u653e\u5668",Loop:"\u5faa\u74b0\u64ad\u653e",Speed:"\u901f\u5ea6","Opacity for danmaku":"\u5f48\u5e55\u900f\u660e\u5ea6",Normal:"\u6b63\u5e38","Please input danmaku content!":"\u8acb\u8f38\u5165\u5f48\u5e55\u5185\u5bb9\u554a\uff01","Set danmaku color":"\u8a2d\u7f6e\u5f48\u5e55\u984f\u8272","Set danmaku type":"\u8a2d\u7f6e\u5f48\u5e55\u985e\u578b","Show danmaku":"\u986f\u793a\u5f48\u5e55","This video fails to load":"\u8996\u983b\u52a0\u8f09\u5931\u6557","Switching to":"\u6b63\u5728\u5207\u63db\u81f3","Switched to":"\u5df2\u7d93\u5207\u63db\u81f3",quality:"\u756b\u8cea",FF:"\u5feb\u9032",REW:"\u5feb\u9000","Unlimited danmaku":"\u6d77\u91cf\u5f48\u5e55","Send danmaku":"\u767c\u9001\u5f48\u5e55",Setting:"\u8a2d\u7f6e","Full screen":"\u5168\u5c4f","Web full screen":"\u9801\u9762\u5168\u5c4f",Send:"\u767c\u9001",Screenshot:"\u622a\u5716",s:"\u79d2"}}},function(e,t,n){"use strict";var a=n(1),i={main:function(e,t,n){var s="";return'<div class="dplayer-mask"></div><div class="dplayer-video-wrap">'+(s+=i.video(!0,e.video.pic,e.screenshot,e.preload,e.video.url))+(e.logo?'<div class="dplayer-logo"><img src="'+e.logo+'"></div>':"")+'<div class="dplayer-danmaku" style="'+(e.danmaku?i.danmakumargin(e.danmaku.margin):"")+'"><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"><span class="dplayer-icon-content">'+a("play")+'</span></button><div class="dplayer-volume"><button class="dplayer-icon dplayer-volume-icon"><span class="dplayer-icon-content">'+a("volume-down")+'</span></button><div class="dplayer-volume-bar-wrap" data-balloon-pos="up"><div class="dplayer-volume-bar"><div class="dplayer-volume-bar-inner" style="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" data-balloon="'+n("Screenshot")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("camera")+"</span></a>":"")+'<div class="dplayer-comment"><button class="dplayer-icon dplayer-comment-icon" data-balloon="'+n("Send danmaku")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("comment")+'</span></button><div class="dplayer-comment-box"><button class="dplayer-icon dplayer-comment-setting-icon" data-balloon="'+n("Setting")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("menu")+'</span></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" data-balloon="'+n("Send")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("send")+'</span></button></div></div><div class="dplayer-setting"><button class="dplayer-icon dplayer-setting-icon" data-balloon="'+n("Setting")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("setting")+'</span></button><div class="dplayer-setting-box"></div></div><div class="dplayer-full"><button class="dplayer-icon dplayer-full-in-icon" data-balloon="'+n("Web full screen")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("full-in")+'</span></button><button class="dplayer-icon dplayer-full-icon" data-balloon="'+n("Full screen")+'" data-balloon-pos="up"><span class="dplayer-icon-content">'+a("full")+'</span></button></div></div><div class="dplayer-bar-wrap"><div class="dplayer-bar-time hidden">00:00</div><div class="dplayer-bar-preview"></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,n)+'<div class="dplayer-notice"></div>'},danmakumargin:function(e){var t="";if(e)for(var n in e)t+=n+":"+e[n]+";";return t},contextmenuList:function(e,t){for(var n='<div class="dplayer-menu">',a=0;a<e.length;a++)n+='<div class="dplayer-menu-item"><a target="_blank" href="'+e[a].link+'">'+t(e[a].text)+"</a></div>";return n+="</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("Show 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-danunlimit"><span class="dplayer-label">'+e("Unlimited danmaku")+'</span><div class="dplayer-toggle"><input class="dplayer-danunlimit-setting-input" type="checkbox" name="dplayer-toggle-danunlimit"><label for="dplayer-toggle-danunlimit"></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"><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,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i="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},s=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}}(),o=function(){function e(t){a(this,e),this.options=t,this.container=this.options.container,this.danTunnel={right:{},top:{},bottom:{}},this.danIndex=0,this.dan=[],this.showing=!0,this._opacity=this.options.opacity,this.events=this.options.events,this.unlimited=this.options.unlimited,this._measure(""),this.load()}return s(e,[{key:"load",value:function(){var e=this,t=void 0;t=this.options.api.maximum?this.options.api.address+"?id="+this.options.api.id+"&max="+this.options.api.maximum:this.options.api.address+"?id="+this.options.api.id;var n=(this.options.api.addition||[]).slice(0);n.push(t),this.events&&this.events.trigger("danmaku_load_start",n),this._readAllEndpoints(n,function(t){e.dan=[].concat.apply([],t).sort(function(e,t){return e.time-t.time}),window.requestAnimationFrame(function(){e.frame()}),e.options.callback(),e.events&&e.events.trigger("danmaku_load_end")})}},{key:"reload",value:function(e){this.options.api=e,this.dan=[],this.clear(),this.load()}},{key:"_readAllEndpoints",value:function(e,t){for(var n=this,a=[],i=0,s=0;s<e.length;++s)this.options.apiBackend.read(e[s],function(s){return function(o,l){if(++i,o?(o.response?n.options.error(o.response.msg):n.options.error("Request was unsuccessful: "+o.status),a[s]=[]):a[s]=l,i===e.length)return t(a)}}(s))}},{key:"send",value:function(e,t){var n={token:this.options.api.token,player:this.options.api.id,author:this.options.api.user,time:this.options.time(),text:e.text,color:e.color,type:e.type};this.options.apiBackend.send(this.options.api.address,n,t),this.dan.splice(this.danIndex,0,n),this.danIndex++;var a={text:this.htmlEncode(n.text),color:n.color,type:n.type,border:"2px solid "+this.options.borderColor};this.draw(a),this.events&&this.events.trigger("danmaku_send",n)}},{key:"frame",value:function(){var e=this;if(this.dan.length&&!this.paused&&this.showing){for(var t=this.dan[this.danIndex],n=[];t&&this.options.time()>parseFloat(t.time);)n.push(t),t=this.dan[++this.danIndex];this.draw(n)}window.requestAnimationFrame(function(){e.frame()})}},{key:"opacity",value:function(e){if(void 0!==e){for(var t=this.container.getElementsByClassName("dplayer-danmaku-item"),n=0;n<t.length;n++)t[n].style.opacity=e;this._opacity=e,this.events&&this.events.trigger("danmaku_opacity",this._opacity)}return this._opacity}},{key:"draw",value:function(e){var t=this,n=this.options.height,a=this.container.offsetWidth,s=this.container.offsetHeight,o=parseInt(s/n),l=function(e){var n=e.offsetWidth||parseInt(e.style.width),a=e.getBoundingClientRect().right||t.container.getBoundingClientRect().right+n;return t.container.getBoundingClientRect().right-a},r=function(e){return(a+e)/5},d=function(e,n,s){for(var d=a/r(s),c=0;t.unlimited||c<o;c++){var u=function(i){var s=t.danTunnel[n][i+""];if(!s||!s.length)return t.danTunnel[n][i+""]=[e],e.addEventListener("animationend",function(){t.danTunnel[n][i+""].splice(0,1)}),{v:i%o};if("right"!==n)return"continue";for(var c=0;c<s.length;c++){var u=l(s[c])-10;if(u<=a-d*r(parseInt(s[c].style.width))||u<=0)break;if(c===s.length-1)return t.danTunnel[n][i+""].push(e),e.addEventListener("animationend",function(){t.danTunnel[n][i+""].splice(0,1)}),{v:i%o}}}(c);switch(u){case"continue":continue;default:if("object"===(void 0===u?"undefined":i(u)))return u.v}}return-1};"[object Array]"!==Object.prototype.toString.call(e)&&(e=[e]);for(var c=document.createDocumentFragment(),u=0;u<e.length;u++)!function(i){e[i].type||(e[i].type="right"),e[i].color||(e[i].color="#fff");var s=document.createElement("div");s.classList.add("dplayer-danmaku-item"),s.classList.add("dplayer-danmaku-"+e[i].type),e[i].border?s.innerHTML='<span style="border:'+e[i].border+'">'+e[i].text+"</span>":s.innerHTML=e[i].text,s.style.opacity=t._opacity,s.style.color=e[i].color,s.addEventListener("animationend",function(){t.container.removeChild(s)});var o=t._measure(e[i].text),l=void 0;switch(e[i].type){case"right":l=d(s,e[i].type,o),l>=0&&(s.style.width=o+1+"px",s.style.top=n*l+"px",s.style.transform="translateX(-"+a+"px)");break;case"top":l=d(s,e[i].type),l>=0&&(s.style.top=n*l+"px");break;case"bottom":l=d(s,e[i].type),l>=0&&(s.style.bottom=n*l+"px");break;default:console.error("Can't handled danmaku type: "+e[i].type)}l>=0&&(s.classList.add("dplayer-danmaku-move"),c.appendChild(s))}(u);return this.container.appendChild(c),c}},{key:"play",value:function(){this.paused=!1}},{key:"pause",value:function(){this.paused=!0}},{key:"_measure",value:function(e){if(!this.context){var t=getComputedStyle(this.container.getElementsByClassName("dplayer-danmaku-item")[0],null);this.context=document.createElement("canvas").getContext("2d"),this.context.font=t.getPropertyValue("font")}return this.context.measureText(e).width}},{key:"seek",value:function(){for(var e=0;e<this.dan.length;e++){if(this.dan[e].time>=this.options.time()){this.danIndex=e;break}this.danIndex=this.dan.length}}},{key:"clear",value:function(){this.danTunnel={right:{},top:{},bottom:{}},this.danIndex=0,this.options.container.innerHTML="",this.events&&this.events.trigger("danmaku_clear")}},{key:"htmlEncode",value:function(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2f;")}},{key:"resize",value:function(){for(var e=this.container.offsetWidth,t=this.container.getElementsByClassName("dplayer-danmaku-item"),n=0;n<t.length;n++)t[n].style.transform="translateX(-"+e+"px)"}},{key:"hide",value:function(){this.showing=!1,this.pause(),this.clear(),this.events&&this.events.trigger("danmaku_hide")}},{key:"show",value:function(){this.seek(),this.showing=!0,this.play(),this.events&&this.events.trigger("danmaku_show")}},{key:"unlimit",value:function(e){this.unlimited=e}}]),e}();e.exports=o},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=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}}(),s=function(){function e(t,n,i,s){a(this,e),this.container=t,this.width=n,this.container.style.backgroundImage="url('"+i+"')",this.events=s}return i(e,[{key:"resize",value:function(e,t){this.container.style.width=e+"px",this.container.style.height=t+"px",this.container.style.top=2-t+"px"}},{key:"show",value:function(){this.container.style.display="block",this.events&&this.events.trigger("thumbnails_show")}},{key:"move",value:function(e){this.container.style.backgroundPosition="-"+160*(Math.ceil(e/this.width*100)-1)+"px 0",this.container.style.left=e-this.container.offsetWidth/2+"px"}},{key:"hide",value:function(){this.container.style.display="none",this.events&&this.events.trigger("thumbnails_hide")}}]),e}();e.exports=s},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=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}}(),s=function(){function e(){a(this,e),this.events={},this.videoEvents=["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","mozaudioavailable","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"],this.playerEvents=["screenshot","thumbnails_show","thumbnails_hide","danmaku_show","danmaku_hide","danmaku_clear","danmaku_loaded","danmaku_send","danmaku_opacity","contextmenu_show","contextmenu_hide","notice_show","notice_hide","quality_start","quality_end","destroy","resize","fullscreen","fullscreen_cancel","webfullscreen","webfullscreen_cancel"]}return i(e,[{key:"on",value:function(e,t){this.type(e)&&"function"==typeof t&&(this.events[e]||(this.events[e]=[]),this.events[e].push(t))}},{key:"trigger",value:function(e,t){if(this.events[e]&&this.events[e].length)for(var n=0;n<this.events[e].length;n++)this.events[e][n](t)}},{key:"type",value:function(e){return-1!==this.playerEvents.indexOf(e)?"player":-1!==this.videoEvents.indexOf(e)?"video":(console.error("Unknown event name: "+e),null)}}]),e}();e.exports=s},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=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}}(),s=function(){function e(t){var n=this;a(this,e),this.player=t,this.player.events.on("webfullscreen",function(){n.player.resize()}),this.player.events.on("webfullscreen_cancel",function(){n.player.resize()});var i=function(){n.player.resize(),n.isFullScreen("browser")?n.player.events.trigger("fullscreen"):n.player.events.trigger("fullscreen_cancel")};this.player.container.addEventListener("fullscreenchange",i),this.player.container.addEventListener("mozfullscreenchange",i),this.player.container.addEventListener("webkitfullscreenchange",i)}return i(e,[{key:"isFullScreen",value:function(){switch(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"browser"){case"browser":return document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement;case"web":return this.player.container.classList.contains("dplayer-fulled")}}},{key:"request",value:function(){switch(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"browser"){case"browser":this.player.container.requestFullscreen?this.player.container.requestFullscreen():this.player.container.mozRequestFullScreen?this.player.container.mozRequestFullScreen():this.player.container.webkitRequestFullscreen?this.player.container.webkitRequestFullscreen():this.player.video.webkitEnterFullscreen&&this.player.video.webkitEnterFullscreen();break;case"web":this.player.container.classList.add("dplayer-fulled"),this.player.events.trigger("webfullscreen")}}},{key:"cancel",value:function(){switch(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"browser"){case"browser":document.cancelFullScreen?document.cancelFullScreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen();break;case"web":this.player.container.classList.remove("dplayer-fulled"),this.player.events.trigger("webfullscreen_cancel")}}},{key:"toggle",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"browser";this.isFullScreen(e)?this.cancel(e):this.request(e)}}]),e}();e.exports=s},function(e,t,n){"use strict";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=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}}(),s=n(0),o=function(e){return e&&e.__esModule?e:{default:e}}(s),l=function(){function e(t){a(this,e),this.storageName={opacity:"dplayer-danmaku-opacity",volume:"dplayer-volume",unlimited:"dplayer-danmaku-unlimited",danmaku:"dplayer-danmaku-show"},this.default={opacity:.7,volume:t.options.volume||.7,unlimited:(t.options.danmaku&&t.options.danmaku.unlimited?1:0)||0,danmaku:1},this.data={},this.init()}return i(e,[{key:"init",value:function(){for(var e in this.storageName){var t=this.storageName[e];this.data[e]=parseFloat(o.default.storage.get(t)||this.default[e])}}},{key:"get",value:function(e){return this.data[e]}},{key:"set",value:function(e,t){this.data[e]=t,o.default.storage.set(this.storageName[e],t)}}]),e}();e.exports=l}])});
 //# 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 c9790d18d..f454d1b51 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 e682c570e13472869848","webpack:///./src/utils.js","webpack:///./src/svg.js","webpack:///./src/index.js","webpack:///./src/DPlayer.js","webpack:///./src/option.js","webpack:///./src/api.js","webpack:///./src/i18n.js","webpack:///./src/html.js","webpack:///./src/danmaku.js","webpack:///./src/thumbnails.js","webpack:///./src/events.js","webpack:///./src/fullscreen.js","webpack:///./src/user.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","secondToTime","second","add0","num","min","parseInt","sec","getElementViewLeft","element","actualLeft","offsetLeft","current","offsetParent","elementScrollLeft","document","body","scrollLeft","documentElement","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","isMobile","test","window","navigator","userAgent","storage","set","key","value","localStorage","setItem","getItem","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","_createClass","defineProperties","target","props","length","descriptor","writable","protoProps","staticProps","_utils","_utils2","_svg","_svg2","_option","_option2","_i18n","_i18n2","_html","_html2","_danmaku","_danmaku2","_thumbnails","_thumbnails2","_events","_events2","_fullscreen","_fullscreen2","_user","_user2","index","DPlayer","option","_this","classList","add","video","quality","qualityIndex","defaultQuality","tran","lang","events","user","danmaku","innerHTML","main","bar","volumeBar","getElementsByClassName","playedBar","loadedBar","pbar","pbarTimeTips","barWidth","updateBar","percentage","direction","style","addEventListener","focus","container","opacity","callback","display","autoplay","error","msg","notice","apiBackend","borderColor","theme","height","arrow","time","currentTime","unlimited","api","id","address","token","maximum","addition","offsetWidth","arrowStyle","createElement","head","appendChild","bezel","remove","playButton","paused","toggle","videoWrap","conMask","toggleController","contains","lastPlayPos","currentPlayPos","bufferingDetected","requestAnimationFrame","webkitRequestAnimationFrame","mozRequestAnimationFrame","oRequestAnimationFrame","msRequestAnimationFrame","setTimeout","setCheckLoadingTime","checkLoading","setInterval","clearCheckLoadingTime","clearInterval","playedTime","animationFrame","duration","setTime","clearTime","thumbnails","initThumbnails","isTimeTipsShow","mouseHandler","bind","thumbMove","e","clientX","thumbUp","removeEventListener","seek","parseFloat","width","clientWidth","volumeEle","volumeBarWrapWrap","volumeBarWrap","volumeicon","switchVolumeIcon","volume","volumeMove","event","volumeUp","muted","hideTime","hideController","clearTimeout","played","closeSetting","closeComment","settingHTML","settingIcon","settingBox","mask","original","settingEvent","openSetting","showdan","hide","unlimitDan","loopEle","loopToggle","checked","showDanEle","showDanToggle","show","unlimitDanEle","unlimitDanToggle","unlimit","speed","speedItem","playbackRate","dataset","danmakuBar","danmakuBarWrapWrap","danmakuBarWrap","danmakuSettingBox","on","danmakuMove","danmakuUp","commentInput","commentIcon","commentBox","commentSettingIcon","commentSettingBox","commentSendIcon","closeCommentSetting","toggleCommentSetting","disableHide","commentFocusTimeout","openComment","querySelector","fill","sendComment","blur","replace","text","color","keyCode","fullScreen","handleKeyDown","tag","activeElement","tagName","toUpperCase","editable","getAttribute","preventDefault","hotkey","isFullScreen","cancel","clientRect","getBoundingClientRect","menuLeft","left","menuTop","clientY","top","offsetHeight","bottom","trigger","switchQuality","screenshot","camareIcon","canvas","videoWidth","videoHeight","getContext","drawImage","dataURL","toDataURL","href","download","initVideo","Math","max","toFixed","ended","nostorage","isNaN","formatPercentage","balloon","danmakuAPI","poster","pic","src","url","initMSE","reload","exec","Hls","isSupported","hls","loadSource","attachMedia","flvjs","flvPlayer","createPlayer","attachMediaElement","load","_this2","buffered","end","danIndex","videoEvents","_this3","switchingQuality","videoHTML","videoEle","DOMParser","parseFromString","firstChild","parent","insertBefore","getElementsByTagName","prevVideo","removeChild","timeTips","_this4","cumulativeOffset","offsetTop","px","tx","move","innerText","timeTipsDisplay","_this5","resize","_this6","arguments","undefined","noticeEle","noticeTime","defaultApiBackend","defaultOption","language","browserLanguage","toLowerCase","preload","contextmenu","defaultKey","concat","link","SendXMLHttpRequest","data","success","fail","xhr","XMLHttpRequest","onreadystatechange","readyState","status","response","JSON","parse","responseText","code","open","stringify","endpoint","danmakuData","alert","read","tranTxt","zh-cn","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","Show danmaku","This video fails to load","Switching to","Switched to","FF","REW","Unlimited danmaku","Send danmaku","Setting","Full screen","Web full screen","Send","Screenshot","zh-tw","svg","html","videos","logo","danmakumargin","margin","qualityList","contextmenuList","result","_typeof","Symbol","iterator","constructor","Danmaku","options","danTunnel","dan","showing","_opacity","_measure","apiurl","endpoints","slice","push","_readAllEndpoints","results","apply","sort","a","b","frame","newAPI","clear","readCount","err","player","author","splice","htmlEncode","border","draw","item","items","itemHeight","danWidth","danHeight","itemY","danItemRight","ele","eleWidth","eleRight","danSpeed","getTunnel","tmp","_ret","v","j","danRight","toString","docFragment","createDocumentFragment","itemWidth","tunnel","transform","context","measureStyle","getComputedStyle","font","getPropertyValue","measureText","str","boolean","Thumbnails","backgroundImage","position","backgroundPosition","ceil","Events","playerEvents","info","indexOf","FullScreen","fullscreenchange","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","webkitEnterFullscreen","cancelFullScreen","mozCancelFullScreen","webkitCancelFullScreen","request","User","storageName","init"],"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 = 2);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\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    storage: {\n        set: function set(key, value) {\n            localStorage.setItem(key, value);\n        },\n        get: function get(key) {\n            return localStorage.getItem(key);\n        }\n    }\n};\n\n/***/ }),\n/* 1 */\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/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nconsole.log('\\n' + ' %c DPlayer ' + \"1.10.3\" + ' ' + \"d40f1f1\" + ' %c http://dplayer.js.org ' + '\\n' + '\\n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');\nmodule.exports = __webpack_require__(3);\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\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__(4);\nvar _utils = __webpack_require__(0);\nvar _utils2 = _interopRequireDefault(_utils);\nvar _svg = __webpack_require__(1);\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);\nvar _danmaku = __webpack_require__(9);\nvar _danmaku2 = _interopRequireDefault(_danmaku);\nvar _thumbnails = __webpack_require__(10);\nvar _thumbnails2 = _interopRequireDefault(_thumbnails);\nvar _events = __webpack_require__(11);\nvar _events2 = _interopRequireDefault(_events);\nvar _fullscreen = __webpack_require__(12);\nvar _fullscreen2 = _interopRequireDefault(_fullscreen);\nvar _user = __webpack_require__(13);\nvar _user2 = _interopRequireDefault(_user);\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.events = new _events2.default();\n        this.user = new _user2.default(this);\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        var bar = {};\n        bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];\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        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        document.addEventListener('click', function () {\n            _this.focus = false;\n        }, true);\n        this.element.addEventListener('click', function () {\n            _this.focus = true;\n        }, true);\n        if (this.option.danmaku) {\n            this.danmaku = new _danmaku2.default({\n                container: this.element.getElementsByClassName('dplayer-danmaku')[0],\n                opacity: this.user.get('opacity'),\n                callback: function callback() {\n                    _this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n                    if (_this.option.autoplay && !_utils.isMobile) {\n                        _this.play();\n                    } else if (_utils.isMobile) {\n                        _this.pause();\n                    }\n                },\n                error: function error(msg) {\n                    _this.notice(msg);\n                },\n                apiBackend: this.option.apiBackend,\n                borderColor: this.option.theme,\n                height: this.arrow ? 24 : 30,\n                time: function time() {\n                    return _this.video.currentTime;\n                },\n                unlimited: this.user.get('unlimited'),\n                api: {\n                    id: this.option.danmaku.id,\n                    address: this.option.danmaku.api,\n                    token: this.option.danmaku.token,\n                    maximum: this.option.danmaku.maximum,\n                    addition: this.option.danmaku.addition,\n                    user: this.option.danmaku.user\n                },\n                events: this.events\n            });\n        }\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.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 lastPlayPos = 0;\n        var currentPlayPos = 0;\n        var bufferingDetected = 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 && !_this.video.paused) {\n                    _this.element.classList.add('dplayer-loading');\n                    bufferingDetected = true;\n                }\n                if (bufferingDetected && currentPlayPos > lastPlayPos && !_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.playedTime = false;\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            }\n            window.requestAnimationFrame(_this.animationFrame);\n        };\n        window.requestAnimationFrame(this.animationFrame);\n        this.setTime = function (type) {\n            if (!type) {\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.playedTime = false;\n                clearCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = false;\n                if (type === 'played') {\n                    clearCheckLoadingTime();\n                }\n            }\n        };\n        if (this.option.video.thumbnails) {\n            this.initThumbnails();\n        }\n        this.isTimeTipsShow = true;\n        this.mouseHandler = this.mouseHandler(pbar, pbarTimeTips).bind(this);\n        pbar.addEventListener('mousemove', this.mouseHandler);\n        pbar.addEventListener('mouseenter', this.mouseHandler);\n        pbar.addEventListener('mouseleave', this.mouseHandler);\n        var thumbMove = function thumbMove(e) {\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(e) {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\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            _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        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].getElementsByClassName('dplayer-icon-content')[0];\n        var vWidth = 35;\n        this.switchVolumeIcon = function () {\n            if (_this.volume() >= 0.95) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-up');\n            } else if (_this.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.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        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        if (!_utils.isMobile) {\n            this.element.addEventListener('mousemove', hideController);\n            this.element.addEventListener('click', hideController);\n        }\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 showdan = this.user.get('danmaku');\n        if (!showdan) {\n            this.danmaku && this.danmaku.hide();\n        }\n        var unlimitDan = this.user.get('unlimited');\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.paused) {\n                        _this.danmaku.show();\n                    }\n                } else {\n                    showdan = false;\n                    _this.danmaku.hide();\n                }\n                _this.user.set('danmaku', showdan ? 1 : 0);\n                closeSetting();\n            });\n            var unlimitDanEle = _this.element.getElementsByClassName('dplayer-setting-danunlimit')[0];\n            var unlimitDanToggle = unlimitDanEle.getElementsByClassName('dplayer-danunlimit-setting-input')[0];\n            unlimitDanToggle.checked = unlimitDan;\n            unlimitDanEle.addEventListener('click', function () {\n                unlimitDanToggle.checked = !unlimitDanToggle.checked;\n                if (unlimitDanToggle.checked) {\n                    unlimitDan = true;\n                    _this.danmaku.unlimit(true);\n                } else {\n                    unlimitDan = false;\n                    _this.danmaku.unlimit(false);\n                }\n                _this.user.set('unlimited', unlimitDan ? 1 : 0);\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(i) {\n                    speedItem[i].addEventListener('click', function () {\n                        _this.video.playbackRate = speedItem[i].dataset.speed;\n                        closeSetting();\n                    });\n                };\n                for (var i = 0; i < speedItem.length; i++) {\n                    _loop(i);\n                }\n            });\n            if (_this.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.on('danmaku_opacity', function (percentage) {\n                    _this.updateBar('danmaku', percentage, 'width');\n                    _this.user.set('opacity', percentage);\n                });\n                _this.danmaku.opacity(_this.user.get('opacity'));\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.danmaku.opacity(percentage);\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.danmaku.opacity(percentage);\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        if (!this.danmaku) {\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 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        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            _this.danmaku.send({\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            }, function () {\n                commentInput.value = '';\n                closeComment();\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        this.fullScreen = new _fullscreen2.default(this);\n        this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', function () {\n            _this.fullScreen.toggle('browser');\n        });\n        this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', function () {\n            _this.fullScreen.toggle('web');\n        });\n        var handleKeyDown = function handleKeyDown(e) {\n            if (_this.focus) {\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                        hideController();\n                        break;\n                    case 39:\n                        event.preventDefault();\n                        _this.seek(_this.video.currentTime + 5);\n                        hideController();\n                        break;\n                    case 38:\n                        event.preventDefault();\n                        percentage = _this.volume() + 0.1;\n                        _this.volume(percentage);\n                        break;\n                    case 40:\n                        event.preventDefault();\n                        percentage = _this.volume() - 0.1;\n                        _this.volume(percentage);\n                        break;\n                    }\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.fullScreen.isFullScreen('web')) {\n                    _this.fullScreen.cancel('web');\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            _this.events.trigger('contextmenu_show');\n            mask.addEventListener('click', function () {\n                mask.classList.remove('dplayer-mask-show');\n                menu.classList.remove('dplayer-menu-show');\n                _this.events.trigger('contextmenu_hide');\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                var dataURL = canvas.toDataURL();\n                camareIcon.href = dataURL;\n                camareIcon.download = 'DPlayer.png';\n                _this.events.trigger('screenshot', dataURL);\n            });\n        }\n        this.initVideo(this.video, this.quality && this.quality.type || this.option.video.type);\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                if (this.video.currentTime < time) {\n                    this.notice(this.tran('FF') + ' ' + (time - this.video.currentTime).toFixed(0) + ' ' + this.tran('s'));\n                } else if (this.video.currentTime > time) {\n                    this.notice(this.tran('REW') + ' ' + (this.video.currentTime - time).toFixed(0) + ' ' + this.tran('s'));\n                }\n                this.video.currentTime = time;\n                if (this.danmaku) {\n                    this.danmaku.seek();\n                }\n                this.updateBar('played', time / this.video.duration, 'width');\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                if (this.danmaku) {\n                    this.danmaku.play();\n                }\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                if (this.danmaku) {\n                    this.danmaku.pause();\n                }\n            }\n        },\n        {\n            key: 'volume',\n            value: function volume(percentage, nostorage) {\n                percentage = parseFloat(percentage);\n                if (!isNaN(percentage)) {\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    this.updateBar('volume', percentage, 'width');\n                    var formatPercentage = (percentage * 100).toFixed(0) + '%';\n                    this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0].dataset.balloon = formatPercentage;\n                    if (!nostorage) {\n                        this.user.set('volume', percentage);\n                    }\n                    this.video.volume = percentage;\n                    if (this.video.muted) {\n                        this.video.muted = false;\n                    }\n                    this.switchVolumeIcon();\n                }\n                return this.video.volume;\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(name, callback) {\n                this.events.on(name, callback);\n            }\n        },\n        {\n            key: 'switchVideo',\n            value: function switchVideo(video, danmakuAPI) {\n                this.pause();\n                this.video.poster = video.pic ? video.pic : '';\n                this.video.src = video.url;\n                this.initMSE(this.video, video.type || 'auto');\n                if (danmakuAPI) {\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                    if (this.danmaku) {\n                        this.danmaku.reload({\n                            id: danmakuAPI.id,\n                            address: danmakuAPI.api,\n                            token: danmakuAPI.token,\n                            maximum: danmakuAPI.maximum,\n                            addition: danmakuAPI.addition,\n                            user: danmakuAPI.user\n                        });\n                    }\n                }\n            }\n        },\n        {\n            key: 'initMSE',\n            value: function initMSE(video, type) {\n                this.type = type;\n                if (this.type === 'auto') {\n                    if (/m3u8(#|\\?|$)/i.exec(video.src)) {\n                        this.type = 'hls';\n                    } else if (/.flv(#|\\?|$)/i.exec(video.src)) {\n                        this.type = 'flv';\n                    } else {\n                        this.type = 'normal';\n                    }\n                }\n                if (this.type === 'hls' && Hls.isSupported()) {\n                    var hls = new Hls();\n                    hls.loadSource(video.src);\n                    hls.attachMedia(video);\n                }\n                if (this.type === 'flv' && flvjs.isSupported()) {\n                    var flvPlayer = flvjs.createPlayer({\n                        type: 'flv',\n                        url: video.src\n                    });\n                    flvPlayer.attachMediaElement(video);\n                    flvPlayer.load();\n                }\n            }\n        },\n        {\n            key: 'initVideo',\n            value: function initVideo(video, type) {\n                var _this2 = this;\n                this.initMSE(video, type);\n                this.on('durationchange', function () {\n                    if (video.duration !== 1) {\n                        _this2.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(video.duration);\n                    }\n                });\n                this.on('progress', function () {\n                    var percentage = video.buffered.length ? video.buffered.end(video.buffered.length - 1) / video.duration : 0;\n                    _this2.updateBar('loaded', percentage, 'width');\n                });\n                this.on('error', function () {\n                    _this2.tran && _this2.notice && _this2.notice(_this2.tran('This video fails to load'), -1);\n                });\n                this.ended = false;\n                this.on('ended', function () {\n                    _this2.updateBar('played', 1, 'width');\n                    if (!_this2.loop) {\n                        _this2.ended = true;\n                        _this2.pause();\n                    } else {\n                        _this2.seek(0);\n                        video.play();\n                    }\n                    if (_this2.danmaku) {\n                        _this2.danmaku.danIndex = 0;\n                    }\n                });\n                this.on('play', function () {\n                    if (_this2.paused) {\n                        _this2.play();\n                    }\n                });\n                this.on('pause', function () {\n                    if (!_this2.paused) {\n                        _this2.pause();\n                    }\n                });\n                var _loop2 = function _loop2(i) {\n                    video.addEventListener(_this2.events.videoEvents[i], function () {\n                        _this2.events.trigger(_this2.events.videoEvents[i]);\n                    });\n                };\n                for (var i = 0; i < this.events.videoEvents.length; i++) {\n                    _loop2(i);\n                }\n                this.volume(this.user.get('volume'), true);\n            }\n        },\n        {\n            key: 'switchQuality',\n            value: function switchQuality(index) {\n                var _this3 = 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(this.video, this.quality.type || this.option.video.type);\n                this.seek(this.prevVideo.currentTime);\n                this.notice(this.tran('Switching to') + ' ' + this.quality.name + ' ' + this.tran('quality'), -1);\n                this.events.trigger('quality_start', this.quality);\n                this.on('canplay', function () {\n                    if (_this3.prevVideo) {\n                        if (_this3.video.currentTime !== _this3.prevVideo.currentTime) {\n                            _this3.seek(_this3.prevVideo.currentTime);\n                            return;\n                        }\n                        parent.removeChild(_this3.prevVideo);\n                        _this3.video.classList.add('dplayer-video-current');\n                        if (!paused) {\n                            _this3.video.play();\n                        }\n                        _this3.prevVideo = null;\n                        _this3.notice(_this3.tran('Switched to') + ' ' + _this3.quality.name + ' ' + _this3.tran('quality'));\n                        _this3.switchingQuality = false;\n                        _this3.events.trigger('quality_end');\n                    }\n                });\n            }\n        },\n        {\n            key: 'mouseHandler',\n            value: function mouseHandler(pbar, timeTips) {\n                var _this4 = 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 (!_this4.video.duration) {\n                        return;\n                    }\n                    var clientX = e.clientX;\n                    var px = cumulativeOffset(pbar).left;\n                    var tx = clientX - px;\n                    if (tx < 0 || tx > pbar.offsetWidth) {\n                        return;\n                    }\n                    var time = _this4.video.duration * (tx / pbar.offsetWidth);\n                    timeTips.style.left = tx - 20 + 'px';\n                    switch (e.type) {\n                    case 'mouseenter':\n                        _this4.thumbnails && _this4.thumbnails.show();\n                        break;\n                    case 'mousemove':\n                        _this4.thumbnails && _this4.thumbnails.move(tx);\n                        timeTips.innerText = _utils2.default.secondToTime(time);\n                        _this4.timeTipsDisplay(true, timeTips);\n                        break;\n                    case 'mouseleave':\n                        _this4.thumbnails && _this4.thumbnails.hide();\n                        _this4.timeTipsDisplay(false, timeTips);\n                        break;\n                    }\n                };\n            }\n        },\n        {\n            key: 'timeTipsDisplay',\n            value: function timeTipsDisplay(show, timeTips) {\n                if (show) {\n                    if (this.isTimeTipsShow) {\n                        return;\n                    }\n                    timeTips.classList.remove('hidden');\n                    this.isTimeTipsShow = true;\n                } else {\n                    if (!this.isTimeTipsShow) {\n                        return;\n                    }\n                    timeTips.classList.add('hidden');\n                    this.isTimeTipsShow = false;\n                }\n            }\n        },\n        {\n            key: 'initThumbnails',\n            value: function initThumbnails() {\n                var _this5 = this;\n                this.thumbnails = new _thumbnails2.default(this.element.getElementsByClassName('dplayer-bar-preview')[0], this.element.getElementsByClassName('dplayer-bar-wrap')[0].offsetWidth, this.option.video.thumbnails, this.events);\n                this.on('loadedmetadata', function () {\n                    _this5.thumbnails.resize(160, 90);\n                });\n            }\n        },\n        {\n            key: 'notice',\n            value: function notice(text) {\n                var _this6 = this;\n                var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;\n                var opacity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;\n                var noticeEle = this.element.getElementsByClassName('dplayer-notice')[0];\n                noticeEle.innerHTML = text;\n                noticeEle.style.opacity = opacity;\n                if (this.noticeTime) {\n                    clearTimeout(this.noticeTime);\n                }\n                this.events.trigger('notice_show', text);\n                this.noticeTime = setTimeout(function () {\n                    noticeEle.style.opacity = 0;\n                    _this6.events.trigger('notice_hide');\n                }, time);\n            }\n        },\n        {\n            key: 'resize',\n            value: function resize() {\n                if (this.danmaku) {\n                    this.danmaku.resize();\n                }\n                this.events.trigger('resize');\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                this.events.trigger('destroy');\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/* 4 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\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 || navigator.browserLanguage).toLowerCase(),\n        screenshot: false,\n        hotkey: true,\n        preload: 'auto',\n        volume: '0.7',\n        apiBackend: defaultApiBackend,\n        video: {},\n        contextmenu: []\n    };\n    for (var defaultKey in defaultOption) {\n        if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n            option[defaultKey] = defaultOption[defaultKey];\n        }\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    if (option.lang) {\n        option.lang = option.lang.toLowerCase();\n    }\n    option.contextmenu = option.contextmenu.concat([\n        {\n            text: 'About author',\n            link: 'https://www.anotherhome.net/'\n        },\n        {\n            text: 'About DPlayer',\n            link: 'https://github.com/MoePlayer/DPlayer'\n        },\n        {\n            text: 'DPlayer feedback',\n            link: 'https://github.com/DIYgod/DPlayer/issues'\n        },\n        {\n            text: 'DPlayer ' + \"1.10.3\" + ' ' + \"d40f1f1\",\n            link: 'https://github.com/MoePlayer/DPlayer/releases'\n        }\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, callback) {\n        SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n            console.log('Post danmaku: ', response);\n            if (callback) {\n                callback();\n            }\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, callback) {\n        SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n            callback(null, response.danmaku);\n        }, function (xhr, response) {\n            callback({\n                status: xhr.status,\n                response: response\n            });\n        }, function (xhr) {\n            callback({\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\nmodule.exports = function (lang) {\n    var _this = this;\n    this.lang = lang;\n    this.tran = function (text) {\n        if (tranTxt[_this.lang] && tranTxt[_this.lang][text]) {\n            return tranTxt[_this.lang][text];\n        } else {\n            return text;\n        }\n    };\n};\nvar tranTxt = {\n    'zh-cn': {\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        'Show danmaku': '显示弹幕',\n        'This video fails to load': '视频加载失败',\n        'Switching to': '正在切换至',\n        'Switched to': '已经切换至',\n        'quality': '画质',\n        'FF': '快进',\n        'REW': '快退',\n        'Unlimited danmaku': '海量弹幕',\n        'Send danmaku': '发送弹幕',\n        'Setting': '设置',\n        'Full screen': '全屏',\n        'Web full screen': '页面全屏',\n        'Send': '发送',\n        'Screenshot': '截图',\n        's': '秒'\n    },\n    'zh-tw': {\n        'Danmaku is loading': '彈幕加載中',\n        'Top': '頂部',\n        'Bottom': '底部',\n        'Rolling': '滾動',\n        'Input danmaku, hit Enter': '輸入彈幕\\uFF0CEnter 發送',\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        'Show danmaku': '顯示彈幕',\n        'This video fails to load': '視頻加載失敗',\n        'Switching to': '正在切換至',\n        'Switched to': '已經切換至',\n        'quality': '畫質',\n        'FF': '快進',\n        'REW': '快退',\n        'Unlimited danmaku': '海量彈幕'\n    }\n};\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar svg = __webpack_require__(1);\nvar html = {\n    main: function main(option, index, tran) {\n        var videos = '';\n        videos += html.video(true, option.video.pic, option.screenshot, option.preload, option.video.url);\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\" style=\"' + (option.danmaku ? html.danmakumargin(option.danmaku.margin) : '') + '\"><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\"><span class=\"dplayer-icon-content\">' + svg('play') + '</span></button><div class=\"dplayer-volume\"><button class=\"dplayer-icon dplayer-volume-icon\"><span class=\"dplayer-icon-content\">' + svg('volume-down') + '</span></button><div class=\"dplayer-volume-bar-wrap\" data-balloon-pos=\"up\"><div class=\"dplayer-volume-bar\"><div class=\"dplayer-volume-bar-inner\" style=\"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\" data-balloon=\"' + tran('Screenshot') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('camera') + '</span></a>' : '') + '<div class=\"dplayer-comment\"><button class=\"dplayer-icon dplayer-comment-icon\" data-balloon=\"' + tran('Send danmaku') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('comment') + '</span></button><div class=\"dplayer-comment-box\"><button class=\"dplayer-icon dplayer-comment-setting-icon\" data-balloon=\"' + tran('Setting') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('menu') + '</span></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\" data-balloon=\"' + tran('Send') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('send') + '</span></button></div></div><div class=\"dplayer-setting\"><button class=\"dplayer-icon dplayer-setting-icon\" data-balloon=\"' + tran('Setting') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('setting') + '</span></button><div class=\"dplayer-setting-box\"></div></div><div class=\"dplayer-full\"><button class=\"dplayer-icon dplayer-full-in-icon\" data-balloon=\"' + tran('Web full screen') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('full-in') + '</span></button><button class=\"dplayer-icon dplayer-full-icon\" data-balloon=\"' + tran('Full screen') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('full') + '</span></button></div></div><div class=\"dplayer-bar-wrap\"><div class=\"dplayer-bar-time hidden\">00:00</div><div class=\"dplayer-bar-preview\"></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, tran) + '<div class=\"dplayer-notice\"></div>';\n    },\n    danmakumargin: function danmakumargin(margin) {\n        var result = '';\n        if (margin) {\n            for (var key in margin) {\n                result += key + ':' + margin[key] + ';';\n            }\n        }\n        return result;\n    },\n    contextmenuList: function contextmenuList(contextmenu, tran) {\n        var result = '<div class=\"dplayer-menu\">';\n        for (var i = 0; i < contextmenu.length; i++) {\n            result += '<div class=\"dplayer-menu-item\"><a target=\"_blank\" href=\"' + contextmenu[i].link + '\">' + tran(contextmenu[i].text) + '</a></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('Show 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-danunlimit\"><span class=\"dplayer-label\">' + tran('Unlimited danmaku') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-danunlimit-setting-input\" type=\"checkbox\" name=\"dplayer-toggle-danunlimit\"><label for=\"dplayer-toggle-danunlimit\"></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\"><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/* 9 */\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Danmaku = function () {\n    function Danmaku(options) {\n        _classCallCheck(this, Danmaku);\n        this.options = options;\n        this.container = this.options.container;\n        this.danTunnel = {\n            right: {},\n            top: {},\n            bottom: {}\n        };\n        this.danIndex = 0;\n        this.dan = [];\n        this.showing = true;\n        this._opacity = this.options.opacity;\n        this.events = this.options.events;\n        this.unlimited = this.options.unlimited;\n        this._measure('');\n        this.load();\n    }\n    _createClass(Danmaku, [\n        {\n            key: 'load',\n            value: function load() {\n                var _this = this;\n                var apiurl = void 0;\n                if (this.options.api.maximum) {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id + '&max=' + this.options.api.maximum;\n                } else {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id;\n                }\n                var endpoints = (this.options.api.addition || []).slice(0);\n                endpoints.push(apiurl);\n                this.events && this.events.trigger('danmaku_load_start', endpoints);\n                this._readAllEndpoints(endpoints, function (results) {\n                    _this.dan = [].concat.apply([], results).sort(function (a, b) {\n                        return a.time - b.time;\n                    });\n                    window.requestAnimationFrame(function () {\n                        _this.frame();\n                    });\n                    _this.options.callback();\n                    _this.events && _this.events.trigger('danmaku_load_end');\n                });\n            }\n        },\n        {\n            key: 'reload',\n            value: function reload(newAPI) {\n                this.options.api = newAPI;\n                this.dan = [];\n                this.clear();\n                this.load();\n            }\n        },\n        {\n            key: '_readAllEndpoints',\n            value: function _readAllEndpoints(endpoints, callback) {\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.options.error(err.response.msg);\n                            } else {\n                                _this2.options.error('Request was unsuccessful: ' + err.status);\n                            }\n                            results[i] = [];\n                        } else {\n                            results[i] = data;\n                        }\n                        if (readCount === endpoints.length) {\n                            return callback(results);\n                        }\n                    };\n                };\n                for (var i = 0; i < endpoints.length; ++i) {\n                    this.options.apiBackend.read(endpoints[i], cbk(i));\n                }\n            }\n        },\n        {\n            key: 'send',\n            value: function send(dan, callback) {\n                var danmakuData = {\n                    token: this.options.api.token,\n                    player: this.options.api.id,\n                    author: this.options.api.user,\n                    time: this.options.time(),\n                    text: dan.text,\n                    color: dan.color,\n                    type: dan.type\n                };\n                this.options.apiBackend.send(this.options.api.address, danmakuData, callback);\n                this.dan.splice(this.danIndex, 0, danmakuData);\n                this.danIndex++;\n                var danmaku = {\n                    text: this.htmlEncode(danmakuData.text),\n                    color: danmakuData.color,\n                    type: danmakuData.type,\n                    border: '2px solid ' + this.options.borderColor\n                };\n                this.draw(danmaku);\n                this.events && this.events.trigger('danmaku_send', danmakuData);\n            }\n        },\n        {\n            key: 'frame',\n            value: function frame() {\n                var _this3 = this;\n                if (this.dan.length && !this.paused && this.showing) {\n                    var item = this.dan[this.danIndex];\n                    var dan = [];\n                    while (item && this.options.time() > parseFloat(item.time)) {\n                        dan.push(item);\n                        item = this.dan[++this.danIndex];\n                    }\n                    this.draw(dan);\n                }\n                window.requestAnimationFrame(function () {\n                    _this3.frame();\n                });\n            }\n        },\n        {\n            key: 'opacity',\n            value: function opacity(percentage) {\n                if (percentage !== undefined) {\n                    var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                    for (var i = 0; i < items.length; i++) {\n                        items[i].style.opacity = percentage;\n                    }\n                    this._opacity = percentage;\n                    this.events && this.events.trigger('danmaku_opacity', this._opacity);\n                }\n                return this._opacity;\n            }\n        },\n        {\n            key: 'draw',\n            value: function draw(dan) {\n                var _this4 = this;\n                var itemHeight = this.options.height;\n                var danWidth = this.container.offsetWidth;\n                var danHeight = this.container.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 || _this4.container.getBoundingClientRect().right + eleWidth;\n                    return _this4.container.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 _loop = function _loop(i) {\n                        var item = _this4.danTunnel[type][i + ''];\n                        if (item && item.length) {\n                            if (type !== 'right') {\n                                return 'continue';\n                            }\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; _this4.unlimited || i < itemY; i++) {\n                        var _ret = _loop(i);\n                        switch (_ret) {\n                        case 'continue':\n                            continue;\n                        default:\n                            if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === 'object')\n                                return _ret.v;\n                        }\n                    }\n                    return -1;\n                };\n                if (Object.prototype.toString.call(dan) !== '[object Array]') {\n                    dan = [dan];\n                }\n                var docFragment = document.createDocumentFragment();\n                var _loop2 = function _loop2(i) {\n                    if (!dan[i].type) {\n                        dan[i].type = 'right';\n                    }\n                    if (!dan[i].color) {\n                        dan[i].color = '#fff';\n                    }\n                    var item = document.createElement('div');\n                    item.classList.add('dplayer-danmaku-item');\n                    item.classList.add('dplayer-danmaku-' + dan[i].type);\n                    if (dan[i].border) {\n                        item.innerHTML = '<span style=\"border:' + dan[i].border + '\">' + dan[i].text + '</span>';\n                    } else {\n                        item.innerHTML = dan[i].text;\n                    }\n                    item.style.opacity = _this4._opacity;\n                    item.style.color = dan[i].color;\n                    item.addEventListener('animationend', function () {\n                        _this4.container.removeChild(item);\n                    });\n                    var itemWidth = _this4._measure(dan[i].text);\n                    var tunnel = void 0;\n                    switch (dan[i].type) {\n                    case 'right':\n                        tunnel = getTunnel(item, dan[i].type, itemWidth);\n                        if (tunnel >= 0) {\n                            item.style.width = itemWidth + 1 + 'px';\n                            item.style.top = itemHeight * tunnel + 'px';\n                            item.style.transform = 'translateX(-' + danWidth + 'px)';\n                        }\n                        break;\n                    case 'top':\n                        tunnel = getTunnel(item, dan[i].type);\n                        if (tunnel >= 0) {\n                            item.style.top = itemHeight * tunnel + 'px';\n                        }\n                        break;\n                    case 'bottom':\n                        tunnel = getTunnel(item, dan[i].type);\n                        if (tunnel >= 0) {\n                            item.style.bottom = itemHeight * tunnel + 'px';\n                        }\n                        break;\n                    default:\n                        console.error('Can\\'t handled danmaku type: ' + dan[i].type);\n                    }\n                    if (tunnel >= 0) {\n                        item.classList.add('dplayer-danmaku-move');\n                        docFragment.appendChild(item);\n                    }\n                };\n                for (var i = 0; i < dan.length; i++) {\n                    _loop2(i);\n                }\n                this.container.appendChild(docFragment);\n                return docFragment;\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n            }\n        },\n        {\n            key: '_measure',\n            value: function _measure(text) {\n                if (!this.context) {\n                    var measureStyle = getComputedStyle(this.container.getElementsByClassName('dplayer-danmaku-item')[0], null);\n                    this.context = document.createElement('canvas').getContext('2d');\n                    this.context.font = measureStyle.getPropertyValue('font');\n                }\n                return this.context.measureText(text).width;\n            }\n        },\n        {\n            key: 'seek',\n            value: function seek() {\n                for (var i = 0; i < this.dan.length; i++) {\n                    if (this.dan[i].time >= this.options.time()) {\n                        this.danIndex = i;\n                        break;\n                    }\n                    this.danIndex = this.dan.length;\n                }\n            }\n        },\n        {\n            key: 'clear',\n            value: function clear() {\n                this.danTunnel = {\n                    right: {},\n                    top: {},\n                    bottom: {}\n                };\n                this.danIndex = 0;\n                this.options.container.innerHTML = '';\n                this.events && this.events.trigger('danmaku_clear');\n            }\n        },\n        {\n            key: 'htmlEncode',\n            value: 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        },\n        {\n            key: 'resize',\n            value: function resize() {\n                var danWidth = this.container.offsetWidth;\n                var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                for (var i = 0; i < items.length; i++) {\n                    items[i].style.transform = 'translateX(-' + danWidth + 'px)';\n                }\n            }\n        },\n        {\n            key: 'hide',\n            value: function hide() {\n                this.showing = false;\n                this.pause();\n                this.clear();\n                this.events && this.events.trigger('danmaku_hide');\n            }\n        },\n        {\n            key: 'show',\n            value: function show() {\n                this.seek();\n                this.showing = true;\n                this.play();\n                this.events && this.events.trigger('danmaku_show');\n            }\n        },\n        {\n            key: 'unlimit',\n            value: function unlimit(boolean) {\n                this.unlimited = boolean;\n            }\n        }\n    ]);\n    return Danmaku;\n}();\nmodule.exports = Danmaku;\n\n/***/ }),\n/* 10 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Thumbnails = function () {\n    function Thumbnails(container, width, url, events) {\n        _classCallCheck(this, Thumbnails);\n        this.container = container;\n        this.width = width;\n        this.container.style.backgroundImage = 'url(\\'' + url + '\\')';\n        this.events = events;\n    }\n    _createClass(Thumbnails, [\n        {\n            key: 'resize',\n            value: function resize(width, height) {\n                this.container.style.width = width + 'px';\n                this.container.style.height = height + 'px';\n                this.container.style.top = -height + 2 + 'px';\n            }\n        },\n        {\n            key: 'show',\n            value: function show() {\n                this.container.style.display = 'block';\n                this.events && this.events.trigger('thumbnails_show');\n            }\n        },\n        {\n            key: 'move',\n            value: function move(position) {\n                this.container.style.backgroundPosition = '-' + (Math.ceil(position / this.width * 100) - 1) * 160 + 'px 0';\n                this.container.style.left = position - this.container.offsetWidth / 2 + 'px';\n            }\n        },\n        {\n            key: 'hide',\n            value: function hide() {\n                this.container.style.display = 'none';\n                this.events && this.events.trigger('thumbnails_hide');\n            }\n        }\n    ]);\n    return Thumbnails;\n}();\nmodule.exports = Thumbnails;\n\n/***/ }),\n/* 11 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Events = function () {\n    function Events() {\n        _classCallCheck(this, Events);\n        this.events = {};\n        this.videoEvents = [\n            'abort',\n            'canplay',\n            'canplaythrough',\n            'durationchange',\n            'emptied',\n            'ended',\n            'error',\n            'loadeddata',\n            'loadedmetadata',\n            'loadstart',\n            'mozaudioavailable',\n            'pause',\n            'play',\n            'playing',\n            'progress',\n            'ratechange',\n            'seeked',\n            'seeking',\n            'stalled',\n            'suspend',\n            'timeupdate',\n            'volumechange',\n            'waiting'\n        ];\n        this.playerEvents = [\n            'screenshot',\n            'thumbnails_show',\n            'thumbnails_hide',\n            'danmaku_show',\n            'danmaku_hide',\n            'danmaku_clear',\n            'danmaku_loaded',\n            'danmaku_send',\n            'danmaku_opacity',\n            'contextmenu_show',\n            'contextmenu_hide',\n            'notice_show',\n            'notice_hide',\n            'quality_start',\n            'quality_end',\n            'destroy',\n            'resize',\n            'fullscreen',\n            'fullscreen_cancel',\n            'webfullscreen',\n            'webfullscreen_cancel'\n        ];\n    }\n    _createClass(Events, [\n        {\n            key: 'on',\n            value: function on(name, callback) {\n                if (this.type(name) && typeof callback === 'function') {\n                    if (!this.events[name]) {\n                        this.events[name] = [];\n                    }\n                    this.events[name].push(callback);\n                }\n            }\n        },\n        {\n            key: 'trigger',\n            value: function trigger(name, info) {\n                if (this.events[name] && this.events[name].length) {\n                    for (var i = 0; i < this.events[name].length; i++) {\n                        this.events[name][i](info);\n                    }\n                }\n            }\n        },\n        {\n            key: 'type',\n            value: function type(name) {\n                if (this.playerEvents.indexOf(name) !== -1) {\n                    return 'player';\n                } else if (this.videoEvents.indexOf(name) !== -1) {\n                    return 'video';\n                }\n                console.error('Unknown event name: ' + name);\n                return null;\n            }\n        }\n    ]);\n    return Events;\n}();\nmodule.exports = Events;\n\n/***/ }),\n/* 12 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar FullScreen = function () {\n    function FullScreen(player) {\n        var _this = this;\n        _classCallCheck(this, FullScreen);\n        this.player = player;\n        this.player.events.on('webfullscreen', function () {\n            _this.player.resize();\n        });\n        this.player.events.on('webfullscreen_cancel', function () {\n            _this.player.resize();\n        });\n        var fullscreenchange = function fullscreenchange() {\n            _this.player.resize();\n            if (_this.isFullScreen('browser')) {\n                _this.player.events.trigger('fullscreen');\n            } else {\n                _this.player.events.trigger('fullscreen_cancel');\n            }\n        };\n        this.player.element.addEventListener('fullscreenchange', fullscreenchange);\n        this.player.element.addEventListener('mozfullscreenchange', fullscreenchange);\n        this.player.element.addEventListener('webkitfullscreenchange', fullscreenchange);\n    }\n    _createClass(FullScreen, [\n        {\n            key: 'isFullScreen',\n            value: function isFullScreen() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\n                    return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;\n                case 'web':\n                    return this.player.element.classList.contains('dplayer-fulled');\n                }\n            }\n        },\n        {\n            key: 'request',\n            value: function request() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\n                    if (this.player.element.requestFullscreen) {\n                        this.player.element.requestFullscreen();\n                    } else if (this.player.element.mozRequestFullScreen) {\n                        this.player.element.mozRequestFullScreen();\n                    } else if (this.player.element.webkitRequestFullscreen) {\n                        this.player.element.webkitRequestFullscreen();\n                    } else if (this.player.video.webkitEnterFullscreen) {\n                        this.player.video.webkitEnterFullscreen();\n                    }\n                    break;\n                case 'web':\n                    this.player.element.classList.add('dplayer-fulled');\n                    this.player.events.trigger('webfullscreen');\n                    break;\n                }\n            }\n        },\n        {\n            key: 'cancel',\n            value: function cancel() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\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                    break;\n                case 'web':\n                    this.player.element.classList.remove('dplayer-fulled');\n                    this.player.events.trigger('webfullscreen_cancel');\n                    break;\n                }\n            }\n        },\n        {\n            key: 'toggle',\n            value: function toggle() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                if (this.isFullScreen(type)) {\n                    this.cancel(type);\n                } else {\n                    this.request(type);\n                }\n            }\n        }\n    ]);\n    return FullScreen;\n}();\nmodule.exports = FullScreen;\n\n/***/ }),\n/* 13 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\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}();\nvar _utils = __webpack_require__(0);\nvar _utils2 = _interopRequireDefault(_utils);\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 User = function () {\n    function User(player) {\n        _classCallCheck(this, User);\n        this.storageName = {\n            opacity: 'dplayer-danmaku-opacity',\n            volume: 'dplayer-volume',\n            unlimited: 'dplayer-danmaku-unlimited',\n            danmaku: 'dplayer-danmaku-show'\n        };\n        this.default = {\n            opacity: 0.7,\n            volume: player.option.volume || 0.7,\n            unlimited: (player.option.danmaku && player.option.danmaku.unlimited ? 1 : 0) || 0,\n            danmaku: 1\n        };\n        this.data = {};\n        this.init();\n    }\n    _createClass(User, [\n        {\n            key: 'init',\n            value: function init() {\n                for (var item in this.storageName) {\n                    var name = this.storageName[item];\n                    this.data[item] = parseFloat(_utils2.default.storage.get(name) || this.default[item]);\n                }\n            }\n        },\n        {\n            key: 'get',\n            value: function get(key) {\n                return this.data[key];\n            }\n        },\n        {\n            key: 'set',\n            value: function set(key, value) {\n                this.data[key] = value;\n                _utils2.default.storage.set(this.storageName[key], value);\n            }\n        }\n    ]);\n    return User;\n}();\nmodule.exports = User;\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 = 2);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap e682c570e13472869848","'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    storage: {\n        set: function set(key, value) {\n            localStorage.setItem(key, value);\n        },\n        get: function get(key) {\n            return localStorage.getItem(key);\n        }\n    }\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/utils.js\n// module id = 0\n// module chunks = 0","'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 = 1\n// module chunks = 0","'use strict';\nconsole.log('\\n' + ' %c DPlayer ' + DPLAYER_VERSION + ' ' + GIT_HASH + ' %c http://dplayer.js.org ' + '\\n' + '\\n', '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 = 2\n// module chunks = 0","'use strict';\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);\nvar _danmaku = require('./danmaku');\nvar _danmaku2 = _interopRequireDefault(_danmaku);\nvar _thumbnails = require('./thumbnails');\nvar _thumbnails2 = _interopRequireDefault(_thumbnails);\nvar _events = require('./events');\nvar _events2 = _interopRequireDefault(_events);\nvar _fullscreen = require('./fullscreen');\nvar _fullscreen2 = _interopRequireDefault(_fullscreen);\nvar _user = require('./user');\nvar _user2 = _interopRequireDefault(_user);\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.events = new _events2.default();\n        this.user = new _user2.default(this);\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        var bar = {};\n        bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];\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        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        document.addEventListener('click', function () {\n            _this.focus = false;\n        }, true);\n        this.element.addEventListener('click', function () {\n            _this.focus = true;\n        }, true);\n        if (this.option.danmaku) {\n            this.danmaku = new _danmaku2.default({\n                container: this.element.getElementsByClassName('dplayer-danmaku')[0],\n                opacity: this.user.get('opacity'),\n                callback: function callback() {\n                    _this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n                    if (_this.option.autoplay && !_utils.isMobile) {\n                        _this.play();\n                    } else if (_utils.isMobile) {\n                        _this.pause();\n                    }\n                },\n                error: function error(msg) {\n                    _this.notice(msg);\n                },\n                apiBackend: this.option.apiBackend,\n                borderColor: this.option.theme,\n                height: this.arrow ? 24 : 30,\n                time: function time() {\n                    return _this.video.currentTime;\n                },\n                unlimited: this.user.get('unlimited'),\n                api: {\n                    id: this.option.danmaku.id,\n                    address: this.option.danmaku.api,\n                    token: this.option.danmaku.token,\n                    maximum: this.option.danmaku.maximum,\n                    addition: this.option.danmaku.addition,\n                    user: this.option.danmaku.user\n                },\n                events: this.events\n            });\n        }\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.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 lastPlayPos = 0;\n        var currentPlayPos = 0;\n        var bufferingDetected = 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 && !_this.video.paused) {\n                    _this.element.classList.add('dplayer-loading');\n                    bufferingDetected = true;\n                }\n                if (bufferingDetected && currentPlayPos > lastPlayPos && !_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.playedTime = false;\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            }\n            window.requestAnimationFrame(_this.animationFrame);\n        };\n        window.requestAnimationFrame(this.animationFrame);\n        this.setTime = function (type) {\n            if (!type) {\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.playedTime = false;\n                clearCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = false;\n                if (type === 'played') {\n                    clearCheckLoadingTime();\n                }\n            }\n        };\n        if (this.option.video.thumbnails) {\n            this.initThumbnails();\n        }\n        this.isTimeTipsShow = true;\n        this.mouseHandler = this.mouseHandler(pbar, pbarTimeTips).bind(this);\n        pbar.addEventListener('mousemove', this.mouseHandler);\n        pbar.addEventListener('mouseenter', this.mouseHandler);\n        pbar.addEventListener('mouseleave', this.mouseHandler);\n        var thumbMove = function thumbMove(e) {\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(e) {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\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            _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        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].getElementsByClassName('dplayer-icon-content')[0];\n        var vWidth = 35;\n        this.switchVolumeIcon = function () {\n            if (_this.volume() >= 0.95) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-up');\n            } else if (_this.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.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        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        if (!_utils.isMobile) {\n            this.element.addEventListener('mousemove', hideController);\n            this.element.addEventListener('click', hideController);\n        }\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 showdan = this.user.get('danmaku');\n        if (!showdan) {\n            this.danmaku && this.danmaku.hide();\n        }\n        var unlimitDan = this.user.get('unlimited');\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.paused) {\n                        _this.danmaku.show();\n                    }\n                } else {\n                    showdan = false;\n                    _this.danmaku.hide();\n                }\n                _this.user.set('danmaku', showdan ? 1 : 0);\n                closeSetting();\n            });\n            var unlimitDanEle = _this.element.getElementsByClassName('dplayer-setting-danunlimit')[0];\n            var unlimitDanToggle = unlimitDanEle.getElementsByClassName('dplayer-danunlimit-setting-input')[0];\n            unlimitDanToggle.checked = unlimitDan;\n            unlimitDanEle.addEventListener('click', function () {\n                unlimitDanToggle.checked = !unlimitDanToggle.checked;\n                if (unlimitDanToggle.checked) {\n                    unlimitDan = true;\n                    _this.danmaku.unlimit(true);\n                } else {\n                    unlimitDan = false;\n                    _this.danmaku.unlimit(false);\n                }\n                _this.user.set('unlimited', unlimitDan ? 1 : 0);\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(i) {\n                    speedItem[i].addEventListener('click', function () {\n                        _this.video.playbackRate = speedItem[i].dataset.speed;\n                        closeSetting();\n                    });\n                };\n                for (var i = 0; i < speedItem.length; i++) {\n                    _loop(i);\n                }\n            });\n            if (_this.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.on('danmaku_opacity', function (percentage) {\n                    _this.updateBar('danmaku', percentage, 'width');\n                    _this.user.set('opacity', percentage);\n                });\n                _this.danmaku.opacity(_this.user.get('opacity'));\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.danmaku.opacity(percentage);\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.danmaku.opacity(percentage);\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        if (!this.danmaku) {\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 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        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            _this.danmaku.send({\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            }, function () {\n                commentInput.value = '';\n                closeComment();\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        this.fullScreen = new _fullscreen2.default(this);\n        this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', function () {\n            _this.fullScreen.toggle('browser');\n        });\n        this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', function () {\n            _this.fullScreen.toggle('web');\n        });\n        var handleKeyDown = function handleKeyDown(e) {\n            if (_this.focus) {\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                        hideController();\n                        break;\n                    case 39:\n                        event.preventDefault();\n                        _this.seek(_this.video.currentTime + 5);\n                        hideController();\n                        break;\n                    case 38:\n                        event.preventDefault();\n                        percentage = _this.volume() + 0.1;\n                        _this.volume(percentage);\n                        break;\n                    case 40:\n                        event.preventDefault();\n                        percentage = _this.volume() - 0.1;\n                        _this.volume(percentage);\n                        break;\n                    }\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.fullScreen.isFullScreen('web')) {\n                    _this.fullScreen.cancel('web');\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            _this.events.trigger('contextmenu_show');\n            mask.addEventListener('click', function () {\n                mask.classList.remove('dplayer-mask-show');\n                menu.classList.remove('dplayer-menu-show');\n                _this.events.trigger('contextmenu_hide');\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                var dataURL = canvas.toDataURL();\n                camareIcon.href = dataURL;\n                camareIcon.download = 'DPlayer.png';\n                _this.events.trigger('screenshot', dataURL);\n            });\n        }\n        this.initVideo(this.video, this.quality && this.quality.type || this.option.video.type);\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                if (this.video.currentTime < time) {\n                    this.notice(this.tran('FF') + ' ' + (time - this.video.currentTime).toFixed(0) + ' ' + this.tran('s'));\n                } else if (this.video.currentTime > time) {\n                    this.notice(this.tran('REW') + ' ' + (this.video.currentTime - time).toFixed(0) + ' ' + this.tran('s'));\n                }\n                this.video.currentTime = time;\n                if (this.danmaku) {\n                    this.danmaku.seek();\n                }\n                this.updateBar('played', time / this.video.duration, 'width');\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                if (this.danmaku) {\n                    this.danmaku.play();\n                }\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                if (this.danmaku) {\n                    this.danmaku.pause();\n                }\n            }\n        },\n        {\n            key: 'volume',\n            value: function volume(percentage, nostorage) {\n                percentage = parseFloat(percentage);\n                if (!isNaN(percentage)) {\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    this.updateBar('volume', percentage, 'width');\n                    var formatPercentage = (percentage * 100).toFixed(0) + '%';\n                    this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0].dataset.balloon = formatPercentage;\n                    if (!nostorage) {\n                        this.user.set('volume', percentage);\n                    }\n                    this.video.volume = percentage;\n                    if (this.video.muted) {\n                        this.video.muted = false;\n                    }\n                    this.switchVolumeIcon();\n                }\n                return this.video.volume;\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(name, callback) {\n                this.events.on(name, callback);\n            }\n        },\n        {\n            key: 'switchVideo',\n            value: function switchVideo(video, danmakuAPI) {\n                this.pause();\n                this.video.poster = video.pic ? video.pic : '';\n                this.video.src = video.url;\n                this.initMSE(this.video, video.type || 'auto');\n                if (danmakuAPI) {\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                    if (this.danmaku) {\n                        this.danmaku.reload({\n                            id: danmakuAPI.id,\n                            address: danmakuAPI.api,\n                            token: danmakuAPI.token,\n                            maximum: danmakuAPI.maximum,\n                            addition: danmakuAPI.addition,\n                            user: danmakuAPI.user\n                        });\n                    }\n                }\n            }\n        },\n        {\n            key: 'initMSE',\n            value: function initMSE(video, type) {\n                this.type = type;\n                if (this.type === 'auto') {\n                    if (/m3u8(#|\\?|$)/i.exec(video.src)) {\n                        this.type = 'hls';\n                    } else if (/.flv(#|\\?|$)/i.exec(video.src)) {\n                        this.type = 'flv';\n                    } else {\n                        this.type = 'normal';\n                    }\n                }\n                if (this.type === 'hls' && Hls.isSupported()) {\n                    var hls = new Hls();\n                    hls.loadSource(video.src);\n                    hls.attachMedia(video);\n                }\n                if (this.type === 'flv' && flvjs.isSupported()) {\n                    var flvPlayer = flvjs.createPlayer({\n                        type: 'flv',\n                        url: video.src\n                    });\n                    flvPlayer.attachMediaElement(video);\n                    flvPlayer.load();\n                }\n            }\n        },\n        {\n            key: 'initVideo',\n            value: function initVideo(video, type) {\n                var _this2 = this;\n                this.initMSE(video, type);\n                this.on('durationchange', function () {\n                    if (video.duration !== 1) {\n                        _this2.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(video.duration);\n                    }\n                });\n                this.on('progress', function () {\n                    var percentage = video.buffered.length ? video.buffered.end(video.buffered.length - 1) / video.duration : 0;\n                    _this2.updateBar('loaded', percentage, 'width');\n                });\n                this.on('error', function () {\n                    _this2.tran && _this2.notice && _this2.notice(_this2.tran('This video fails to load'), -1);\n                });\n                this.ended = false;\n                this.on('ended', function () {\n                    _this2.updateBar('played', 1, 'width');\n                    if (!_this2.loop) {\n                        _this2.ended = true;\n                        _this2.pause();\n                    } else {\n                        _this2.seek(0);\n                        video.play();\n                    }\n                    if (_this2.danmaku) {\n                        _this2.danmaku.danIndex = 0;\n                    }\n                });\n                this.on('play', function () {\n                    if (_this2.paused) {\n                        _this2.play();\n                    }\n                });\n                this.on('pause', function () {\n                    if (!_this2.paused) {\n                        _this2.pause();\n                    }\n                });\n                var _loop2 = function _loop2(i) {\n                    video.addEventListener(_this2.events.videoEvents[i], function () {\n                        _this2.events.trigger(_this2.events.videoEvents[i]);\n                    });\n                };\n                for (var i = 0; i < this.events.videoEvents.length; i++) {\n                    _loop2(i);\n                }\n                this.volume(this.user.get('volume'), true);\n            }\n        },\n        {\n            key: 'switchQuality',\n            value: function switchQuality(index) {\n                var _this3 = 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(this.video, this.quality.type || this.option.video.type);\n                this.seek(this.prevVideo.currentTime);\n                this.notice(this.tran('Switching to') + ' ' + this.quality.name + ' ' + this.tran('quality'), -1);\n                this.events.trigger('quality_start', this.quality);\n                this.on('canplay', function () {\n                    if (_this3.prevVideo) {\n                        if (_this3.video.currentTime !== _this3.prevVideo.currentTime) {\n                            _this3.seek(_this3.prevVideo.currentTime);\n                            return;\n                        }\n                        parent.removeChild(_this3.prevVideo);\n                        _this3.video.classList.add('dplayer-video-current');\n                        if (!paused) {\n                            _this3.video.play();\n                        }\n                        _this3.prevVideo = null;\n                        _this3.notice(_this3.tran('Switched to') + ' ' + _this3.quality.name + ' ' + _this3.tran('quality'));\n                        _this3.switchingQuality = false;\n                        _this3.events.trigger('quality_end');\n                    }\n                });\n            }\n        },\n        {\n            key: 'mouseHandler',\n            value: function mouseHandler(pbar, timeTips) {\n                var _this4 = 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 (!_this4.video.duration) {\n                        return;\n                    }\n                    var clientX = e.clientX;\n                    var px = cumulativeOffset(pbar).left;\n                    var tx = clientX - px;\n                    if (tx < 0 || tx > pbar.offsetWidth) {\n                        return;\n                    }\n                    var time = _this4.video.duration * (tx / pbar.offsetWidth);\n                    timeTips.style.left = tx - 20 + 'px';\n                    switch (e.type) {\n                    case 'mouseenter':\n                        _this4.thumbnails && _this4.thumbnails.show();\n                        break;\n                    case 'mousemove':\n                        _this4.thumbnails && _this4.thumbnails.move(tx);\n                        timeTips.innerText = _utils2.default.secondToTime(time);\n                        _this4.timeTipsDisplay(true, timeTips);\n                        break;\n                    case 'mouseleave':\n                        _this4.thumbnails && _this4.thumbnails.hide();\n                        _this4.timeTipsDisplay(false, timeTips);\n                        break;\n                    }\n                };\n            }\n        },\n        {\n            key: 'timeTipsDisplay',\n            value: function timeTipsDisplay(show, timeTips) {\n                if (show) {\n                    if (this.isTimeTipsShow) {\n                        return;\n                    }\n                    timeTips.classList.remove('hidden');\n                    this.isTimeTipsShow = true;\n                } else {\n                    if (!this.isTimeTipsShow) {\n                        return;\n                    }\n                    timeTips.classList.add('hidden');\n                    this.isTimeTipsShow = false;\n                }\n            }\n        },\n        {\n            key: 'initThumbnails',\n            value: function initThumbnails() {\n                var _this5 = this;\n                this.thumbnails = new _thumbnails2.default(this.element.getElementsByClassName('dplayer-bar-preview')[0], this.element.getElementsByClassName('dplayer-bar-wrap')[0].offsetWidth, this.option.video.thumbnails, this.events);\n                this.on('loadedmetadata', function () {\n                    _this5.thumbnails.resize(160, 90);\n                });\n            }\n        },\n        {\n            key: 'notice',\n            value: function notice(text) {\n                var _this6 = this;\n                var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;\n                var opacity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;\n                var noticeEle = this.element.getElementsByClassName('dplayer-notice')[0];\n                noticeEle.innerHTML = text;\n                noticeEle.style.opacity = opacity;\n                if (this.noticeTime) {\n                    clearTimeout(this.noticeTime);\n                }\n                this.events.trigger('notice_show', text);\n                this.noticeTime = setTimeout(function () {\n                    noticeEle.style.opacity = 0;\n                    _this6.events.trigger('notice_hide');\n                }, time);\n            }\n        },\n        {\n            key: 'resize',\n            value: function resize() {\n                if (this.danmaku) {\n                    this.danmaku.resize();\n                }\n                this.events.trigger('resize');\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                this.events.trigger('destroy');\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 = 3\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 || navigator.browserLanguage).toLowerCase(),\n        screenshot: false,\n        hotkey: true,\n        preload: 'auto',\n        volume: '0.7',\n        apiBackend: defaultApiBackend,\n        video: {},\n        contextmenu: []\n    };\n    for (var defaultKey in defaultOption) {\n        if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n            option[defaultKey] = defaultOption[defaultKey];\n        }\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    if (option.lang) {\n        option.lang = option.lang.toLowerCase();\n    }\n    option.contextmenu = option.contextmenu.concat([\n        {\n            text: 'About author',\n            link: 'https://www.anotherhome.net/'\n        },\n        {\n            text: 'About DPlayer',\n            link: 'https://github.com/MoePlayer/DPlayer'\n        },\n        {\n            text: 'DPlayer feedback',\n            link: 'https://github.com/DIYgod/DPlayer/issues'\n        },\n        {\n            text: 'DPlayer ' + DPLAYER_VERSION + ' ' + GIT_HASH,\n            link: 'https://github.com/MoePlayer/DPlayer/releases'\n        }\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, callback) {\n        SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n            console.log('Post danmaku: ', response);\n            if (callback) {\n                callback();\n            }\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, callback) {\n        SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n            callback(null, response.danmaku);\n        }, function (xhr, response) {\n            callback({\n                status: xhr.status,\n                response: response\n            });\n        }, function (xhr) {\n            callback({\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';\nmodule.exports = function (lang) {\n    var _this = this;\n    this.lang = lang;\n    this.tran = function (text) {\n        if (tranTxt[_this.lang] && tranTxt[_this.lang][text]) {\n            return tranTxt[_this.lang][text];\n        } else {\n            return text;\n        }\n    };\n};\nvar tranTxt = {\n    'zh-cn': {\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        'Show danmaku': '显示弹幕',\n        'This video fails to load': '视频加载失败',\n        'Switching to': '正在切换至',\n        'Switched to': '已经切换至',\n        'quality': '画质',\n        'FF': '快进',\n        'REW': '快退',\n        'Unlimited danmaku': '海量弹幕',\n        'Send danmaku': '发送弹幕',\n        'Setting': '设置',\n        'Full screen': '全屏',\n        'Web full screen': '页面全屏',\n        'Send': '发送',\n        'Screenshot': '截图',\n        's': '秒'\n    },\n    'zh-tw': {\n        'Danmaku is loading': '彈幕加載中',\n        'Top': '頂部',\n        'Bottom': '底部',\n        'Rolling': '滾動',\n        'Input danmaku, hit Enter': '輸入彈幕\\uFF0CEnter 發送',\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        'Show danmaku': '顯示彈幕',\n        'This video fails to load': '視頻加載失敗',\n        'Switching to': '正在切換至',\n        'Switched to': '已經切換至',\n        'quality': '畫質',\n        'FF': '快進',\n        'REW': '快退',\n        'Unlimited danmaku': '海量彈幕'\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        videos += html.video(true, option.video.pic, option.screenshot, option.preload, option.video.url);\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\" style=\"' + (option.danmaku ? html.danmakumargin(option.danmaku.margin) : '') + '\"><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\"><span class=\"dplayer-icon-content\">' + svg('play') + '</span></button><div class=\"dplayer-volume\"><button class=\"dplayer-icon dplayer-volume-icon\"><span class=\"dplayer-icon-content\">' + svg('volume-down') + '</span></button><div class=\"dplayer-volume-bar-wrap\" data-balloon-pos=\"up\"><div class=\"dplayer-volume-bar\"><div class=\"dplayer-volume-bar-inner\" style=\"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\" data-balloon=\"' + tran('Screenshot') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('camera') + '</span></a>' : '') + '<div class=\"dplayer-comment\"><button class=\"dplayer-icon dplayer-comment-icon\" data-balloon=\"' + tran('Send danmaku') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('comment') + '</span></button><div class=\"dplayer-comment-box\"><button class=\"dplayer-icon dplayer-comment-setting-icon\" data-balloon=\"' + tran('Setting') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('menu') + '</span></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\" data-balloon=\"' + tran('Send') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('send') + '</span></button></div></div><div class=\"dplayer-setting\"><button class=\"dplayer-icon dplayer-setting-icon\" data-balloon=\"' + tran('Setting') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('setting') + '</span></button><div class=\"dplayer-setting-box\"></div></div><div class=\"dplayer-full\"><button class=\"dplayer-icon dplayer-full-in-icon\" data-balloon=\"' + tran('Web full screen') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('full-in') + '</span></button><button class=\"dplayer-icon dplayer-full-icon\" data-balloon=\"' + tran('Full screen') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('full') + '</span></button></div></div><div class=\"dplayer-bar-wrap\"><div class=\"dplayer-bar-time hidden\">00:00</div><div class=\"dplayer-bar-preview\"></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, tran) + '<div class=\"dplayer-notice\"></div>';\n    },\n    danmakumargin: function danmakumargin(margin) {\n        var result = '';\n        if (margin) {\n            for (var key in margin) {\n                result += key + ':' + margin[key] + ';';\n            }\n        }\n        return result;\n    },\n    contextmenuList: function contextmenuList(contextmenu, tran) {\n        var result = '<div class=\"dplayer-menu\">';\n        for (var i = 0; i < contextmenu.length; i++) {\n            result += '<div class=\"dplayer-menu-item\"><a target=\"_blank\" href=\"' + contextmenu[i].link + '\">' + tran(contextmenu[i].text) + '</a></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('Show 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-danunlimit\"><span class=\"dplayer-label\">' + tran('Unlimited danmaku') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-danunlimit-setting-input\" type=\"checkbox\" name=\"dplayer-toggle-danunlimit\"><label for=\"dplayer-toggle-danunlimit\"></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\"><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","'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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Danmaku = function () {\n    function Danmaku(options) {\n        _classCallCheck(this, Danmaku);\n        this.options = options;\n        this.container = this.options.container;\n        this.danTunnel = {\n            right: {},\n            top: {},\n            bottom: {}\n        };\n        this.danIndex = 0;\n        this.dan = [];\n        this.showing = true;\n        this._opacity = this.options.opacity;\n        this.events = this.options.events;\n        this.unlimited = this.options.unlimited;\n        this._measure('');\n        this.load();\n    }\n    _createClass(Danmaku, [\n        {\n            key: 'load',\n            value: function load() {\n                var _this = this;\n                var apiurl = void 0;\n                if (this.options.api.maximum) {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id + '&max=' + this.options.api.maximum;\n                } else {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id;\n                }\n                var endpoints = (this.options.api.addition || []).slice(0);\n                endpoints.push(apiurl);\n                this.events && this.events.trigger('danmaku_load_start', endpoints);\n                this._readAllEndpoints(endpoints, function (results) {\n                    _this.dan = [].concat.apply([], results).sort(function (a, b) {\n                        return a.time - b.time;\n                    });\n                    window.requestAnimationFrame(function () {\n                        _this.frame();\n                    });\n                    _this.options.callback();\n                    _this.events && _this.events.trigger('danmaku_load_end');\n                });\n            }\n        },\n        {\n            key: 'reload',\n            value: function reload(newAPI) {\n                this.options.api = newAPI;\n                this.dan = [];\n                this.clear();\n                this.load();\n            }\n        },\n        {\n            key: '_readAllEndpoints',\n            value: function _readAllEndpoints(endpoints, callback) {\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.options.error(err.response.msg);\n                            } else {\n                                _this2.options.error('Request was unsuccessful: ' + err.status);\n                            }\n                            results[i] = [];\n                        } else {\n                            results[i] = data;\n                        }\n                        if (readCount === endpoints.length) {\n                            return callback(results);\n                        }\n                    };\n                };\n                for (var i = 0; i < endpoints.length; ++i) {\n                    this.options.apiBackend.read(endpoints[i], cbk(i));\n                }\n            }\n        },\n        {\n            key: 'send',\n            value: function send(dan, callback) {\n                var danmakuData = {\n                    token: this.options.api.token,\n                    player: this.options.api.id,\n                    author: this.options.api.user,\n                    time: this.options.time(),\n                    text: dan.text,\n                    color: dan.color,\n                    type: dan.type\n                };\n                this.options.apiBackend.send(this.options.api.address, danmakuData, callback);\n                this.dan.splice(this.danIndex, 0, danmakuData);\n                this.danIndex++;\n                var danmaku = {\n                    text: this.htmlEncode(danmakuData.text),\n                    color: danmakuData.color,\n                    type: danmakuData.type,\n                    border: '2px solid ' + this.options.borderColor\n                };\n                this.draw(danmaku);\n                this.events && this.events.trigger('danmaku_send', danmakuData);\n            }\n        },\n        {\n            key: 'frame',\n            value: function frame() {\n                var _this3 = this;\n                if (this.dan.length && !this.paused && this.showing) {\n                    var item = this.dan[this.danIndex];\n                    var dan = [];\n                    while (item && this.options.time() > parseFloat(item.time)) {\n                        dan.push(item);\n                        item = this.dan[++this.danIndex];\n                    }\n                    this.draw(dan);\n                }\n                window.requestAnimationFrame(function () {\n                    _this3.frame();\n                });\n            }\n        },\n        {\n            key: 'opacity',\n            value: function opacity(percentage) {\n                if (percentage !== undefined) {\n                    var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                    for (var i = 0; i < items.length; i++) {\n                        items[i].style.opacity = percentage;\n                    }\n                    this._opacity = percentage;\n                    this.events && this.events.trigger('danmaku_opacity', this._opacity);\n                }\n                return this._opacity;\n            }\n        },\n        {\n            key: 'draw',\n            value: function draw(dan) {\n                var _this4 = this;\n                var itemHeight = this.options.height;\n                var danWidth = this.container.offsetWidth;\n                var danHeight = this.container.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 || _this4.container.getBoundingClientRect().right + eleWidth;\n                    return _this4.container.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 _loop = function _loop(i) {\n                        var item = _this4.danTunnel[type][i + ''];\n                        if (item && item.length) {\n                            if (type !== 'right') {\n                                return 'continue';\n                            }\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; _this4.unlimited || i < itemY; i++) {\n                        var _ret = _loop(i);\n                        switch (_ret) {\n                        case 'continue':\n                            continue;\n                        default:\n                            if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === 'object')\n                                return _ret.v;\n                        }\n                    }\n                    return -1;\n                };\n                if (Object.prototype.toString.call(dan) !== '[object Array]') {\n                    dan = [dan];\n                }\n                var docFragment = document.createDocumentFragment();\n                var _loop2 = function _loop2(i) {\n                    if (!dan[i].type) {\n                        dan[i].type = 'right';\n                    }\n                    if (!dan[i].color) {\n                        dan[i].color = '#fff';\n                    }\n                    var item = document.createElement('div');\n                    item.classList.add('dplayer-danmaku-item');\n                    item.classList.add('dplayer-danmaku-' + dan[i].type);\n                    if (dan[i].border) {\n                        item.innerHTML = '<span style=\"border:' + dan[i].border + '\">' + dan[i].text + '</span>';\n                    } else {\n                        item.innerHTML = dan[i].text;\n                    }\n                    item.style.opacity = _this4._opacity;\n                    item.style.color = dan[i].color;\n                    item.addEventListener('animationend', function () {\n                        _this4.container.removeChild(item);\n                    });\n                    var itemWidth = _this4._measure(dan[i].text);\n                    var tunnel = void 0;\n                    switch (dan[i].type) {\n                    case 'right':\n                        tunnel = getTunnel(item, dan[i].type, itemWidth);\n                        if (tunnel >= 0) {\n                            item.style.width = itemWidth + 1 + 'px';\n                            item.style.top = itemHeight * tunnel + 'px';\n                            item.style.transform = 'translateX(-' + danWidth + 'px)';\n                        }\n                        break;\n                    case 'top':\n                        tunnel = getTunnel(item, dan[i].type);\n                        if (tunnel >= 0) {\n                            item.style.top = itemHeight * tunnel + 'px';\n                        }\n                        break;\n                    case 'bottom':\n                        tunnel = getTunnel(item, dan[i].type);\n                        if (tunnel >= 0) {\n                            item.style.bottom = itemHeight * tunnel + 'px';\n                        }\n                        break;\n                    default:\n                        console.error('Can\\'t handled danmaku type: ' + dan[i].type);\n                    }\n                    if (tunnel >= 0) {\n                        item.classList.add('dplayer-danmaku-move');\n                        docFragment.appendChild(item);\n                    }\n                };\n                for (var i = 0; i < dan.length; i++) {\n                    _loop2(i);\n                }\n                this.container.appendChild(docFragment);\n                return docFragment;\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n            }\n        },\n        {\n            key: '_measure',\n            value: function _measure(text) {\n                if (!this.context) {\n                    var measureStyle = getComputedStyle(this.container.getElementsByClassName('dplayer-danmaku-item')[0], null);\n                    this.context = document.createElement('canvas').getContext('2d');\n                    this.context.font = measureStyle.getPropertyValue('font');\n                }\n                return this.context.measureText(text).width;\n            }\n        },\n        {\n            key: 'seek',\n            value: function seek() {\n                for (var i = 0; i < this.dan.length; i++) {\n                    if (this.dan[i].time >= this.options.time()) {\n                        this.danIndex = i;\n                        break;\n                    }\n                    this.danIndex = this.dan.length;\n                }\n            }\n        },\n        {\n            key: 'clear',\n            value: function clear() {\n                this.danTunnel = {\n                    right: {},\n                    top: {},\n                    bottom: {}\n                };\n                this.danIndex = 0;\n                this.options.container.innerHTML = '';\n                this.events && this.events.trigger('danmaku_clear');\n            }\n        },\n        {\n            key: 'htmlEncode',\n            value: 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        },\n        {\n            key: 'resize',\n            value: function resize() {\n                var danWidth = this.container.offsetWidth;\n                var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                for (var i = 0; i < items.length; i++) {\n                    items[i].style.transform = 'translateX(-' + danWidth + 'px)';\n                }\n            }\n        },\n        {\n            key: 'hide',\n            value: function hide() {\n                this.showing = false;\n                this.pause();\n                this.clear();\n                this.events && this.events.trigger('danmaku_hide');\n            }\n        },\n        {\n            key: 'show',\n            value: function show() {\n                this.seek();\n                this.showing = true;\n                this.play();\n                this.events && this.events.trigger('danmaku_show');\n            }\n        },\n        {\n            key: 'unlimit',\n            value: function unlimit(boolean) {\n                this.unlimited = boolean;\n            }\n        }\n    ]);\n    return Danmaku;\n}();\nmodule.exports = Danmaku;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/danmaku.js\n// module id = 9\n// module chunks = 0","'use strict';\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Thumbnails = function () {\n    function Thumbnails(container, width, url, events) {\n        _classCallCheck(this, Thumbnails);\n        this.container = container;\n        this.width = width;\n        this.container.style.backgroundImage = 'url(\\'' + url + '\\')';\n        this.events = events;\n    }\n    _createClass(Thumbnails, [\n        {\n            key: 'resize',\n            value: function resize(width, height) {\n                this.container.style.width = width + 'px';\n                this.container.style.height = height + 'px';\n                this.container.style.top = -height + 2 + 'px';\n            }\n        },\n        {\n            key: 'show',\n            value: function show() {\n                this.container.style.display = 'block';\n                this.events && this.events.trigger('thumbnails_show');\n            }\n        },\n        {\n            key: 'move',\n            value: function move(position) {\n                this.container.style.backgroundPosition = '-' + (Math.ceil(position / this.width * 100) - 1) * 160 + 'px 0';\n                this.container.style.left = position - this.container.offsetWidth / 2 + 'px';\n            }\n        },\n        {\n            key: 'hide',\n            value: function hide() {\n                this.container.style.display = 'none';\n                this.events && this.events.trigger('thumbnails_hide');\n            }\n        }\n    ]);\n    return Thumbnails;\n}();\nmodule.exports = Thumbnails;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/thumbnails.js\n// module id = 10\n// module chunks = 0","'use strict';\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Events = function () {\n    function Events() {\n        _classCallCheck(this, Events);\n        this.events = {};\n        this.videoEvents = [\n            'abort',\n            'canplay',\n            'canplaythrough',\n            'durationchange',\n            'emptied',\n            'ended',\n            'error',\n            'loadeddata',\n            'loadedmetadata',\n            'loadstart',\n            'mozaudioavailable',\n            'pause',\n            'play',\n            'playing',\n            'progress',\n            'ratechange',\n            'seeked',\n            'seeking',\n            'stalled',\n            'suspend',\n            'timeupdate',\n            'volumechange',\n            'waiting'\n        ];\n        this.playerEvents = [\n            'screenshot',\n            'thumbnails_show',\n            'thumbnails_hide',\n            'danmaku_show',\n            'danmaku_hide',\n            'danmaku_clear',\n            'danmaku_loaded',\n            'danmaku_send',\n            'danmaku_opacity',\n            'contextmenu_show',\n            'contextmenu_hide',\n            'notice_show',\n            'notice_hide',\n            'quality_start',\n            'quality_end',\n            'destroy',\n            'resize',\n            'fullscreen',\n            'fullscreen_cancel',\n            'webfullscreen',\n            'webfullscreen_cancel'\n        ];\n    }\n    _createClass(Events, [\n        {\n            key: 'on',\n            value: function on(name, callback) {\n                if (this.type(name) && typeof callback === 'function') {\n                    if (!this.events[name]) {\n                        this.events[name] = [];\n                    }\n                    this.events[name].push(callback);\n                }\n            }\n        },\n        {\n            key: 'trigger',\n            value: function trigger(name, info) {\n                if (this.events[name] && this.events[name].length) {\n                    for (var i = 0; i < this.events[name].length; i++) {\n                        this.events[name][i](info);\n                    }\n                }\n            }\n        },\n        {\n            key: 'type',\n            value: function type(name) {\n                if (this.playerEvents.indexOf(name) !== -1) {\n                    return 'player';\n                } else if (this.videoEvents.indexOf(name) !== -1) {\n                    return 'video';\n                }\n                console.error('Unknown event name: ' + name);\n                return null;\n            }\n        }\n    ]);\n    return Events;\n}();\nmodule.exports = Events;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/events.js\n// module id = 11\n// module chunks = 0","'use strict';\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar FullScreen = function () {\n    function FullScreen(player) {\n        var _this = this;\n        _classCallCheck(this, FullScreen);\n        this.player = player;\n        this.player.events.on('webfullscreen', function () {\n            _this.player.resize();\n        });\n        this.player.events.on('webfullscreen_cancel', function () {\n            _this.player.resize();\n        });\n        var fullscreenchange = function fullscreenchange() {\n            _this.player.resize();\n            if (_this.isFullScreen('browser')) {\n                _this.player.events.trigger('fullscreen');\n            } else {\n                _this.player.events.trigger('fullscreen_cancel');\n            }\n        };\n        this.player.element.addEventListener('fullscreenchange', fullscreenchange);\n        this.player.element.addEventListener('mozfullscreenchange', fullscreenchange);\n        this.player.element.addEventListener('webkitfullscreenchange', fullscreenchange);\n    }\n    _createClass(FullScreen, [\n        {\n            key: 'isFullScreen',\n            value: function isFullScreen() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\n                    return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;\n                case 'web':\n                    return this.player.element.classList.contains('dplayer-fulled');\n                }\n            }\n        },\n        {\n            key: 'request',\n            value: function request() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\n                    if (this.player.element.requestFullscreen) {\n                        this.player.element.requestFullscreen();\n                    } else if (this.player.element.mozRequestFullScreen) {\n                        this.player.element.mozRequestFullScreen();\n                    } else if (this.player.element.webkitRequestFullscreen) {\n                        this.player.element.webkitRequestFullscreen();\n                    } else if (this.player.video.webkitEnterFullscreen) {\n                        this.player.video.webkitEnterFullscreen();\n                    }\n                    break;\n                case 'web':\n                    this.player.element.classList.add('dplayer-fulled');\n                    this.player.events.trigger('webfullscreen');\n                    break;\n                }\n            }\n        },\n        {\n            key: 'cancel',\n            value: function cancel() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\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                    break;\n                case 'web':\n                    this.player.element.classList.remove('dplayer-fulled');\n                    this.player.events.trigger('webfullscreen_cancel');\n                    break;\n                }\n            }\n        },\n        {\n            key: 'toggle',\n            value: function toggle() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                if (this.isFullScreen(type)) {\n                    this.cancel(type);\n                } else {\n                    this.request(type);\n                }\n            }\n        }\n    ]);\n    return FullScreen;\n}();\nmodule.exports = FullScreen;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/fullscreen.js\n// module id = 12\n// module chunks = 0","'use strict';\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}();\nvar _utils = require('./utils');\nvar _utils2 = _interopRequireDefault(_utils);\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 User = function () {\n    function User(player) {\n        _classCallCheck(this, User);\n        this.storageName = {\n            opacity: 'dplayer-danmaku-opacity',\n            volume: 'dplayer-volume',\n            unlimited: 'dplayer-danmaku-unlimited',\n            danmaku: 'dplayer-danmaku-show'\n        };\n        this.default = {\n            opacity: 0.7,\n            volume: player.option.volume || 0.7,\n            unlimited: (player.option.danmaku && player.option.danmaku.unlimited ? 1 : 0) || 0,\n            danmaku: 1\n        };\n        this.data = {};\n        this.init();\n    }\n    _createClass(User, [\n        {\n            key: 'init',\n            value: function init() {\n                for (var item in this.storageName) {\n                    var name = this.storageName[item];\n                    this.data[item] = parseFloat(_utils2.default.storage.get(name) || this.default[item]);\n                }\n            }\n        },\n        {\n            key: 'get',\n            value: function get(key) {\n                return this.data[key];\n            }\n        },\n        {\n            key: 'set',\n            value: function set(key, value) {\n                this.data[key] = value;\n                _utils2.default.storage.set(this.storageName[key], value);\n            }\n        }\n    ]);\n    return User;\n}();\nmodule.exports = User;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/user.js\n// module id = 13\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///DPlayer.min.js","webpack:///webpack/bootstrap 9cd8dcb2cfe685559b0b","webpack:///./src/utils.js","webpack:///./src/svg.js","webpack:///./src/index.js","webpack:///./src/DPlayer.js","webpack:///./src/options.js","webpack:///./src/api.js","webpack:///./src/i18n.js","webpack:///./src/html.js","webpack:///./src/danmaku.js","webpack:///./src/thumbnails.js","webpack:///./src/events.js","webpack:///./src/fullscreen.js","webpack:///./src/user.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","secondToTime","second","add0","num","min","parseInt","sec","getElementViewLeft","element","actualLeft","offsetLeft","current","offsetParent","elementScrollLeft","document","body","scrollLeft","documentElement","fullscreenElement","mozFullScreenElement","webkitFullscreenElement","isMobile","test","window","navigator","userAgent","storage","set","key","value","localStorage","setItem","getItem","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","_createClass","defineProperties","target","props","length","descriptor","writable","protoProps","staticProps","_utils","_utils2","_svg","_svg2","_options","_options2","_i18n","_i18n2","_html","_html2","_danmaku","_danmaku2","_thumbnails","_thumbnails2","_events","_events2","_fullscreen","_fullscreen2","_user","_user2","index","DPlayer","options","_this","container","classList","add","video","quality","qualityIndex","defaultQuality","tran","lang","events","user","danmaku","innerHTML","main","bar","volumeBar","getElementsByClassName","playedBar","loadedBar","pbar","pbarTimeTips","barWidth","updateBar","percentage","direction","style","addEventListener","focus","opacity","callback","display","autoplay","error","msg","notice","apiBackend","borderColor","theme","height","arrow","time","currentTime","unlimited","api","id","address","token","maximum","addition","offsetWidth","arrowStyle","createElement","head","appendChild","bezel","remove","playButton","paused","toggle","videoWrap","conMask","toggleController","contains","lastPlayPos","currentPlayPos","bufferingDetected","requestAnimationFrame","webkitRequestAnimationFrame","mozRequestAnimationFrame","oRequestAnimationFrame","msRequestAnimationFrame","setTimeout","setCheckLoadingTime","checkLoading","setInterval","clearCheckLoadingTime","clearInterval","playedTime","animationFrame","duration","setTime","clearTime","thumbnails","initThumbnails","isTimeTipsShow","mouseHandler","bind","thumbMove","e","clientX","thumbUp","removeEventListener","seek","parseFloat","width","clientWidth","volumeEle","volumeBarWrapWrap","volumeBarWrap","volumeicon","switchVolumeIcon","volume","volumeMove","event","volumeUp","muted","hideTime","hideController","clearTimeout","played","closeSetting","closeComment","settingHTML","settingIcon","settingBox","mask","original","settingEvent","openSetting","showdan","hide","unlimitDan","loopEle","loopToggle","checked","showDanEle","showDanToggle","show","unlimitDanEle","unlimitDanToggle","unlimit","speed","speedItem","playbackRate","dataset","danmakuBar","danmakuBarWrapWrap","danmakuBarWrap","danmakuSettingBox","on","danmakuMove","danmakuUp","commentInput","commentIcon","commentBox","commentSettingIcon","commentSettingBox","commentSendIcon","closeCommentSetting","toggleCommentSetting","disableHide","commentFocusTimeout","openComment","querySelector","fill","sendComment","blur","replace","text","color","keyCode","fullScreen","handleKeyDown","tag","activeElement","tagName","toUpperCase","editable","getAttribute","preventDefault","hotkey","isFullScreen","cancel","clientRect","getBoundingClientRect","menuLeft","left","menuTop","clientY","top","offsetHeight","bottom","trigger","switchQuality","screenshot","camareIcon","canvas","videoWidth","videoHeight","getContext","drawImage","dataURL","toDataURL","href","download","initVideo","Math","max","toFixed","ended","nostorage","isNaN","formatPercentage","balloon","danmakuAPI","poster","pic","src","url","initMSE","reload","exec","Hls","isSupported","hls","loadSource","attachMedia","flvjs","flvPlayer","createPlayer","attachMediaElement","load","_this2","buffered","end","danIndex","videoEvents","_this3","switchingQuality","videoHTML","videoEle","DOMParser","parseFromString","firstChild","parent","insertBefore","getElementsByTagName","prevVideo","removeChild","timeTips","_this4","cumulativeOffset","offsetTop","px","tx","move","innerText","timeTipsDisplay","_this5","resize","_this6","arguments","undefined","noticeEle","noticeTime","defaultApiBackend","defaultOption","language","browserLanguage","toLowerCase","preload","contextmenu","defaultKey","concat","link","SendXMLHttpRequest","data","success","fail","xhr","XMLHttpRequest","onreadystatechange","readyState","status","response","JSON","parse","responseText","code","open","stringify","endpoint","danmakuData","alert","read","tranTxt","zh-cn","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","Show danmaku","This video fails to load","Switching to","Switched to","FF","REW","Unlimited danmaku","Send danmaku","Setting","Full screen","Web full screen","Send","Screenshot","zh-tw","svg","html","videos","logo","danmakumargin","margin","qualityList","contextmenuList","result","_typeof","Symbol","iterator","constructor","Danmaku","danTunnel","dan","showing","_opacity","_measure","apiurl","endpoints","slice","push","_readAllEndpoints","results","apply","sort","a","b","frame","newAPI","clear","readCount","err","player","author","splice","htmlEncode","border","draw","item","items","itemHeight","danWidth","danHeight","itemY","danItemRight","ele","eleWidth","eleRight","danSpeed","getTunnel","tmp","_ret","v","j","danRight","toString","docFragment","createDocumentFragment","itemWidth","tunnel","transform","context","measureStyle","getComputedStyle","font","getPropertyValue","measureText","str","boolean","Thumbnails","backgroundImage","position","backgroundPosition","ceil","Events","playerEvents","info","indexOf","FullScreen","fullscreenchange","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","webkitEnterFullscreen","cancelFullScreen","mozCancelFullScreen","webkitCancelFullScreen","request","User","storageName","init"],"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 = 2);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\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    storage: {\n        set: function set(key, value) {\n            localStorage.setItem(key, value);\n        },\n        get: function get(key) {\n            return localStorage.getItem(key);\n        }\n    }\n};\n\n/***/ }),\n/* 1 */\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/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nconsole.log('\\n' + ' %c DPlayer ' + \"1.11.0\" + ' ' + \"2323e73\" + ' %c http://dplayer.js.org ' + '\\n' + '\\n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');\nmodule.exports = __webpack_require__(3);\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\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__(4);\nvar _utils = __webpack_require__(0);\nvar _utils2 = _interopRequireDefault(_utils);\nvar _svg = __webpack_require__(1);\nvar _svg2 = _interopRequireDefault(_svg);\nvar _options = __webpack_require__(5);\nvar _options2 = _interopRequireDefault(_options);\nvar _i18n = __webpack_require__(7);\nvar _i18n2 = _interopRequireDefault(_i18n);\nvar _html = __webpack_require__(8);\nvar _html2 = _interopRequireDefault(_html);\nvar _danmaku = __webpack_require__(9);\nvar _danmaku2 = _interopRequireDefault(_danmaku);\nvar _thumbnails = __webpack_require__(10);\nvar _thumbnails2 = _interopRequireDefault(_thumbnails);\nvar _events = __webpack_require__(11);\nvar _events2 = _interopRequireDefault(_events);\nvar _fullscreen = __webpack_require__(12);\nvar _fullscreen2 = _interopRequireDefault(_fullscreen);\nvar _user = __webpack_require__(13);\nvar _user2 = _interopRequireDefault(_user);\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(options) {\n        var _this = this;\n        _classCallCheck(this, DPlayer);\n        this.options = (0, _options2.default)(options);\n        this.options.container.classList.add('dplayer');\n        if (this.options.video.quality) {\n            this.qualityIndex = this.options.video.defaultQuality;\n            this.quality = this.options.video.quality[this.options.video.defaultQuality];\n        }\n        this.tran = new _i18n2.default(this.options.lang).tran;\n        this.events = new _events2.default();\n        this.user = new _user2.default(this);\n        this.container = this.options.container;\n        if (!this.options.danmaku) {\n            this.container.classList.add('dplayer-no-danmaku');\n        }\n        if (_utils.isMobile) {\n            this.container.classList.add('dplayer-mobile');\n        }\n        this.container.innerHTML = _html2.default.main(this.options, index, this.tran);\n        var bar = {};\n        bar.volumeBar = this.container.getElementsByClassName('dplayer-volume-bar-inner')[0];\n        bar.playedBar = this.container.getElementsByClassName('dplayer-played')[0];\n        bar.loadedBar = this.container.getElementsByClassName('dplayer-loaded')[0];\n        var pbar = this.container.getElementsByClassName('dplayer-bar-wrap')[0];\n        var pbarTimeTips = this.container.getElementsByClassName('dplayer-bar-time')[0];\n        var barWidth = void 0;\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        document.addEventListener('click', function () {\n            _this.focus = false;\n        }, true);\n        this.container.addEventListener('click', function () {\n            _this.focus = true;\n        }, true);\n        if (this.options.danmaku) {\n            this.danmaku = new _danmaku2.default({\n                container: this.container.getElementsByClassName('dplayer-danmaku')[0],\n                opacity: this.user.get('opacity'),\n                callback: function callback() {\n                    _this.container.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n                    if (_this.options.autoplay && !_utils.isMobile) {\n                        _this.play();\n                    } else if (_utils.isMobile) {\n                        _this.pause();\n                    }\n                },\n                error: function error(msg) {\n                    _this.notice(msg);\n                },\n                apiBackend: this.options.apiBackend,\n                borderColor: this.options.theme,\n                height: this.arrow ? 24 : 30,\n                time: function time() {\n                    return _this.video.currentTime;\n                },\n                unlimited: this.user.get('unlimited'),\n                api: {\n                    id: this.options.danmaku.id,\n                    address: this.options.danmaku.api,\n                    token: this.options.danmaku.token,\n                    maximum: this.options.danmaku.maximum,\n                    addition: this.options.danmaku.addition,\n                    user: this.options.danmaku.user\n                },\n                events: this.events\n            });\n        }\n        this.arrow = this.container.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.container.getElementsByClassName('dplayer-video-current')[0];\n        this.bezel = this.container.getElementsByClassName('dplayer-bezel-icon')[0];\n        this.bezel.addEventListener('animationend', function () {\n            _this.bezel.classList.remove('dplayer-bezel-transition');\n        });\n        this.playButton = this.container.getElementsByClassName('dplayer-play-icon')[0];\n        this.paused = true;\n        this.playButton.addEventListener('click', function () {\n            _this.toggle();\n        });\n        var videoWrap = this.container.getElementsByClassName('dplayer-video-wrap')[0];\n        var conMask = this.container.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.container.classList.contains('dplayer-hide-controller')) {\n                    _this.container.classList.remove('dplayer-hide-controller');\n                } else {\n                    _this.container.classList.add('dplayer-hide-controller');\n                }\n            };\n            videoWrap.addEventListener('click', toggleController);\n            conMask.addEventListener('click', toggleController);\n        }\n        var lastPlayPos = 0;\n        var currentPlayPos = 0;\n        var bufferingDetected = 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 && !_this.video.paused) {\n                    _this.container.classList.add('dplayer-loading');\n                    bufferingDetected = true;\n                }\n                if (bufferingDetected && currentPlayPos > lastPlayPos && !_this.video.paused) {\n                    _this.container.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.playedTime = false;\n        this.animationFrame = function () {\n            if (_this.playedTime) {\n                _this.updateBar('played', _this.video.currentTime / _this.video.duration, 'width');\n                _this.container.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(_this.video.currentTime);\n            }\n            window.requestAnimationFrame(_this.animationFrame);\n        };\n        window.requestAnimationFrame(this.animationFrame);\n        this.setTime = function (type) {\n            if (!type) {\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.playedTime = false;\n                clearCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = false;\n                if (type === 'played') {\n                    clearCheckLoadingTime();\n                }\n            }\n        };\n        if (this.options.video.thumbnails) {\n            this.initThumbnails();\n        }\n        this.isTimeTipsShow = true;\n        this.mouseHandler = this.mouseHandler(pbar, pbarTimeTips).bind(this);\n        pbar.addEventListener('mousemove', this.mouseHandler);\n        pbar.addEventListener('mouseenter', this.mouseHandler);\n        pbar.addEventListener('mouseleave', this.mouseHandler);\n        var thumbMove = function thumbMove(e) {\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.container.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(percentage * _this.video.duration);\n        };\n        var thumbUp = function thumbUp(e) {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\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            _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        var volumeEle = this.container.getElementsByClassName('dplayer-volume')[0];\n        var volumeBarWrapWrap = this.container.getElementsByClassName('dplayer-volume-bar-wrap')[0];\n        var volumeBarWrap = this.container.getElementsByClassName('dplayer-volume-bar')[0];\n        var volumeicon = this.container.getElementsByClassName('dplayer-volume-icon')[0].getElementsByClassName('dplayer-icon-content')[0];\n        var vWidth = 35;\n        this.switchVolumeIcon = function () {\n            if (_this.volume() >= 0.95) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-up');\n            } else if (_this.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.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        var hideController = function hideController() {\n            _this.container.classList.remove('dplayer-hide-controller');\n            clearTimeout(_this.hideTime);\n            _this.hideTime = setTimeout(function () {\n                if (_this.video.played.length) {\n                    _this.container.classList.add('dplayer-hide-controller');\n                    closeSetting();\n                    closeComment();\n                }\n            }, 2000);\n        };\n        if (!_utils.isMobile) {\n            this.container.addEventListener('mousemove', hideController);\n            this.container.addEventListener('click', hideController);\n        }\n        var settingHTML = _html2.default.setting(this.tran);\n        var settingIcon = this.container.getElementsByClassName('dplayer-setting-icon')[0];\n        var settingBox = this.container.getElementsByClassName('dplayer-setting-box')[0];\n        var mask = this.container.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.options.loop;\n        var showdan = this.user.get('danmaku');\n        if (!showdan) {\n            this.danmaku && this.danmaku.hide();\n        }\n        var unlimitDan = this.user.get('unlimited');\n        var settingEvent = function settingEvent() {\n            var loopEle = _this.container.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.container.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.paused) {\n                        _this.danmaku.show();\n                    }\n                } else {\n                    showdan = false;\n                    _this.danmaku.hide();\n                }\n                _this.user.set('danmaku', showdan ? 1 : 0);\n                closeSetting();\n            });\n            var unlimitDanEle = _this.container.getElementsByClassName('dplayer-setting-danunlimit')[0];\n            var unlimitDanToggle = unlimitDanEle.getElementsByClassName('dplayer-danunlimit-setting-input')[0];\n            unlimitDanToggle.checked = unlimitDan;\n            unlimitDanEle.addEventListener('click', function () {\n                unlimitDanToggle.checked = !unlimitDanToggle.checked;\n                if (unlimitDanToggle.checked) {\n                    unlimitDan = true;\n                    _this.danmaku.unlimit(true);\n                } else {\n                    unlimitDan = false;\n                    _this.danmaku.unlimit(false);\n                }\n                _this.user.set('unlimited', unlimitDan ? 1 : 0);\n                closeSetting();\n            });\n            var speedEle = _this.container.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(i) {\n                    speedItem[i].addEventListener('click', function () {\n                        _this.video.playbackRate = speedItem[i].dataset.speed;\n                        closeSetting();\n                    });\n                };\n                for (var i = 0; i < speedItem.length; i++) {\n                    _loop(i);\n                }\n            });\n            if (_this.danmaku) {\n                bar.danmakuBar = _this.container.getElementsByClassName('dplayer-danmaku-bar-inner')[0];\n                var danmakuBarWrapWrap = _this.container.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];\n                var danmakuBarWrap = _this.container.getElementsByClassName('dplayer-danmaku-bar')[0];\n                var danmakuSettingBox = _this.container.getElementsByClassName('dplayer-setting-danmaku')[0];\n                var dWidth = 130;\n                _this.on('danmaku_opacity', function (percentage) {\n                    _this.updateBar('danmaku', percentage, 'width');\n                    _this.user.set('opacity', percentage);\n                });\n                _this.danmaku.opacity(_this.user.get('opacity'));\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.danmaku.opacity(percentage);\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.danmaku.opacity(percentage);\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.container.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? _utils2.default.secondToTime(this.video.duration) : '00:00';\n        }\n        if (!this.danmaku) {\n            if (this.options.autoplay && !_utils.isMobile) {\n                this.play();\n            } else if (_utils.isMobile) {\n                this.pause();\n            }\n        }\n        var commentInput = this.container.getElementsByClassName('dplayer-comment-input')[0];\n        var commentIcon = this.container.getElementsByClassName('dplayer-comment-icon')[0];\n        var commentBox = this.container.getElementsByClassName('dplayer-comment-box')[0];\n        var commentSettingIcon = this.container.getElementsByClassName('dplayer-comment-setting-icon')[0];\n        var commentSettingBox = this.container.getElementsByClassName('dplayer-comment-setting-box')[0];\n        var commentSendIcon = this.container.getElementsByClassName('dplayer-send-icon')[0];\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.container.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.container.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.container.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', function () {\n            var sele = _this.container.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked+span');\n            if (sele) {\n                commentSettingIcon.getElementsByClassName('dplayer-fill')[0].style.fill = _this.container.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked').value;\n            }\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            _this.danmaku.send({\n                text: commentInput.value,\n                color: _this.container.querySelector('.dplayer-comment-setting-color input:checked').value,\n                type: _this.container.querySelector('.dplayer-comment-setting-type input:checked').value\n            }, function () {\n                commentInput.value = '';\n                closeComment();\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        this.fullScreen = new _fullscreen2.default(this);\n        this.container.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', function () {\n            _this.fullScreen.toggle('browser');\n        });\n        this.container.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', function () {\n            _this.fullScreen.toggle('web');\n        });\n        var handleKeyDown = function handleKeyDown(e) {\n            if (_this.focus) {\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                        hideController();\n                        break;\n                    case 39:\n                        event.preventDefault();\n                        _this.seek(_this.video.currentTime + 5);\n                        hideController();\n                        break;\n                    case 38:\n                        event.preventDefault();\n                        percentage = _this.volume() + 0.1;\n                        _this.volume(percentage);\n                        break;\n                    case 40:\n                        event.preventDefault();\n                        percentage = _this.volume() - 0.1;\n                        _this.volume(percentage);\n                        break;\n                    }\n                }\n            }\n        };\n        if (this.options.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.fullScreen.isFullScreen('web')) {\n                    _this.fullScreen.cancel('web');\n                }\n                break;\n            }\n        });\n        var menu = this.container.getElementsByClassName('dplayer-menu')[0];\n        this.container.addEventListener('contextmenu', function (e) {\n            var event = e || window.event;\n            event.preventDefault();\n            menu.classList.add('dplayer-menu-show');\n            var clientRect = _this.container.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.container.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.container.getBoundingClientRect().top + 'px';\n                menu.style.bottom = 'initial';\n            }\n            mask.classList.add('dplayer-mask-show');\n            _this.events.trigger('contextmenu_show');\n            mask.addEventListener('click', function () {\n                mask.classList.remove('dplayer-mask-show');\n                menu.classList.remove('dplayer-menu-show');\n                _this.events.trigger('contextmenu_hide');\n            });\n        });\n        if (this.options.video.quality) {\n            this.container.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.options.screenshot) {\n            var camareIcon = this.container.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                var dataURL = canvas.toDataURL();\n                camareIcon.href = dataURL;\n                camareIcon.download = 'DPlayer.png';\n                _this.events.trigger('screenshot', dataURL);\n            });\n        }\n        this.initVideo(this.video, this.quality && this.quality.type || this.options.video.type);\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                if (this.video.currentTime < time) {\n                    this.notice(this.tran('FF') + ' ' + (time - this.video.currentTime).toFixed(0) + ' ' + this.tran('s'));\n                } else if (this.video.currentTime > time) {\n                    this.notice(this.tran('REW') + ' ' + (this.video.currentTime - time).toFixed(0) + ' ' + this.tran('s'));\n                }\n                this.video.currentTime = time;\n                if (this.danmaku) {\n                    this.danmaku.seek();\n                }\n                this.updateBar('played', time / this.video.duration, 'width');\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.container.classList.add('dplayer-playing');\n                if (this.danmaku) {\n                    this.danmaku.play();\n                }\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n                this.container.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.container.classList.remove('dplayer-playing');\n                if (this.danmaku) {\n                    this.danmaku.pause();\n                }\n            }\n        },\n        {\n            key: 'volume',\n            value: function volume(percentage, nostorage) {\n                percentage = parseFloat(percentage);\n                if (!isNaN(percentage)) {\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    this.updateBar('volume', percentage, 'width');\n                    var formatPercentage = (percentage * 100).toFixed(0) + '%';\n                    this.container.getElementsByClassName('dplayer-volume-bar-wrap')[0].dataset.balloon = formatPercentage;\n                    if (!nostorage) {\n                        this.user.set('volume', percentage);\n                    }\n                    this.video.volume = percentage;\n                    if (this.video.muted) {\n                        this.video.muted = false;\n                    }\n                    this.switchVolumeIcon();\n                }\n                return this.video.volume;\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(name, callback) {\n                this.events.on(name, callback);\n            }\n        },\n        {\n            key: 'switchVideo',\n            value: function switchVideo(video, danmakuAPI) {\n                this.pause();\n                this.video.poster = video.pic ? video.pic : '';\n                this.video.src = video.url;\n                this.initMSE(this.video, video.type || 'auto');\n                if (danmakuAPI) {\n                    this.container.getElementsByClassName('dplayer-danloading')[0].style.display = 'block';\n                    this.updateBar('played', 0, 'width');\n                    this.updateBar('loaded', 0, 'width');\n                    this.container.getElementsByClassName('dplayer-ptime')[0].innerHTML = '00:00';\n                    this.container.getElementsByClassName('dplayer-danmaku')[0].innerHTML = '';\n                    if (this.danmaku) {\n                        this.danmaku.reload({\n                            id: danmakuAPI.id,\n                            address: danmakuAPI.api,\n                            token: danmakuAPI.token,\n                            maximum: danmakuAPI.maximum,\n                            addition: danmakuAPI.addition,\n                            user: danmakuAPI.user\n                        });\n                    }\n                }\n            }\n        },\n        {\n            key: 'initMSE',\n            value: function initMSE(video, type) {\n                this.type = type;\n                if (this.type === 'auto') {\n                    if (/m3u8(#|\\?|$)/i.exec(video.src)) {\n                        this.type = 'hls';\n                    } else if (/.flv(#|\\?|$)/i.exec(video.src)) {\n                        this.type = 'flv';\n                    } else {\n                        this.type = 'normal';\n                    }\n                }\n                if (this.type === 'hls' && Hls.isSupported()) {\n                    var hls = new Hls();\n                    hls.loadSource(video.src);\n                    hls.attachMedia(video);\n                }\n                if (this.type === 'flv' && flvjs.isSupported()) {\n                    var flvPlayer = flvjs.createPlayer({\n                        type: 'flv',\n                        url: video.src\n                    });\n                    flvPlayer.attachMediaElement(video);\n                    flvPlayer.load();\n                }\n            }\n        },\n        {\n            key: 'initVideo',\n            value: function initVideo(video, type) {\n                var _this2 = this;\n                this.initMSE(video, type);\n                this.on('durationchange', function () {\n                    if (video.duration !== 1) {\n                        _this2.container.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(video.duration);\n                    }\n                });\n                this.on('progress', function () {\n                    var percentage = video.buffered.length ? video.buffered.end(video.buffered.length - 1) / video.duration : 0;\n                    _this2.updateBar('loaded', percentage, 'width');\n                });\n                this.on('error', function () {\n                    _this2.tran && _this2.notice && _this2.notice(_this2.tran('This video fails to load'), -1);\n                });\n                this.ended = false;\n                this.on('ended', function () {\n                    _this2.updateBar('played', 1, 'width');\n                    if (!_this2.loop) {\n                        _this2.ended = true;\n                        _this2.pause();\n                    } else {\n                        _this2.seek(0);\n                        video.play();\n                    }\n                    if (_this2.danmaku) {\n                        _this2.danmaku.danIndex = 0;\n                    }\n                });\n                this.on('play', function () {\n                    if (_this2.paused) {\n                        _this2.play();\n                    }\n                });\n                this.on('pause', function () {\n                    if (!_this2.paused) {\n                        _this2.pause();\n                    }\n                });\n                var _loop2 = function _loop2(i) {\n                    video.addEventListener(_this2.events.videoEvents[i], function () {\n                        _this2.events.trigger(_this2.events.videoEvents[i]);\n                    });\n                };\n                for (var i = 0; i < this.events.videoEvents.length; i++) {\n                    _loop2(i);\n                }\n                this.volume(this.user.get('volume'), true);\n            }\n        },\n        {\n            key: 'switchQuality',\n            value: function switchQuality(index) {\n                var _this3 = 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.options.video.quality[index];\n                this.container.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.options.screenshot, 'auto', this.quality.url);\n                var videoEle = new DOMParser().parseFromString(videoHTML, 'text/html').body.firstChild;\n                var parent = this.container.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(this.video, this.quality.type || this.options.video.type);\n                this.seek(this.prevVideo.currentTime);\n                this.notice(this.tran('Switching to') + ' ' + this.quality.name + ' ' + this.tran('quality'), -1);\n                this.events.trigger('quality_start', this.quality);\n                this.on('canplay', function () {\n                    if (_this3.prevVideo) {\n                        if (_this3.video.currentTime !== _this3.prevVideo.currentTime) {\n                            _this3.seek(_this3.prevVideo.currentTime);\n                            return;\n                        }\n                        parent.removeChild(_this3.prevVideo);\n                        _this3.video.classList.add('dplayer-video-current');\n                        if (!paused) {\n                            _this3.video.play();\n                        }\n                        _this3.prevVideo = null;\n                        _this3.notice(_this3.tran('Switched to') + ' ' + _this3.quality.name + ' ' + _this3.tran('quality'));\n                        _this3.switchingQuality = false;\n                        _this3.events.trigger('quality_end');\n                    }\n                });\n            }\n        },\n        {\n            key: 'mouseHandler',\n            value: function mouseHandler(pbar, timeTips) {\n                var _this4 = 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 (!_this4.video.duration) {\n                        return;\n                    }\n                    var clientX = e.clientX;\n                    var px = cumulativeOffset(pbar).left;\n                    var tx = clientX - px;\n                    if (tx < 0 || tx > pbar.offsetWidth) {\n                        return;\n                    }\n                    var time = _this4.video.duration * (tx / pbar.offsetWidth);\n                    timeTips.style.left = tx - 20 + 'px';\n                    switch (e.type) {\n                    case 'mouseenter':\n                        _this4.thumbnails && _this4.thumbnails.show();\n                        break;\n                    case 'mousemove':\n                        _this4.thumbnails && _this4.thumbnails.move(tx);\n                        timeTips.innerText = _utils2.default.secondToTime(time);\n                        _this4.timeTipsDisplay(true, timeTips);\n                        break;\n                    case 'mouseleave':\n                        _this4.thumbnails && _this4.thumbnails.hide();\n                        _this4.timeTipsDisplay(false, timeTips);\n                        break;\n                    }\n                };\n            }\n        },\n        {\n            key: 'timeTipsDisplay',\n            value: function timeTipsDisplay(show, timeTips) {\n                if (show) {\n                    if (this.isTimeTipsShow) {\n                        return;\n                    }\n                    timeTips.classList.remove('hidden');\n                    this.isTimeTipsShow = true;\n                } else {\n                    if (!this.isTimeTipsShow) {\n                        return;\n                    }\n                    timeTips.classList.add('hidden');\n                    this.isTimeTipsShow = false;\n                }\n            }\n        },\n        {\n            key: 'initThumbnails',\n            value: function initThumbnails() {\n                var _this5 = this;\n                this.thumbnails = new _thumbnails2.default(this.container.getElementsByClassName('dplayer-bar-preview')[0], this.container.getElementsByClassName('dplayer-bar-wrap')[0].offsetWidth, this.options.video.thumbnails, this.events);\n                this.on('loadedmetadata', function () {\n                    _this5.thumbnails.resize(160, 90);\n                });\n            }\n        },\n        {\n            key: 'notice',\n            value: function notice(text) {\n                var _this6 = this;\n                var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;\n                var opacity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;\n                var noticeEle = this.container.getElementsByClassName('dplayer-notice')[0];\n                noticeEle.innerHTML = text;\n                noticeEle.style.opacity = opacity;\n                if (this.noticeTime) {\n                    clearTimeout(this.noticeTime);\n                }\n                this.events.trigger('notice_show', text);\n                this.noticeTime = setTimeout(function () {\n                    noticeEle.style.opacity = 0;\n                    _this6.events.trigger('notice_hide');\n                }, time);\n            }\n        },\n        {\n            key: 'resize',\n            value: function resize() {\n                if (this.danmaku) {\n                    this.danmaku.resize();\n                }\n                this.events.trigger('resize');\n            }\n        },\n        {\n            key: 'destroy',\n            value: function destroy() {\n                this.pause();\n                clearTimeout(this.hideTime);\n                this.video.src = '';\n                this.container.innerHTML = '';\n                this.events.trigger('destroy');\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/* 4 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar defaultApiBackend = __webpack_require__(6);\nmodule.exports = function (options) {\n    var isMobile = /mobile/i.test(window.navigator.userAgent);\n    if (isMobile) {\n        options.autoplay = false;\n    }\n    var defaultOption = {\n        container: options.element || document.getElementsByClassName('dplayer')[0],\n        autoplay: false,\n        theme: '#b7daff',\n        loop: false,\n        lang: (navigator.language || navigator.browserLanguage).toLowerCase(),\n        screenshot: false,\n        hotkey: true,\n        preload: 'auto',\n        volume: '0.7',\n        apiBackend: defaultApiBackend,\n        video: {},\n        contextmenu: []\n    };\n    for (var defaultKey in defaultOption) {\n        if (defaultOption.hasOwnProperty(defaultKey) && !options.hasOwnProperty(defaultKey)) {\n            options[defaultKey] = defaultOption[defaultKey];\n        }\n    }\n    if (options.video && !options.video.hasOwnProperty('type')) {\n        options.video.type = 'auto';\n    }\n    if (options.danmaku && !options.danmaku.hasOwnProperty('user')) {\n        options.danmaku.user = 'DIYgod';\n    }\n    if (options.video.quality) {\n        options.video.url = [options.video.quality[options.video.defaultQuality].url];\n    }\n    if (options.lang) {\n        options.lang = options.lang.toLowerCase();\n    }\n    options.contextmenu = options.contextmenu.concat([\n        {\n            text: 'About author',\n            link: 'https://www.anotherhome.net/'\n        },\n        {\n            text: 'About DPlayer',\n            link: 'https://github.com/MoePlayer/DPlayer'\n        },\n        {\n            text: 'DPlayer feedback',\n            link: 'https://github.com/DIYgod/DPlayer/issues'\n        },\n        {\n            text: 'DPlayer ' + \"1.11.0\" + ' ' + \"2323e73\",\n            link: 'https://github.com/MoePlayer/DPlayer/releases'\n        }\n    ]);\n    return options;\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, callback) {\n        SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n            console.log('Post danmaku: ', response);\n            if (callback) {\n                callback();\n            }\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, callback) {\n        SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n            callback(null, response.danmaku);\n        }, function (xhr, response) {\n            callback({\n                status: xhr.status,\n                response: response\n            });\n        }, function (xhr) {\n            callback({\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\nmodule.exports = function (lang) {\n    var _this = this;\n    this.lang = lang;\n    this.tran = function (text) {\n        if (tranTxt[_this.lang] && tranTxt[_this.lang][text]) {\n            return tranTxt[_this.lang][text];\n        } else {\n            return text;\n        }\n    };\n};\nvar tranTxt = {\n    'zh-cn': {\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        'Show danmaku': '显示弹幕',\n        'This video fails to load': '视频加载失败',\n        'Switching to': '正在切换至',\n        'Switched to': '已经切换至',\n        'quality': '画质',\n        'FF': '快进',\n        'REW': '快退',\n        'Unlimited danmaku': '海量弹幕',\n        'Send danmaku': '发送弹幕',\n        'Setting': '设置',\n        'Full screen': '全屏',\n        'Web full screen': '页面全屏',\n        'Send': '发送',\n        'Screenshot': '截图',\n        's': '秒'\n    },\n    'zh-tw': {\n        'Danmaku is loading': '彈幕加載中',\n        'Top': '頂部',\n        'Bottom': '底部',\n        'Rolling': '滾動',\n        'Input danmaku, hit Enter': '輸入彈幕\\uFF0CEnter 發送',\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        'Show danmaku': '顯示彈幕',\n        'This video fails to load': '視頻加載失敗',\n        'Switching to': '正在切換至',\n        'Switched to': '已經切換至',\n        'quality': '畫質',\n        'FF': '快進',\n        'REW': '快退',\n        'Unlimited danmaku': '海量彈幕',\n        'Send danmaku': '發送彈幕',\n        'Setting': '設置',\n        'Full screen': '全屏',\n        'Web full screen': '頁面全屏',\n        'Send': '發送',\n        'Screenshot': '截圖',\n        's': '秒'\n    }\n};\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar svg = __webpack_require__(1);\nvar html = {\n    main: function main(options, index, tran) {\n        var videos = '';\n        videos += html.video(true, options.video.pic, options.screenshot, options.preload, options.video.url);\n        return '<div class=\"dplayer-mask\"></div><div class=\"dplayer-video-wrap\">' + videos + '' + (options.logo ? '<div class=\"dplayer-logo\"><img src=\"' + options.logo + '\"></div>' : '') + '<div class=\"dplayer-danmaku\" style=\"' + (options.danmaku ? html.danmakumargin(options.danmaku.margin) : '') + '\"><div class=\"dplayer-danmaku-item dplayer-danmaku-item--demo\"></div></div><div class=\"dplayer-bezel\"><span class=\"dplayer-bezel-icon\"></span>' + (options.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\"><span class=\"dplayer-icon-content\">' + svg('play') + '</span></button><div class=\"dplayer-volume\"><button class=\"dplayer-icon dplayer-volume-icon\"><span class=\"dplayer-icon-content\">' + svg('volume-down') + '</span></button><div class=\"dplayer-volume-bar-wrap\" data-balloon-pos=\"up\"><div class=\"dplayer-volume-bar\"><div class=\"dplayer-volume-bar-inner\" style=\"background: ' + options.theme + ';\"><span class=\"dplayer-thumb\" style=\"background: ' + options.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\">' + (options.video.quality ? '<div class=\"dplayer-quality\"><button class=\"dplayer-icon dplayer-quality-icon\">' + options.video.quality[options.video.defaultQuality].name + '</button><div class=\"dplayer-quality-mask\">' + html.qualityList(options.video.quality) + '</div></div>' : '') + '' + (options.screenshot ? '<a href=\"#\" class=\"dplayer-icon dplayer-camera-icon\" data-balloon=\"' + tran('Screenshot') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('camera') + '</span></a>' : '') + '<div class=\"dplayer-comment\"><button class=\"dplayer-icon dplayer-comment-icon\" data-balloon=\"' + tran('Send danmaku') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('comment') + '</span></button><div class=\"dplayer-comment-box\"><button class=\"dplayer-icon dplayer-comment-setting-icon\" data-balloon=\"' + tran('Setting') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('menu') + '</span></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\" data-balloon=\"' + tran('Send') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('send') + '</span></button></div></div><div class=\"dplayer-setting\"><button class=\"dplayer-icon dplayer-setting-icon\" data-balloon=\"' + tran('Setting') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('setting') + '</span></button><div class=\"dplayer-setting-box\"></div></div><div class=\"dplayer-full\"><button class=\"dplayer-icon dplayer-full-in-icon\" data-balloon=\"' + tran('Web full screen') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('full-in') + '</span></button><button class=\"dplayer-icon dplayer-full-icon\" data-balloon=\"' + tran('Full screen') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('full') + '</span></button></div></div><div class=\"dplayer-bar-wrap\"><div class=\"dplayer-bar-time hidden\">00:00</div><div class=\"dplayer-bar-preview\"></div><div class=\"dplayer-bar\"><div class=\"dplayer-loaded\" style=\"width: 0;\"></div><div class=\"dplayer-played\" style=\"width: 0; background: ' + options.theme + '\"><span class=\"dplayer-thumb\" style=\"background: ' + options.theme + '\"></span></div></div></div></div>' + html.contextmenuList(options.contextmenu, tran) + '<div class=\"dplayer-notice\"></div>';\n    },\n    danmakumargin: function danmakumargin(margin) {\n        var result = '';\n        if (margin) {\n            for (var key in margin) {\n                result += key + ':' + margin[key] + ';';\n            }\n        }\n        return result;\n    },\n    contextmenuList: function contextmenuList(contextmenu, tran) {\n        var result = '<div class=\"dplayer-menu\">';\n        for (var i = 0; i < contextmenu.length; i++) {\n            result += '<div class=\"dplayer-menu-item\"><a target=\"_blank\" href=\"' + contextmenu[i].link + '\">' + tran(contextmenu[i].text) + '</a></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('Show 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-danunlimit\"><span class=\"dplayer-label\">' + tran('Unlimited danmaku') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-danunlimit-setting-input\" type=\"checkbox\" name=\"dplayer-toggle-danunlimit\"><label for=\"dplayer-toggle-danunlimit\"></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\"><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/* 9 */\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Danmaku = function () {\n    function Danmaku(options) {\n        _classCallCheck(this, Danmaku);\n        this.options = options;\n        this.container = this.options.container;\n        this.danTunnel = {\n            right: {},\n            top: {},\n            bottom: {}\n        };\n        this.danIndex = 0;\n        this.dan = [];\n        this.showing = true;\n        this._opacity = this.options.opacity;\n        this.events = this.options.events;\n        this.unlimited = this.options.unlimited;\n        this._measure('');\n        this.load();\n    }\n    _createClass(Danmaku, [\n        {\n            key: 'load',\n            value: function load() {\n                var _this = this;\n                var apiurl = void 0;\n                if (this.options.api.maximum) {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id + '&max=' + this.options.api.maximum;\n                } else {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id;\n                }\n                var endpoints = (this.options.api.addition || []).slice(0);\n                endpoints.push(apiurl);\n                this.events && this.events.trigger('danmaku_load_start', endpoints);\n                this._readAllEndpoints(endpoints, function (results) {\n                    _this.dan = [].concat.apply([], results).sort(function (a, b) {\n                        return a.time - b.time;\n                    });\n                    window.requestAnimationFrame(function () {\n                        _this.frame();\n                    });\n                    _this.options.callback();\n                    _this.events && _this.events.trigger('danmaku_load_end');\n                });\n            }\n        },\n        {\n            key: 'reload',\n            value: function reload(newAPI) {\n                this.options.api = newAPI;\n                this.dan = [];\n                this.clear();\n                this.load();\n            }\n        },\n        {\n            key: '_readAllEndpoints',\n            value: function _readAllEndpoints(endpoints, callback) {\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.options.error(err.response.msg);\n                            } else {\n                                _this2.options.error('Request was unsuccessful: ' + err.status);\n                            }\n                            results[i] = [];\n                        } else {\n                            results[i] = data;\n                        }\n                        if (readCount === endpoints.length) {\n                            return callback(results);\n                        }\n                    };\n                };\n                for (var i = 0; i < endpoints.length; ++i) {\n                    this.options.apiBackend.read(endpoints[i], cbk(i));\n                }\n            }\n        },\n        {\n            key: 'send',\n            value: function send(dan, callback) {\n                var danmakuData = {\n                    token: this.options.api.token,\n                    player: this.options.api.id,\n                    author: this.options.api.user,\n                    time: this.options.time(),\n                    text: dan.text,\n                    color: dan.color,\n                    type: dan.type\n                };\n                this.options.apiBackend.send(this.options.api.address, danmakuData, callback);\n                this.dan.splice(this.danIndex, 0, danmakuData);\n                this.danIndex++;\n                var danmaku = {\n                    text: this.htmlEncode(danmakuData.text),\n                    color: danmakuData.color,\n                    type: danmakuData.type,\n                    border: '2px solid ' + this.options.borderColor\n                };\n                this.draw(danmaku);\n                this.events && this.events.trigger('danmaku_send', danmakuData);\n            }\n        },\n        {\n            key: 'frame',\n            value: function frame() {\n                var _this3 = this;\n                if (this.dan.length && !this.paused && this.showing) {\n                    var item = this.dan[this.danIndex];\n                    var dan = [];\n                    while (item && this.options.time() > parseFloat(item.time)) {\n                        dan.push(item);\n                        item = this.dan[++this.danIndex];\n                    }\n                    this.draw(dan);\n                }\n                window.requestAnimationFrame(function () {\n                    _this3.frame();\n                });\n            }\n        },\n        {\n            key: 'opacity',\n            value: function opacity(percentage) {\n                if (percentage !== undefined) {\n                    var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                    for (var i = 0; i < items.length; i++) {\n                        items[i].style.opacity = percentage;\n                    }\n                    this._opacity = percentage;\n                    this.events && this.events.trigger('danmaku_opacity', this._opacity);\n                }\n                return this._opacity;\n            }\n        },\n        {\n            key: 'draw',\n            value: function draw(dan) {\n                var _this4 = this;\n                var itemHeight = this.options.height;\n                var danWidth = this.container.offsetWidth;\n                var danHeight = this.container.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 || _this4.container.getBoundingClientRect().right + eleWidth;\n                    return _this4.container.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 _loop = function _loop(i) {\n                        var item = _this4.danTunnel[type][i + ''];\n                        if (item && item.length) {\n                            if (type !== 'right') {\n                                return 'continue';\n                            }\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; _this4.unlimited || i < itemY; i++) {\n                        var _ret = _loop(i);\n                        switch (_ret) {\n                        case 'continue':\n                            continue;\n                        default:\n                            if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === 'object')\n                                return _ret.v;\n                        }\n                    }\n                    return -1;\n                };\n                if (Object.prototype.toString.call(dan) !== '[object Array]') {\n                    dan = [dan];\n                }\n                var docFragment = document.createDocumentFragment();\n                var _loop2 = function _loop2(i) {\n                    if (!dan[i].type) {\n                        dan[i].type = 'right';\n                    }\n                    if (!dan[i].color) {\n                        dan[i].color = '#fff';\n                    }\n                    var item = document.createElement('div');\n                    item.classList.add('dplayer-danmaku-item');\n                    item.classList.add('dplayer-danmaku-' + dan[i].type);\n                    if (dan[i].border) {\n                        item.innerHTML = '<span style=\"border:' + dan[i].border + '\">' + dan[i].text + '</span>';\n                    } else {\n                        item.innerHTML = dan[i].text;\n                    }\n                    item.style.opacity = _this4._opacity;\n                    item.style.color = dan[i].color;\n                    item.addEventListener('animationend', function () {\n                        _this4.container.removeChild(item);\n                    });\n                    var itemWidth = _this4._measure(dan[i].text);\n                    var tunnel = void 0;\n                    switch (dan[i].type) {\n                    case 'right':\n                        tunnel = getTunnel(item, dan[i].type, itemWidth);\n                        if (tunnel >= 0) {\n                            item.style.width = itemWidth + 1 + 'px';\n                            item.style.top = itemHeight * tunnel + 'px';\n                            item.style.transform = 'translateX(-' + danWidth + 'px)';\n                        }\n                        break;\n                    case 'top':\n                        tunnel = getTunnel(item, dan[i].type);\n                        if (tunnel >= 0) {\n                            item.style.top = itemHeight * tunnel + 'px';\n                        }\n                        break;\n                    case 'bottom':\n                        tunnel = getTunnel(item, dan[i].type);\n                        if (tunnel >= 0) {\n                            item.style.bottom = itemHeight * tunnel + 'px';\n                        }\n                        break;\n                    default:\n                        console.error('Can\\'t handled danmaku type: ' + dan[i].type);\n                    }\n                    if (tunnel >= 0) {\n                        item.classList.add('dplayer-danmaku-move');\n                        docFragment.appendChild(item);\n                    }\n                };\n                for (var i = 0; i < dan.length; i++) {\n                    _loop2(i);\n                }\n                this.container.appendChild(docFragment);\n                return docFragment;\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n            }\n        },\n        {\n            key: '_measure',\n            value: function _measure(text) {\n                if (!this.context) {\n                    var measureStyle = getComputedStyle(this.container.getElementsByClassName('dplayer-danmaku-item')[0], null);\n                    this.context = document.createElement('canvas').getContext('2d');\n                    this.context.font = measureStyle.getPropertyValue('font');\n                }\n                return this.context.measureText(text).width;\n            }\n        },\n        {\n            key: 'seek',\n            value: function seek() {\n                for (var i = 0; i < this.dan.length; i++) {\n                    if (this.dan[i].time >= this.options.time()) {\n                        this.danIndex = i;\n                        break;\n                    }\n                    this.danIndex = this.dan.length;\n                }\n            }\n        },\n        {\n            key: 'clear',\n            value: function clear() {\n                this.danTunnel = {\n                    right: {},\n                    top: {},\n                    bottom: {}\n                };\n                this.danIndex = 0;\n                this.options.container.innerHTML = '';\n                this.events && this.events.trigger('danmaku_clear');\n            }\n        },\n        {\n            key: 'htmlEncode',\n            value: 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        },\n        {\n            key: 'resize',\n            value: function resize() {\n                var danWidth = this.container.offsetWidth;\n                var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                for (var i = 0; i < items.length; i++) {\n                    items[i].style.transform = 'translateX(-' + danWidth + 'px)';\n                }\n            }\n        },\n        {\n            key: 'hide',\n            value: function hide() {\n                this.showing = false;\n                this.pause();\n                this.clear();\n                this.events && this.events.trigger('danmaku_hide');\n            }\n        },\n        {\n            key: 'show',\n            value: function show() {\n                this.seek();\n                this.showing = true;\n                this.play();\n                this.events && this.events.trigger('danmaku_show');\n            }\n        },\n        {\n            key: 'unlimit',\n            value: function unlimit(boolean) {\n                this.unlimited = boolean;\n            }\n        }\n    ]);\n    return Danmaku;\n}();\nmodule.exports = Danmaku;\n\n/***/ }),\n/* 10 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Thumbnails = function () {\n    function Thumbnails(container, width, url, events) {\n        _classCallCheck(this, Thumbnails);\n        this.container = container;\n        this.width = width;\n        this.container.style.backgroundImage = 'url(\\'' + url + '\\')';\n        this.events = events;\n    }\n    _createClass(Thumbnails, [\n        {\n            key: 'resize',\n            value: function resize(width, height) {\n                this.container.style.width = width + 'px';\n                this.container.style.height = height + 'px';\n                this.container.style.top = -height + 2 + 'px';\n            }\n        },\n        {\n            key: 'show',\n            value: function show() {\n                this.container.style.display = 'block';\n                this.events && this.events.trigger('thumbnails_show');\n            }\n        },\n        {\n            key: 'move',\n            value: function move(position) {\n                this.container.style.backgroundPosition = '-' + (Math.ceil(position / this.width * 100) - 1) * 160 + 'px 0';\n                this.container.style.left = position - this.container.offsetWidth / 2 + 'px';\n            }\n        },\n        {\n            key: 'hide',\n            value: function hide() {\n                this.container.style.display = 'none';\n                this.events && this.events.trigger('thumbnails_hide');\n            }\n        }\n    ]);\n    return Thumbnails;\n}();\nmodule.exports = Thumbnails;\n\n/***/ }),\n/* 11 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Events = function () {\n    function Events() {\n        _classCallCheck(this, Events);\n        this.events = {};\n        this.videoEvents = [\n            'abort',\n            'canplay',\n            'canplaythrough',\n            'durationchange',\n            'emptied',\n            'ended',\n            'error',\n            'loadeddata',\n            'loadedmetadata',\n            'loadstart',\n            'mozaudioavailable',\n            'pause',\n            'play',\n            'playing',\n            'progress',\n            'ratechange',\n            'seeked',\n            'seeking',\n            'stalled',\n            'suspend',\n            'timeupdate',\n            'volumechange',\n            'waiting'\n        ];\n        this.playerEvents = [\n            'screenshot',\n            'thumbnails_show',\n            'thumbnails_hide',\n            'danmaku_show',\n            'danmaku_hide',\n            'danmaku_clear',\n            'danmaku_loaded',\n            'danmaku_send',\n            'danmaku_opacity',\n            'contextmenu_show',\n            'contextmenu_hide',\n            'notice_show',\n            'notice_hide',\n            'quality_start',\n            'quality_end',\n            'destroy',\n            'resize',\n            'fullscreen',\n            'fullscreen_cancel',\n            'webfullscreen',\n            'webfullscreen_cancel'\n        ];\n    }\n    _createClass(Events, [\n        {\n            key: 'on',\n            value: function on(name, callback) {\n                if (this.type(name) && typeof callback === 'function') {\n                    if (!this.events[name]) {\n                        this.events[name] = [];\n                    }\n                    this.events[name].push(callback);\n                }\n            }\n        },\n        {\n            key: 'trigger',\n            value: function trigger(name, info) {\n                if (this.events[name] && this.events[name].length) {\n                    for (var i = 0; i < this.events[name].length; i++) {\n                        this.events[name][i](info);\n                    }\n                }\n            }\n        },\n        {\n            key: 'type',\n            value: function type(name) {\n                if (this.playerEvents.indexOf(name) !== -1) {\n                    return 'player';\n                } else if (this.videoEvents.indexOf(name) !== -1) {\n                    return 'video';\n                }\n                console.error('Unknown event name: ' + name);\n                return null;\n            }\n        }\n    ]);\n    return Events;\n}();\nmodule.exports = Events;\n\n/***/ }),\n/* 12 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar FullScreen = function () {\n    function FullScreen(player) {\n        var _this = this;\n        _classCallCheck(this, FullScreen);\n        this.player = player;\n        this.player.events.on('webfullscreen', function () {\n            _this.player.resize();\n        });\n        this.player.events.on('webfullscreen_cancel', function () {\n            _this.player.resize();\n        });\n        var fullscreenchange = function fullscreenchange() {\n            _this.player.resize();\n            if (_this.isFullScreen('browser')) {\n                _this.player.events.trigger('fullscreen');\n            } else {\n                _this.player.events.trigger('fullscreen_cancel');\n            }\n        };\n        this.player.container.addEventListener('fullscreenchange', fullscreenchange);\n        this.player.container.addEventListener('mozfullscreenchange', fullscreenchange);\n        this.player.container.addEventListener('webkitfullscreenchange', fullscreenchange);\n    }\n    _createClass(FullScreen, [\n        {\n            key: 'isFullScreen',\n            value: function isFullScreen() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\n                    return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;\n                case 'web':\n                    return this.player.container.classList.contains('dplayer-fulled');\n                }\n            }\n        },\n        {\n            key: 'request',\n            value: function request() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\n                    if (this.player.container.requestFullscreen) {\n                        this.player.container.requestFullscreen();\n                    } else if (this.player.container.mozRequestFullScreen) {\n                        this.player.container.mozRequestFullScreen();\n                    } else if (this.player.container.webkitRequestFullscreen) {\n                        this.player.container.webkitRequestFullscreen();\n                    } else if (this.player.video.webkitEnterFullscreen) {\n                        this.player.video.webkitEnterFullscreen();\n                    }\n                    break;\n                case 'web':\n                    this.player.container.classList.add('dplayer-fulled');\n                    this.player.events.trigger('webfullscreen');\n                    break;\n                }\n            }\n        },\n        {\n            key: 'cancel',\n            value: function cancel() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\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                    break;\n                case 'web':\n                    this.player.container.classList.remove('dplayer-fulled');\n                    this.player.events.trigger('webfullscreen_cancel');\n                    break;\n                }\n            }\n        },\n        {\n            key: 'toggle',\n            value: function toggle() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                if (this.isFullScreen(type)) {\n                    this.cancel(type);\n                } else {\n                    this.request(type);\n                }\n            }\n        }\n    ]);\n    return FullScreen;\n}();\nmodule.exports = FullScreen;\n\n/***/ }),\n/* 13 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\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}();\nvar _utils = __webpack_require__(0);\nvar _utils2 = _interopRequireDefault(_utils);\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 User = function () {\n    function User(player) {\n        _classCallCheck(this, User);\n        this.storageName = {\n            opacity: 'dplayer-danmaku-opacity',\n            volume: 'dplayer-volume',\n            unlimited: 'dplayer-danmaku-unlimited',\n            danmaku: 'dplayer-danmaku-show'\n        };\n        this.default = {\n            opacity: 0.7,\n            volume: player.options.volume || 0.7,\n            unlimited: (player.options.danmaku && player.options.danmaku.unlimited ? 1 : 0) || 0,\n            danmaku: 1\n        };\n        this.data = {};\n        this.init();\n    }\n    _createClass(User, [\n        {\n            key: 'init',\n            value: function init() {\n                for (var item in this.storageName) {\n                    var name = this.storageName[item];\n                    this.data[item] = parseFloat(_utils2.default.storage.get(name) || this.default[item]);\n                }\n            }\n        },\n        {\n            key: 'get',\n            value: function get(key) {\n                return this.data[key];\n            }\n        },\n        {\n            key: 'set',\n            value: function set(key, value) {\n                this.data[key] = value;\n                _utils2.default.storage.set(this.storageName[key], value);\n            }\n        }\n    ]);\n    return User;\n}();\nmodule.exports = User;\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 = 2);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 9cd8dcb2cfe685559b0b","'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    storage: {\n        set: function set(key, value) {\n            localStorage.setItem(key, value);\n        },\n        get: function get(key) {\n            return localStorage.getItem(key);\n        }\n    }\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/utils.js\n// module id = 0\n// module chunks = 0","'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 = 1\n// module chunks = 0","'use strict';\nconsole.log('\\n' + ' %c DPlayer ' + DPLAYER_VERSION + ' ' + GIT_HASH + ' %c http://dplayer.js.org ' + '\\n' + '\\n', '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 = 2\n// module chunks = 0","'use strict';\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 _options = require('./options');\nvar _options2 = _interopRequireDefault(_options);\nvar _i18n = require('./i18n');\nvar _i18n2 = _interopRequireDefault(_i18n);\nvar _html = require('./html');\nvar _html2 = _interopRequireDefault(_html);\nvar _danmaku = require('./danmaku');\nvar _danmaku2 = _interopRequireDefault(_danmaku);\nvar _thumbnails = require('./thumbnails');\nvar _thumbnails2 = _interopRequireDefault(_thumbnails);\nvar _events = require('./events');\nvar _events2 = _interopRequireDefault(_events);\nvar _fullscreen = require('./fullscreen');\nvar _fullscreen2 = _interopRequireDefault(_fullscreen);\nvar _user = require('./user');\nvar _user2 = _interopRequireDefault(_user);\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(options) {\n        var _this = this;\n        _classCallCheck(this, DPlayer);\n        this.options = (0, _options2.default)(options);\n        this.options.container.classList.add('dplayer');\n        if (this.options.video.quality) {\n            this.qualityIndex = this.options.video.defaultQuality;\n            this.quality = this.options.video.quality[this.options.video.defaultQuality];\n        }\n        this.tran = new _i18n2.default(this.options.lang).tran;\n        this.events = new _events2.default();\n        this.user = new _user2.default(this);\n        this.container = this.options.container;\n        if (!this.options.danmaku) {\n            this.container.classList.add('dplayer-no-danmaku');\n        }\n        if (_utils.isMobile) {\n            this.container.classList.add('dplayer-mobile');\n        }\n        this.container.innerHTML = _html2.default.main(this.options, index, this.tran);\n        var bar = {};\n        bar.volumeBar = this.container.getElementsByClassName('dplayer-volume-bar-inner')[0];\n        bar.playedBar = this.container.getElementsByClassName('dplayer-played')[0];\n        bar.loadedBar = this.container.getElementsByClassName('dplayer-loaded')[0];\n        var pbar = this.container.getElementsByClassName('dplayer-bar-wrap')[0];\n        var pbarTimeTips = this.container.getElementsByClassName('dplayer-bar-time')[0];\n        var barWidth = void 0;\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        document.addEventListener('click', function () {\n            _this.focus = false;\n        }, true);\n        this.container.addEventListener('click', function () {\n            _this.focus = true;\n        }, true);\n        if (this.options.danmaku) {\n            this.danmaku = new _danmaku2.default({\n                container: this.container.getElementsByClassName('dplayer-danmaku')[0],\n                opacity: this.user.get('opacity'),\n                callback: function callback() {\n                    _this.container.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';\n                    if (_this.options.autoplay && !_utils.isMobile) {\n                        _this.play();\n                    } else if (_utils.isMobile) {\n                        _this.pause();\n                    }\n                },\n                error: function error(msg) {\n                    _this.notice(msg);\n                },\n                apiBackend: this.options.apiBackend,\n                borderColor: this.options.theme,\n                height: this.arrow ? 24 : 30,\n                time: function time() {\n                    return _this.video.currentTime;\n                },\n                unlimited: this.user.get('unlimited'),\n                api: {\n                    id: this.options.danmaku.id,\n                    address: this.options.danmaku.api,\n                    token: this.options.danmaku.token,\n                    maximum: this.options.danmaku.maximum,\n                    addition: this.options.danmaku.addition,\n                    user: this.options.danmaku.user\n                },\n                events: this.events\n            });\n        }\n        this.arrow = this.container.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.container.getElementsByClassName('dplayer-video-current')[0];\n        this.bezel = this.container.getElementsByClassName('dplayer-bezel-icon')[0];\n        this.bezel.addEventListener('animationend', function () {\n            _this.bezel.classList.remove('dplayer-bezel-transition');\n        });\n        this.playButton = this.container.getElementsByClassName('dplayer-play-icon')[0];\n        this.paused = true;\n        this.playButton.addEventListener('click', function () {\n            _this.toggle();\n        });\n        var videoWrap = this.container.getElementsByClassName('dplayer-video-wrap')[0];\n        var conMask = this.container.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.container.classList.contains('dplayer-hide-controller')) {\n                    _this.container.classList.remove('dplayer-hide-controller');\n                } else {\n                    _this.container.classList.add('dplayer-hide-controller');\n                }\n            };\n            videoWrap.addEventListener('click', toggleController);\n            conMask.addEventListener('click', toggleController);\n        }\n        var lastPlayPos = 0;\n        var currentPlayPos = 0;\n        var bufferingDetected = 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 && !_this.video.paused) {\n                    _this.container.classList.add('dplayer-loading');\n                    bufferingDetected = true;\n                }\n                if (bufferingDetected && currentPlayPos > lastPlayPos && !_this.video.paused) {\n                    _this.container.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.playedTime = false;\n        this.animationFrame = function () {\n            if (_this.playedTime) {\n                _this.updateBar('played', _this.video.currentTime / _this.video.duration, 'width');\n                _this.container.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(_this.video.currentTime);\n            }\n            window.requestAnimationFrame(_this.animationFrame);\n        };\n        window.requestAnimationFrame(this.animationFrame);\n        this.setTime = function (type) {\n            if (!type) {\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.playedTime = false;\n                clearCheckLoadingTime();\n            } else {\n                _this[type + 'Time'] = false;\n                if (type === 'played') {\n                    clearCheckLoadingTime();\n                }\n            }\n        };\n        if (this.options.video.thumbnails) {\n            this.initThumbnails();\n        }\n        this.isTimeTipsShow = true;\n        this.mouseHandler = this.mouseHandler(pbar, pbarTimeTips).bind(this);\n        pbar.addEventListener('mousemove', this.mouseHandler);\n        pbar.addEventListener('mouseenter', this.mouseHandler);\n        pbar.addEventListener('mouseleave', this.mouseHandler);\n        var thumbMove = function thumbMove(e) {\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.container.getElementsByClassName('dplayer-ptime')[0].innerHTML = _utils2.default.secondToTime(percentage * _this.video.duration);\n        };\n        var thumbUp = function thumbUp(e) {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\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            _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        var volumeEle = this.container.getElementsByClassName('dplayer-volume')[0];\n        var volumeBarWrapWrap = this.container.getElementsByClassName('dplayer-volume-bar-wrap')[0];\n        var volumeBarWrap = this.container.getElementsByClassName('dplayer-volume-bar')[0];\n        var volumeicon = this.container.getElementsByClassName('dplayer-volume-icon')[0].getElementsByClassName('dplayer-icon-content')[0];\n        var vWidth = 35;\n        this.switchVolumeIcon = function () {\n            if (_this.volume() >= 0.95) {\n                volumeicon.innerHTML = (0, _svg2.default)('volume-up');\n            } else if (_this.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.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        var hideController = function hideController() {\n            _this.container.classList.remove('dplayer-hide-controller');\n            clearTimeout(_this.hideTime);\n            _this.hideTime = setTimeout(function () {\n                if (_this.video.played.length) {\n                    _this.container.classList.add('dplayer-hide-controller');\n                    closeSetting();\n                    closeComment();\n                }\n            }, 2000);\n        };\n        if (!_utils.isMobile) {\n            this.container.addEventListener('mousemove', hideController);\n            this.container.addEventListener('click', hideController);\n        }\n        var settingHTML = _html2.default.setting(this.tran);\n        var settingIcon = this.container.getElementsByClassName('dplayer-setting-icon')[0];\n        var settingBox = this.container.getElementsByClassName('dplayer-setting-box')[0];\n        var mask = this.container.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.options.loop;\n        var showdan = this.user.get('danmaku');\n        if (!showdan) {\n            this.danmaku && this.danmaku.hide();\n        }\n        var unlimitDan = this.user.get('unlimited');\n        var settingEvent = function settingEvent() {\n            var loopEle = _this.container.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.container.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.paused) {\n                        _this.danmaku.show();\n                    }\n                } else {\n                    showdan = false;\n                    _this.danmaku.hide();\n                }\n                _this.user.set('danmaku', showdan ? 1 : 0);\n                closeSetting();\n            });\n            var unlimitDanEle = _this.container.getElementsByClassName('dplayer-setting-danunlimit')[0];\n            var unlimitDanToggle = unlimitDanEle.getElementsByClassName('dplayer-danunlimit-setting-input')[0];\n            unlimitDanToggle.checked = unlimitDan;\n            unlimitDanEle.addEventListener('click', function () {\n                unlimitDanToggle.checked = !unlimitDanToggle.checked;\n                if (unlimitDanToggle.checked) {\n                    unlimitDan = true;\n                    _this.danmaku.unlimit(true);\n                } else {\n                    unlimitDan = false;\n                    _this.danmaku.unlimit(false);\n                }\n                _this.user.set('unlimited', unlimitDan ? 1 : 0);\n                closeSetting();\n            });\n            var speedEle = _this.container.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(i) {\n                    speedItem[i].addEventListener('click', function () {\n                        _this.video.playbackRate = speedItem[i].dataset.speed;\n                        closeSetting();\n                    });\n                };\n                for (var i = 0; i < speedItem.length; i++) {\n                    _loop(i);\n                }\n            });\n            if (_this.danmaku) {\n                bar.danmakuBar = _this.container.getElementsByClassName('dplayer-danmaku-bar-inner')[0];\n                var danmakuBarWrapWrap = _this.container.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];\n                var danmakuBarWrap = _this.container.getElementsByClassName('dplayer-danmaku-bar')[0];\n                var danmakuSettingBox = _this.container.getElementsByClassName('dplayer-setting-danmaku')[0];\n                var dWidth = 130;\n                _this.on('danmaku_opacity', function (percentage) {\n                    _this.updateBar('danmaku', percentage, 'width');\n                    _this.user.set('opacity', percentage);\n                });\n                _this.danmaku.opacity(_this.user.get('opacity'));\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.danmaku.opacity(percentage);\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.danmaku.opacity(percentage);\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.container.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? _utils2.default.secondToTime(this.video.duration) : '00:00';\n        }\n        if (!this.danmaku) {\n            if (this.options.autoplay && !_utils.isMobile) {\n                this.play();\n            } else if (_utils.isMobile) {\n                this.pause();\n            }\n        }\n        var commentInput = this.container.getElementsByClassName('dplayer-comment-input')[0];\n        var commentIcon = this.container.getElementsByClassName('dplayer-comment-icon')[0];\n        var commentBox = this.container.getElementsByClassName('dplayer-comment-box')[0];\n        var commentSettingIcon = this.container.getElementsByClassName('dplayer-comment-setting-icon')[0];\n        var commentSettingBox = this.container.getElementsByClassName('dplayer-comment-setting-box')[0];\n        var commentSendIcon = this.container.getElementsByClassName('dplayer-send-icon')[0];\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.container.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.container.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.container.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', function () {\n            var sele = _this.container.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked+span');\n            if (sele) {\n                commentSettingIcon.getElementsByClassName('dplayer-fill')[0].style.fill = _this.container.querySelector('input[name=\"dplayer-danmaku-color-${index}\"]:checked').value;\n            }\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            _this.danmaku.send({\n                text: commentInput.value,\n                color: _this.container.querySelector('.dplayer-comment-setting-color input:checked').value,\n                type: _this.container.querySelector('.dplayer-comment-setting-type input:checked').value\n            }, function () {\n                commentInput.value = '';\n                closeComment();\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        this.fullScreen = new _fullscreen2.default(this);\n        this.container.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', function () {\n            _this.fullScreen.toggle('browser');\n        });\n        this.container.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', function () {\n            _this.fullScreen.toggle('web');\n        });\n        var handleKeyDown = function handleKeyDown(e) {\n            if (_this.focus) {\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                        hideController();\n                        break;\n                    case 39:\n                        event.preventDefault();\n                        _this.seek(_this.video.currentTime + 5);\n                        hideController();\n                        break;\n                    case 38:\n                        event.preventDefault();\n                        percentage = _this.volume() + 0.1;\n                        _this.volume(percentage);\n                        break;\n                    case 40:\n                        event.preventDefault();\n                        percentage = _this.volume() - 0.1;\n                        _this.volume(percentage);\n                        break;\n                    }\n                }\n            }\n        };\n        if (this.options.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.fullScreen.isFullScreen('web')) {\n                    _this.fullScreen.cancel('web');\n                }\n                break;\n            }\n        });\n        var menu = this.container.getElementsByClassName('dplayer-menu')[0];\n        this.container.addEventListener('contextmenu', function (e) {\n            var event = e || window.event;\n            event.preventDefault();\n            menu.classList.add('dplayer-menu-show');\n            var clientRect = _this.container.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.container.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.container.getBoundingClientRect().top + 'px';\n                menu.style.bottom = 'initial';\n            }\n            mask.classList.add('dplayer-mask-show');\n            _this.events.trigger('contextmenu_show');\n            mask.addEventListener('click', function () {\n                mask.classList.remove('dplayer-mask-show');\n                menu.classList.remove('dplayer-menu-show');\n                _this.events.trigger('contextmenu_hide');\n            });\n        });\n        if (this.options.video.quality) {\n            this.container.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.options.screenshot) {\n            var camareIcon = this.container.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                var dataURL = canvas.toDataURL();\n                camareIcon.href = dataURL;\n                camareIcon.download = 'DPlayer.png';\n                _this.events.trigger('screenshot', dataURL);\n            });\n        }\n        this.initVideo(this.video, this.quality && this.quality.type || this.options.video.type);\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                if (this.video.currentTime < time) {\n                    this.notice(this.tran('FF') + ' ' + (time - this.video.currentTime).toFixed(0) + ' ' + this.tran('s'));\n                } else if (this.video.currentTime > time) {\n                    this.notice(this.tran('REW') + ' ' + (this.video.currentTime - time).toFixed(0) + ' ' + this.tran('s'));\n                }\n                this.video.currentTime = time;\n                if (this.danmaku) {\n                    this.danmaku.seek();\n                }\n                this.updateBar('played', time / this.video.duration, 'width');\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.container.classList.add('dplayer-playing');\n                if (this.danmaku) {\n                    this.danmaku.play();\n                }\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n                this.container.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.container.classList.remove('dplayer-playing');\n                if (this.danmaku) {\n                    this.danmaku.pause();\n                }\n            }\n        },\n        {\n            key: 'volume',\n            value: function volume(percentage, nostorage) {\n                percentage = parseFloat(percentage);\n                if (!isNaN(percentage)) {\n                    percentage = percentage > 0 ? percentage : 0;\n                    percentage = percentage < 1 ? percentage : 1;\n                    this.updateBar('volume', percentage, 'width');\n                    var formatPercentage = (percentage * 100).toFixed(0) + '%';\n                    this.container.getElementsByClassName('dplayer-volume-bar-wrap')[0].dataset.balloon = formatPercentage;\n                    if (!nostorage) {\n                        this.user.set('volume', percentage);\n                    }\n                    this.video.volume = percentage;\n                    if (this.video.muted) {\n                        this.video.muted = false;\n                    }\n                    this.switchVolumeIcon();\n                }\n                return this.video.volume;\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(name, callback) {\n                this.events.on(name, callback);\n            }\n        },\n        {\n            key: 'switchVideo',\n            value: function switchVideo(video, danmakuAPI) {\n                this.pause();\n                this.video.poster = video.pic ? video.pic : '';\n                this.video.src = video.url;\n                this.initMSE(this.video, video.type || 'auto');\n                if (danmakuAPI) {\n                    this.container.getElementsByClassName('dplayer-danloading')[0].style.display = 'block';\n                    this.updateBar('played', 0, 'width');\n                    this.updateBar('loaded', 0, 'width');\n                    this.container.getElementsByClassName('dplayer-ptime')[0].innerHTML = '00:00';\n                    this.container.getElementsByClassName('dplayer-danmaku')[0].innerHTML = '';\n                    if (this.danmaku) {\n                        this.danmaku.reload({\n                            id: danmakuAPI.id,\n                            address: danmakuAPI.api,\n                            token: danmakuAPI.token,\n                            maximum: danmakuAPI.maximum,\n                            addition: danmakuAPI.addition,\n                            user: danmakuAPI.user\n                        });\n                    }\n                }\n            }\n        },\n        {\n            key: 'initMSE',\n            value: function initMSE(video, type) {\n                this.type = type;\n                if (this.type === 'auto') {\n                    if (/m3u8(#|\\?|$)/i.exec(video.src)) {\n                        this.type = 'hls';\n                    } else if (/.flv(#|\\?|$)/i.exec(video.src)) {\n                        this.type = 'flv';\n                    } else {\n                        this.type = 'normal';\n                    }\n                }\n                if (this.type === 'hls' && Hls.isSupported()) {\n                    var hls = new Hls();\n                    hls.loadSource(video.src);\n                    hls.attachMedia(video);\n                }\n                if (this.type === 'flv' && flvjs.isSupported()) {\n                    var flvPlayer = flvjs.createPlayer({\n                        type: 'flv',\n                        url: video.src\n                    });\n                    flvPlayer.attachMediaElement(video);\n                    flvPlayer.load();\n                }\n            }\n        },\n        {\n            key: 'initVideo',\n            value: function initVideo(video, type) {\n                var _this2 = this;\n                this.initMSE(video, type);\n                this.on('durationchange', function () {\n                    if (video.duration !== 1) {\n                        _this2.container.getElementsByClassName('dplayer-dtime')[0].innerHTML = _utils2.default.secondToTime(video.duration);\n                    }\n                });\n                this.on('progress', function () {\n                    var percentage = video.buffered.length ? video.buffered.end(video.buffered.length - 1) / video.duration : 0;\n                    _this2.updateBar('loaded', percentage, 'width');\n                });\n                this.on('error', function () {\n                    _this2.tran && _this2.notice && _this2.notice(_this2.tran('This video fails to load'), -1);\n                });\n                this.ended = false;\n                this.on('ended', function () {\n                    _this2.updateBar('played', 1, 'width');\n                    if (!_this2.loop) {\n                        _this2.ended = true;\n                        _this2.pause();\n                    } else {\n                        _this2.seek(0);\n                        video.play();\n                    }\n                    if (_this2.danmaku) {\n                        _this2.danmaku.danIndex = 0;\n                    }\n                });\n                this.on('play', function () {\n                    if (_this2.paused) {\n                        _this2.play();\n                    }\n                });\n                this.on('pause', function () {\n                    if (!_this2.paused) {\n                        _this2.pause();\n                    }\n                });\n                var _loop2 = function _loop2(i) {\n                    video.addEventListener(_this2.events.videoEvents[i], function () {\n                        _this2.events.trigger(_this2.events.videoEvents[i]);\n                    });\n                };\n                for (var i = 0; i < this.events.videoEvents.length; i++) {\n                    _loop2(i);\n                }\n                this.volume(this.user.get('volume'), true);\n            }\n        },\n        {\n            key: 'switchQuality',\n            value: function switchQuality(index) {\n                var _this3 = 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.options.video.quality[index];\n                this.container.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.options.screenshot, 'auto', this.quality.url);\n                var videoEle = new DOMParser().parseFromString(videoHTML, 'text/html').body.firstChild;\n                var parent = this.container.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(this.video, this.quality.type || this.options.video.type);\n                this.seek(this.prevVideo.currentTime);\n                this.notice(this.tran('Switching to') + ' ' + this.quality.name + ' ' + this.tran('quality'), -1);\n                this.events.trigger('quality_start', this.quality);\n                this.on('canplay', function () {\n                    if (_this3.prevVideo) {\n                        if (_this3.video.currentTime !== _this3.prevVideo.currentTime) {\n                            _this3.seek(_this3.prevVideo.currentTime);\n                            return;\n                        }\n                        parent.removeChild(_this3.prevVideo);\n                        _this3.video.classList.add('dplayer-video-current');\n                        if (!paused) {\n                            _this3.video.play();\n                        }\n                        _this3.prevVideo = null;\n                        _this3.notice(_this3.tran('Switched to') + ' ' + _this3.quality.name + ' ' + _this3.tran('quality'));\n                        _this3.switchingQuality = false;\n                        _this3.events.trigger('quality_end');\n                    }\n                });\n            }\n        },\n        {\n            key: 'mouseHandler',\n            value: function mouseHandler(pbar, timeTips) {\n                var _this4 = 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 (!_this4.video.duration) {\n                        return;\n                    }\n                    var clientX = e.clientX;\n                    var px = cumulativeOffset(pbar).left;\n                    var tx = clientX - px;\n                    if (tx < 0 || tx > pbar.offsetWidth) {\n                        return;\n                    }\n                    var time = _this4.video.duration * (tx / pbar.offsetWidth);\n                    timeTips.style.left = tx - 20 + 'px';\n                    switch (e.type) {\n                    case 'mouseenter':\n                        _this4.thumbnails && _this4.thumbnails.show();\n                        break;\n                    case 'mousemove':\n                        _this4.thumbnails && _this4.thumbnails.move(tx);\n                        timeTips.innerText = _utils2.default.secondToTime(time);\n                        _this4.timeTipsDisplay(true, timeTips);\n                        break;\n                    case 'mouseleave':\n                        _this4.thumbnails && _this4.thumbnails.hide();\n                        _this4.timeTipsDisplay(false, timeTips);\n                        break;\n                    }\n                };\n            }\n        },\n        {\n            key: 'timeTipsDisplay',\n            value: function timeTipsDisplay(show, timeTips) {\n                if (show) {\n                    if (this.isTimeTipsShow) {\n                        return;\n                    }\n                    timeTips.classList.remove('hidden');\n                    this.isTimeTipsShow = true;\n                } else {\n                    if (!this.isTimeTipsShow) {\n                        return;\n                    }\n                    timeTips.classList.add('hidden');\n                    this.isTimeTipsShow = false;\n                }\n            }\n        },\n        {\n            key: 'initThumbnails',\n            value: function initThumbnails() {\n                var _this5 = this;\n                this.thumbnails = new _thumbnails2.default(this.container.getElementsByClassName('dplayer-bar-preview')[0], this.container.getElementsByClassName('dplayer-bar-wrap')[0].offsetWidth, this.options.video.thumbnails, this.events);\n                this.on('loadedmetadata', function () {\n                    _this5.thumbnails.resize(160, 90);\n                });\n            }\n        },\n        {\n            key: 'notice',\n            value: function notice(text) {\n                var _this6 = this;\n                var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;\n                var opacity = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.8;\n                var noticeEle = this.container.getElementsByClassName('dplayer-notice')[0];\n                noticeEle.innerHTML = text;\n                noticeEle.style.opacity = opacity;\n                if (this.noticeTime) {\n                    clearTimeout(this.noticeTime);\n                }\n                this.events.trigger('notice_show', text);\n                this.noticeTime = setTimeout(function () {\n                    noticeEle.style.opacity = 0;\n                    _this6.events.trigger('notice_hide');\n                }, time);\n            }\n        },\n        {\n            key: 'resize',\n            value: function resize() {\n                if (this.danmaku) {\n                    this.danmaku.resize();\n                }\n                this.events.trigger('resize');\n            }\n        },\n        {\n            key: 'destroy',\n            value: function destroy() {\n                this.pause();\n                clearTimeout(this.hideTime);\n                this.video.src = '';\n                this.container.innerHTML = '';\n                this.events.trigger('destroy');\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 = 3\n// module chunks = 0","'use strict';\nvar defaultApiBackend = require('./api.js');\nmodule.exports = function (options) {\n    var isMobile = /mobile/i.test(window.navigator.userAgent);\n    if (isMobile) {\n        options.autoplay = false;\n    }\n    var defaultOption = {\n        container: options.element || document.getElementsByClassName('dplayer')[0],\n        autoplay: false,\n        theme: '#b7daff',\n        loop: false,\n        lang: (navigator.language || navigator.browserLanguage).toLowerCase(),\n        screenshot: false,\n        hotkey: true,\n        preload: 'auto',\n        volume: '0.7',\n        apiBackend: defaultApiBackend,\n        video: {},\n        contextmenu: []\n    };\n    for (var defaultKey in defaultOption) {\n        if (defaultOption.hasOwnProperty(defaultKey) && !options.hasOwnProperty(defaultKey)) {\n            options[defaultKey] = defaultOption[defaultKey];\n        }\n    }\n    if (options.video && !options.video.hasOwnProperty('type')) {\n        options.video.type = 'auto';\n    }\n    if (options.danmaku && !options.danmaku.hasOwnProperty('user')) {\n        options.danmaku.user = 'DIYgod';\n    }\n    if (options.video.quality) {\n        options.video.url = [options.video.quality[options.video.defaultQuality].url];\n    }\n    if (options.lang) {\n        options.lang = options.lang.toLowerCase();\n    }\n    options.contextmenu = options.contextmenu.concat([\n        {\n            text: 'About author',\n            link: 'https://www.anotherhome.net/'\n        },\n        {\n            text: 'About DPlayer',\n            link: 'https://github.com/MoePlayer/DPlayer'\n        },\n        {\n            text: 'DPlayer feedback',\n            link: 'https://github.com/DIYgod/DPlayer/issues'\n        },\n        {\n            text: 'DPlayer ' + DPLAYER_VERSION + ' ' + GIT_HASH,\n            link: 'https://github.com/MoePlayer/DPlayer/releases'\n        }\n    ]);\n    return options;\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/options.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, callback) {\n        SendXMLHttpRequest(endpoint, danmakuData, function (xhr, response) {\n            console.log('Post danmaku: ', response);\n            if (callback) {\n                callback();\n            }\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, callback) {\n        SendXMLHttpRequest(endpoint, null, function (xhr, response) {\n            callback(null, response.danmaku);\n        }, function (xhr, response) {\n            callback({\n                status: xhr.status,\n                response: response\n            });\n        }, function (xhr) {\n            callback({\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';\nmodule.exports = function (lang) {\n    var _this = this;\n    this.lang = lang;\n    this.tran = function (text) {\n        if (tranTxt[_this.lang] && tranTxt[_this.lang][text]) {\n            return tranTxt[_this.lang][text];\n        } else {\n            return text;\n        }\n    };\n};\nvar tranTxt = {\n    'zh-cn': {\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        'Show danmaku': '显示弹幕',\n        'This video fails to load': '视频加载失败',\n        'Switching to': '正在切换至',\n        'Switched to': '已经切换至',\n        'quality': '画质',\n        'FF': '快进',\n        'REW': '快退',\n        'Unlimited danmaku': '海量弹幕',\n        'Send danmaku': '发送弹幕',\n        'Setting': '设置',\n        'Full screen': '全屏',\n        'Web full screen': '页面全屏',\n        'Send': '发送',\n        'Screenshot': '截图',\n        's': '秒'\n    },\n    'zh-tw': {\n        'Danmaku is loading': '彈幕加載中',\n        'Top': '頂部',\n        'Bottom': '底部',\n        'Rolling': '滾動',\n        'Input danmaku, hit Enter': '輸入彈幕\\uFF0CEnter 發送',\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        'Show danmaku': '顯示彈幕',\n        'This video fails to load': '視頻加載失敗',\n        'Switching to': '正在切換至',\n        'Switched to': '已經切換至',\n        'quality': '畫質',\n        'FF': '快進',\n        'REW': '快退',\n        'Unlimited danmaku': '海量彈幕',\n        'Send danmaku': '發送彈幕',\n        'Setting': '設置',\n        'Full screen': '全屏',\n        'Web full screen': '頁面全屏',\n        'Send': '發送',\n        'Screenshot': '截圖',\n        's': '秒'\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(options, index, tran) {\n        var videos = '';\n        videos += html.video(true, options.video.pic, options.screenshot, options.preload, options.video.url);\n        return '<div class=\"dplayer-mask\"></div><div class=\"dplayer-video-wrap\">' + videos + '' + (options.logo ? '<div class=\"dplayer-logo\"><img src=\"' + options.logo + '\"></div>' : '') + '<div class=\"dplayer-danmaku\" style=\"' + (options.danmaku ? html.danmakumargin(options.danmaku.margin) : '') + '\"><div class=\"dplayer-danmaku-item dplayer-danmaku-item--demo\"></div></div><div class=\"dplayer-bezel\"><span class=\"dplayer-bezel-icon\"></span>' + (options.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\"><span class=\"dplayer-icon-content\">' + svg('play') + '</span></button><div class=\"dplayer-volume\"><button class=\"dplayer-icon dplayer-volume-icon\"><span class=\"dplayer-icon-content\">' + svg('volume-down') + '</span></button><div class=\"dplayer-volume-bar-wrap\" data-balloon-pos=\"up\"><div class=\"dplayer-volume-bar\"><div class=\"dplayer-volume-bar-inner\" style=\"background: ' + options.theme + ';\"><span class=\"dplayer-thumb\" style=\"background: ' + options.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\">' + (options.video.quality ? '<div class=\"dplayer-quality\"><button class=\"dplayer-icon dplayer-quality-icon\">' + options.video.quality[options.video.defaultQuality].name + '</button><div class=\"dplayer-quality-mask\">' + html.qualityList(options.video.quality) + '</div></div>' : '') + '' + (options.screenshot ? '<a href=\"#\" class=\"dplayer-icon dplayer-camera-icon\" data-balloon=\"' + tran('Screenshot') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('camera') + '</span></a>' : '') + '<div class=\"dplayer-comment\"><button class=\"dplayer-icon dplayer-comment-icon\" data-balloon=\"' + tran('Send danmaku') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('comment') + '</span></button><div class=\"dplayer-comment-box\"><button class=\"dplayer-icon dplayer-comment-setting-icon\" data-balloon=\"' + tran('Setting') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('menu') + '</span></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\" data-balloon=\"' + tran('Send') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('send') + '</span></button></div></div><div class=\"dplayer-setting\"><button class=\"dplayer-icon dplayer-setting-icon\" data-balloon=\"' + tran('Setting') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('setting') + '</span></button><div class=\"dplayer-setting-box\"></div></div><div class=\"dplayer-full\"><button class=\"dplayer-icon dplayer-full-in-icon\" data-balloon=\"' + tran('Web full screen') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('full-in') + '</span></button><button class=\"dplayer-icon dplayer-full-icon\" data-balloon=\"' + tran('Full screen') + '\" data-balloon-pos=\"up\"><span class=\"dplayer-icon-content\">' + svg('full') + '</span></button></div></div><div class=\"dplayer-bar-wrap\"><div class=\"dplayer-bar-time hidden\">00:00</div><div class=\"dplayer-bar-preview\"></div><div class=\"dplayer-bar\"><div class=\"dplayer-loaded\" style=\"width: 0;\"></div><div class=\"dplayer-played\" style=\"width: 0; background: ' + options.theme + '\"><span class=\"dplayer-thumb\" style=\"background: ' + options.theme + '\"></span></div></div></div></div>' + html.contextmenuList(options.contextmenu, tran) + '<div class=\"dplayer-notice\"></div>';\n    },\n    danmakumargin: function danmakumargin(margin) {\n        var result = '';\n        if (margin) {\n            for (var key in margin) {\n                result += key + ':' + margin[key] + ';';\n            }\n        }\n        return result;\n    },\n    contextmenuList: function contextmenuList(contextmenu, tran) {\n        var result = '<div class=\"dplayer-menu\">';\n        for (var i = 0; i < contextmenu.length; i++) {\n            result += '<div class=\"dplayer-menu-item\"><a target=\"_blank\" href=\"' + contextmenu[i].link + '\">' + tran(contextmenu[i].text) + '</a></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('Show 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-danunlimit\"><span class=\"dplayer-label\">' + tran('Unlimited danmaku') + '</span><div class=\"dplayer-toggle\"><input class=\"dplayer-danunlimit-setting-input\" type=\"checkbox\" name=\"dplayer-toggle-danunlimit\"><label for=\"dplayer-toggle-danunlimit\"></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\"><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","'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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Danmaku = function () {\n    function Danmaku(options) {\n        _classCallCheck(this, Danmaku);\n        this.options = options;\n        this.container = this.options.container;\n        this.danTunnel = {\n            right: {},\n            top: {},\n            bottom: {}\n        };\n        this.danIndex = 0;\n        this.dan = [];\n        this.showing = true;\n        this._opacity = this.options.opacity;\n        this.events = this.options.events;\n        this.unlimited = this.options.unlimited;\n        this._measure('');\n        this.load();\n    }\n    _createClass(Danmaku, [\n        {\n            key: 'load',\n            value: function load() {\n                var _this = this;\n                var apiurl = void 0;\n                if (this.options.api.maximum) {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id + '&max=' + this.options.api.maximum;\n                } else {\n                    apiurl = this.options.api.address + '?id=' + this.options.api.id;\n                }\n                var endpoints = (this.options.api.addition || []).slice(0);\n                endpoints.push(apiurl);\n                this.events && this.events.trigger('danmaku_load_start', endpoints);\n                this._readAllEndpoints(endpoints, function (results) {\n                    _this.dan = [].concat.apply([], results).sort(function (a, b) {\n                        return a.time - b.time;\n                    });\n                    window.requestAnimationFrame(function () {\n                        _this.frame();\n                    });\n                    _this.options.callback();\n                    _this.events && _this.events.trigger('danmaku_load_end');\n                });\n            }\n        },\n        {\n            key: 'reload',\n            value: function reload(newAPI) {\n                this.options.api = newAPI;\n                this.dan = [];\n                this.clear();\n                this.load();\n            }\n        },\n        {\n            key: '_readAllEndpoints',\n            value: function _readAllEndpoints(endpoints, callback) {\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.options.error(err.response.msg);\n                            } else {\n                                _this2.options.error('Request was unsuccessful: ' + err.status);\n                            }\n                            results[i] = [];\n                        } else {\n                            results[i] = data;\n                        }\n                        if (readCount === endpoints.length) {\n                            return callback(results);\n                        }\n                    };\n                };\n                for (var i = 0; i < endpoints.length; ++i) {\n                    this.options.apiBackend.read(endpoints[i], cbk(i));\n                }\n            }\n        },\n        {\n            key: 'send',\n            value: function send(dan, callback) {\n                var danmakuData = {\n                    token: this.options.api.token,\n                    player: this.options.api.id,\n                    author: this.options.api.user,\n                    time: this.options.time(),\n                    text: dan.text,\n                    color: dan.color,\n                    type: dan.type\n                };\n                this.options.apiBackend.send(this.options.api.address, danmakuData, callback);\n                this.dan.splice(this.danIndex, 0, danmakuData);\n                this.danIndex++;\n                var danmaku = {\n                    text: this.htmlEncode(danmakuData.text),\n                    color: danmakuData.color,\n                    type: danmakuData.type,\n                    border: '2px solid ' + this.options.borderColor\n                };\n                this.draw(danmaku);\n                this.events && this.events.trigger('danmaku_send', danmakuData);\n            }\n        },\n        {\n            key: 'frame',\n            value: function frame() {\n                var _this3 = this;\n                if (this.dan.length && !this.paused && this.showing) {\n                    var item = this.dan[this.danIndex];\n                    var dan = [];\n                    while (item && this.options.time() > parseFloat(item.time)) {\n                        dan.push(item);\n                        item = this.dan[++this.danIndex];\n                    }\n                    this.draw(dan);\n                }\n                window.requestAnimationFrame(function () {\n                    _this3.frame();\n                });\n            }\n        },\n        {\n            key: 'opacity',\n            value: function opacity(percentage) {\n                if (percentage !== undefined) {\n                    var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                    for (var i = 0; i < items.length; i++) {\n                        items[i].style.opacity = percentage;\n                    }\n                    this._opacity = percentage;\n                    this.events && this.events.trigger('danmaku_opacity', this._opacity);\n                }\n                return this._opacity;\n            }\n        },\n        {\n            key: 'draw',\n            value: function draw(dan) {\n                var _this4 = this;\n                var itemHeight = this.options.height;\n                var danWidth = this.container.offsetWidth;\n                var danHeight = this.container.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 || _this4.container.getBoundingClientRect().right + eleWidth;\n                    return _this4.container.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 _loop = function _loop(i) {\n                        var item = _this4.danTunnel[type][i + ''];\n                        if (item && item.length) {\n                            if (type !== 'right') {\n                                return 'continue';\n                            }\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; _this4.unlimited || i < itemY; i++) {\n                        var _ret = _loop(i);\n                        switch (_ret) {\n                        case 'continue':\n                            continue;\n                        default:\n                            if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === 'object')\n                                return _ret.v;\n                        }\n                    }\n                    return -1;\n                };\n                if (Object.prototype.toString.call(dan) !== '[object Array]') {\n                    dan = [dan];\n                }\n                var docFragment = document.createDocumentFragment();\n                var _loop2 = function _loop2(i) {\n                    if (!dan[i].type) {\n                        dan[i].type = 'right';\n                    }\n                    if (!dan[i].color) {\n                        dan[i].color = '#fff';\n                    }\n                    var item = document.createElement('div');\n                    item.classList.add('dplayer-danmaku-item');\n                    item.classList.add('dplayer-danmaku-' + dan[i].type);\n                    if (dan[i].border) {\n                        item.innerHTML = '<span style=\"border:' + dan[i].border + '\">' + dan[i].text + '</span>';\n                    } else {\n                        item.innerHTML = dan[i].text;\n                    }\n                    item.style.opacity = _this4._opacity;\n                    item.style.color = dan[i].color;\n                    item.addEventListener('animationend', function () {\n                        _this4.container.removeChild(item);\n                    });\n                    var itemWidth = _this4._measure(dan[i].text);\n                    var tunnel = void 0;\n                    switch (dan[i].type) {\n                    case 'right':\n                        tunnel = getTunnel(item, dan[i].type, itemWidth);\n                        if (tunnel >= 0) {\n                            item.style.width = itemWidth + 1 + 'px';\n                            item.style.top = itemHeight * tunnel + 'px';\n                            item.style.transform = 'translateX(-' + danWidth + 'px)';\n                        }\n                        break;\n                    case 'top':\n                        tunnel = getTunnel(item, dan[i].type);\n                        if (tunnel >= 0) {\n                            item.style.top = itemHeight * tunnel + 'px';\n                        }\n                        break;\n                    case 'bottom':\n                        tunnel = getTunnel(item, dan[i].type);\n                        if (tunnel >= 0) {\n                            item.style.bottom = itemHeight * tunnel + 'px';\n                        }\n                        break;\n                    default:\n                        console.error('Can\\'t handled danmaku type: ' + dan[i].type);\n                    }\n                    if (tunnel >= 0) {\n                        item.classList.add('dplayer-danmaku-move');\n                        docFragment.appendChild(item);\n                    }\n                };\n                for (var i = 0; i < dan.length; i++) {\n                    _loop2(i);\n                }\n                this.container.appendChild(docFragment);\n                return docFragment;\n            }\n        },\n        {\n            key: 'play',\n            value: function play() {\n                this.paused = false;\n            }\n        },\n        {\n            key: 'pause',\n            value: function pause() {\n                this.paused = true;\n            }\n        },\n        {\n            key: '_measure',\n            value: function _measure(text) {\n                if (!this.context) {\n                    var measureStyle = getComputedStyle(this.container.getElementsByClassName('dplayer-danmaku-item')[0], null);\n                    this.context = document.createElement('canvas').getContext('2d');\n                    this.context.font = measureStyle.getPropertyValue('font');\n                }\n                return this.context.measureText(text).width;\n            }\n        },\n        {\n            key: 'seek',\n            value: function seek() {\n                for (var i = 0; i < this.dan.length; i++) {\n                    if (this.dan[i].time >= this.options.time()) {\n                        this.danIndex = i;\n                        break;\n                    }\n                    this.danIndex = this.dan.length;\n                }\n            }\n        },\n        {\n            key: 'clear',\n            value: function clear() {\n                this.danTunnel = {\n                    right: {},\n                    top: {},\n                    bottom: {}\n                };\n                this.danIndex = 0;\n                this.options.container.innerHTML = '';\n                this.events && this.events.trigger('danmaku_clear');\n            }\n        },\n        {\n            key: 'htmlEncode',\n            value: 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        },\n        {\n            key: 'resize',\n            value: function resize() {\n                var danWidth = this.container.offsetWidth;\n                var items = this.container.getElementsByClassName('dplayer-danmaku-item');\n                for (var i = 0; i < items.length; i++) {\n                    items[i].style.transform = 'translateX(-' + danWidth + 'px)';\n                }\n            }\n        },\n        {\n            key: 'hide',\n            value: function hide() {\n                this.showing = false;\n                this.pause();\n                this.clear();\n                this.events && this.events.trigger('danmaku_hide');\n            }\n        },\n        {\n            key: 'show',\n            value: function show() {\n                this.seek();\n                this.showing = true;\n                this.play();\n                this.events && this.events.trigger('danmaku_show');\n            }\n        },\n        {\n            key: 'unlimit',\n            value: function unlimit(boolean) {\n                this.unlimited = boolean;\n            }\n        }\n    ]);\n    return Danmaku;\n}();\nmodule.exports = Danmaku;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/danmaku.js\n// module id = 9\n// module chunks = 0","'use strict';\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Thumbnails = function () {\n    function Thumbnails(container, width, url, events) {\n        _classCallCheck(this, Thumbnails);\n        this.container = container;\n        this.width = width;\n        this.container.style.backgroundImage = 'url(\\'' + url + '\\')';\n        this.events = events;\n    }\n    _createClass(Thumbnails, [\n        {\n            key: 'resize',\n            value: function resize(width, height) {\n                this.container.style.width = width + 'px';\n                this.container.style.height = height + 'px';\n                this.container.style.top = -height + 2 + 'px';\n            }\n        },\n        {\n            key: 'show',\n            value: function show() {\n                this.container.style.display = 'block';\n                this.events && this.events.trigger('thumbnails_show');\n            }\n        },\n        {\n            key: 'move',\n            value: function move(position) {\n                this.container.style.backgroundPosition = '-' + (Math.ceil(position / this.width * 100) - 1) * 160 + 'px 0';\n                this.container.style.left = position - this.container.offsetWidth / 2 + 'px';\n            }\n        },\n        {\n            key: 'hide',\n            value: function hide() {\n                this.container.style.display = 'none';\n                this.events && this.events.trigger('thumbnails_hide');\n            }\n        }\n    ]);\n    return Thumbnails;\n}();\nmodule.exports = Thumbnails;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/thumbnails.js\n// module id = 10\n// module chunks = 0","'use strict';\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar Events = function () {\n    function Events() {\n        _classCallCheck(this, Events);\n        this.events = {};\n        this.videoEvents = [\n            'abort',\n            'canplay',\n            'canplaythrough',\n            'durationchange',\n            'emptied',\n            'ended',\n            'error',\n            'loadeddata',\n            'loadedmetadata',\n            'loadstart',\n            'mozaudioavailable',\n            'pause',\n            'play',\n            'playing',\n            'progress',\n            'ratechange',\n            'seeked',\n            'seeking',\n            'stalled',\n            'suspend',\n            'timeupdate',\n            'volumechange',\n            'waiting'\n        ];\n        this.playerEvents = [\n            'screenshot',\n            'thumbnails_show',\n            'thumbnails_hide',\n            'danmaku_show',\n            'danmaku_hide',\n            'danmaku_clear',\n            'danmaku_loaded',\n            'danmaku_send',\n            'danmaku_opacity',\n            'contextmenu_show',\n            'contextmenu_hide',\n            'notice_show',\n            'notice_hide',\n            'quality_start',\n            'quality_end',\n            'destroy',\n            'resize',\n            'fullscreen',\n            'fullscreen_cancel',\n            'webfullscreen',\n            'webfullscreen_cancel'\n        ];\n    }\n    _createClass(Events, [\n        {\n            key: 'on',\n            value: function on(name, callback) {\n                if (this.type(name) && typeof callback === 'function') {\n                    if (!this.events[name]) {\n                        this.events[name] = [];\n                    }\n                    this.events[name].push(callback);\n                }\n            }\n        },\n        {\n            key: 'trigger',\n            value: function trigger(name, info) {\n                if (this.events[name] && this.events[name].length) {\n                    for (var i = 0; i < this.events[name].length; i++) {\n                        this.events[name][i](info);\n                    }\n                }\n            }\n        },\n        {\n            key: 'type',\n            value: function type(name) {\n                if (this.playerEvents.indexOf(name) !== -1) {\n                    return 'player';\n                } else if (this.videoEvents.indexOf(name) !== -1) {\n                    return 'video';\n                }\n                console.error('Unknown event name: ' + name);\n                return null;\n            }\n        }\n    ]);\n    return Events;\n}();\nmodule.exports = Events;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/events.js\n// module id = 11\n// module chunks = 0","'use strict';\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}();\nfunction _classCallCheck(instance, Constructor) {\n    if (!(instance instanceof Constructor)) {\n        throw new TypeError('Cannot call a class as a function');\n    }\n}\nvar FullScreen = function () {\n    function FullScreen(player) {\n        var _this = this;\n        _classCallCheck(this, FullScreen);\n        this.player = player;\n        this.player.events.on('webfullscreen', function () {\n            _this.player.resize();\n        });\n        this.player.events.on('webfullscreen_cancel', function () {\n            _this.player.resize();\n        });\n        var fullscreenchange = function fullscreenchange() {\n            _this.player.resize();\n            if (_this.isFullScreen('browser')) {\n                _this.player.events.trigger('fullscreen');\n            } else {\n                _this.player.events.trigger('fullscreen_cancel');\n            }\n        };\n        this.player.container.addEventListener('fullscreenchange', fullscreenchange);\n        this.player.container.addEventListener('mozfullscreenchange', fullscreenchange);\n        this.player.container.addEventListener('webkitfullscreenchange', fullscreenchange);\n    }\n    _createClass(FullScreen, [\n        {\n            key: 'isFullScreen',\n            value: function isFullScreen() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\n                    return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;\n                case 'web':\n                    return this.player.container.classList.contains('dplayer-fulled');\n                }\n            }\n        },\n        {\n            key: 'request',\n            value: function request() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\n                    if (this.player.container.requestFullscreen) {\n                        this.player.container.requestFullscreen();\n                    } else if (this.player.container.mozRequestFullScreen) {\n                        this.player.container.mozRequestFullScreen();\n                    } else if (this.player.container.webkitRequestFullscreen) {\n                        this.player.container.webkitRequestFullscreen();\n                    } else if (this.player.video.webkitEnterFullscreen) {\n                        this.player.video.webkitEnterFullscreen();\n                    }\n                    break;\n                case 'web':\n                    this.player.container.classList.add('dplayer-fulled');\n                    this.player.events.trigger('webfullscreen');\n                    break;\n                }\n            }\n        },\n        {\n            key: 'cancel',\n            value: function cancel() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                switch (type) {\n                case 'browser':\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                    break;\n                case 'web':\n                    this.player.container.classList.remove('dplayer-fulled');\n                    this.player.events.trigger('webfullscreen_cancel');\n                    break;\n                }\n            }\n        },\n        {\n            key: 'toggle',\n            value: function toggle() {\n                var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'browser';\n                if (this.isFullScreen(type)) {\n                    this.cancel(type);\n                } else {\n                    this.request(type);\n                }\n            }\n        }\n    ]);\n    return FullScreen;\n}();\nmodule.exports = FullScreen;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/fullscreen.js\n// module id = 12\n// module chunks = 0","'use strict';\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}();\nvar _utils = require('./utils');\nvar _utils2 = _interopRequireDefault(_utils);\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 User = function () {\n    function User(player) {\n        _classCallCheck(this, User);\n        this.storageName = {\n            opacity: 'dplayer-danmaku-opacity',\n            volume: 'dplayer-volume',\n            unlimited: 'dplayer-danmaku-unlimited',\n            danmaku: 'dplayer-danmaku-show'\n        };\n        this.default = {\n            opacity: 0.7,\n            volume: player.options.volume || 0.7,\n            unlimited: (player.options.danmaku && player.options.danmaku.unlimited ? 1 : 0) || 0,\n            danmaku: 1\n        };\n        this.data = {};\n        this.init();\n    }\n    _createClass(User, [\n        {\n            key: 'init',\n            value: function init() {\n                for (var item in this.storageName) {\n                    var name = this.storageName[item];\n                    this.data[item] = parseFloat(_utils2.default.storage.get(name) || this.default[item]);\n                }\n            }\n        },\n        {\n            key: 'get',\n            value: function get(key) {\n                return this.data[key];\n            }\n        },\n        {\n            key: 'set',\n            value: function set(key, value) {\n                this.data[key] = value;\n                _utils2.default.storage.set(this.storageName[key], value);\n            }\n        }\n    ]);\n    return User;\n}();\nmodule.exports = User;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/user.js\n// module id = 13\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
diff --git a/package.json b/package.json
index fed874cdd..f6a6049c5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dplayer",
-  "version": "1.10.3",
+  "version": "1.11.0",
   "description": "Wow, such a lovely HTML5 danmaku video player",
   "main": "dist/DPlayer.min.js",
   "style": "dist/DPlayer.min.css",
diff --git a/src/DPlayer.js b/src/DPlayer.js
index 18b03c2c9..c5b2e04be 100644
--- a/src/DPlayer.js
+++ b/src/DPlayer.js
@@ -2,7 +2,7 @@ import './DPlayer.scss';
 
 import utils, {isMobile} from './utils';
 import svg from './svg';
-import handleOption from './option';
+import handleOption from './options';
 import i18n from './i18n';
 import html from './html';
 import Danmaku from './danmaku';
@@ -18,41 +18,41 @@ class DPlayer {
     /**
      * DPlayer constructor function
      *
-     * @param {Object} option - See README
+     * @param {Object} options - See README
      * @constructor
      */
-    constructor (option) {
-        this.option = handleOption(option);
+    constructor (options) {
+        this.options = handleOption(options);
 
-        this.option.element.classList.add('dplayer');
+        this.options.container.classList.add('dplayer');
 
-        if (this.option.video.quality) {
-            this.qualityIndex = this.option.video.defaultQuality;
-            this.quality = this.option.video.quality[this.option.video.defaultQuality];
+        if (this.options.video.quality) {
+            this.qualityIndex = this.options.video.defaultQuality;
+            this.quality = this.options.video.quality[this.options.video.defaultQuality];
         }
 
-        this.tran = new i18n(this.option.lang).tran;
+        this.tran = new i18n(this.options.lang).tran;
 
         this.events = new Events();
 
         this.user = new User(this);
 
-        this.element = this.option.element;
-        if (!this.option.danmaku) {
-            this.element.classList.add('dplayer-no-danmaku');
+        this.container = this.options.container;
+        if (!this.options.danmaku) {
+            this.container.classList.add('dplayer-no-danmaku');
         }
         if (isMobile) {
-            this.element.classList.add('dplayer-mobile');
+            this.container.classList.add('dplayer-mobile');
         }
 
-        this.element.innerHTML = html.main(option, index, this.tran);
+        this.container.innerHTML = html.main(this.options, index, this.tran);
 
         const bar = {};
-        bar.volumeBar = this.element.getElementsByClassName('dplayer-volume-bar-inner')[0];
-        bar.playedBar = this.element.getElementsByClassName('dplayer-played')[0];
-        bar.loadedBar = this.element.getElementsByClassName('dplayer-loaded')[0];
-        const pbar = this.element.getElementsByClassName('dplayer-bar-wrap')[0];
-        const pbarTimeTips = this.element.getElementsByClassName('dplayer-bar-time')[0];
+        bar.volumeBar = this.container.getElementsByClassName('dplayer-volume-bar-inner')[0];
+        bar.playedBar = this.container.getElementsByClassName('dplayer-played')[0];
+        bar.loadedBar = this.container.getElementsByClassName('dplayer-loaded')[0];
+        const pbar = this.container.getElementsByClassName('dplayer-bar-wrap')[0];
+        const pbarTimeTips = this.container.getElementsByClassName('dplayer-bar-time')[0];
         let barWidth;
 
         /**
@@ -72,19 +72,19 @@ class DPlayer {
             this.focus = false;
         }, true);
 
-        this.element.addEventListener('click', () => {
+        this.container.addEventListener('click', () => {
             this.focus = true;
         }, true);
 
-        if (this.option.danmaku) {
+        if (this.options.danmaku) {
             this.danmaku = new Danmaku({
-                container: this.element.getElementsByClassName('dplayer-danmaku')[0],
+                container: this.container.getElementsByClassName('dplayer-danmaku')[0],
                 opacity: this.user.get('opacity'),
                 callback: () => {
-                    this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';
+                    this.container.getElementsByClassName('dplayer-danloading')[0].style.display = 'none';
 
                     // autoplay
-                    if (this.option.autoplay && !isMobile) {
+                    if (this.options.autoplay && !isMobile) {
                         this.play();
                     }
                     else if (isMobile) {
@@ -94,18 +94,18 @@ class DPlayer {
                 error: (msg) => {
                     this.notice(msg);
                 },
-                apiBackend: this.option.apiBackend,
-                borderColor: this.option.theme,
+                apiBackend: this.options.apiBackend,
+                borderColor: this.options.theme,
                 height: this.arrow ? 24 : 30,
                 time: () => this.video.currentTime,
                 unlimited: this.user.get('unlimited'),
                 api: {
-                    id: this.option.danmaku.id,
-                    address: this.option.danmaku.api,
-                    token: this.option.danmaku.token,
-                    maximum: this.option.danmaku.maximum,
-                    addition: this.option.danmaku.addition,
-                    user: this.option.danmaku.user,
+                    id: this.options.danmaku.id,
+                    address: this.options.danmaku.api,
+                    token: this.options.danmaku.token,
+                    maximum: this.options.danmaku.maximum,
+                    addition: this.options.danmaku.addition,
+                    user: this.options.danmaku.user,
                 },
                 events: this.events
             });
@@ -113,7 +113,7 @@ class DPlayer {
 
 
         // arrow style
-        this.arrow = this.element.offsetWidth <= 500;
+        this.arrow = this.container.offsetWidth <= 500;
         if (this.arrow) {
             const arrowStyle = document.createElement('style');
             arrowStyle.innerHTML = `.dplayer .dplayer-danmaku{font-size:18px}`;
@@ -121,22 +121,22 @@ class DPlayer {
         }
 
         // get this video manager
-        this.video = this.element.getElementsByClassName('dplayer-video-current')[0];
+        this.video = this.container.getElementsByClassName('dplayer-video-current')[0];
 
-        this.bezel = this.element.getElementsByClassName('dplayer-bezel-icon')[0];
+        this.bezel = this.container.getElementsByClassName('dplayer-bezel-icon')[0];
         this.bezel.addEventListener('animationend', () => {
             this.bezel.classList.remove('dplayer-bezel-transition');
         });
 
         // play and pause button
-        this.playButton = this.element.getElementsByClassName('dplayer-play-icon')[0];
+        this.playButton = this.container.getElementsByClassName('dplayer-play-icon')[0];
         this.paused = true;
         this.playButton.addEventListener('click', () => {
             this.toggle();
         });
 
-        const videoWrap = this.element.getElementsByClassName('dplayer-video-wrap')[0];
-        const conMask = this.element.getElementsByClassName('dplayer-controller-mask')[0];
+        const videoWrap = this.container.getElementsByClassName('dplayer-video-wrap')[0];
+        const conMask = this.container.getElementsByClassName('dplayer-controller-mask')[0];
         if (!isMobile) {
             videoWrap.addEventListener('click', () => {
                 this.toggle();
@@ -147,11 +147,11 @@ class DPlayer {
         }
         else {
             const toggleController = () => {
-                if (this.element.classList.contains('dplayer-hide-controller')) {
-                    this.element.classList.remove('dplayer-hide-controller');
+                if (this.container.classList.contains('dplayer-hide-controller')) {
+                    this.container.classList.remove('dplayer-hide-controller');
                 }
                 else {
-                    this.element.classList.add('dplayer-hide-controller');
+                    this.container.classList.add('dplayer-hide-controller');
                 }
             };
             videoWrap.addEventListener('click', toggleController);
@@ -179,13 +179,13 @@ class DPlayer {
                 if (!bufferingDetected
                     && currentPlayPos === lastPlayPos
                     && !this.video.paused) {
-                    this.element.classList.add('dplayer-loading');
+                    this.container.classList.add('dplayer-loading');
                     bufferingDetected = true;
                 }
                 if (bufferingDetected
                     && currentPlayPos > lastPlayPos
                     && !this.video.paused) {
-                    this.element.classList.remove('dplayer-loading');
+                    this.container.classList.remove('dplayer-loading');
                     bufferingDetected = false;
                 }
                 lastPlayPos = currentPlayPos;
@@ -200,7 +200,7 @@ class DPlayer {
         this.animationFrame = () => {
             if (this.playedTime) {
                 this.updateBar('played', this.video.currentTime / this.video.duration, 'width');
-                this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = utils.secondToTime(this.video.currentTime);
+                this.container.getElementsByClassName('dplayer-ptime')[0].innerHTML = utils.secondToTime(this.video.currentTime);
             }
             window.requestAnimationFrame(this.animationFrame);
         };
@@ -231,7 +231,7 @@ class DPlayer {
             }
         };
 
-        if (this.option.video.thumbnails) {
+        if (this.options.video.thumbnails) {
             this.initThumbnails();
         }
         this.isTimeTipsShow = true;
@@ -246,7 +246,7 @@ class DPlayer {
             percentage = percentage > 0 ? percentage : 0;
             percentage = percentage < 1 ? percentage : 1;
             this.updateBar('played', percentage, 'width');
-            this.element.getElementsByClassName('dplayer-ptime')[0].innerHTML = utils.secondToTime(percentage * this.video.duration);
+            this.container.getElementsByClassName('dplayer-ptime')[0].innerHTML = utils.secondToTime(percentage * this.video.duration);
         };
 
         const thumbUp = (e) => {
@@ -271,10 +271,10 @@ class DPlayer {
         /**
          * control volume
          */
-        const volumeEle = this.element.getElementsByClassName('dplayer-volume')[0];
-        const volumeBarWrapWrap = this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0];
-        const volumeBarWrap = this.element.getElementsByClassName('dplayer-volume-bar')[0];
-        const volumeicon = this.element.getElementsByClassName('dplayer-volume-icon')[0].getElementsByClassName('dplayer-icon-content')[0];
+        const volumeEle = this.container.getElementsByClassName('dplayer-volume')[0];
+        const volumeBarWrapWrap = this.container.getElementsByClassName('dplayer-volume-bar-wrap')[0];
+        const volumeBarWrap = this.container.getElementsByClassName('dplayer-volume-bar')[0];
+        const volumeicon = this.container.getElementsByClassName('dplayer-volume-icon')[0].getElementsByClassName('dplayer-icon-content')[0];
         const vWidth = 35;
 
         this.switchVolumeIcon = () => {
@@ -328,19 +328,19 @@ class DPlayer {
          */
         this.hideTime = 0;
         const hideController = () => {
-            this.element.classList.remove('dplayer-hide-controller');
+            this.container.classList.remove('dplayer-hide-controller');
             clearTimeout(this.hideTime);
             this.hideTime = setTimeout(() => {
                 if (this.video.played.length) {
-                    this.element.classList.add('dplayer-hide-controller');
+                    this.container.classList.add('dplayer-hide-controller');
                     closeSetting();
                     closeComment();
                 }
             }, 2000);
         };
         if (!isMobile) {
-            this.element.addEventListener('mousemove', hideController);
-            this.element.addEventListener('click', hideController);
+            this.container.addEventListener('mousemove', hideController);
+            this.container.addEventListener('click', hideController);
         }
 
 
@@ -350,9 +350,9 @@ class DPlayer {
         const settingHTML = html.setting(this.tran);
 
         // toggle setting box
-        const settingIcon = this.element.getElementsByClassName('dplayer-setting-icon')[0];
-        const settingBox = this.element.getElementsByClassName('dplayer-setting-box')[0];
-        const mask = this.element.getElementsByClassName('dplayer-mask')[0];
+        const settingIcon = this.container.getElementsByClassName('dplayer-setting-icon')[0];
+        const settingBox = this.container.getElementsByClassName('dplayer-setting-box')[0];
+        const mask = this.container.getElementsByClassName('dplayer-mask')[0];
         settingBox.innerHTML = settingHTML.original;
 
         const closeSetting = () => {
@@ -378,7 +378,7 @@ class DPlayer {
             openSetting();
         });
 
-        this.loop = this.option.loop;
+        this.loop = this.options.loop;
         let showdan = this.user.get('danmaku');
         if (!showdan) {
             this.danmaku && this.danmaku.hide();
@@ -386,7 +386,7 @@ class DPlayer {
         let unlimitDan = this.user.get('unlimited');
         const settingEvent = () => {
             // loop control
-            const loopEle = this.element.getElementsByClassName('dplayer-setting-loop')[0];
+            const loopEle = this.container.getElementsByClassName('dplayer-setting-loop')[0];
             const loopToggle = loopEle.getElementsByClassName('dplayer-toggle-setting-input')[0];
 
             loopToggle.checked = this.loop;
@@ -403,7 +403,7 @@ class DPlayer {
             });
 
             // show danmaku control
-            const showDanEle = this.element.getElementsByClassName('dplayer-setting-showdan')[0];
+            const showDanEle = this.container.getElementsByClassName('dplayer-setting-showdan')[0];
             const showDanToggle = showDanEle.getElementsByClassName('dplayer-showdan-setting-input')[0];
 
             showDanToggle.checked = showdan;
@@ -425,7 +425,7 @@ class DPlayer {
             });
 
             // unlimited danmaku control
-            const unlimitDanEle = this.element.getElementsByClassName('dplayer-setting-danunlimit')[0];
+            const unlimitDanEle = this.container.getElementsByClassName('dplayer-setting-danunlimit')[0];
             const unlimitDanToggle = unlimitDanEle.getElementsByClassName('dplayer-danunlimit-setting-input')[0];
 
             unlimitDanToggle.checked = unlimitDan;
@@ -445,7 +445,7 @@ class DPlayer {
             });
 
             // speed control
-            const speedEle = this.element.getElementsByClassName('dplayer-setting-speed')[0];
+            const speedEle = this.container.getElementsByClassName('dplayer-setting-speed')[0];
             speedEle.addEventListener('click', () => {
                 settingBox.classList.add('dplayer-setting-box-narrow');
                 settingBox.innerHTML = settingHTML.speed;
@@ -461,10 +461,10 @@ class DPlayer {
 
             if (this.danmaku) {
                 // danmaku opacity
-                bar.danmakuBar = this.element.getElementsByClassName('dplayer-danmaku-bar-inner')[0];
-                const danmakuBarWrapWrap = this.element.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];
-                const danmakuBarWrap = this.element.getElementsByClassName('dplayer-danmaku-bar')[0];
-                const danmakuSettingBox = this.element.getElementsByClassName('dplayer-setting-danmaku')[0];
+                bar.danmakuBar = this.container.getElementsByClassName('dplayer-danmaku-bar-inner')[0];
+                const danmakuBarWrapWrap = this.container.getElementsByClassName('dplayer-danmaku-bar-wrap')[0];
+                const danmakuBarWrap = this.container.getElementsByClassName('dplayer-danmaku-bar')[0];
+                const danmakuSettingBox = this.container.getElementsByClassName('dplayer-setting-danmaku')[0];
                 const dWidth = 130;
                 this.on('danmaku_opacity', (percentage) => {
                     this.updateBar('danmaku', percentage, 'width');
@@ -503,12 +503,12 @@ class DPlayer {
 
         // set duration time
         if (this.video.duration !== 1) {           // compatibility: Android browsers will output 1 at first
-            this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? utils.secondToTime(this.video.duration) : '00:00';
+            this.container.getElementsByClassName('dplayer-dtime')[0].innerHTML = this.video.duration ? utils.secondToTime(this.video.duration) : '00:00';
         }
 
         if (!this.danmaku) {
             // autoplay
-            if (this.option.autoplay && !isMobile) {
+            if (this.options.autoplay && !isMobile) {
                 this.play();
             }
             else if (isMobile) {
@@ -520,12 +520,12 @@ class DPlayer {
         /**
          * comment
          */
-        const commentInput = this.element.getElementsByClassName('dplayer-comment-input')[0];
-        const commentIcon = this.element.getElementsByClassName('dplayer-comment-icon')[0];
-        const commentBox = this.element.getElementsByClassName('dplayer-comment-box')[0];
-        const commentSettingIcon = this.element.getElementsByClassName('dplayer-comment-setting-icon')[0];
-        const commentSettingBox = this.element.getElementsByClassName('dplayer-comment-setting-box')[0];
-        const commentSendIcon = this.element.getElementsByClassName('dplayer-send-icon')[0];
+        const commentInput = this.container.getElementsByClassName('dplayer-comment-input')[0];
+        const commentIcon = this.container.getElementsByClassName('dplayer-comment-icon')[0];
+        const commentBox = this.container.getElementsByClassName('dplayer-comment-box')[0];
+        const commentSettingIcon = this.container.getElementsByClassName('dplayer-comment-setting-icon')[0];
+        const commentSettingBox = this.container.getElementsByClassName('dplayer-comment-setting-box')[0];
+        const commentSendIcon = this.container.getElementsByClassName('dplayer-send-icon')[0];
 
         const closeCommentSetting = () => {
             if (commentSettingBox.classList.contains('dplayer-comment-setting-open')) {
@@ -550,7 +550,7 @@ class DPlayer {
 
             commentBox.classList.remove('dplayer-comment-box-open');
             mask.classList.remove('dplayer-mask-show');
-            this.element.classList.remove('dplayer-show-controller');
+            this.container.classList.remove('dplayer-show-controller');
 
             clearInterval(disableHide);
             clearTimeout(commentFocusTimeout);
@@ -563,7 +563,7 @@ class DPlayer {
 
             commentBox.classList.add('dplayer-comment-box-open');
             mask.classList.add('dplayer-mask-show');
-            this.element.classList.add('dplayer-show-controller');
+            this.container.classList.add('dplayer-show-controller');
 
             disableHide = setInterval(() => {
                 clearTimeout(this.hideTime);
@@ -584,10 +584,10 @@ class DPlayer {
         });
 
         // comment setting box
-        this.element.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', () => {
-            const sele = this.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked+span');
+        this.container.getElementsByClassName('dplayer-comment-setting-color')[0].addEventListener('click', () => {
+            const sele = this.container.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked+span');
             if (sele) {
-                commentSettingIcon.getElementsByClassName('dplayer-fill')[0].style.fill = this.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked').value;
+                commentSettingIcon.getElementsByClassName('dplayer-fill')[0].style.fill = this.container.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked').value;
             }
         });
 
@@ -602,8 +602,8 @@ class DPlayer {
 
             this.danmaku.send({
                 text: commentInput.value,
-                color: this.element.querySelector('.dplayer-comment-setting-color input:checked').value,
-                type: this.element.querySelector('.dplayer-comment-setting-type input:checked').value
+                color: this.container.querySelector('.dplayer-comment-setting-color input:checked').value,
+                type: this.container.querySelector('.dplayer-comment-setting-type input:checked').value
             }, () => {
                 commentInput.value = '';
                 closeComment();
@@ -625,12 +625,12 @@ class DPlayer {
         this.fullScreen = new FullScreen(this);
 
         // browser full screen
-        this.element.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', () => {
+        this.container.getElementsByClassName('dplayer-full-icon')[0].addEventListener('click', () => {
             this.fullScreen.toggle('browser');
         });
 
         // web full screen
-        this.element.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', () => {
+        this.container.getElementsByClassName('dplayer-full-in-icon')[0].addEventListener('click', () => {
             this.fullScreen.toggle('web');
         });
 
@@ -673,7 +673,7 @@ class DPlayer {
                 }
             }
         };
-        if (this.option.hotkey) {
+        if (this.options.hotkey) {
             document.addEventListener('keydown', handleKeyDown);
         }
         document.addEventListener('keydown', (e) => {              // Press ESC to quit web full screen
@@ -690,14 +690,14 @@ class DPlayer {
         /**
          * right key
          */
-        const menu = this.element.getElementsByClassName('dplayer-menu')[0];
-        this.element.addEventListener('contextmenu', (e) => {
+        const menu = this.container.getElementsByClassName('dplayer-menu')[0];
+        this.container.addEventListener('contextmenu', (e) => {
             const event = e || window.event;
             event.preventDefault();
 
             menu.classList.add('dplayer-menu-show');
 
-            const clientRect = this.element.getBoundingClientRect();
+            const clientRect = this.container.getBoundingClientRect();
             const menuLeft = event.clientX - clientRect.left;
             const menuTop = event.clientY - clientRect.top;
             if (menuLeft + menu.offsetWidth >= clientRect.width) {
@@ -705,7 +705,7 @@ class DPlayer {
                 menu.style.left = 'initial';
             }
             else {
-                menu.style.left = event.clientX - this.element.getBoundingClientRect().left + 'px';
+                menu.style.left = event.clientX - this.container.getBoundingClientRect().left + 'px';
                 menu.style.right = 'initial';
             }
             if (menuTop + menu.offsetHeight >= clientRect.height) {
@@ -713,7 +713,7 @@ class DPlayer {
                 menu.style.top = 'initial';
             }
             else {
-                menu.style.top = event.clientY - this.element.getBoundingClientRect().top + 'px';
+                menu.style.top = event.clientY - this.container.getBoundingClientRect().top + 'px';
                 menu.style.bottom = 'initial';
             }
 
@@ -732,8 +732,8 @@ class DPlayer {
         /**
          * Switch quality
          */
-        if (this.option.video.quality) {
-            this.element.getElementsByClassName('dplayer-quality-list')[0].addEventListener('click', (e) => {
+        if (this.options.video.quality) {
+            this.container.getElementsByClassName('dplayer-quality-list')[0].addEventListener('click', (e) => {
                 if (e.target.classList.contains('dplayer-quality-item')) {
                     this.switchQuality(e.target.dataset.index);
                 }
@@ -743,8 +743,8 @@ class DPlayer {
         /**
          * Screenshot
          */
-        if (this.option.screenshot) {
-            const camareIcon = this.element.getElementsByClassName('dplayer-camera-icon')[0];
+        if (this.options.screenshot) {
+            const camareIcon = this.container.getElementsByClassName('dplayer-camera-icon')[0];
             camareIcon.addEventListener('click', () => {
                 const canvas = document.createElement("canvas");
                 canvas.width = this.video.videoWidth;
@@ -759,7 +759,7 @@ class DPlayer {
             });
         }
 
-        this.initVideo(this.video, this.quality && this.quality.type || this.option.video.type);
+        this.initVideo(this.video, this.quality && this.quality.type || this.options.video.type);
 
         index++;
     }
@@ -802,7 +802,7 @@ class DPlayer {
 
         this.video.play();
         this.setTime();
-        this.element.classList.add('dplayer-playing');
+        this.container.classList.add('dplayer-playing');
         if (this.danmaku) {
             this.danmaku.play();
         }
@@ -813,7 +813,7 @@ class DPlayer {
      */
     pause () {
         this.paused = true;
-        this.element.classList.remove('dplayer-loading');
+        this.container.classList.remove('dplayer-loading');
 
         if (!this.video.paused) {
             this.bezel.innerHTML = svg('pause');
@@ -824,7 +824,7 @@ class DPlayer {
         this.playButton.innerHTML = svg('play');
         this.video.pause();
         this.clearTime();
-        this.element.classList.remove('dplayer-playing');
+        this.container.classList.remove('dplayer-playing');
         if (this.danmaku) {
             this.danmaku.pause();
         }
@@ -840,7 +840,7 @@ class DPlayer {
             percentage = percentage < 1 ? percentage : 1;
             this.updateBar('volume', percentage, 'width');
             const formatPercentage = `${(percentage * 100).toFixed(0)}%`;
-            this.element.getElementsByClassName('dplayer-volume-bar-wrap')[0].dataset.balloon = formatPercentage;
+            this.container.getElementsByClassName('dplayer-volume-bar-wrap')[0].dataset.balloon = formatPercentage;
             if (!nostorage) {
                 this.user.set('volume', percentage);
             }
@@ -885,11 +885,11 @@ class DPlayer {
         this.video.src = video.url;
         this.initMSE(this.video, video.type || 'auto');
         if (danmakuAPI) {
-            this.element.getElementsByClassName('dplayer-danloading')[0].style.display = 'block';
+            this.container.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.container.getElementsByClassName('dplayer-ptime')[0].innerHTML = '00:00';
+            this.container.getElementsByClassName('dplayer-danmaku')[0].innerHTML = '';
             if (this.danmaku) {
                 this.danmaku.reload({
                     id: danmakuAPI.id,
@@ -919,7 +919,7 @@ class DPlayer {
 
         // Support HTTP Live Streaming
         if (this.type === 'hls' && Hls.isSupported()) {
-            // this.element.getElementsByClassName('dplayer-time')[0].style.display = 'none';
+            // this.container.getElementsByClassName('dplayer-time')[0].style.display = 'none';
             const hls = new Hls();
             hls.loadSource(video.src);
             hls.attachMedia(video);
@@ -945,7 +945,7 @@ class DPlayer {
         // show video time: the metadata has loaded or changed
         this.on('durationchange', () => {
             if (video.duration !== 1) {           // compatibility: Android browsers will output 1 at first
-                this.element.getElementsByClassName('dplayer-dtime')[0].innerHTML = utils.secondToTime(video.duration);
+                this.container.getElementsByClassName('dplayer-dtime')[0].innerHTML = utils.secondToTime(video.duration);
             }
         });
 
@@ -1006,18 +1006,18 @@ class DPlayer {
             this.qualityIndex = index;
         }
         this.switchingQuality = true;
-        this.quality = this.option.video.quality[index];
-        this.element.getElementsByClassName('dplayer-quality-icon')[0].innerHTML = this.quality.name;
+        this.quality = this.options.video.quality[index];
+        this.container.getElementsByClassName('dplayer-quality-icon')[0].innerHTML = this.quality.name;
 
         const paused = this.video.paused;
         this.video.pause();
-        const videoHTML = html.video(false, null, this.option.screenshot, 'auto', this.quality.url);
+        const videoHTML = html.video(false, null, this.options.screenshot, 'auto', this.quality.url);
         const videoEle = new DOMParser().parseFromString(videoHTML, 'text/html').body.firstChild;
-        const parent = this.element.getElementsByClassName('dplayer-video-wrap')[0];
+        const parent = this.container.getElementsByClassName('dplayer-video-wrap')[0];
         parent.insertBefore(videoEle, parent.getElementsByTagName('div')[0]);
         this.prevVideo = this.video;
         this.video = videoEle;
-        this.initVideo(this.video, this.quality.type || this.option.video.type);
+        this.initVideo(this.video, this.quality.type || this.options.video.type);
         this.seek(this.prevVideo.currentTime);
         this.notice(`${this.tran('Switching to')} ${this.quality.name} ${this.tran('quality')}`, -1);
         this.events.trigger('quality_start', this.quality);
@@ -1105,7 +1105,7 @@ class DPlayer {
     }
 
     initThumbnails () {
-        this.thumbnails = new Thumbnails(this.element.getElementsByClassName('dplayer-bar-preview')[0], this.element.getElementsByClassName('dplayer-bar-wrap')[0].offsetWidth, this.option.video.thumbnails, this.events);
+        this.thumbnails = new Thumbnails(this.container.getElementsByClassName('dplayer-bar-preview')[0], this.container.getElementsByClassName('dplayer-bar-wrap')[0].offsetWidth, this.options.video.thumbnails, this.events);
 
         this.on('loadedmetadata', () => {
             this.thumbnails.resize(160, 90);
@@ -1113,7 +1113,7 @@ class DPlayer {
     }
 
     notice (text, time = 2000, opacity = 0.8) {
-        const noticeEle = this.element.getElementsByClassName('dplayer-notice')[0];
+        const noticeEle = this.container.getElementsByClassName('dplayer-notice')[0];
         noticeEle.innerHTML = text;
         noticeEle.style.opacity = opacity;
         if (this.noticeTime) {
@@ -1137,7 +1137,7 @@ class DPlayer {
         this.pause();
         clearTimeout(this.hideTime);
         this.video.src = '';
-        this.element.innerHTML = '';
+        this.container.innerHTML = '';
         this.events.trigger('destroy');
 
         for (const key in this) {
diff --git a/src/fullscreen.js b/src/fullscreen.js
index 0253e26ba..bb69b2f0f 100644
--- a/src/fullscreen.js
+++ b/src/fullscreen.js
@@ -18,9 +18,9 @@ class FullScreen {
                 this.player.events.trigger('fullscreen_cancel');
             }
         };
-        this.player.element.addEventListener('fullscreenchange', fullscreenchange);
-        this.player.element.addEventListener('mozfullscreenchange', fullscreenchange);
-        this.player.element.addEventListener('webkitfullscreenchange', fullscreenchange);
+        this.player.container.addEventListener('fullscreenchange', fullscreenchange);
+        this.player.container.addEventListener('mozfullscreenchange', fullscreenchange);
+        this.player.container.addEventListener('webkitfullscreenchange', fullscreenchange);
     }
 
     isFullScreen (type = 'browser') {
@@ -28,28 +28,28 @@ class FullScreen {
         case 'browser':
             return document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;
         case 'web':
-            return this.player.element.classList.contains('dplayer-fulled');
+            return this.player.container.classList.contains('dplayer-fulled');
         }
     }
 
     request (type = 'browser') {
         switch (type) {
         case 'browser':
-            if (this.player.element.requestFullscreen) {
-                this.player.element.requestFullscreen();
+            if (this.player.container.requestFullscreen) {
+                this.player.container.requestFullscreen();
             }
-            else if (this.player.element.mozRequestFullScreen) {
-                this.player.element.mozRequestFullScreen();
+            else if (this.player.container.mozRequestFullScreen) {
+                this.player.container.mozRequestFullScreen();
             }
-            else if (this.player.element.webkitRequestFullscreen) {
-                this.player.element.webkitRequestFullscreen();
+            else if (this.player.container.webkitRequestFullscreen) {
+                this.player.container.webkitRequestFullscreen();
             }
             else if (this.player.video.webkitEnterFullscreen) {   // Safari for iOS
                 this.player.video.webkitEnterFullscreen();
             }
             break;
         case 'web':
-            this.player.element.classList.add('dplayer-fulled');
+            this.player.container.classList.add('dplayer-fulled');
             this.player.events.trigger('webfullscreen');
             break;
         }
@@ -69,7 +69,7 @@ class FullScreen {
             }
             break;
         case 'web':
-            this.player.element.classList.remove('dplayer-fulled');
+            this.player.container.classList.remove('dplayer-fulled');
             this.player.events.trigger('webfullscreen_cancel');
             break;
         }
diff --git a/src/html.js b/src/html.js
index a7d816909..87559e33b 100644
--- a/src/html.js
+++ b/src/html.js
@@ -1,22 +1,22 @@
 const svg = require('./svg.js');
 
 const html = {
-    main: (option, index, tran) => {
+    main: (options, index, tran) => {
         let videos = ``;
-        videos += html.video(true, option.video.pic, option.screenshot, option.preload, option.video.url);
+        videos += html.video(true, options.video.pic, options.screenshot, options.preload, options.video.url);
         return `
         <div class="dplayer-mask"></div>
         <div class="dplayer-video-wrap">
             ${videos}
-            ${option.logo ? `
-            <div class="dplayer-logo"><img src="${option.logo}"></div>
+            ${options.logo ? `
+            <div class="dplayer-logo"><img src="${options.logo}"></div>
             ` : ``}
-            <div class="dplayer-danmaku" style="${option.danmaku ? html.danmakumargin(option.danmaku.margin) : ``}">
+            <div class="dplayer-danmaku" style="${options.danmaku ? html.danmakumargin(options.danmaku.margin) : ``}">
                 <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>` : ``}
+                ${options.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">
@@ -59,8 +59,8 @@ const html = {
                     </button>
                     <div class="dplayer-volume-bar-wrap" data-balloon-pos="up">
                         <div class="dplayer-volume-bar">
-                            <div class="dplayer-volume-bar-inner" style="background: ${option.theme};">
-                                <span class="dplayer-thumb" style="background: ${option.theme}"></span>
+                            <div class="dplayer-volume-bar-inner" style="background: ${options.theme};">
+                                <span class="dplayer-thumb" style="background: ${options.theme}"></span>
                             </div>
                         </div>
                     </div>
@@ -68,15 +68,15 @@ const html = {
                 <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 ? `
+                ${options.video.quality ? `
                 <div class="dplayer-quality">
-                    <button class="dplayer-icon dplayer-quality-icon">${option.video.quality[option.video.defaultQuality].name}</button>
+                    <button class="dplayer-icon dplayer-quality-icon">${options.video.quality[options.video.defaultQuality].name}</button>
                     <div class="dplayer-quality-mask">
-                        ${html.qualityList(option.video.quality)}
+                        ${html.qualityList(options.video.quality)}
                     </div>
                 </div>
                 ` : ``}
-                ${option.screenshot ? `
+                ${options.screenshot ? `
                 <a href="#" class="dplayer-icon dplayer-camera-icon" data-balloon="${tran('Screenshot')}" data-balloon-pos="up">
                     <span class="dplayer-icon-content">${svg('camera')}</span>
                 </a>
@@ -159,13 +159,13 @@ const html = {
                 <div class="dplayer-bar-preview"></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 class="dplayer-played" style="width: 0; background: ${options.theme}">
+                        <span class="dplayer-thumb" style="background: ${options.theme}"></span>
                     </div>
                 </div>
             </div>
         </div>
-        ${html.contextmenuList(option.contextmenu, tran)}
+        ${html.contextmenuList(options.contextmenu, tran)}
         <div class="dplayer-notice"></div>`;
     },
 
diff --git a/src/i18n.js b/src/i18n.js
index 0a066cf7e..cb9453c58 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -76,6 +76,13 @@ const tranTxt = {
         'quality': '畫質',
         'FF': '快進',
         'REW': '快退',
-        'Unlimited danmaku': '海量彈幕'
+        'Unlimited danmaku': '海量彈幕',
+        'Send danmaku': '發送彈幕',
+        'Setting': '設置',
+        'Full screen': '全屏',
+        'Web full screen': '頁面全屏',
+        'Send': '發送',
+        'Screenshot': '截圖',
+        's': '秒'
     }
 };
\ No newline at end of file
diff --git a/src/option.js b/src/options.js
similarity index 58%
rename from src/option.js
rename to src/options.js
index 9e6937eb6..aaaeb59fe 100644
--- a/src/option.js
+++ b/src/options.js
@@ -1,16 +1,16 @@
 /* global DPLAYER_VERSION GIT_HASH */
 const defaultApiBackend = require('./api.js');
 
-module.exports = (option) => {
+module.exports = (options) => {
     const isMobile = /mobile/i.test(window.navigator.userAgent);
     // compatibility: some mobile browsers don't suppose autoplay
     if (isMobile) {
-        option.autoplay = false;
+        options.autoplay = false;
     }
 
     // default options
     const defaultOption = {
-        element: document.getElementsByClassName('dplayer')[0],
+        container: options.element || document.getElementsByClassName('dplayer')[0],
         autoplay: false,
         theme: '#b7daff',
         loop: false,
@@ -24,26 +24,26 @@ module.exports = (option) => {
         contextmenu: []
     };
     for (const defaultKey in defaultOption) {
-        if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {
-            option[defaultKey] = defaultOption[defaultKey];
+        if (defaultOption.hasOwnProperty(defaultKey) && !options.hasOwnProperty(defaultKey)) {
+            options[defaultKey] = defaultOption[defaultKey];
         }
     }
-    if (option.video && !option.video.hasOwnProperty('type')) {
-        option.video.type = 'auto';
+    if (options.video && !options.video.hasOwnProperty('type')) {
+        options.video.type = 'auto';
     }
-    if (option.danmaku && !option.danmaku.hasOwnProperty('user')) {
-        option.danmaku.user = 'DIYgod';
+    if (options.danmaku && !options.danmaku.hasOwnProperty('user')) {
+        options.danmaku.user = 'DIYgod';
     }
 
-    if (option.video.quality) {
-        option.video.url = [option.video.quality[option.video.defaultQuality].url];
+    if (options.video.quality) {
+        options.video.url = [options.video.quality[options.video.defaultQuality].url];
     }
 
-    if (option.lang) {
-        option.lang = option.lang.toLowerCase();
+    if (options.lang) {
+        options.lang = options.lang.toLowerCase();
     }
 
-    option.contextmenu = option.contextmenu.concat([{
+    options.contextmenu = options.contextmenu.concat([{
         text: 'About author',
         link: 'https://www.anotherhome.net/'
     }, {
@@ -57,5 +57,5 @@ module.exports = (option) => {
         link: 'https://github.com/MoePlayer/DPlayer/releases'
     }]);
 
-    return option;
+    return options;
 };
\ No newline at end of file
diff --git a/src/user.js b/src/user.js
index de970be27..ea3ef0be2 100644
--- a/src/user.js
+++ b/src/user.js
@@ -10,8 +10,8 @@ class User {
         };
         this.default = {
             opacity: 0.7,
-            volume: player.option.volume || 0.7,
-            unlimited: (player.option.danmaku && player.option.danmaku.unlimited ? 1 : 0) || 0,
+            volume: player.options.volume || 0.7,
+            unlimited: (player.options.danmaku && player.options.danmaku.unlimited ? 1 : 0) || 0,
             danmaku: 1
         };
         this.data = {};