DPlayer/dist/DPlayer.min.js

!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 r=n[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},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=15)}([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'\n        <svg xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" version="1.1" viewBox="'+a[e][0]+'" width="100%">\n            <use xlink:href="#dplayer-'+e+'"></use>\n            <path class="dplayer-fill" d="'+a[e][1]+'" id="dplayer-'+e+'"></path>\n        </svg>\n    '}},function(e,t,n){"use strict";var a=n(0);e.exports={main:function(e,t,n){return'\n            <div class="dplayer-mask"></div>\n            <div class="dplayer-video-wrap">\n                <video class="dplayer-video" '+(e.video.pic?'poster="'+e.video.pic+'"':"")+" webkit-playsinline playsinline "+(e.screenshot?'crossorigin="anonymous"':"")+' preload="'+e.preload+'" src="'+e.video.url+'"></video>\n                <div class="dplayer-danmaku">\n                    <div class="dplayer-danmaku-item dplayer-danmaku-item--demo"></div>\n                </div>\n                <div class="dplayer-bezel">\n                    <span class="dplayer-bezel-icon"></span>\n                    '+(e.danmaku?'<span class="dplayer-danloading">'+n("Danmaku is loading")+"</span>":"")+'\n                    <span class="diplayer-loading-icon">\n                        <svg height="100%" version="1.1" viewBox="0 0 22 22" width="100%">\n                            <svg x="7" y="1">\n                                <circle class="diplayer-loading-dot diplayer-loading-dot-0" cx="4" cy="4" r="2"></circle>\n                            </svg>\n                            <svg x="11" y="3">\n                                <circle class="diplayer-loading-dot diplayer-loading-dot-1" cx="4" cy="4" r="2"></circle>\n                            </svg>\n                            <svg x="13" y="7">\n                                <circle class="diplayer-loading-dot diplayer-loading-dot-2" cx="4" cy="4" r="2"></circle>\n                            </svg>\n                            <svg x="11" y="11">\n                                <circle class="diplayer-loading-dot diplayer-loading-dot-3" cx="4" cy="4" r="2"></circle>\n                            </svg>\n                            <svg x="7" y="13">\n                                <circle class="diplayer-loading-dot diplayer-loading-dot-4" cx="4" cy="4" r="2"></circle>\n                            </svg>\n                            <svg x="3" y="11">\n                                <circle class="diplayer-loading-dot diplayer-loading-dot-5" cx="4" cy="4" r="2"></circle>\n                            </svg>\n                            <svg x="1" y="7">\n                                <circle class="diplayer-loading-dot diplayer-loading-dot-6" cx="4" cy="4" r="2"></circle>\n                            </svg>\n                            <svg x="3" y="3">\n                                <circle class="diplayer-loading-dot diplayer-loading-dot-7" cx="4" cy="4" r="2"></circle>\n                            </svg>\n                        </svg>\n                    </span>\n                </div>\n            </div>\n            <div class="dplayer-controller-mask"></div>\n            <div class="dplayer-controller">\n                <div class="dplayer-icons dplayer-icons-left">\n                    <button class="dplayer-icon dplayer-play-icon">'+a("play")+'     </button>\n                    <div class="dplayer-volume">\n                        <button class="dplayer-icon dplayer-volume-icon">'+a("volume-down")+'         </button>\n                        <div class="dplayer-volume-bar-wrap">\n                            <div class="dplayer-volume-bar">\n                                <div class="dplayer-volume-bar-inner" style="width: 70%; background: '+e.theme+';">\n                                    <span class="dplayer-thumb" style="background: '+e.theme+'"></span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <span class="dplayer-time"><span class="dplayer-ptime">0:00</span> / <span class="dplayer-dtime">0:00</span></span>\n                </div>\n                <div class="dplayer-icons dplayer-icons-right">\n                    '+(e.screenshot?'\n                    <a href="#" class="dplayer-icon dplayer-camera-icon"}dplayer-volume>'+a("camera")+"     </a>\n                    ":"")+'\n                    <div class="dplayer-comment">\n                        <button class="dplayer-icon dplayer-comment-icon">'+a("comment")+'         </button>\n                        <div class="dplayer-comment-box">\n                            <button class="dplayer-icon dplayer-comment-setting-icon">'+a("menu")+'             </button>\n                            <div class="dplayer-comment-setting-box">\n                                <div class="dplayer-comment-setting-color">\n                                   <div class="dplayer-comment-setting-title">'+n("Set danmaku color")+'</div>\n                                    <label>\n                                        <input type="radio" name="dplayer-danmaku-color-'+t+'" value="#fff" checked>\n                                        <span style="background: #fff; border: 1px solid rgba(0,0,0,.1);"></span>\n                                    </label>\n                                    <label>\n                                        <input type="radio" name="dplayer-danmaku-color-'+t+'" value="#e54256">\n                                        <span style="background: #e54256"></span>\n                                    </label>\n                                    <label>\n                                        <input type="radio" name="dplayer-danmaku-color-'+t+'" value="#ffe133">\n                                        <span style="background: #ffe133"></span>\n                                    </label>\n                                    <label>\n                                        <input type="radio" name="dplayer-danmaku-color-'+t+'" value="#64DD17">\n                                        <span style="background: #64DD17"></span>\n                                    </label>\n                                    <label>\n                                        <input type="radio" name="dplayer-danmaku-color-'+t+'" value="#39ccff">\n                                        <span style="background: #39ccff"></span>\n                                    </label>\n                                    <label>\n                                        <input type="radio" name="dplayer-danmaku-color-'+t+'" value="#D500F9">\n                                        <span style="background: #D500F9"></span>\n                                    </label>\n                                </div>\n                                <div class="dplayer-comment-setting-type">\n                                    <div class="dplayer-comment-setting-title">'+n("Set danmaku type")+'</div>\n                                    <label>\n                                        <input type="radio" name="dplayer-danmaku-type-'+t+'" value="top">\n                                        <span>'+n("Top")+'</span>\n                                    </label>\n                                    <label>\n                                        <input type="radio" name="dplayer-danmaku-type-'+t+'" value="right" checked>\n                                        <span>'+n("Rolling")+'</span>\n                                    </label>\n                                    <label>\n                                        <input type="radio" name="dplayer-danmaku-type-'+t+'" value="bottom">\n                                        <span>'+n("Bottom")+'</span>\n                                    </label>\n                                </div>\n                            </div>\n                            <input class="dplayer-comment-input" type="text" placeholder="'+n("Input danmaku, hit Enter")+'" maxlength="30">\n                            <button class="dplayer-icon dplayer-send-icon">'+a("send")+'             </button>\n                        </div>\n                    </div>\n                    <div class="dplayer-setting">\n                        <button class="dplayer-icon dplayer-setting-icon">'+a("setting")+'         </button>\n                        <div class="dplayer-setting-box"></div>\n                    </div>\n                    <div class="dplayer-full">\n                        <button class="dplayer-icon dplayer-full-in-icon">'+a("full-in")+'         </button>\n                        <button class="dplayer-icon dplayer-full-icon">'+a("full")+'         </button>\n                    </div>\n                </div>\n                <div class="dplayer-bar-wrap">\n                    <div class="dplayer-bar">\n                        <div class="dplayer-loaded" style="width: 0;"></div>\n                        <div class="dplayer-played" style="width: 0; background: '+e.theme+'">\n                            <span class="dplayer-thumb" style="background: '+e.theme+'"></span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class="dplayer-menu">\n                <div class="dplayer-menu-item"><span class="dplayer-menu-label"><a target="_blank" href="http://diygod.me/">'+n("About author")+'</a></span></div>\n                <div class="dplayer-menu-item"><span class="dplayer-menu-label"><a target="_blank" href="https://github.com/DIYgod/DPlayer/issues">'+n("DPlayer feedback")+'</a></span></div>\n                <div class="dplayer-menu-item"><span class="dplayer-menu-label"><a target="_blank" href="https://github.com/DIYgod/DPlayer">'+n("About DPlayer")+"</a></span></div>\n            </div>\n        "},setting:function(e){return{original:'\n                <div class="dplayer-setting-item dplayer-setting-speed">\n                    <span class="dplayer-label">'+e("Speed")+'</span>\n                    <div class="dplayer-toggle">'+a("right")+' </div>\n                </div>\n                <div class="dplayer-setting-item dplayer-setting-loop">\n                    <span class="dplayer-label">'+e("Loop")+'</span>\n                    <div class="dplayer-toggle">\n                        <input class="dplayer-toggle-setting-input" type="checkbox" name="dplayer-toggle">\n                        <label for="dplayer-toggle"></label>\n                    </div>\n                </div>\n                <div class="dplayer-setting-item dplayer-setting-showdan">\n                    <span class="dplayer-label">'+e("Danmaku")+'</span>\n                    <div class="dplayer-toggle">\n                        <input class="dplayer-showdan-setting-input" type="checkbox" name="dplayer-toggle-dan">\n                        <label for="dplayer-toggle-dan"></label>\n                    </div>\n                </div>\n                <div class="dplayer-setting-item dplayer-setting-danmaku">\n                    <span class="dplayer-label">'+e("Opacity for danmaku")+'</span>\n                    <div class="dplayer-danmaku-bar-wrap">\n                        <div class="dplayer-danmaku-bar">\n                            <div class="dplayer-danmaku-bar-inner" style="width: '+100*(localStorage.getItem("DPlayer-opacity")||.7)+'%">\n                                <span class="dplayer-thumb"></span>\n                            </div>\n                        </div>\n                    </div>\n                </div>',speed:'\n                <div class="dplayer-setting-speed-item" data-speed="0.5">\n                    <span class="dplayer-label">0.5</span>\n                </div>\n                <div class="dplayer-setting-speed-item" data-speed="0.75">\n                    <span class="dplayer-label">0.75</span>\n                </div>\n                <div class="dplayer-setting-speed-item" data-speed="1">\n                    <span class="dplayer-label">'+e("Normal")+'</span>\n                </div>\n                <div class="dplayer-setting-speed-item" data-speed="1.25">\n                    <span class="dplayer-label">1.25</span>\n                </div>\n                <div class="dplayer-setting-speed-item" data-speed="1.5">\n                    <span class="dplayer-label">1.5</span>\n                </div>\n                <div class="dplayer-setting-speed-item" data-speed="2">\n                    <span class="dplayer-label">2</span>\n                </div>'}}}},function(e,t,n){"use strict";var a={"Danmaku is loading":"弹幕加载中",Top:"顶部",Bottom:"底部",Rolling:"滚动","Input danmaku, hit Enter":"输入弹幕，回车发送","About author":"关于作者","DPlayer feedback":"播放器意见反馈","About DPlayer":"关于 DPlay 播放器",Loop:"洗脑循环",Speed:"速度","Opacity for danmaku":"弹幕透明度",Normal:"正常","Please input danmaku!":"要输入弹幕内容啊喂！","Set danmaku color":"设置弹幕颜色","Set danmaku type":"设置弹幕类型",Danmaku:"弹幕"};e.exports=function(e){var t=this;this.lang=e,this.tran=function(e){return"en"===t.lang?e:"zh"===t.lang?a[e]:void 0}}},function(e,t,n){"use strict";var a=n(5);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.indexOf("zh")!==-1?"zh":"en",screenshot:!1,hotkey:!0,preload:"auto",apiBackend:a};for(var n in t)t.hasOwnProperty(n)&&!e.hasOwnProperty(n)&&(e[n]=t[n]);return e.video.hasOwnProperty("type")||(e.video.type="auto"),e.danmaku.hasOwnProperty("user")||(e.danmaku.user="DIYgod"),e}},function(e,t,n){var a=n(8);"string"==typeof a&&(a=[[e.i,a,""]]);n(12)(a,{});a.locals&&(e.exports=a.locals)},function(e,t,n){"use strict";var a=function(e,t,n,a,r){var o=new XMLHttpRequest;o.onreadystatechange=function(){if(4===o.readyState){if(o.status>=200&&o.status<300||304===o.status){var e=JSON.parse(o.responseText);return 1!==e.code?a(o,e):n(o,e)}r(o)}},o.open(null!==t?"POST":"GET",e,!0),o.send(null!==t?JSON.stringify(t):null)};e.exports={send:function(e,t){a(e,t,function(e,t){console.log("Post danmaku: ",t)},function(e,t){alert(t.msg)},function(e){console.log("Request was unsuccessful: "+e.status)})},read:function(e,t){a(e,null,function(e,n){t(null,n.danmaku)},function(e,n){t({status:e.status,response:n})},function(e){t({status:e.status,response:null})})}}},function(e,t,n){"use strict";function a(e){var t=e.length;if(t%4>0)throw new Error("Invalid string. Length must be a multiple of 4");return"="===e[t-2]?2:"="===e[t-1]?1:0}function r(e){return 3*e.length/4-a(e)}function o(e){var t,n,r,o,i,l,s=e.length;i=a(e),l=new c(3*s/4-i),r=i>0?s-4:s;var d=0;for(t=0,n=0;t<r;t+=4,n+=3)o=p[e.charCodeAt(t)]<<18|p[e.charCodeAt(t+1)]<<12|p[e.charCodeAt(t+2)]<<6|p[e.charCodeAt(t+3)],l[d++]=o>>16&255,l[d++]=o>>8&255,l[d++]=255&o;return 2===i?(o=p[e.charCodeAt(t)]<<2|p[e.charCodeAt(t+1)]>>4,l[d++]=255&o):1===i&&(o=p[e.charCodeAt(t)]<<10|p[e.charCodeAt(t+1)]<<4|p[e.charCodeAt(t+2)]>>2,l[d++]=o>>8&255,l[d++]=255&o),l}function i(e){return d[e>>18&63]+d[e>>12&63]+d[e>>6&63]+d[63&e]}function l(e,t,n){for(var a,r=[],o=t;o<n;o+=3)a=(e[o]<<16)+(e[o+1]<<8)+e[o+2],r.push(i(a));return r.join("")}function s(e){for(var t,n=e.length,a=n%3,r="",o=[],i=16383,s=0,p=n-a;s<p;s+=i)o.push(l(e,s,s+i>p?p:s+i));return 1===a?(t=e[n-1],r+=d[t>>2],r+=d[t<<4&63],r+="=="):2===a&&(t=(e[n-2]<<8)+e[n-1],r+=d[t>>10],r+=d[t>>4&63],r+=d[t<<2&63],r+="="),o.push(r),o.join("")}t.byteLength=r,t.toByteArray=o,t.fromByteArray=s;for(var d=[],p=[],c="undefined"!=typeof Uint8Array?Uint8Array:Array,u="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",m=0,y=u.length;m<y;++m)d[m]=u[m],p[u.charCodeAt(m)]=m;p["-".charCodeAt(0)]=62,p["_".charCodeAt(0)]=63},function(e,t,n){"use strict";(function(e){function a(){try{var e=new Uint8Array(1);return e.__proto__={__proto__:Uint8Array.prototype,foo:function(){return 42}},42===e.foo()&&"function"==typeof e.subarray&&0===e.subarray(1,1).byteLength}catch(e){return!1}}function r(){return i.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function o(e,t){if(r()<t)throw new RangeError("Invalid typed array length");return i.TYPED_ARRAY_SUPPORT?(e=new Uint8Array(t),e.__proto__=i.prototype):(null===e&&(e=new i(t)),e.length=t),e}function i(e,t,n){if(!(i.TYPED_ARRAY_SUPPORT||this instanceof i))return new i(e,t,n);if("number"==typeof e){if("string"==typeof t)throw new Error("If encoding is specified then the first argument must be a string");return p(this,e)}return l(this,e,t,n)}function l(e,t,n,a){if("number"==typeof t)throw new TypeError('"value" argument must not be a number');return"undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer?m(e,t,n,a):"string"==typeof t?c(e,t,n):y(e,t)}function s(e){if("number"!=typeof e)throw new TypeError('"size" argument must be a number');if(e<0)throw new RangeError('"size" argument must not be negative')}function d(e,t,n,a){return s(t),t<=0?o(e,t):void 0!==n?"string"==typeof a?o(e,t).fill(n,a):o(e,t).fill(n):o(e,t)}function p(e,t){if(s(t),e=o(e,t<0?0:0|f(t)),!i.TYPED_ARRAY_SUPPORT)for(var n=0;n<t;++n)e[n]=0;return e}function c(e,t,n){if("string"==typeof n&&""!==n||(n="utf8"),!i.isEncoding(n))throw new TypeError('"encoding" must be a valid string encoding');var a=0|g(t,n);e=o(e,a);var r=e.write(t,n);return r!==a&&(e=e.slice(0,r)),e}function u(e,t){var n=t.length<0?0:0|f(t.length);e=o(e,n);for(var a=0;a<n;a+=1)e[a]=255&t[a];return e}function m(e,t,n,a){if(t.byteLength,n<0||t.byteLength<n)throw new RangeError("'offset' is out of bounds");if(t.byteLength<n+(a||0))throw new RangeError("'length' is out of bounds");return t=void 0===n&&void 0===a?new Uint8Array(t):void 0===a?new Uint8Array(t,n):new Uint8Array(t,n,a),i.TYPED_ARRAY_SUPPORT?(e=t,e.__proto__=i.prototype):e=u(e,t),e}function y(e,t){if(i.isBuffer(t)){var n=0|f(t.length);return e=o(e,n),0===e.length?e:(t.copy(e,0,0,n),e)}if(t){if("undefined"!=typeof ArrayBuffer&&t.buffer instanceof ArrayBuffer||"length"in t)return"number"!=typeof t.length||Q(t.length)?o(e,0):u(e,t);if("Buffer"===t.type&&K(t.data))return u(e,t.data)}throw new TypeError("First argument must be a string, Buffer, ArrayBuffer, Array, or array-like object.")}function f(e){if(e>=r())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+r().toString(16)+" bytes");return 0|e}function h(e){return+e!=e&&(e=0),i.alloc(+e)}function g(e,t){if(i.isBuffer(e))return e.length;if("undefined"!=typeof ArrayBuffer&&"function"==typeof ArrayBuffer.isView&&(ArrayBuffer.isView(e)||e instanceof ArrayBuffer))return e.byteLength;"string"!=typeof e&&(e=""+e);var n=e.length;if(0===n)return 0;for(var a=!1;;)switch(t){case"ascii":case"latin1":case"binary":return n;case"utf8":case"utf-8":case void 0:return X(e).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*n;case"hex":return n>>>1;case"base64":return V(e).length;default:if(a)return X(e).length;t=(""+t).toLowerCase(),a=!0}}function v(e,t,n){var a=!1;if((void 0===t||t<0)&&(t=0),t>this.length)return"";if((void 0===n||n>this.length)&&(n=this.length),n<=0)return"";if(n>>>=0,t>>>=0,n<=t)return"";for(e||(e="utf8");;)switch(e){case"hex":return P(this,t,n);case"utf8":case"utf-8":return C(this,t,n);case"ascii":return M(this,t,n);case"latin1":case"binary":return S(this,t,n);case"base64":return z(this,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return _(this,t,n);default:if(a)throw new TypeError("Unknown encoding: "+e);e=(e+"").toLowerCase(),a=!0}}function b(e,t,n){var a=e[t];e[t]=e[n],e[n]=a}function x(e,t,n,a,r){if(0===e.length)return-1;if("string"==typeof n?(a=n,n=0):n>2147483647?n=2147483647:n<-2147483648&&(n=-2147483648),n=+n,isNaN(n)&&(n=r?0:e.length-1),n<0&&(n=e.length+n),n>=e.length){if(r)return-1;n=e.length-1}else if(n<0){if(!r)return-1;n=0}if("string"==typeof t&&(t=i.from(t,a)),i.isBuffer(t))return 0===t.length?-1:w(e,t,n,a,r);if("number"==typeof t)return t&=255,i.TYPED_ARRAY_SUPPORT&&"function"==typeof Uint8Array.prototype.indexOf?r?Uint8Array.prototype.indexOf.call(e,t,n):Uint8Array.prototype.lastIndexOf.call(e,t,n):w(e,[t],n,a,r);throw new TypeError("val must be string, number or Buffer")}function w(e,t,n,a,r){function o(e,t){return 1===i?e[t]:e.readUInt16BE(t*i)}var i=1,l=e.length,s=t.length;if(void 0!==a&&("ucs2"===(a=String(a).toLowerCase())||"ucs-2"===a||"utf16le"===a||"utf-16le"===a)){if(e.length<2||t.length<2)return-1;i=2,l/=2,s/=2,n/=2}var d;if(r){var p=-1;for(d=n;d<l;d++)if(o(e,d)===o(t,p===-1?0:d-p)){if(p===-1&&(p=d),d-p+1===s)return p*i}else p!==-1&&(d-=d-p),p=-1}else for(n+s>l&&(n=l-s),d=n;d>=0;d--){for(var c=!0,u=0;u<s;u++)if(o(e,d+u)!==o(t,u)){c=!1;break}if(c)return d}return-1}function k(e,t,n,a){n=Number(n)||0;var r=e.length-n;a?(a=Number(a))>r&&(a=r):a=r;var o=t.length;if(o%2!=0)throw new TypeError("Invalid hex string");a>o/2&&(a=o/2);for(var i=0;i<a;++i){var l=parseInt(t.substr(2*i,2),16);if(isNaN(l))return i;e[n+i]=l}return i}function E(e,t,n,a){return $(X(t,e.length-n),e,n,a)}function L(e,t,n,a){return $(W(t),e,n,a)}function B(e,t,n,a){return L(e,t,n,a)}function A(e,t,n,a){return $(V(t),e,n,a)}function T(e,t,n,a){return $(J(t,e.length-n),e,n,a)}function z(e,t,n){return 0===t&&n===e.length?G.fromByteArray(e):G.fromByteArray(e.slice(t,n))}function C(e,t,n){n=Math.min(e.length,n);for(var a=[],r=t;r<n;){var o=e[r],i=null,l=o>239?4:o>223?3:o>191?2:1;if(r+l<=n){var s,d,p,c;switch(l){case 1:o<128&&(i=o);break;case 2:s=e[r+1],128==(192&s)&&(c=(31&o)<<6|63&s)>127&&(i=c);break;case 3:s=e[r+1],d=e[r+2],128==(192&s)&&128==(192&d)&&(c=(15&o)<<12|(63&s)<<6|63&d)>2047&&(c<55296||c>57343)&&(i=c);break;case 4:s=e[r+1],d=e[r+2],p=e[r+3],128==(192&s)&&128==(192&d)&&128==(192&p)&&(c=(15&o)<<18|(63&s)<<12|(63&d)<<6|63&p)>65535&&c<1114112&&(i=c)}}null===i?(i=65533,l=1):i>65535&&(i-=65536,a.push(i>>>10&1023|55296),i=56320|1023&i),a.push(i),r+=l}return R(a)}function R(e){var t=e.length;if(t<=ee)return String.fromCharCode.apply(String,e);for(var n="",a=0;a<t;)n+=String.fromCharCode.apply(String,e.slice(a,a+=ee));return n}function M(e,t,n){var a="";n=Math.min(e.length,n);for(var r=t;r<n;++r)a+=String.fromCharCode(127&e[r]);return a}function S(e,t,n){var a="";n=Math.min(e.length,n);for(var r=t;r<n;++r)a+=String.fromCharCode(e[r]);return a}function P(e,t,n){var a=e.length;(!t||t<0)&&(t=0),(!n||n<0||n>a)&&(n=a);for(var r="",o=t;o<n;++o)r+=H(e[o]);return r}function _(e,t,n){for(var a=e.slice(t,n),r="",o=0;o<a.length;o+=2)r+=String.fromCharCode(a[o]+256*a[o+1]);return r}function I(e,t,n){if(e%1!=0||e<0)throw new RangeError("offset is not uint");if(e+t>n)throw new RangeError("Trying to access beyond buffer length")}function N(e,t,n,a,r,o){if(!i.isBuffer(e))throw new TypeError('"buffer" argument must be a Buffer instance');if(t>r||t<o)throw new RangeError('"value" argument is out of bounds');if(n+a>e.length)throw new RangeError("Index out of range")}function U(e,t,n,a){t<0&&(t=65535+t+1);for(var r=0,o=Math.min(e.length-n,2);r<o;++r)e[n+r]=(t&255<<8*(a?r:1-r))>>>8*(a?r:1-r)}function D(e,t,n,a){t<0&&(t=4294967295+t+1);for(var r=0,o=Math.min(e.length-n,4);r<o;++r)e[n+r]=t>>>8*(a?r:3-r)&255}function q(e,t,n,a,r,o){if(n+a>e.length)throw new RangeError("Index out of range");if(n<0)throw new RangeError("Index out of range")}function O(e,t,n,a,r){return r||q(e,t,n,4,3.4028234663852886e38,-3.4028234663852886e38),Z.write(e,t,n,a,23,4),n+4}function Y(e,t,n,a,r){return r||q(e,t,n,8,1.7976931348623157e308,-1.7976931348623157e308),Z.write(e,t,n,a,52,8),n+8}function F(e){if(e=j(e).replace(te,""),e.length<2)return"";for(;e.length%4!=0;)e+="=";return e}function j(e){return e.trim?e.trim():e.replace(/^\s+|\s+$/g,"")}function H(e){return e<16?"0"+e.toString(16):e.toString(16)}function X(e,t){t=t||1/0;for(var n,a=e.length,r=null,o=[],i=0;i<a;++i){if((n=e.charCodeAt(i))>55295&&n<57344){if(!r){if(n>56319){(t-=3)>-1&&o.push(239,191,189);continue}if(i+1===a){(t-=3)>-1&&o.push(239,191,189);continue}r=n;continue}if(n<56320){(t-=3)>-1&&o.push(239,191,189),r=n;continue}n=65536+(r-55296<<10|n-56320)}else r&&(t-=3)>-1&&o.push(239,191,189);if(r=null,n<128){if((t-=1)<0)break;o.push(n)}else if(n<2048){if((t-=2)<0)break;o.push(n>>6|192,63&n|128)}else if(n<65536){if((t-=3)<0)break;o.push(n>>12|224,n>>6&63|128,63&n|128)}else{if(!(n<1114112))throw new Error("Invalid code point");if((t-=4)<0)break;o.push(n>>18|240,n>>12&63|128,n>>6&63|128,63&n|128)}}return o}function W(e){for(var t=[],n=0;n<e.length;++n)t.push(255&e.charCodeAt(n));return t}function J(e,t){for(var n,a,r,o=[],i=0;i<e.length&&!((t-=2)<0);++i)n=e.charCodeAt(i),a=n>>8,r=n%256,o.push(r),o.push(a);return o}function V(e){return G.toByteArray(F(e))}function $(e,t,n,a){for(var r=0;r<a&&!(r+n>=t.length||r>=e.length);++r)t[r+n]=e[r];return r}function Q(e){return e!==e}/*!
 * The buffer module from node.js, for the browser.
 *
 * @author   Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
 * @license  MIT
 */
var G=n(6),Z=n(10),K=n(11);t.Buffer=i,t.SlowBuffer=h,t.INSPECT_MAX_BYTES=50,i.TYPED_ARRAY_SUPPORT=void 0!==e.TYPED_ARRAY_SUPPORT?e.TYPED_ARRAY_SUPPORT:a(),t.kMaxLength=r(),i.poolSize=8192,i._augment=function(e){return e.__proto__=i.prototype,e},i.from=function(e,t,n){return l(null,e,t,n)},i.TYPED_ARRAY_SUPPORT&&(i.prototype.__proto__=Uint8Array.prototype,i.__proto__=Uint8Array,"undefined"!=typeof Symbol&&Symbol.species&&i[Symbol.species]===i&&Object.defineProperty(i,Symbol.species,{value:null,configurable:!0})),i.alloc=function(e,t,n){return d(null,e,t,n)},i.allocUnsafe=function(e){return p(null,e)},i.allocUnsafeSlow=function(e){return p(null,e)},i.isBuffer=function(e){return!(null==e||!e._isBuffer)},i.compare=function(e,t){if(!i.isBuffer(e)||!i.isBuffer(t))throw new TypeError("Arguments must be Buffers");if(e===t)return 0;for(var n=e.length,a=t.length,r=0,o=Math.min(n,a);r<o;++r)if(e[r]!==t[r]){n=e[r],a=t[r];break}return n<a?-1:a<n?1:0},i.isEncoding=function(e){switch(String(e).toLowerCase()){case"hex":case"utf8":case"utf-8":case"ascii":case"latin1":case"binary":case"base64":case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return!0;default:return!1}},i.concat=function(e,t){if(!K(e))throw new TypeError('"list" argument must be an Array of Buffers');if(0===e.length)return i.alloc(0);var n;if(void 0===t)for(t=0,n=0;n<e.length;++n)t+=e[n].length;var a=i.allocUnsafe(t),r=0;for(n=0;n<e.length;++n){var o=e[n];if(!i.isBuffer(o))throw new TypeError('"list" argument must be an Array of Buffers');o.copy(a,r),r+=o.length}return a},i.byteLength=g,i.prototype._isBuffer=!0,i.prototype.swap16=function(){var e=this.length;if(e%2!=0)throw new RangeError("Buffer size must be a multiple of 16-bits");for(var t=0;t<e;t+=2)b(this,t,t+1);return this},i.prototype.swap32=function(){var e=this.length;if(e%4!=0)throw new RangeError("Buffer size must be a multiple of 32-bits");for(var t=0;t<e;t+=4)b(this,t,t+3),b(this,t+1,t+2);return this},i.prototype.swap64=function(){var e=this.length;if(e%8!=0)throw new RangeError("Buffer size must be a multiple of 64-bits");for(var t=0;t<e;t+=8)b(this,t,t+7),b(this,t+1,t+6),b(this,t+2,t+5),b(this,t+3,t+4);return this},i.prototype.toString=function(){var e=0|this.length;return 0===e?"":0===arguments.length?C(this,0,e):v.apply(this,arguments)},i.prototype.equals=function(e){if(!i.isBuffer(e))throw new TypeError("Argument must be a Buffer");return this===e||0===i.compare(this,e)},i.prototype.inspect=function(){var e="",n=t.INSPECT_MAX_BYTES;return this.length>0&&(e=this.toString("hex",0,n).match(/.{2}/g).join(" "),this.length>n&&(e+=" ... ")),"<Buffer "+e+">"},i.prototype.compare=function(e,t,n,a,r){if(!i.isBuffer(e))throw new TypeError("Argument must be a Buffer");if(void 0===t&&(t=0),void 0===n&&(n=e?e.length:0),void 0===a&&(a=0),void 0===r&&(r=this.length),t<0||n>e.length||a<0||r>this.length)throw new RangeError("out of range index");if(a>=r&&t>=n)return 0;if(a>=r)return-1;if(t>=n)return 1;if(t>>>=0,n>>>=0,a>>>=0,r>>>=0,this===e)return 0;for(var o=r-a,l=n-t,s=Math.min(o,l),d=this.slice(a,r),p=e.slice(t,n),c=0;c<s;++c)if(d[c]!==p[c]){o=d[c],l=p[c];break}return o<l?-1:l<o?1:0},i.prototype.includes=function(e,t,n){return this.indexOf(e,t,n)!==-1},i.prototype.indexOf=function(e,t,n){return x(this,e,t,n,!0)},i.prototype.lastIndexOf=function(e,t,n){return x(this,e,t,n,!1)},i.prototype.write=function(e,t,n,a){if(void 0===t)a="utf8",n=this.length,t=0;else if(void 0===n&&"string"==typeof t)a=t,n=this.length,t=0;else{if(!isFinite(t))throw new Error("Buffer.write(string, encoding, offset[, length]) is no longer supported");t|=0,isFinite(n)?(n|=0,void 0===a&&(a="utf8")):(a=n,n=void 0)}var r=this.length-t;if((void 0===n||n>r)&&(n=r),e.length>0&&(n<0||t<0)||t>this.length)throw new RangeError("Attempt to write outside buffer bounds");a||(a="utf8");for(var o=!1;;)switch(a){case"hex":return k(this,e,t,n);case"utf8":case"utf-8":return E(this,e,t,n);case"ascii":return L(this,e,t,n);case"latin1":case"binary":return B(this,e,t,n);case"base64":return A(this,e,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return T(this,e,t,n);default:if(o)throw new TypeError("Unknown encoding: "+a);a=(""+a).toLowerCase(),o=!0}},i.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};var ee=4096;i.prototype.slice=function(e,t){var n=this.length;e=~~e,t=void 0===t?n:~~t,e<0?(e+=n)<0&&(e=0):e>n&&(e=n),t<0?(t+=n)<0&&(t=0):t>n&&(t=n),t<e&&(t=e);var a;if(i.TYPED_ARRAY_SUPPORT)a=this.subarray(e,t),a.__proto__=i.prototype;else{var r=t-e;a=new i(r,void 0);for(var o=0;o<r;++o)a[o]=this[o+e]}return a},i.prototype.readUIntLE=function(e,t,n){e|=0,t|=0,n||I(e,t,this.length);for(var a=this[e],r=1,o=0;++o<t&&(r*=256);)a+=this[e+o]*r;return a},i.prototype.readUIntBE=function(e,t,n){e|=0,t|=0,n||I(e,t,this.length);for(var a=this[e+--t],r=1;t>0&&(r*=256);)a+=this[e+--t]*r;return a},i.prototype.readUInt8=function(e,t){return t||I(e,1,this.length),this[e]},i.prototype.readUInt16LE=function(e,t){return t||I(e,2,this.length),this[e]|this[e+1]<<8},i.prototype.readUInt16BE=function(e,t){return t||I(e,2,this.length),this[e]<<8|this[e+1]},i.prototype.readUInt32LE=function(e,t){return t||I(e,4,this.length),(this[e]|this[e+1]<<8|this[e+2]<<16)+16777216*this[e+3]},i.prototype.readUInt32BE=function(e,t){return t||I(e,4,this.length),16777216*this[e]+(this[e+1]<<16|this[e+2]<<8|this[e+3])},i.prototype.readIntLE=function(e,t,n){e|=0,t|=0,n||I(e,t,this.length);for(var a=this[e],r=1,o=0;++o<t&&(r*=256);)a+=this[e+o]*r;return r*=128,a>=r&&(a-=Math.pow(2,8*t)),a},i.prototype.readIntBE=function(e,t,n){e|=0,t|=0,n||I(e,t,this.length);for(var a=t,r=1,o=this[e+--a];a>0&&(r*=256);)o+=this[e+--a]*r;return r*=128,o>=r&&(o-=Math.pow(2,8*t)),o},i.prototype.readInt8=function(e,t){return t||I(e,1,this.length),128&this[e]?(255-this[e]+1)*-1:this[e]},i.prototype.readInt16LE=function(e,t){t||I(e,2,this.length);var n=this[e]|this[e+1]<<8;return 32768&n?4294901760|n:n},i.prototype.readInt16BE=function(e,t){t||I(e,2,this.length);var n=this[e+1]|this[e]<<8;return 32768&n?4294901760|n:n},i.prototype.readInt32LE=function(e,t){return t||I(e,4,this.length),this[e]|this[e+1]<<8|this[e+2]<<16|this[e+3]<<24},i.prototype.readInt32BE=function(e,t){return t||I(e,4,this.length),this[e]<<24|this[e+1]<<16|this[e+2]<<8|this[e+3]},i.prototype.readFloatLE=function(e,t){return t||I(e,4,this.length),Z.read(this,e,!0,23,4)},i.prototype.readFloatBE=function(e,t){return t||I(e,4,this.length),Z.read(this,e,!1,23,4)},i.prototype.readDoubleLE=function(e,t){return t||I(e,8,this.length),Z.read(this,e,!0,52,8)},i.prototype.readDoubleBE=function(e,t){return t||I(e,8,this.length),Z.read(this,e,!1,52,8)},i.prototype.writeUIntLE=function(e,t,n,a){if(e=+e,t|=0,n|=0,!a){N(this,e,t,n,Math.pow(2,8*n)-1,0)}var r=1,o=0;for(this[t]=255&e;++o<n&&(r*=256);)this[t+o]=e/r&255;return t+n},i.prototype.writeUIntBE=function(e,t,n,a){if(e=+e,t|=0,n|=0,!a){N(this,e,t,n,Math.pow(2,8*n)-1,0)}var r=n-1,o=1;for(this[t+r]=255&e;--r>=0&&(o*=256);)this[t+r]=e/o&255;return t+n},i.prototype.writeUInt8=function(e,t,n){return e=+e,t|=0,n||N(this,e,t,1,255,0),i.TYPED_ARRAY_SUPPORT||(e=Math.floor(e)),this[t]=255&e,t+1},i.prototype.writeUInt16LE=function(e,t,n){return e=+e,t|=0,n||N(this,e,t,2,65535,0),i.TYPED_ARRAY_SUPPORT?(this[t]=255&e,this[t+1]=e>>>8):U(this,e,t,!0),t+2},i.prototype.writeUInt16BE=function(e,t,n){return e=+e,t|=0,n||N(this,e,t,2,65535,0),i.TYPED_ARRAY_SUPPORT?(this[t]=e>>>8,this[t+1]=255&e):U(this,e,t,!1),t+2},i.prototype.writeUInt32LE=function(e,t,n){return e=+e,t|=0,n||N(this,e,t,4,4294967295,0),i.TYPED_ARRAY_SUPPORT?(this[t+3]=e>>>24,this[t+2]=e>>>16,this[t+1]=e>>>8,this[t]=255&e):D(this,e,t,!0),t+4},i.prototype.writeUInt32BE=function(e,t,n){return e=+e,t|=0,n||N(this,e,t,4,4294967295,0),i.TYPED_ARRAY_SUPPORT?(this[t]=e>>>24,this[t+1]=e>>>16,this[t+2]=e>>>8,this[t+3]=255&e):D(this,e,t,!1),t+4},i.prototype.writeIntLE=function(e,t,n,a){if(e=+e,t|=0,!a){var r=Math.pow(2,8*n-1);N(this,e,t,n,r-1,-r)}var o=0,i=1,l=0;for(this[t]=255&e;++o<n&&(i*=256);)e<0&&0===l&&0!==this[t+o-1]&&(l=1),this[t+o]=(e/i>>0)-l&255;return t+n},i.prototype.writeIntBE=function(e,t,n,a){if(e=+e,t|=0,!a){var r=Math.pow(2,8*n-1);N(this,e,t,n,r-1,-r)}var o=n-1,i=1,l=0;for(this[t+o]=255&e;--o>=0&&(i*=256);)e<0&&0===l&&0!==this[t+o+1]&&(l=1),this[t+o]=(e/i>>0)-l&255;return t+n},i.prototype.writeInt8=function(e,t,n){return e=+e,t|=0,n||N(this,e,t,1,127,-128),i.TYPED_ARRAY_SUPPORT||(e=Math.floor(e)),e<0&&(e=255+e+1),this[t]=255&e,t+1},i.prototype.writeInt16LE=function(e,t,n){return e=+e,t|=0,n||N(this,e,t,2,32767,-32768),i.TYPED_ARRAY_SUPPORT?(this[t]=255&e,this[t+1]=e>>>8):U(this,e,t,!0),t+2},i.prototype.writeInt16BE=function(e,t,n){return e=+e,t|=0,n||N(this,e,t,2,32767,-32768),i.TYPED_ARRAY_SUPPORT?(this[t]=e>>>8,this[t+1]=255&e):U(this,e,t,!1),t+2},i.prototype.writeInt32LE=function(e,t,n){return e=+e,t|=0,n||N(this,e,t,4,2147483647,-2147483648),i.TYPED_ARRAY_SUPPORT?(this[t]=255&e,this[t+1]=e>>>8,this[t+2]=e>>>16,this[t+3]=e>>>24):D(this,e,t,!0),t+4},i.prototype.writeInt32BE=function(e,t,n){return e=+e,t|=0,n||N(this,e,t,4,2147483647,-2147483648),e<0&&(e=4294967295+e+1),i.TYPED_ARRAY_SUPPORT?(this[t]=e>>>24,this[t+1]=e>>>16,this[t+2]=e>>>8,this[t+3]=255&e):D(this,e,t,!1),t+4},i.prototype.writeFloatLE=function(e,t,n){return O(this,e,t,!0,n)},i.prototype.writeFloatBE=function(e,t,n){return O(this,e,t,!1,n)},i.prototype.writeDoubleLE=function(e,t,n){return Y(this,e,t,!0,n)},i.prototype.writeDoubleBE=function(e,t,n){return Y(this,e,t,!1,n)},i.prototype.copy=function(e,t,n,a){if(n||(n=0),a||0===a||(a=this.length),t>=e.length&&(t=e.length),t||(t=0),a>0&&a<n&&(a=n),a===n)return 0;if(0===e.length||0===this.length)return 0;if(t<0)throw new RangeError("targetStart out of bounds");if(n<0||n>=this.length)throw new RangeError("sourceStart out of bounds");if(a<0)throw new RangeError("sourceEnd out of bounds");a>this.length&&(a=this.length),e.length-t<a-n&&(a=e.length-t+n);var r,o=a-n;if(this===e&&n<t&&t<a)for(r=o-1;r>=0;--r)e[r+t]=this[r+n];else if(o<1e3||!i.TYPED_ARRAY_SUPPORT)for(r=0;r<o;++r)e[r+t]=this[r+n];else Uint8Array.prototype.set.call(e,this.subarray(n,n+o),t);return o},i.prototype.fill=function(e,t,n,a){if("string"==typeof e){if("string"==typeof t?(a=t,t=0,n=this.length):"string"==typeof n&&(a=n,n=this.length),1===e.length){var r=e.charCodeAt(0);r<256&&(e=r)}if(void 0!==a&&"string"!=typeof a)throw new TypeError("encoding must be a string");if("string"==typeof a&&!i.isEncoding(a))throw new TypeError("Unknown encoding: "+a)}else"number"==typeof e&&(e&=255);if(t<0||this.length<t||this.length<n)throw new RangeError("Out of range index");if(n<=t)return this;t>>>=0,n=void 0===n?this.length:n>>>0,e||(e=0);var o;if("number"==typeof e)for(o=t;o<n;++o)this[o]=e;else{var l=i.isBuffer(e)?e:X(new i(e,a).toString()),s=l.length;for(o=0;o<n-t;++o)this[o+t]=l[o%s]}return this};var te=/[^+\/0-9A-Za-z-_]/g}).call(t,n(14))},function(e,t,n){t=e.exports=n(9)(void 0),t.push([e.i,'.dplayer {\n  position: relative;\n  overflow: hidden;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  line-height: 1; }\n  .dplayer:-webkit-full-screen {\n    width: 100%;\n    height: 100%;\n    background: #000;\n    position: fixed;\n    z-index: 100000;\n    left: 0;\n    top: 0; }\n    .dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move,\n    .dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move {\n      -webkit-animation: danmaku-center 6s linear;\n              animation: danmaku-center 6s linear;\n      -webkit-animation-play-state: paused;\n              animation-play-state: paused; }\n    .dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {\n      -webkit-animation: danmaku 8s linear;\n              animation: danmaku 8s linear;\n      -webkit-animation-play-state: paused;\n              animation-play-state: paused; }\n  .dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box {\n    height: 60px; }\n  .dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-comment {\n    display: none; }\n  .dplayer.dplayer-no-danmaku .dplayer-danmaku {\n    display: none; }\n  .dplayer.dplayer-playing .dplayer-danmaku .dplayer-danmaku-move {\n    -webkit-animation-play-state: running !important;\n            animation-play-state: running !important; }\n  @media (min-width: 900px) {\n    .dplayer.dplayer-playing .dplayer-controller-mask {\n      opacity: 0; }\n    .dplayer.dplayer-playing .dplayer-controller {\n      opacity: 0; }\n    .dplayer.dplayer-playing:hover .dplayer-controller-mask {\n      opacity: 1; }\n    .dplayer.dplayer-playing:hover .dplayer-controller {\n      opacity: 1; } }\n  .dplayer.dplayer-loading .dplayer-bezel .diplayer-loading-icon {\n    display: block; }\n  .dplayer.dplayer-loading .dplayer-danmaku .dplayer-danmaku-move {\n    -webkit-animation-play-state: paused !important;\n            animation-play-state: paused !important; }\n  .dplayer.dplayer-hide-controller .dplayer-controller-mask {\n    opacity: 0;\n    -webkit-transform: translateY(100%);\n            transform: translateY(100%); }\n  .dplayer.dplayer-hide-controller .dplayer-controller {\n    opacity: 0;\n    -webkit-transform: translateY(100%);\n            transform: translateY(100%); }\n  .dplayer.dplayer-show-controller .dplayer-controller-mask {\n    opacity: 1; }\n  .dplayer.dplayer-show-controller .dplayer-controller {\n    opacity: 1; }\n  .dplayer.dplayer-fulled {\n    position: fixed;\n    z-index: 100000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%; }\n  .dplayer.dplayer-mobile .dplayer-volume,\n  .dplayer.dplayer-mobile .dplayer-camera-icon {\n    display: none !important; }\n  .dplayer.dplayer-mobile .dplayer-full-in-icon {\n    position: static !important;\n    display: inline-block !important; }\n  .dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-input {\n    width: 200px; }\n  .dplayer.dplayer-mobile .dplayer-comment-setting-title {\n    display: none; }\n  .dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box {\n    left: 17px; }\n  .dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-icon {\n    width: 40px; }\n  .dplayer .dplayer-mask {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 1;\n    display: none; }\n    .dplayer .dplayer-mask.dplayer-mask-show {\n      display: block; }\n  .dplayer .dplayer-video-wrap {\n    position: relative;\n    background: #000;\n    font-size: 0;\n    width: 100%;\n    height: 100%; }\n    .dplayer .dplayer-video-wrap .dplayer-video {\n      width: 100%;\n      height: 100%; }\n  .dplayer .dplayer-danmaku {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    font-size: 22px;\n    color: #fff; }\n    .dplayer .dplayer-danmaku .dplayer-danmaku-item {\n      display: inline-block;\n      pointer-events: none;\n      -webkit-user-select: none;\n         -moz-user-select: none;\n          -ms-user-select: none;\n              user-select: none;\n      cursor: default;\n      white-space: nowrap;\n      text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5); }\n      .dplayer .dplayer-danmaku .dplayer-danmaku-item--demo {\n        position: absolute;\n        visibility: hidden; }\n    .dplayer .dplayer-danmaku .dplayer-danmaku-right {\n      position: absolute;\n      right: 0;\n      -webkit-transform: translateX(100%);\n              transform: translateX(100%); }\n      .dplayer .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move {\n        will-change: transform;\n        -webkit-animation: danmaku 5s linear;\n                animation: danmaku 5s linear;\n        -webkit-animation-play-state: paused;\n                animation-play-state: paused; }\n\n@-webkit-keyframes danmaku {\n  from {\n    -webkit-transform: translateX(100%);\n            transform: translateX(100%); } }\n\n@keyframes danmaku {\n  from {\n    -webkit-transform: translateX(100%);\n            transform: translateX(100%); } }\n    .dplayer .dplayer-danmaku .dplayer-danmaku-top,\n    .dplayer .dplayer-danmaku .dplayer-danmaku-bottom {\n      position: absolute;\n      width: 100%;\n      text-align: center;\n      visibility: hidden; }\n      .dplayer .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move,\n      .dplayer .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move {\n        will-change: visibility;\n        -webkit-animation: danmaku-center 4s linear;\n                animation: danmaku-center 4s linear;\n        -webkit-animation-play-state: paused;\n                animation-play-state: paused; }\n\n@-webkit-keyframes danmaku-center {\n  from {\n    visibility: visible; }\n  to {\n    visibility: visible; } }\n\n@keyframes danmaku-center {\n  from {\n    visibility: visible; }\n  to {\n    visibility: visible; } }\n  .dplayer .dplayer-bezel {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    font-size: 22px;\n    color: #fff;\n    pointer-events: none; }\n    .dplayer .dplayer-bezel .dplayer-fill {\n      fill: rgba(255, 255, 255, 0.8); }\n    .dplayer .dplayer-bezel .dplayer-bezel-icon {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      margin: -26px 0 0 -26px;\n      height: 52px;\n      width: 52px;\n      padding: 12px;\n      box-sizing: border-box;\n      background: rgba(0, 0, 0, 0.5);\n      border-radius: 50%;\n      opacity: 0;\n      pointer-events: none; }\n      .dplayer .dplayer-bezel .dplayer-bezel-icon.dplayer-bezel-transition {\n        -webkit-animation: bezel-hide .5s linear;\n                animation: bezel-hide .5s linear; }\n\n@-webkit-keyframes bezel-hide {\n  from {\n    opacity: 1;\n    -webkit-transform: scale(1);\n            transform: scale(1); }\n  to {\n    opacity: 0;\n    -webkit-transform: scale(2);\n            transform: scale(2); } }\n\n@keyframes bezel-hide {\n  from {\n    opacity: 1;\n    -webkit-transform: scale(1);\n            transform: scale(1); }\n  to {\n    opacity: 0;\n    -webkit-transform: scale(2);\n            transform: scale(2); } }\n    .dplayer .dplayer-bezel .dplayer-danloading {\n      position: absolute;\n      top: 50%;\n      margin-top: -7px;\n      width: 100%;\n      text-align: center;\n      font-size: 14px;\n      line-height: 14px;\n      -webkit-animation: my-face 5s infinite ease-in-out;\n              animation: my-face 5s infinite ease-in-out; }\n    .dplayer .dplayer-bezel .diplayer-loading-icon {\n      display: none;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      margin: -18px 0 0 -18px;\n      height: 36px;\n      width: 36px;\n      pointer-events: none; }\n      .dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-hide {\n        display: none; }\n      .dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot {\n        -webkit-animation: diplayer-loading-dot-fade .8s ease infinite;\n                animation: diplayer-loading-dot-fade .8s ease infinite;\n        opacity: 0;\n        fill: #fff;\n        -webkit-transform-origin: 4px 4px;\n                transform-origin: 4px 4px; }\n        .dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-7 {\n          -webkit-animation-delay: 0.7s;\n                  animation-delay: 0.7s; }\n        .dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-6 {\n          -webkit-animation-delay: 0.6s;\n                  animation-delay: 0.6s; }\n        .dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-5 {\n          -webkit-animation-delay: 0.5s;\n                  animation-delay: 0.5s; }\n        .dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-4 {\n          -webkit-animation-delay: 0.4s;\n                  animation-delay: 0.4s; }\n        .dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-3 {\n          -webkit-animation-delay: 0.3s;\n                  animation-delay: 0.3s; }\n        .dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-2 {\n          -webkit-animation-delay: 0.2s;\n                  animation-delay: 0.2s; }\n        .dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-1 {\n          -webkit-animation-delay: 0.1s;\n                  animation-delay: 0.1s; }\n\n@-webkit-keyframes diplayer-loading-dot-fade {\n  0% {\n    opacity: .7;\n    -webkit-transform: scale(1.2, 1.2);\n            transform: scale(1.2, 1.2); }\n  50% {\n    opacity: .25;\n    -webkit-transform: scale(0.9, 0.9);\n            transform: scale(0.9, 0.9); }\n  to {\n    opacity: .25;\n    -webkit-transform: scale(0.85, 0.85);\n            transform: scale(0.85, 0.85); } }\n\n@keyframes diplayer-loading-dot-fade {\n  0% {\n    opacity: .7;\n    -webkit-transform: scale(1.2, 1.2);\n            transform: scale(1.2, 1.2); }\n  50% {\n    opacity: .25;\n    -webkit-transform: scale(0.9, 0.9);\n            transform: scale(0.9, 0.9); }\n  to {\n    opacity: .25;\n    -webkit-transform: scale(0.85, 0.85);\n            transform: scale(0.85, 0.85); } }\n  .dplayer .dplayer-controller-mask {\n    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;\n    height: 98px;\n    width: 100%;\n    position: absolute;\n    bottom: 0;\n    -webkit-transition: all 0.3s ease;\n    transition: all 0.3s ease; }\n  .dplayer .dplayer-controller {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 41px;\n    padding: 0 20px;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n        -ms-user-select: none;\n            user-select: none;\n    -webkit-transition: all 0.3s ease;\n    transition: all 0.3s ease; }\n    .dplayer .dplayer-controller .dplayer-bar-wrap {\n      padding: 5px 0;\n      cursor: pointer;\n      position: absolute;\n      bottom: 33px;\n      width: calc(100% - 40px);\n      height: 3px; }\n      .dplayer .dplayer-controller .dplayer-bar-wrap:hover .dplayer-thumb {\n        -webkit-transform: scale(1) !important;\n                transform: scale(1) !important; }\n      .dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar {\n        position: relative;\n        height: 3px;\n        width: 100%;\n        background: rgba(255, 255, 255, 0.2);\n        cursor: pointer !important; }\n        .dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded {\n          position: absolute;\n          left: 0;\n          top: 0;\n          bottom: 0;\n          background: rgba(255, 255, 255, 0.4);\n          height: 3px;\n          -webkit-transition: all 0.5s ease;\n          transition: all 0.5s ease;\n          will-change: width; }\n        .dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played {\n          position: absolute;\n          left: 0;\n          top: 0;\n          bottom: 0;\n          height: 3px;\n          will-change: width; }\n          .dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played .dplayer-thumb {\n            position: absolute;\n            top: 0;\n            right: 5px;\n            margin-top: -4px;\n            margin-right: -10px;\n            height: 11px;\n            width: 11px;\n            border-radius: 50%;\n            cursor: pointer !important;\n            -webkit-transition: all .3s ease-in-out;\n            transition: all .3s ease-in-out;\n            -webkit-transform: scale(0);\n                    transform: scale(0); }\n    .dplayer .dplayer-controller .dplayer-icons {\n      height: 38px;\n      position: absolute;\n      bottom: 0; }\n      .dplayer .dplayer-controller .dplayer-icons.dplayer-icons-left .dplayer-icon {\n        padding: 7px; }\n      .dplayer .dplayer-controller .dplayer-icons.dplayer-icons-right {\n        right: 20px; }\n        .dplayer .dplayer-controller .dplayer-icons.dplayer-icons-right .dplayer-icon {\n          padding: 8px; }\n      .dplayer .dplayer-controller .dplayer-icons #dplayer-menu {\n        stroke: #ddd;\n        stroke-width: 1px; }\n      .dplayer .dplayer-controller .dplayer-icons .dplayer-time {\n        line-height: 38px;\n        color: #eee;\n        text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);\n        vertical-align: middle;\n        font-size: 13px;\n        cursor: default; }\n      .dplayer .dplayer-controller .dplayer-icons .dplayer-icon {\n        width: 46px;\n        height: 100%;\n        border: none;\n        background-color: transparent;\n        outline: none;\n        cursor: pointer;\n        opacity: .8;\n        -webkit-transition: all .2s ease-in-out;\n        transition: all .2s ease-in-out;\n        vertical-align: middle;\n        box-sizing: border-box;\n        display: inline-block; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-icon:hover {\n          opacity: 1; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-comment-icon {\n          padding: 10px 9px 9px; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon {\n          padding-top: 8.5px; }\n      .dplayer .dplayer-controller .dplayer-icons .dplayer-fill {\n        fill: #fff; }\n      .dplayer .dplayer-controller .dplayer-icons .dplayer-volume {\n        position: relative;\n        display: inline-block;\n        cursor: pointer !important;\n        height: 100%; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-volume-bar {\n          width: 45px !important; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-thumb {\n          -webkit-transform: scale(1) !important;\n                  transform: scale(1) !important; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-volume-bar {\n          width: 45px !important; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-thumb {\n          -webkit-transform: scale(1) !important;\n                  transform: scale(1) !important; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap {\n          display: inline-block;\n          margin: 0 5px 0 -5px;\n          vertical-align: middle;\n          height: 100%; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar {\n            position: relative;\n            top: 17px;\n            width: 0;\n            height: 3px;\n            background: #aaa;\n            -webkit-transition: all 0.3s ease-in-out;\n            transition: all 0.3s ease-in-out; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner {\n              position: absolute;\n              bottom: 0;\n              left: 0;\n              height: 100%;\n              -webkit-transition: all 0.1s ease;\n              transition: all 0.1s ease;\n              will-change: width; }\n              .dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb {\n                position: absolute;\n                top: 0;\n                right: 5px;\n                margin-top: -4px;\n                margin-right: -10px;\n                height: 11px;\n                width: 11px;\n                border-radius: 50%;\n                cursor: pointer !important;\n                -webkit-transition: all .3s ease-in-out;\n                transition: all .3s ease-in-out;\n                -webkit-transform: scale(0);\n                        transform: scale(0); }\n      .dplayer .dplayer-controller .dplayer-icons .dplayer-setting {\n        display: inline-block;\n        height: 100%; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box {\n          position: absolute;\n          right: 0;\n          bottom: 50px;\n          -webkit-transform: translateX(170px);\n                  transform: translateX(170px);\n          width: 150px;\n          height: 120px;\n          border-radius: 2px;\n          background: rgba(28, 28, 28, 0.9);\n          padding: 7px 0;\n          -webkit-transition: all .3s ease-in-out;\n          transition: all .3s ease-in-out;\n          overflow: hidden;\n          z-index: 2; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-open {\n            -webkit-transform: translateX(0);\n                    transform: translateX(0); }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-narrow {\n            width: 70px;\n            height: 180px;\n            text-align: center; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item,\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item {\n          height: 30px;\n          padding: 5px 10px;\n          box-sizing: border-box;\n          cursor: pointer; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item:hover,\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item:hover {\n            background-color: rgba(255, 255, 255, 0.1); }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku {\n          padding: 5px 0; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-label {\n            padding: 0 10px;\n            display: inline; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-label {\n            display: none; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-danmaku-bar-wrap {\n            display: inline-block; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-label {\n            display: none; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-danmaku-bar-wrap {\n            display: inline-block; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap {\n            padding: 0 10px;\n            box-sizing: border-box;\n            display: none;\n            vertical-align: middle;\n            height: 100%;\n            width: 100%; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar {\n              position: relative;\n              top: 8.5px;\n              width: 100%;\n              height: 3px;\n              background: #fff;\n              -webkit-transition: all 0.3s ease-in-out;\n              transition: all 0.3s ease-in-out; }\n              .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                height: 100%;\n                -webkit-transition: all 0.1s ease;\n                transition: all 0.1s ease;\n                background: #aaa;\n                will-change: width; }\n                .dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner .dplayer-thumb {\n                  position: absolute;\n                  top: 0;\n                  right: 5px;\n                  margin-top: -4px;\n                  margin-right: -10px;\n                  height: 11px;\n                  width: 11px;\n                  border-radius: 50%;\n                  cursor: pointer !important;\n                  -webkit-transition: all .3s ease-in-out;\n                  transition: all .3s ease-in-out;\n                  background: #aaa; }\n      .dplayer .dplayer-controller .dplayer-icons .dplayer-full {\n        display: inline-block;\n        height: 100%;\n        position: relative; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-full:hover .dplayer-full-in-icon {\n          display: block; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon {\n          position: absolute;\n          top: -30px;\n          z-index: 1;\n          display: none; }\n      .dplayer .dplayer-controller .dplayer-icons .dplayer-comment {\n        display: inline-block;\n        height: 100%; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box {\n          position: absolute;\n          right: 0;\n          bottom: 50px;\n          -webkit-transform: translateX(382px);\n                  transform: translateX(382px);\n          border-radius: 2px;\n          -webkit-transition: all .3s ease-in-out;\n          transition: all .3s ease-in-out;\n          z-index: 2; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box.dplayer-comment-box-open {\n            -webkit-transform: translateX(0);\n                    transform: translateX(0); }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon {\n            height: 24px;\n            width: 24px;\n            position: absolute;\n            top: 5px;\n            left: 7px;\n            padding: 0;\n            opacity: 1; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon:hover .dplayer-fill {\n              fill: #aaa; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon .dplayer-fill {\n              -webkit-transition: all .2s ease-in-out;\n              transition: all .2s ease-in-out;\n              fill: #ddd; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box {\n            position: absolute;\n            background: #fff;\n            bottom: 40px;\n            left: -93px;\n            box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);\n            border-radius: 4px;\n            padding: 10px 10px 16px;\n            font-size: 14px;\n            width: 204px;\n            -webkit-transition: all .3s ease-in-out;\n            transition: all .3s ease-in-out;\n            -webkit-transform: scale(0);\n                    transform: scale(0); }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box.dplayer-comment-setting-open {\n              -webkit-transform: scale(1);\n                      transform: scale(1); }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box::after {\n              content: \'\';\n              position: absolute;\n              top: 100%;\n              left: 50%;\n              margin-left: -12px;\n              background: url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 12"><path fill="#FFF" d="M23.7,0c-1.2,0-2.4,0.5-3.2,1.3l-7.7,7.8c-0.4,0.4-1.1,0.4-1.5,0L3.5,1.3C2.7,0.5,1.5,0,0.3,0"/></svg>\');\n              width: 24px;\n              height: 12px; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box input[type=radio] {\n              display: none; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box label {\n              cursor: pointer; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-title {\n              font-size: 14px;\n              color: #555;\n              padding: 6px; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type {\n              font-size: 0; }\n              .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2) span {\n                border-radius: 4px 0 0 4px; }\n              .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4) span {\n                border-radius: 0 4px 4px 0; }\n              .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type span {\n                width: 33%;\n                padding: 4px 6px;\n                line-height: 16px;\n                display: inline-block;\n                font-size: 12px;\n                color: #555;\n                border: 1px solid #E4E4E6;\n                margin-right: -1px;\n                box-sizing: border-box;\n                text-align: center;\n                cursor: pointer; }\n              .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type input:checked + span {\n                background: #E4E4E6; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color {\n              font-size: 0; }\n              .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color label {\n                font-size: 0;\n                padding: 6px;\n                display: inline-block; }\n              .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span {\n                width: 22px;\n                height: 22px;\n                display: inline-block;\n                border-radius: 50%;\n                box-sizing: border-box;\n                cursor: pointer; }\n                .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span:hover {\n                  -webkit-animation: my-face 5s infinite ease-in-out;\n                          animation: my-face 5s infinite ease-in-out;\n                  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }\n              .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color input:checked + span {\n                box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n                border: none !important; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-input {\n            outline: none;\n            border: none;\n            padding: 8px 31px;\n            font-size: 14px;\n            line-height: 18px;\n            text-align: center;\n            border-radius: 4px;\n            width: 300px;\n            background: #fff;\n            margin: 0;\n            height: auto; }\n          .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon {\n            height: 22px;\n            width: 22px;\n            position: absolute;\n            top: 6px;\n            right: 7px;\n            padding: 0;\n            opacity: 1; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon:hover .dplayer-fill {\n              fill: #aaa; }\n            .dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon .dplayer-fill {\n              -webkit-transition: all .2s ease-in-out;\n              transition: all .2s ease-in-out;\n              fill: #ddd; }\n      .dplayer .dplayer-controller .dplayer-icons .dplayer-label {\n        color: #eee;\n        font-size: 13px;\n        display: inline-block;\n        vertical-align: middle; }\n      .dplayer .dplayer-controller .dplayer-icons .dplayer-toggle {\n        width: 32px;\n        height: 100%;\n        text-align: center;\n        display: inline-block;\n        font-size: 0;\n        vertical-align: middle;\n        float: right; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input {\n          max-height: 0;\n          max-width: 0;\n          display: none; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input + label {\n          display: inline-block;\n          position: relative;\n          box-shadow: #dfdfdf 0 0 0 0 inset;\n          border: 1px solid #dfdfdf;\n          height: 20px;\n          width: 32px;\n          border-radius: 10px;\n          box-sizing: border-box;\n          cursor: pointer;\n          -webkit-transition: .2s ease-in-out;\n          transition: .2s ease-in-out; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input + label:before {\n          content: "";\n          position: absolute;\n          display: block;\n          height: 18px;\n          width: 18px;\n          top: 0;\n          left: 0;\n          border-radius: 15px;\n          -webkit-transition: .2s ease-in-out;\n          transition: .2s ease-in-out; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input + label:after {\n          content: "";\n          position: absolute;\n          display: block;\n          left: 0;\n          top: 0;\n          border-radius: 15px;\n          background: #fff;\n          -webkit-transition: .2s ease-in-out;\n          transition: .2s ease-in-out;\n          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n          height: 18px;\n          width: 18px; }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked + label {\n          border-color: rgba(255, 255, 255, 0.5); }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked + label:before {\n          width: 30px;\n          background: rgba(255, 255, 255, 0.5); }\n        .dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked + label:after {\n          left: 12px; }\n  .dplayer .dplayer-menu {\n    position: absolute;\n    width: 150px;\n    border-radius: 2px;\n    background: rgba(28, 28, 28, 0.9);\n    padding: 5px 0;\n    overflow: hidden;\n    z-index: 3;\n    display: none; }\n    .dplayer .dplayer-menu.dplayer-menu-show {\n      display: block; }\n    .dplayer .dplayer-menu .dplayer-menu-item {\n      height: 30px;\n      padding: 5px 10px;\n      box-sizing: border-box;\n      cursor: pointer; }\n      .dplayer .dplayer-menu .dplayer-menu-item:hover {\n        background-color: rgba(255, 255, 255, 0.1); }\n      .dplayer .dplayer-menu .dplayer-menu-item .dplayer-menu-label a {\n        color: #eee;\n        font-size: 13px;\n        display: inline-block;\n        vertical-align: middle; }\n\n@-webkit-keyframes my-face {\n  2% {\n    -webkit-transform: translate(0, 1.5px) rotate(1.5deg);\n            transform: translate(0, 1.5px) rotate(1.5deg); }\n  4% {\n    -webkit-transform: translate(0, -1.5px) rotate(-0.5deg);\n            transform: translate(0, -1.5px) rotate(-0.5deg); }\n  6% {\n    -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);\n            transform: translate(0, 1.5px) rotate(-1.5deg); }\n  8% {\n    -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);\n            transform: translate(0, -1.5px) rotate(-1.5deg); }\n  10% {\n    -webkit-transform: translate(0, 2.5px) rotate(1.5deg);\n            transform: translate(0, 2.5px) rotate(1.5deg); }\n  12% {\n    -webkit-transform: translate(0, -0.5px) rotate(1.5deg);\n            transform: translate(0, -0.5px) rotate(1.5deg); }\n  14% {\n    -webkit-transform: translate(0, -1.5px) rotate(1.5deg);\n            transform: translate(0, -1.5px) rotate(1.5deg); }\n  16% {\n    -webkit-transform: translate(0, -0.5px) rotate(-1.5deg);\n            transform: translate(0, -0.5px) rotate(-1.5deg); }\n  18% {\n    -webkit-transform: translate(0, 0.5px) rotate(-1.5deg);\n            transform: translate(0, 0.5px) rotate(-1.5deg); }\n  20% {\n    -webkit-transform: translate(0, -1.5px) rotate(2.5deg);\n            transform: translate(0, -1.5px) rotate(2.5deg); }\n  22% {\n    -webkit-transform: translate(0, 0.5px) rotate(-1.5deg);\n            transform: translate(0, 0.5px) rotate(-1.5deg); }\n  24% {\n    -webkit-transform: translate(0, 1.5px) rotate(1.5deg);\n            transform: translate(0, 1.5px) rotate(1.5deg); }\n  26% {\n    -webkit-transform: translate(0, 0.5px) rotate(0.5deg);\n            transform: translate(0, 0.5px) rotate(0.5deg); }\n  28% {\n    -webkit-transform: translate(0, 0.5px) rotate(1.5deg);\n            transform: translate(0, 0.5px) rotate(1.5deg); }\n  30% {\n    -webkit-transform: translate(0, -0.5px) rotate(2.5deg);\n            transform: translate(0, -0.5px) rotate(2.5deg); }\n  32% {\n    -webkit-transform: translate(0, 1.5px) rotate(-0.5deg);\n            transform: translate(0, 1.5px) rotate(-0.5deg); }\n  34% {\n    -webkit-transform: translate(0, 1.5px) rotate(-0.5deg);\n            transform: translate(0, 1.5px) rotate(-0.5deg); }\n  36% {\n    -webkit-transform: translate(0, -1.5px) rotate(2.5deg);\n            transform: translate(0, -1.5px) rotate(2.5deg); }\n  38% {\n    -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);\n            transform: translate(0, 1.5px) rotate(-1.5deg); }\n  40% {\n    -webkit-transform: translate(0, -0.5px) rotate(2.5deg);\n            transform: translate(0, -0.5px) rotate(2.5deg); }\n  42% {\n    -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);\n            transform: translate(0, 2.5px) rotate(-1.5deg); }\n  44% {\n    -webkit-transform: translate(0, 1.5px) rotate(0.5deg);\n            transform: translate(0, 1.5px) rotate(0.5deg); }\n  46% {\n    -webkit-transform: translate(0, -1.5px) rotate(2.5deg);\n            transform: translate(0, -1.5px) rotate(2.5deg); }\n  48% {\n    -webkit-transform: translate(0, -0.5px) rotate(0.5deg);\n            transform: translate(0, -0.5px) rotate(0.5deg); }\n  50% {\n    -webkit-transform: translate(0, 0.5px) rotate(0.5deg);\n            transform: translate(0, 0.5px) rotate(0.5deg); }\n  52% {\n    -webkit-transform: translate(0, 2.5px) rotate(2.5deg);\n            transform: translate(0, 2.5px) rotate(2.5deg); }\n  54% {\n    -webkit-transform: translate(0, -1.5px) rotate(1.5deg);\n            transform: translate(0, -1.5px) rotate(1.5deg); }\n  56% {\n    -webkit-transform: translate(0, 2.5px) rotate(2.5deg);\n            transform: translate(0, 2.5px) rotate(2.5deg); }\n  58% {\n    -webkit-transform: translate(0, 0.5px) rotate(2.5deg);\n            transform: translate(0, 0.5px) rotate(2.5deg); }\n  60% {\n    -webkit-transform: translate(0, 2.5px) rotate(2.5deg);\n            transform: translate(0, 2.5px) rotate(2.5deg); }\n  62% {\n    -webkit-transform: translate(0, -0.5px) rotate(2.5deg);\n            transform: translate(0, -0.5px) rotate(2.5deg); }\n  64% {\n    -webkit-transform: translate(0, -0.5px) rotate(1.5deg);\n            transform: translate(0, -0.5px) rotate(1.5deg); }\n  66% {\n    -webkit-transform: translate(0, 1.5px) rotate(-0.5deg);\n            transform: translate(0, 1.5px) rotate(-0.5deg); }\n  68% {\n    -webkit-transform: translate(0, -1.5px) rotate(-0.5deg);\n            transform: translate(0, -1.5px) rotate(-0.5deg); }\n  70% {\n    -webkit-transform: translate(0, 1.5px) rotate(0.5deg);\n            transform: translate(0, 1.5px) rotate(0.5deg); }\n  72% {\n    -webkit-transform: translate(0, 2.5px) rotate(1.5deg);\n            transform: translate(0, 2.5px) rotate(1.5deg); }\n  74% {\n    -webkit-transform: translate(0, -0.5px) rotate(0.5deg);\n            transform: translate(0, -0.5px) rotate(0.5deg); }\n  76% {\n    -webkit-transform: translate(0, -0.5px) rotate(2.5deg);\n            transform: translate(0, -0.5px) rotate(2.5deg); }\n  78% {\n    -webkit-transform: translate(0, -0.5px) rotate(1.5deg);\n            transform: translate(0, -0.5px) rotate(1.5deg); }\n  80% {\n    -webkit-transform: translate(0, 1.5px) rotate(1.5deg);\n            transform: translate(0, 1.5px) rotate(1.5deg); }\n  82% {\n    -webkit-transform: translate(0, -0.5px) rotate(0.5deg);\n            transform: translate(0, -0.5px) rotate(0.5deg); }\n  84% {\n    -webkit-transform: translate(0, 1.5px) rotate(2.5deg);\n            transform: translate(0, 1.5px) rotate(2.5deg); }\n  86% {\n    -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);\n            transform: translate(0, -1.5px) rotate(-1.5deg); }\n  88% {\n    -webkit-transform: translate(0, -0.5px) rotate(2.5deg);\n            transform: translate(0, -0.5px) rotate(2.5deg); }\n  90% {\n    -webkit-transform: translate(0, 2.5px) rotate(-0.5deg);\n            transform: translate(0, 2.5px) rotate(-0.5deg); }\n  92% {\n    -webkit-transform: translate(0, 0.5px) rotate(-0.5deg);\n            transform: translate(0, 0.5px) rotate(-0.5deg); }\n  94% {\n    -webkit-transform: translate(0, 2.5px) rotate(0.5deg);\n            transform: translate(0, 2.5px) rotate(0.5deg); }\n  96% {\n    -webkit-transform: translate(0, -0.5px) rotate(1.5deg);\n            transform: translate(0, -0.5px) rotate(1.5deg); }\n  98% {\n    -webkit-transform: translate(0, -1.5px) rotate(-0.5deg);\n            transform: translate(0, -1.5px) rotate(-0.5deg); }\n  0%, 100% {\n    -webkit-transform: translate(0, 0) rotate(0deg);\n            transform: translate(0, 0) rotate(0deg); } }\n\n@keyframes my-face {\n  2% {\n    -webkit-transform: translate(0, 1.5px) rotate(1.5deg);\n            transform: translate(0, 1.5px) rotate(1.5deg); }\n  4% {\n    -webkit-transform: translate(0, -1.5px) rotate(-0.5deg);\n            transform: translate(0, -1.5px) rotate(-0.5deg); }\n  6% {\n    -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);\n            transform: translate(0, 1.5px) rotate(-1.5deg); }\n  8% {\n    -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);\n            transform: translate(0, -1.5px) rotate(-1.5deg); }\n  10% {\n    -webkit-transform: translate(0, 2.5px) rotate(1.5deg);\n            transform: translate(0, 2.5px) rotate(1.5deg); }\n  12% {\n    -webkit-transform: translate(0, -0.5px) rotate(1.5deg);\n            transform: translate(0, -0.5px) rotate(1.5deg); }\n  14% {\n    -webkit-transform: translate(0, -1.5px) rotate(1.5deg);\n            transform: translate(0, -1.5px) rotate(1.5deg); }\n  16% {\n    -webkit-transform: translate(0, -0.5px) rotate(-1.5deg);\n            transform: translate(0, -0.5px) rotate(-1.5deg); }\n  18% {\n    -webkit-transform: translate(0, 0.5px) rotate(-1.5deg);\n            transform: translate(0, 0.5px) rotate(-1.5deg); }\n  20% {\n    -webkit-transform: translate(0, -1.5px) rotate(2.5deg);\n            transform: translate(0, -1.5px) rotate(2.5deg); }\n  22% {\n    -webkit-transform: translate(0, 0.5px) rotate(-1.5deg);\n            transform: translate(0, 0.5px) rotate(-1.5deg); }\n  24% {\n    -webkit-transform: translate(0, 1.5px) rotate(1.5deg);\n            transform: translate(0, 1.5px) rotate(1.5deg); }\n  26% {\n    -webkit-transform: translate(0, 0.5px) rotate(0.5deg);\n            transform: translate(0, 0.5px) rotate(0.5deg); }\n  28% {\n    -webkit-transform: translate(0, 0.5px) rotate(1.5deg);\n            transform: translate(0, 0.5px) rotate(1.5deg); }\n  30% {\n    -webkit-transform: translate(0, -0.5px) rotate(2.5deg);\n            transform: translate(0, -0.5px) rotate(2.5deg); }\n  32% {\n    -webkit-transform: translate(0, 1.5px) rotate(-0.5deg);\n            transform: translate(0, 1.5px) rotate(-0.5deg); }\n  34% {\n    -webkit-transform: translate(0, 1.5px) rotate(-0.5deg);\n            transform: translate(0, 1.5px) rotate(-0.5deg); }\n  36% {\n    -webkit-transform: translate(0, -1.5px) rotate(2.5deg);\n            transform: translate(0, -1.5px) rotate(2.5deg); }\n  38% {\n    -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);\n            transform: translate(0, 1.5px) rotate(-1.5deg); }\n  40% {\n    -webkit-transform: translate(0, -0.5px) rotate(2.5deg);\n            transform: translate(0, -0.5px) rotate(2.5deg); }\n  42% {\n    -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);\n            transform: translate(0, 2.5px) rotate(-1.5deg); }\n  44% {\n    -webkit-transform: translate(0, 1.5px) rotate(0.5deg);\n            transform: translate(0, 1.5px) rotate(0.5deg); }\n  46% {\n    -webkit-transform: translate(0, -1.5px) rotate(2.5deg);\n            transform: translate(0, -1.5px) rotate(2.5deg); }\n  48% {\n    -webkit-transform: translate(0, -0.5px) rotate(0.5deg);\n            transform: translate(0, -0.5px) rotate(0.5deg); }\n  50% {\n    -webkit-transform: translate(0, 0.5px) rotate(0.5deg);\n            transform: translate(0, 0.5px) rotate(0.5deg); }\n  52% {\n    -webkit-transform: translate(0, 2.5px) rotate(2.5deg);\n            transform: translate(0, 2.5px) rotate(2.5deg); }\n  54% {\n    -webkit-transform: translate(0, -1.5px) rotate(1.5deg);\n            transform: translate(0, -1.5px) rotate(1.5deg); }\n  56% {\n    -webkit-transform: translate(0, 2.5px) rotate(2.5deg);\n            transform: translate(0, 2.5px) rotate(2.5deg); }\n  58% {\n    -webkit-transform: translate(0, 0.5px) rotate(2.5deg);\n            transform: translate(0, 0.5px) rotate(2.5deg); }\n  60% {\n    -webkit-transform: translate(0, 2.5px) rotate(2.5deg);\n            transform: translate(0, 2.5px) rotate(2.5deg); }\n  62% {\n    -webkit-transform: translate(0, -0.5px) rotate(2.5deg);\n            transform: translate(0, -0.5px) rotate(2.5deg); }\n  64% {\n    -webkit-transform: translate(0, -0.5px) rotate(1.5deg);\n            transform: translate(0, -0.5px) rotate(1.5deg); }\n  66% {\n    -webkit-transform: translate(0, 1.5px) rotate(-0.5deg);\n            transform: translate(0, 1.5px) rotate(-0.5deg); }\n  68% {\n    -webkit-transform: translate(0, -1.5px) rotate(-0.5deg);\n            transform: translate(0, -1.5px) rotate(-0.5deg); }\n  70% {\n    -webkit-transform: translate(0, 1.5px) rotate(0.5deg);\n            transform: translate(0, 1.5px) rotate(0.5deg); }\n  72% {\n    -webkit-transform: translate(0, 2.5px) rotate(1.5deg);\n            transform: translate(0, 2.5px) rotate(1.5deg); }\n  74% {\n    -webkit-transform: translate(0, -0.5px) rotate(0.5deg);\n            transform: translate(0, -0.5px) rotate(0.5deg); }\n  76% {\n    -webkit-transform: translate(0, -0.5px) rotate(2.5deg);\n            transform: translate(0, -0.5px) rotate(2.5deg); }\n  78% {\n    -webkit-transform: translate(0, -0.5px) rotate(1.5deg);\n            transform: translate(0, -0.5px) rotate(1.5deg); }\n  80% {\n    -webkit-transform: translate(0, 1.5px) rotate(1.5deg);\n            transform: translate(0, 1.5px) rotate(1.5deg); }\n  82% {\n    -webkit-transform: translate(0, -0.5px) rotate(0.5deg);\n            transform: translate(0, -0.5px) rotate(0.5deg); }\n  84% {\n    -webkit-transform: translate(0, 1.5px) rotate(2.5deg);\n            transform: translate(0, 1.5px) rotate(2.5deg); }\n  86% {\n    -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);\n            transform: translate(0, -1.5px) rotate(-1.5deg); }\n  88% {\n    -webkit-transform: translate(0, -0.5px) rotate(2.5deg);\n            transform: translate(0, -0.5px) rotate(2.5deg); }\n  90% {\n    -webkit-transform: translate(0, 2.5px) rotate(-0.5deg);\n            transform: translate(0, 2.5px) rotate(-0.5deg); }\n  92% {\n    -webkit-transform: translate(0, 0.5px) rotate(-0.5deg);\n            transform: translate(0, 0.5px) rotate(-0.5deg); }\n  94% {\n    -webkit-transform: translate(0, 2.5px) rotate(0.5deg);\n            transform: translate(0, 2.5px) rotate(0.5deg); }\n  96% {\n    -webkit-transform: translate(0, -0.5px) rotate(1.5deg);\n            transform: translate(0, -0.5px) rotate(1.5deg); }\n  98% {\n    -webkit-transform: translate(0, -1.5px) rotate(-0.5deg);\n            transform: translate(0, -1.5px) rotate(-0.5deg); }\n  0%, 100% {\n    -webkit-transform: translate(0, 0) rotate(0deg);\n            transform: translate(0, 0) rotate(0deg); } }\n',""])},function(e,t,n){(function(t){function n(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t){var o=a(r),i=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(i).concat([o]).join("\n")}return[n].join("\n")}function a(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+new t(JSON.stringify(e)).toString("base64")+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var a=n(t,e);return t[2]?"@media "+t[2]+"{"+a+"}":a}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var a={},r=0;r<this.length;r++){var o=this[r][0];"number"==typeof o&&(a[o]=!0)}for(r=0;r<e.length;r++){var i=e[r];"number"==typeof i[0]&&a[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),t.push(i))}},t}}).call(t,n(7).Buffer)},function(e,t){t.read=function(e,t,n,a,r){var o,i,l=8*r-a-1,s=(1<<l)-1,d=s>>1,p=-7,c=n?r-1:0,u=n?-1:1,m=e[t+c];for(c+=u,o=m&(1<<-p)-1,m>>=-p,p+=l;p>0;o=256*o+e[t+c],c+=u,p-=8);for(i=o&(1<<-p)-1,o>>=-p,p+=a;p>0;i=256*i+e[t+c],c+=u,p-=8);if(0===o)o=1-d;else{if(o===s)return i?NaN:1/0*(m?-1:1);i+=Math.pow(2,a),o-=d}return(m?-1:1)*i*Math.pow(2,o-a)},t.write=function(e,t,n,a,r,o){var i,l,s,d=8*o-r-1,p=(1<<d)-1,c=p>>1,u=23===r?Math.pow(2,-24)-Math.pow(2,-77):0,m=a?0:o-1,y=a?1:-1,f=t<0||0===t&&1/t<0?1:0;for(t=Math.abs(t),isNaN(t)||t===1/0?(l=isNaN(t)?1:0,i=p):(i=Math.floor(Math.log(t)/Math.LN2),t*(s=Math.pow(2,-i))<1&&(i--,s*=2),t+=i+c>=1?u/s:u*Math.pow(2,1-c),t*s>=2&&(i++,s/=2),i+c>=p?(l=0,i=p):i+c>=1?(l=(t*s-1)*Math.pow(2,r),i+=c):(l=t*Math.pow(2,c-1)*Math.pow(2,r),i=0));r>=8;e[n+m]=255&l,m+=y,l/=256,r-=8);for(i=i<<r|l,d+=r;d>0;e[n+m]=255&i,m+=y,i/=256,d-=8);e[n+m-y]|=128*f}},function(e,t){var n={}.toString;e.exports=Array.isArray||function(e){return"[object Array]"==n.call(e)}},function(e,t,n){function a(e,t){for(var n=0;n<e.length;n++){var a=e[n],r=y[a.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](a.parts[o]);for(;o<a.parts.length;o++)r.parts.push(p(a.parts[o],t))}else{for(var i=[],o=0;o<a.parts.length;o++)i.push(p(a.parts[o],t));y[a.id]={id:a.id,refs:1,parts:i}}}}function r(e){for(var t=[],n={},a=0;a<e.length;a++){var r=e[a],o=r[0],i=r[1],l=r[2],s=r[3],d={css:i,media:l,sourceMap:s};n[o]?n[o].parts.push(d):t.push(n[o]={id:o,parts:[d]})}return t}function o(e,t){var n=g(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var a=x[x.length-1];if("top"===e.insertAt)a?a.nextSibling?n.insertBefore(t,a.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),x.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function i(e){e.parentNode.removeChild(e);var t=x.indexOf(e);t>=0&&x.splice(t,1)}function l(e){var t=document.createElement("style");return e.attrs.type="text/css",d(t,e.attrs),o(e,t),t}function s(e){var t=document.createElement("link");return e.attrs.type="text/css",e.attrs.rel="stylesheet",d(t,e.attrs),o(e,t),t}function d(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function p(e,t){var n,a,r;if(t.singleton){var o=b++;n=v||(v=l(t)),a=c.bind(null,n,o,!1),r=c.bind(null,n,o,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=s(t),a=m.bind(null,n,t),r=function(){i(n),n.href&&URL.revokeObjectURL(n.href)}):(n=l(t),a=u.bind(null,n),r=function(){i(n)});return a(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;a(e=t)}else r()}}function c(e,t,n,a){var r=n?"":a.css;if(e.styleSheet)e.styleSheet.cssText=k(t,r);else{var o=document.createTextNode(r),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(o,i[t]):e.appendChild(o)}}function u(e,t){var n=t.css,a=t.media;if(a&&e.setAttribute("media",a),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function m(e,t,n){var a=n.css,r=n.sourceMap,o=void 0===t.convertToAbsoluteUrls&&r;(t.convertToAbsoluteUrls||o)&&(a=w(a)),r&&(a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var i=new Blob([a],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(i),l&&URL.revokeObjectURL(l)}var y={},f=function(e){var t;return function(){return void 0===t&&(t=e.apply(this,arguments)),t}},h=f(function(){return window&&document&&document.all&&!window.atob}),g=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e.call(this,n)),t[n]}}(function(e){return document.querySelector(e)}),v=null,b=0,x=[],w=n(13);e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");t=t||{},t.attrs="object"==typeof t.attrs?t.attrs:{},void 0===t.singleton&&(t.singleton=h()),void 0===t.insertInto&&(t.insertInto="head"),void 0===t.insertAt&&(t.insertAt="bottom");var n=r(e);return a(n,t),function(e){for(var o=[],i=0;i<n.length;i++){var l=n[i],s=y[l.id];s.refs--,o.push(s)}if(e){a(r(e),t)}for(var i=0;i<o.length;i++){var s=o[i];if(0===s.refs){for(var d=0;d<s.parts.length;d++)s.parts[d]();delete y[s.id]}}}};var k=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,a=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var r=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});if(/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(r))return e;var o;return o=0===r.indexOf("//")?r:0===r.indexOf("/")?n+r:a+r.replace(/^\.\//,""),"url("+JSON.stringify(o)+")"})}},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(n=window)}e.exports=n},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 r="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},o=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}}();console.log("\n %c DPlayer 1.1.5 %c http://dplayer.js.org \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;"),n(4);var i=n(0),l=n(3),s=n(2),d=n(1),p=/mobile/i.test(window.navigator.userAgent),c=0,u=function(){function e(t){var n=this;a(this,e),this.option=l(t);var r=new s(this.option.lang).tran;this.updateBar=function(e,t,n){t=t>0?t:0,t=t<1?t:1,w[e+"Bar"].style[n]=100*t+"%"};var o=["play","pause","canplay","playing","ended","error"];this.event={};for(var u=0;u<o.length;u++)this.event[o[u]]=[];if(this.trigger=function(e){for(var t=0;t<n.event[e].length;t++)n.event[e][t]()},this.element=this.option.element,this.option.danmaku||this.element.classList.add("dplayer-no-danmaku"),p&&this.element.classList.add("dplayer-mobile"),this.element.innerHTML=d.main(t,c,r),this.arrow=this.element.offsetWidth<=500,this.arrow){var m=document.createElement("style");m.innerHTML=".dplayer .dplayer-danmaku{font-size:18px}",document.head.appendChild(m)}this.video=this.element.getElementsByClassName("dplayer-video")[0];if(("auto"===this.option.video.type?/m3u8(#|\?|$)/i.exec(this.option.video.url):"hls"===this.option.video.type)&&Hls.isSupported()){var y=new Hls;y.attachMedia(this.video),y.on(Hls.Events.MEDIA_ATTACHED,function(){y.loadSource(n.option.video.url),y.on(Hls.Events.MANIFEST_PARSED,function(e,t){console.log("manifest loaded, found "+t.levels.length+" quality level")})})}if(("auto"===this.option.video.type?/.flv(#|\?|$)/i.exec(this.option.video.url):"flv"===this.option.video.type)&&flvjs.isSupported()){var f=flvjs.createPlayer({type:"flv",url:this.option.video.url});f.attachMediaElement(this.video),f.load()}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],g=this.element.getElementsByClassName("dplayer-controller-mask")[0];if(p){var v=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",v),g.addEventListener("click",v)}else h.addEventListener("click",function(){n.toggle()}),g.addEventListener("click",function(){n.toggle()});var b=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)},x=function(e){var t=e.offsetLeft,a=e.offsetParent,r=void 0;if(document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement)for(;null!==a&&a!==n.element;)t+=a.offsetLeft,a=a.offsetParent;else for(;null!==a;)t+=a.offsetLeft,a=a.offsetParent;return r=document.body.scrollLeft+document.documentElement.scrollLeft,t-r},w={};w.playedBar=this.element.getElementsByClassName("dplayer-played")[0],w.loadedBar=this.element.getElementsByClassName("dplayer-loaded")[0];var k=this.element.getElementsByClassName("dplayer-bar-wrap")[0],E=void 0;this.option.danmaku&&this.video.addEventListener("seeking",function(){for(var e=0;e<n.dan.length;e++){if(n.dan[e].time>=n.video.currentTime)return void(n.danIndex=e);n.danIndex=n.dan.length}});var L=0,B=0,A=!1,T=void 0;this.setTime=function(){n.playedTime=setInterval(function(){B=n.video.currentTime,!A&&B<L+.01&&!n.video.paused&&(n.element.classList.add("dplayer-loading"),A=!0),A&&B>L+.01&&!n.video.paused&&(n.element.classList.remove("dplayer-loading"),A=!1),L=B,n.updateBar("played",n.video.currentTime/n.video.duration,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=b(n.video.currentTime),n.trigger("playing")},100),n.option.danmaku&&J&&(T=setInterval(function(){if(n.dan)for(var e=n.dan[n.danIndex];e&&n.video.currentTime>parseFloat(e.time);)n.pushDanmaku(e.text,e.color,e.type),e=n.dan[++n.danIndex]},100))},this.clearTime=function(){clearInterval(n.playedTime),n.option.danmaku&&clearInterval(T)},k.addEventListener("click",function(e){var t=e||window.event;E=k.clientWidth;var a=(t.clientX-x(k))/E;a=a>0?a:0,a=a<1?a:1,n.updateBar("played",a,"width"),n.video.currentTime=parseFloat(w.playedBar.style.width)/100*n.video.duration});var z=function(e){var t=e||window.event,a=(t.clientX-x(k))/E;a=a>0?a:0,a=a<1?a:1,n.updateBar("played",a,"width"),n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=b(a*n.video.duration)},C=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",z),n.video.currentTime=parseFloat(w.playedBar.style.width)/100*n.video.duration,n.setTime()};k.addEventListener("mousedown",function(){E=k.clientWidth,n.clearTime(),document.addEventListener("mousemove",z),document.addEventListener("mouseup",C)}),w.volumeBar=this.element.getElementsByClassName("dplayer-volume-bar-inner")[0];var R=this.element.getElementsByClassName("dplayer-volume")[0],M=this.element.getElementsByClassName("dplayer-volume-bar-wrap")[0],S=this.element.getElementsByClassName("dplayer-volume-bar")[0],P=this.element.getElementsByClassName("dplayer-volume-icon")[0],_=35;this.switchVolumeIcon=function(){var e=n.element.getElementsByClassName("dplayer-volume-icon")[0];n.video.volume>=.8?e.innerHTML=i("volume-up"):n.video.volume>0?e.innerHTML=i("volume-down"):e.innerHTML=i("volume-off")};var I=function(e){var t=e||window.event,a=(t.clientX-x(S)-5.5)/_;n.volume(a)},N=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",I),R.classList.remove("dplayer-volume-active")};M.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-x(S)-5.5)/_;n.volume(a)}),M.addEventListener("mousedown",function(){document.addEventListener("mousemove",I),document.addEventListener("mouseup",N),R.classList.add("dplayer-volume-active")}),P.addEventListener("click",function(){n.video.muted?(n.video.muted=!1,n.switchVolumeIcon(),n.updateBar("volume",n.video.volume,"width")):(n.video.muted=!0,P.innerHTML=i("volume-off"),n.updateBar("volume",0,"width"))});var U=0;if(!p){var D=function(){n.element.classList.remove("dplayer-hide-controller"),clearTimeout(U),U=setTimeout(function(){n.video.played.length&&(n.element.classList.add("dplayer-hide-controller"),j(),ie())},2e3)};this.element.addEventListener("mousemove",D),this.element.addEventListener("click",D)}this.danOpacity=localStorage.getItem("DPlayer-opacity")||.7;var q=d.setting(r),O=this.element.getElementsByClassName("dplayer-setting-icon")[0],Y=this.element.getElementsByClassName("dplayer-setting-box")[0],F=this.element.getElementsByClassName("dplayer-mask")[0];Y.innerHTML=q.original;var j=function(){Y.classList.contains("dplayer-setting-box-open")&&(Y.classList.remove("dplayer-setting-box-open"),F.classList.remove("dplayer-mask-show"),setTimeout(function(){Y.classList.remove("dplayer-setting-box-narrow"),Y.innerHTML=q.original,V()},300))},H=function(){Y.classList.add("dplayer-setting-box-open"),F.classList.add("dplayer-mask-show")};F.addEventListener("click",function(){j()}),O.addEventListener("click",function(){H()});var X=this.option.loop,W=this.element.getElementsByClassName("dplayer-danmaku")[0],J=!0,V=function(){var e=n.element.getElementsByClassName("dplayer-setting-loop")[0],t=e.getElementsByClassName("dplayer-toggle-setting-input")[0];t.checked=X,e.addEventListener("click",function(){t.checked=!t.checked,t.checked?(X=!0,n.video.loop=X):(X=!1,n.video.loop=X),j()});var a=n.element.getElementsByClassName("dplayer-setting-showdan")[0],r=a.getElementsByClassName("dplayer-showdan-setting-input")[0];if(r.checked=J,a.addEventListener("click",function(){if(r.checked=!r.checked,r.checked){if(J=!0,n.option.danmaku){for(var e=0;e<n.dan.length;e++){if(n.dan[e].time>=n.video.currentTime){n.danIndex=e;break}n.danIndex=n.dan.length}T=setInterval(function(){for(var e=n.dan[n.danIndex];e&&n.video.currentTime>=parseFloat(e.time);)n.pushDanmaku(e.text,e.color,e.type),e=n.dan[++n.danIndex]},0)}}else J=!1,n.option.danmaku&&(clearInterval(T),W.innerHTML='<div class="dplayer-danmaku-item  dplayer-danmaku-item--demo"></div>',n.danTunnel={right:{},top:{},bottom:{}},n.itemDemo=n.element.getElementsByClassName("dplayer-danmaku-item")[0]);j()}),n.element.getElementsByClassName("dplayer-setting-speed")[0].addEventListener("click",function(){Y.classList.add("dplayer-setting-box-narrow"),Y.innerHTML=q.speed;for(var e=Y.getElementsByClassName("dplayer-setting-speed-item"),t=function(t){e[t].addEventListener("click",function(){n.video.playbackRate=e[t].dataset.speed,j()})},a=0;a<e.length;a++)t(a)}),n.option.danmaku){w.danmakuBar=n.element.getElementsByClassName("dplayer-danmaku-bar-inner")[0];var o=n.element.getElementsByClassName("dplayer-danmaku-bar-wrap")[0],i=n.element.getElementsByClassName("dplayer-danmaku-bar")[0],l=n.element.getElementsByClassName("dplayer-setting-danmaku")[0],s=130;n.updateBar("danmaku",n.danOpacity,"width");var d=function(e){var t=e||window.event,a=(t.clientX-x(i))/s;a=a>0?a:0,a=a<1?a:1,n.updateBar("danmaku",a,"width");for(var r=n.element.getElementsByClassName("dplayer-danmaku-item"),o=0;o<r.length;o++)r[o].style.opacity=a;n.danOpacity=a,localStorage.setItem("DPlayer-opacity",n.danOpacity)},p=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",d),l.classList.remove("dplayer-setting-danmaku-active")};o.addEventListener("click",function(e){var t=e||window.event,a=(t.clientX-x(i))/s;a=a>0?a:0,a=a<1?a:1,n.updateBar("danmaku",a,"width");for(var r=n.element.getElementsByClassName("dplayer-danmaku-item"),o=0;o<r.length;o++)r[o].style.opacity=a;n.danOpacity=a,localStorage.setItem("DPlayer-opacity",n.danOpacity)}),o.addEventListener("mousedown",function(){document.addEventListener("mousemove",d),document.addEventListener("mouseup",p),l.classList.add("dplayer-setting-danmaku-active")})}};V(),this.video.addEventListener("durationchange",function(){1!==n.video.duration&&(n.element.getElementsByClassName("dplayer-dtime")[0].innerHTML=b(n.video.duration))}),this.video.addEventListener("progress",function(){var e=n.video.buffered.length?n.video.buffered.end(n.video.buffered.length-1)/n.video.duration:0;n.updateBar("loaded",e,"width")}),this.video.addEventListener("error",function(){n.element.getElementsByClassName("dplayer-ptime")[0].innerHTML="Error happens ╥﹏╥",n.trigger("pause")}),this.video.addEventListener("canplay",function(){n.trigger("canplay")}),this.ended=!1,this.video.addEventListener("ended",function(){n.updateBar("played",1,"width"),X||(n.ended=!0,n.pause(),n.trigger("ended"))}),this.video.addEventListener("play",function(){n.paused&&n.play()}),this.video.addEventListener("pause",function(){n.paused||n.pause()}),this.video.volume=parseInt(this.element.getElementsByClassName("dplayer-volume-bar-inner")[0].style.width)/100,this.video.loop=X,1!==this.video.duration&&(this.element.getElementsByClassName("dplayer-dtime")[0].innerHTML=this.video.duration?b(this.video.duration):"00:00"),this.danTunnel={right:{},top:{},bottom:{}},this.itemDemo=this.element.getElementsByClassName("dplayer-danmaku-item")[0],this.option.danmaku?(this.danIndex=0,this.readDanmaku()):this.option.autoplay&&!p?this.play():p&&this.pause();var $=this.element.getElementsByClassName("dplayer-comment-input")[0],Q=this.element.getElementsByClassName("dplayer-comment-icon")[0],G=this.element.getElementsByClassName("dplayer-comment-box")[0],Z=this.element.getElementsByClassName("dplayer-comment-setting-icon")[0],K=this.element.getElementsByClassName("dplayer-comment-setting-box")[0],ee=this.element.getElementsByClassName("dplayer-send-icon")[0],te=function(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;").replace(/\//g,"&#x2f;")},ne=function(){if($.blur(),!$.value.replace(/^\s+|\s+$/g,""))return void alert(r("Please input danmaku!"));var e={token:n.option.danmaku.token,player:n.option.danmaku.id,author:n.option.danmaku.user,time:n.video.currentTime,text:$.value,color:n.element.querySelector(".dplayer-comment-setting-color input:checked").value,type:n.element.querySelector(".dplayer-comment-setting-type input:checked").value};n.option.apiBackend.send(n.option.danmaku.api,e),$.value="",ie(),n.dan.splice(n.danIndex,0,e),n.danIndex++,n.pushDanmaku(te(e.text),e.color,e.type).style.border="2px solid "+n.option.theme},ae=function(){K.classList.contains("dplayer-comment-setting-open")&&K.classList.remove("dplayer-comment-setting-open")},re=function(){K.classList.contains("dplayer-comment-setting-open")?K.classList.remove("dplayer-comment-setting-open"):K.classList.add("dplayer-comment-setting-open")},oe=0,ie=function(){G.classList.contains("dplayer-comment-box-open")&&(G.classList.remove("dplayer-comment-box-open"),F.classList.remove("dplayer-mask-show"),clearInterval(oe),n.element.classList.remove("dplayer-show-controller"),ae())},le=function(){G.classList.add("dplayer-comment-box-open"),F.classList.add("dplayer-mask-show"),oe=setInterval(function(){clearTimeout(U)},1e3),n.element.classList.add("dplayer-show-controller")};F.addEventListener("click",function(){ie()}),Q.addEventListener("click",function(){le(),setTimeout(function(){$.focus()},300)}),Z.addEventListener("click",function(){re()}),this.element.getElementsByClassName("dplayer-comment-setting-color")[0].addEventListener("click",function(){n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked+span')&&(Z.getElementsByClassName("dplayer-fill")[0].style.fill=n.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked').value)}),$.addEventListener("click",function(){ae()}),$.addEventListener("keydown",function(e){13===(e||window.event).keyCode&&ne()}),ee.addEventListener("click",ne);var se=function(){for(var e=W.offsetWidth,t=n.element.getElementsByClassName("dplayer-danmaku-item"),a=0;a<t.length;a++)t[a].style.transform="translateX(-"+e+"px)"};this.element.addEventListener("fullscreenchange",function(){se()}),this.element.addEventListener("mozfullscreenchange",function(){se()}),this.element.addEventListener("webkitfullscreenchange",function(){se()}),this.element.getElementsByClassName("dplayer-full-icon")[0].addEventListener("click",function(){document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement?document.cancelFullScreen?document.cancelFullScreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen():n.element.requestFullscreen?n.element.requestFullscreen():n.element.mozRequestFullScreen?n.element.mozRequestFullScreen():n.element.webkitRequestFullscreen?n.element.webkitRequestFullscreen():n.video.webkitEnterFullscreen&&n.video.webkitEnterFullscreen(),se()}),this.element.getElementsByClassName("dplayer-full-in-icon")[0].addEventListener("click",function(){n.element.classList.contains("dplayer-fulled")?n.element.classList.remove("dplayer-fulled"):(n.element.classList.add("dplayer-fulled"),se())});var de=function(e){var t=document.activeElement.tagName.toUpperCase(),a=document.activeElement.getAttribute("contenteditable");if("INPUT"!==t&&"TEXTAREA"!==t&&""!==a&&"true"!==a){var r=e||window.event,o=void 0;switch(r.keyCode){case 32:r.preventDefault(),n.toggle();break;case 37:r.preventDefault(),n.video.currentTime=n.video.currentTime-5;break;case 39:r.preventDefault(),n.video.currentTime=n.video.currentTime+5;break;case 38:r.preventDefault(),o=n.video.volume+.1,n.volume(o);break;case 40:r.preventDefault(),o=n.video.volume-.1,n.volume(o)}}};this.option.hotkey&&document.addEventListener("keydown",de),document.addEventListener("keydown",function(e){switch((e||window.event).keyCode){case 27:n.element.classList.contains("dplayer-fulled")&&(n.element.classList.remove("dplayer-fulled"),se())}});var pe=this.element.getElementsByClassName("dplayer-menu")[0];if(this.element.addEventListener("contextmenu",function(e){var t=e||window.event;t.preventDefault(),pe.classList.add("dplayer-menu-show");var a=n.element.getBoundingClientRect(),r=t.clientX-a.left,o=t.clientY-a.top;r+pe.offsetWidth>=a.width?(pe.style.right=a.width-r+"px",pe.style.left="initial"):(pe.style.left=t.clientX-n.element.getBoundingClientRect().left+"px",pe.style.right="initial"),o+pe.offsetHeight>=a.height?(pe.style.bottom=a.height-o+"px",pe.style.top="initial"):(pe.style.top=t.clientY-n.element.getBoundingClientRect().top+"px",pe.style.bottom="initial"),F.classList.add("dplayer-mask-show"),F.addEventListener("click",function(){F.classList.remove("dplayer-mask-show"),pe.classList.remove("dplayer-menu-show")})}),this.option.screenshot){var ce=this.element.getElementsByClassName("dplayer-camera-icon")[0];ce.addEventListener("click",function(){var e=document.createElement("canvas");e.width=n.video.videoWidth,e.height=n.video.videoHeight,e.getContext("2d").drawImage(n.video,0,0,e.width,e.height),ce.href=e.toDataURL(),ce.download="DPlayer.png"})}c++}return o(e,[{key:"play",value:function(e){"[object Number]"===Object.prototype.toString.call(e)&&(this.video.currentTime=e),this.paused=!1,this.video.paused&&(this.bezel.innerHTML=i("play"),this.bezel.classList.add("dplayer-bezel-transition")),this.playButton.innerHTML=i("pause"),this.video.play(),this.playedTime&&this.clearTime(),this.setTime(),this.element.classList.add("dplayer-playing"),this.trigger("play")}},{key:"pause",value:function(){this.paused=!0,this.element.classList.remove("dplayer-loading"),this.video.paused||(this.bezel.innerHTML=i("pause"),this.bezel.classList.add("dplayer-bezel-transition")),this.ended=!1,this.playButton.innerHTML=i("play"),this.video.pause(),this.clearTime(),this.element.classList.remove("dplayer-playing"),this.trigger("pause")}},{key:"volume",value:function(e){e=e>0?e:0,e=e<1?e:1,this.updateBar("volume",e,"width"),this.video.volume=e,this.video.muted&&(this.video.muted=!1),this.switchVolumeIcon()}},{key:"toggle",value:function(){this.video.paused?this.play():this.pause()}},{key:"on",value:function(e,t){"function"==typeof t&&this.event[e].push(t)}},{key:"_readAllEndpoints",value:function(e,t){for(var n=[],a=0,r=function(r){return function(o,i){if(++a,o?(o.response?alert(o.response.msg):console.log("Request was unsuccessful: "+o.status),n[r]=[]):n[r]=i,a==e.length)return t(n)}},o=0;o<e.length;++o)this.option.apiBackend.read(e[o],r(o))}},{key:"readDanmaku",value:function(){var e=this,t=/mobile/i.test(window.navigator.userAgent),n=void 0;n=this.option.danmaku.maximum?this.option.danmaku.api+"?id="+this.option.danmaku.id+"&max="+this.option.danmaku.maximum:this.option.danmaku.api+"?id="+this.option.danmaku.id;var a=(this.option.danmaku.addition||[]).slice(0);a.push(n),this._readAllEndpoints(a,function(n){e.danIndex=0,e.dan=[].concat.apply([],n).sort(function(e,t){return e.time-t.time}),e.element.getElementsByClassName("dplayer-danloading")[0].style.display="none",e.option.autoplay&&!t?e.play():t&&e.pause()})}},{key:"pushDanmaku",value:function(e,t,n){var a=this,o=this.element.getElementsByClassName("dplayer-danmaku")[0],i=this.arrow?24:30,l=void 0,s=void 0,d=void 0,p=function(e){return o.getBoundingClientRect().right-e.getBoundingClientRect().right},c=function(e){return(l+e)/5},u=function(e,t,n){for(var o=l/c(n),i=function(n){var r=a.danTunnel[t][n+""];if(!r||!r.length)return a.danTunnel[t][n+""]=[e],e.addEventListener("animationend",function(){a.danTunnel[t][n+""].splice(0,1)}),{v:n%d};for(var i=0;i<r.length;i++){var s=p(r[i])-10;if(s<=l-o*c(r[i].offsetWidth)||s<=0)break;if(i===r.length-1)return a.danTunnel[t][n+""].push(e),e.addEventListener("animationend",function(){a.danTunnel[t][n+""].splice(0,1)}),{v:n%d}}},s=0;;s++){var u=i(s);if("object"===(void 0===u?"undefined":r(u)))return u.v}};n||(n="right"),t||(t="#fff"),l=o.offsetWidth,s=o.offsetHeight,d=parseInt(s/i);var m=document.createElement("div");m.classList.add("dplayer-danmaku-item"),m.classList.add("dplayer-danmaku-"+n),m.innerHTML=e,m.style.opacity=this.danOpacity,m.style.color=t,m.addEventListener("animationend",function(){o.removeChild(m)}),this.itemDemo.innerHTML=e;var y=this.itemDemo.offsetWidth;switch(n){case"right":m.style.top=i*u(m,n,y)+"px",m.style.width=y+1+"px",m.style.transform="translateX(-"+l+"px)";break;case"top":m.style.top=i*u(m,n)+"px";break;case"bottom":m.style.bottom=i*u(m,n)+"px";break;default:console.error("Can't handled danmaku type: "+n)}return o.appendChild(m),m.classList.add("dplayer-danmaku-move"),m}},{key:"switchVideo",value:function(e,t){this.video.src=e.url,this.video.poster=e.pic?e.pic:"",this.video.currentTime=0,this.pause(),t&&(this.dan=[],this.danIndex=0,this.element.getElementsByClassName("dplayer-danloading")[0].style.display="block",this.updateBar("played",0,"width"),this.updateBar("loaded",0,"width"),this.element.getElementsByClassName("dplayer-ptime")[0].innerHTML="00:00",this.element.getElementsByClassName("dplayer-danmaku")[0].innerHTML='<div class="dplayer-danmaku-item  dplayer-danmaku-item--demo"></div>',this.danTunnel={right:{},top:{},bottom:{}},this.itemDemo=this.element.getElementsByClassName("dplayer-danmaku-item")[0],this.option.danmaku=t,this.readDanmaku())}}]),e}();e.exports=u}])});
//# sourceMappingURL=DPlayer.min.js.map