!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("DPlayer",[],n):"object"==typeof exports?exports.DPlayer=n():e.DPlayer=n()}(this,function(){return function(e){function n(a){if(t[a])return t[a].exports;var r=t[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,n),r.l=!0,r.exports}var t={};return n.m=e,n.c=t,n.i=function(e){return e},n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:a})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},n.p="",n(n.s=5)}([function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=function(e,n,t,a,r){var l=new XMLHttpRequest;l.onreadystatechange=function(){if(4===l.readyState){if(l.status>=200&&l.status<300||304===l.status){var e=JSON.parse(l.responseText);return 1!==e.code?a(l,e):t(l,e)}r(l)}},l.open(null!==n?"POST":"GET",e,!0),l.send(null!==n?JSON.stringify(n):null)};n.send=function(e,n){a(e,n,function(e,n){console.log("Post danmaku: ",n)},function(e,n){alert(n.msg)},function(e){console.log("Request was unsuccessful: "+e.status)})},n.read=function(e,n){a(e,null,function(e,t){n(null,t.danmaku)},function(e,t){n({status:e.status,response:t})},function(e){n({status:e.status,response:null})})}},function(e,n,t){var a=t(2);"string"==typeof a&&(a=[[e.i,a,""]]);t(4)(a,{});a.locals&&(e.exports=a.locals)},function(e,n,t){n=e.exports=t(3)(),n.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% !important;\n    height: 100% !important;\n    background: #000; }\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-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      font-weight: bolder;\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-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,n){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],n=0;n<this.length;n++){var t=this[n];t[2]?e.push("@media "+t[2]+"{"+t[1]+"}"):e.push(t[1])}return e.join("")},e.i=function(n,t){"string"==typeof n&&(n=[[null,n,""]]);for(var a={},r=0;r<this.length;r++){var l=this[r][0];"number"==typeof l&&(a[l]=!0)}for(r=0;r<n.length;r++){var o=n[r];"number"==typeof o[0]&&a[o[0]]||(t&&!o[2]?o[2]=t:t&&(o[2]="("+o[2]+") and ("+t+")"),e.push(o))}},e}},function(e,n){function t(e,n){for(var t=0;t<e.length;t++){var a=e[t],r=m[a.id];if(r){r.refs++;for(var l=0;l<r.parts.length;l++)r.parts[l](a.parts[l]);for(;l<a.parts.length;l++)r.parts.push(s(a.parts[l],n))}else{for(var o=[],l=0;l<a.parts.length;l++)o.push(s(a.parts[l],n));m[a.id]={id:a.id,refs:1,parts:o}}}}function a(e){for(var n=[],t={},a=0;a<e.length;a++){var r=e[a],l=r[0],o=r[1],i=r[2],s=r[3],d={css:o,media:i,sourceMap:s};t[l]?t[l].parts.push(d):n.push(t[l]={id:l,parts:[d]})}return n}function r(e,n){var t=g(),a=v[v.length-1];if("top"===e.insertAt)a?a.nextSibling?t.insertBefore(n,a.nextSibling):t.appendChild(n):t.insertBefore(n,t.firstChild),v.push(n);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");t.appendChild(n)}}function l(e){e.parentNode.removeChild(e);var n=v.indexOf(e);n>=0&&v.splice(n,1)}function o(e){var n=document.createElement("style");return n.type="text/css",r(e,n),n}function i(e){var n=document.createElement("link");return n.rel="stylesheet",r(e,n),n}function s(e,n){var t,a,r;if(n.singleton){var s=b++;t=f||(f=o(n)),a=d.bind(null,t,s,!1),r=d.bind(null,t,s,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=i(n),a=c.bind(null,t),r=function(){l(t),t.href&&URL.revokeObjectURL(t.href)}):(t=o(n),a=p.bind(null,t),r=function(){l(t)});return a(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap)return;a(e=n)}else r()}}function d(e,n,t,a){var r=t?"":a.css;if(e.styleSheet)e.styleSheet.cssText=h(n,r);else{var l=document.createTextNode(r),o=e.childNodes;o[n]&&e.removeChild(o[n]),o.length?e.insertBefore(l,o[n]):e.appendChild(l)}}function p(e,n){var t=n.css,a=n.media;if(a&&e.setAttribute("media",a),e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}function c(e,n){var t=n.css,a=n.sourceMap;a&&(t+="\n");var r=new Blob([t],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(r),l&&URL.revokeObjectURL(l)}var m={},y=function(e){var n;return function(){return void 0===n&&(n=e.apply(this,arguments)),n}},u=y(function(){return/msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase())}),g=y(function(){return document.head||document.getElementsByTagName("head")[0]}),f=null,b=0,v=[];e.exports=function(e,n){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");n=n||{},void 0===n.singleton&&(n.singleton=u()),void 0===n.insertAt&&(n.insertAt="bottom");var r=a(e);return t(r,n),function(e){for(var l=[],o=0;o<r.length;o++){var i=r[o],s=m[i.id];s.refs--,l.push(s)}if(e){t(a(e),n)}for(var o=0;o<l.length;o++){var s=l[o];if(0===s.refs){for(var d=0;d<s.parts.length;d++)s.parts[d]();delete m[s.id]}}}};var h=function(){var e=[];return function(n,t){return e[n]=t,e.filter(Boolean).join("\n")}}()},function(e,n,t){"use strict";function a(e,n){if(!(e instanceof n))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},l=function(){function e(e,n){for(var t=0;t<n.length;t++){var a=n[t];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(n,t,a){return t&&e(n.prototype,t),a&&e(n,a),n}}();console.log("\n %c DPlayer 1.1.3 %c http://dplayer.js.org \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;"),t(1);var o=t(0),i=0,s=function(){function e(n){var t=this;a(this,e);var l={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"],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"]};this.getSVG=function(e){return'\n                <svg xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" version="1.1" viewBox="'+l[e][0]+'" width="100%">\n<use xlink:href="#dplayer-'+e+'"></use>\n<path class="dplayer-fill" d="'+l[e][1]+'" id="dplayer-'+e+'"></path>\n</svg>\n            '},this.option=n;var s=/mobile/i.test(window.navigator.userAgent);s&&(this.option.autoplay=!1);var d={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:o};for(var p in d)d.hasOwnProperty(p)&&!this.option.hasOwnProperty(p)&&(this.option[p]=d[p]);var c={"Danmaku is loading":"弹幕加载中",Top:"顶部",Bottom:"底部",Rolling:"滚动","Input danmaku, hit Enter":"输入弹幕，回车发送","About author":"可以BLOG","DPlayer feedback":"播放器意见反馈","About DPlayer":"关于 DPlay 播放器",Loop:"洗脑循环",Speed:"速度","Opacity for danmaku":"弹幕透明度",Normal:"正常","Please input danmaku!":"要输入弹幕内容啊喂！","Set danmaku color":"设置弹幕颜色","Set danmaku type":"设置弹幕类型",Danmaku:"弹幕"},m=function(e){return"en"===t.option.lang?e:"zh"===t.option.lang?c[e]:void 0};this.updateBar=function(e,n,t){n=n>0?n:0,n=n<1?n:1,L[e+"Bar"].style[t]=100*n+"%"};var y=["play","pause","canplay","playing","ended","error"];this.event={};for(var u=0;u<y.length;u++)this.event[y[u]]=[];this.trigger=function(e){for(var n=0;n<t.event[e].length;n++)t.event[e][n]()},this.element=this.option.element,this.option.danmaku||this.element.classList.add("dplayer-no-danmaku"),this.element.innerHTML='\n            <div class="dplayer-mask"></div>\n<div class="dplayer-video-wrap">\n<video class="dplayer-video" '+(this.option.video.pic?'poster="'+this.option.video.pic+'"':"")+" webkit-playsinline playsinline "+(this.option.screenshot?'crossorigin="anonymous"':"")+' preload="'+this.option.preload+'" src="'+this.option.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                    '+(this.option.danmaku?'<span class="dplayer-danloading">'+m("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">'+this.getSVG("play")+'</button>\n<div class="dplayer-volume" '+(s?'style="display: none;"':"")+'>\n<button class="dplayer-icon dplayer-volume-icon">'+this.getSVG("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: '+this.option.theme+';">\n<span class="dplayer-thumb" style="background: '+this.option.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                    '+(this.option.screenshot?'\n                    <a href="#" class="dplayer-icon dplayer-camera-icon" '+(s?'style="display: none;"':"")+"dplayer-volume>"+this.getSVG("camera")+"</a>\n                    ":"")+'\n                    <div class="dplayer-comment">\n<button class="dplayer-icon dplayer-comment-icon">'+this.getSVG("comment")+'</button>\n<div class="dplayer-comment-box">\n<button class="dplayer-icon dplayer-comment-setting-icon">'+this.getSVG("menu")+'</button>\n<div class="dplayer-comment-setting-box">\n<div class="dplayer-comment-setting-color">\n<div class="dplayer-comment-setting-title">'+m("Set danmaku color")+'</div>\n<label>\n<input type="radio" name="dplayer-danmaku-color-'+i+'" 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-'+i+'" value="#e54256">\n<span style="background: #e54256"></span>\n</label>\n<label>\n<input type="radio" name="dplayer-danmaku-color-'+i+'" value="#ffe133">\n<span style="background: #ffe133"></span>\n</label>\n<label>\n<input type="radio" name="dplayer-danmaku-color-'+i+'" value="#64DD17">\n<span style="background: #64DD17"></span>\n</label>\n<label>\n<input type="radio" name="dplayer-danmaku-color-'+i+'" value="#39ccff">\n<span style="background: #39ccff"></span>\n</label>\n<label>\n<input type="radio" name="dplayer-danmaku-color-'+i+'" 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">'+m("Set danmaku type")+'</div>\n<label>\n<input type="radio" name="dplayer-danmaku-type-'+i+'" value="top">\n<span>'+m("Top")+'</span>\n</label>\n<label>\n<input type="radio" name="dplayer-danmaku-type-'+i+'" value="right" checked>\n<span>'+m("Rolling")+'</span>\n</label>\n<label>\n<input type="radio" name="dplayer-danmaku-type-'+i+'" value="bottom">\n<span>'+m("Bottom")+'</span>\n</label>\n</div>\n</div>\n<input class="dplayer-comment-input" type="text" placeholder="'+m("Input danmaku, hit Enter")+'" maxlength="30">\n<button class="dplayer-icon dplayer-send-icon">'+this.getSVG("send")+'</button>\n</div>\n</div>\n<div class="dplayer-setting">\n<button class="dplayer-icon dplayer-setting-icon">'+this.getSVG("setting")+'</button>\n<div class="dplayer-setting-box"></div>\n</div>\n<button class="dplayer-icon dplayer-full-icon">'+this.getSVG("full")+'</button>\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: '+this.option.theme+'">\n<span class="dplayer-thumb" style="background: '+this.option.theme+'"></span>\n</div>\n</div>\n</div>\n</div>\n\n        ";var g=this.element.offsetWidth<=500;if(g){var f=document.createElement("style");f.innerHTML=".dplayer .dplayer-danmaku{font-size:18px}",document.head.appendChild(f)}if(this.video=this.element.getElementsByClassName("dplayer-video")[0],/(m3u8\?|m3u8$)/i.exec(this.option.video.url)&&Hls.isSupported()){this.element.getElementsByClassName("dplayer-time")[0].style.display="none";var b=new Hls;b.attachMedia(this.video),b.on(Hls.Events.MEDIA_ATTACHED,function(){b.loadSource(t.option.video.url),b.on(Hls.Events.MANIFEST_PARSED,function(e,n){console.log("manifest loaded, found "+n.levels.length+" quality level")})})}if(/(flv\?|flv$)/i.exec(this.option.video.url)&&flvjs.isSupported()){var v=flvjs.createPlayer({type:"flv",url:this.option.video.url});v.attachMediaElement(this.video),v.load()}this.bezel=this.element.getElementsByClassName("dplayer-bezel-icon")[0],this.bezel.addEventListener("animationend",function(){t.bezel.classList.remove("dplayer-bezel-transition")}),this.playButton=this.element.getElementsByClassName("dplayer-play-icon")[0],this.paused=!0,this.playButton.addEventListener("click",function(){t.toggle()});var h=this.element.getElementsByClassName("dplayer-video-wrap")[0],x=this.element.getElementsByClassName("dplayer-controller-mask")[0];if(s){var k=function(){t.element.classList.contains("dplayer-hide-controller")?t.element.classList.remove("dplayer-hide-controller"):t.element.classList.add("dplayer-hide-controller")};h.addEventListener("click",k),x.addEventListener("click",k)}else h.addEventListener("click",function(){t.toggle()}),x.addEventListener("click",function(){t.toggle()});var w=function(e){var n=function(e){return e<10?"0"+e:""+e},t=parseInt(e/60),a=parseInt(e-60*t);return n(t)+":"+n(a)},E=function(e){var n=e.offsetLeft,a=e.offsetParent,r=void 0;if(document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement)for(;null!==a&&a!==t.element;)n+=a.offsetLeft,a=a.offsetParent;else for(;null!==a;)n+=a.offsetLeft,a=a.offsetParent;return r=document.body.scrollLeft+document.documentElement.scrollLeft,n-r},L={};L.playedBar=this.element.getElementsByClassName("dplayer-played")[0],L.loadedBar=this.element.getElementsByClassName("dplayer-loaded")[0];var z=this.element.getElementsByClassName("dplayer-bar-wrap")[0],B=void 0;this.option.danmaku&&this.video.addEventListener("seeking",function(){for(var e=0;e<t.dan.length;e++){if(t.dan[e].time>=t.video.currentTime)return void(t.danIndex=e);t.danIndex=t.dan.length}});var C=0,T=0,M=!1,N=void 0;this.setTime=function(){t.playedTime=setInterval(function(){T=t.video.currentTime,!M&&T<C+.01&&!t.video.paused&&(t.element.classList.add("dplayer-loading"),M=!0),M&&T>C+.01&&!t.video.paused&&(t.element.classList.remove("dplayer-loading"),M=!1),C=T,t.updateBar("played",t.video.currentTime/t.video.duration,"width"),t.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=w(t.video.currentTime),t.trigger("playing")},100),t.option.danmaku&&$&&(N=setInterval(function(){for(var e=t.dan[t.danIndex];e&&t.video.currentTime>=parseFloat(e.time);)oe(e.text,e.color,e.type),e=t.dan[++t.danIndex]},0))},this.clearTime=function(){clearInterval(t.playedTime),t.option.danmaku&&clearInterval(N)},z.addEventListener("click",function(e){var n=e||window.event;B=z.clientWidth;var a=(n.clientX-E(z))/B;a=a>0?a:0,a=a<1?a:1,t.updateBar("played",a,"width"),t.video.currentTime=parseFloat(L.playedBar.style.width)/100*t.video.duration});var q=function(e){var n=e||window.event,a=(n.clientX-E(z))/B;a=a>0?a:0,a=a<1?a:1,t.updateBar("played",a,"width"),t.element.getElementsByClassName("dplayer-ptime")[0].innerHTML=w(a*t.video.duration)},S=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",q),t.video.currentTime=parseFloat(L.playedBar.style.width)/100*t.video.duration,t.setTime()};z.addEventListener("mousedown",function(){B=z.clientWidth,t.clearTime(),document.addEventListener("mousemove",q),document.addEventListener("mouseup",S)}),L.volumeBar=this.element.getElementsByClassName("dplayer-volume-bar-inner")[0];var A=this.element.getElementsByClassName("dplayer-volume")[0],D=this.element.getElementsByClassName("dplayer-volume-bar-wrap")[0],I=this.element.getElementsByClassName("dplayer-volume-bar")[0],R=this.element.getElementsByClassName("dplayer-volume-icon")[0],F=35;this.switchVolumeIcon=function(){var e=t.element.getElementsByClassName("dplayer-volume-icon")[0];t.video.volume>=.8?e.innerHTML=t.getSVG("volume-up"):t.video.volume>0?e.innerHTML=t.getSVG("volume-down"):e.innerHTML=t.getSVG("volume-off")};var H=function(e){var n=e||window.event,a=(n.clientX-E(I)-5.5)/F;t.volume(a)},P=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",H),A.classList.remove("dplayer-volume-active")};D.addEventListener("click",function(e){var n=e||window.event,a=(n.clientX-E(I)-5.5)/F;t.volume(a)}),D.addEventListener("mousedown",function(){document.addEventListener("mousemove",H),document.addEventListener("mouseup",P),A.classList.add("dplayer-volume-active")}),R.addEventListener("click",function(){t.video.muted?(t.video.muted=!1,t.switchVolumeIcon(),t.updateBar("volume",t.video.volume,"width")):(t.video.muted=!0,R.innerHTML=t.getSVG("volume-off"),t.updateBar("volume",0,"width"))});var X=0;if(!s){var O=function(){t.element.classList.remove("dplayer-hide-controller"),clearTimeout(X),X=setTimeout(function(){t.video.played.length&&(t.element.classList.add("dplayer-hide-controller"),W(),ve())},2e3)};this.element.addEventListener("mousemove",O),this.element.addEventListener("click",O)}var V=localStorage.getItem("DPlayer-opacity")||.7,j={original:'\n                    <div class="dplayer-setting-item dplayer-setting-speed">\n<span class="dplayer-label">'+m("Speed")+'</span>\n<div class="dplayer-toggle">'+this.getSVG("right")+'</div>\n</div>\n<div class="dplayer-setting-item dplayer-setting-loop">\n<span class="dplayer-label">'+m("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">'+m("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">'+m("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*V+'%">\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">'+m("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>'},U=this.element.getElementsByClassName("dplayer-setting-icon")[0],G=this.element.getElementsByClassName("dplayer-setting-box")[0],Y=this.element.getElementsByClassName("dplayer-mask")[0];G.innerHTML=j.original;var W=function(){G.classList.contains("dplayer-setting-box-open")&&(G.classList.remove("dplayer-setting-box-open"),Y.classList.remove("dplayer-mask-show"),setTimeout(function(){G.classList.remove("dplayer-setting-box-narrow"),G.innerHTML=j.original,Z()},300))},_=function(){G.classList.add("dplayer-setting-box-open"),Y.classList.add("dplayer-mask-show")};Y.addEventListener("click",function(){W()}),U.addEventListener("click",function(){_()});var J=this.option.loop,Q=this.element.getElementsByClassName("dplayer-danmaku")[0],$=!0,Z=function(){var e=t.element.getElementsByClassName("dplayer-setting-loop")[0],n=e.getElementsByClassName("dplayer-toggle-setting-input")[0];n.checked=J,e.addEventListener("click",function(){n.checked=!n.checked,n.checked?(J=!0,t.video.loop=J):(J=!1,t.video.loop=J),W()});var a=t.element.getElementsByClassName("dplayer-setting-showdan")[0],r=a.getElementsByClassName("dplayer-showdan-setting-input")[0];if(r.checked=$,a.addEventListener("click",function(){if(r.checked=!r.checked,r.checked){if($=!0,t.option.danmaku){for(var e=0;e<t.dan.length;e++){if(t.dan[e].time>=t.video.currentTime){t.danIndex=e;break}t.danIndex=t.dan.length}N=setInterval(function(){for(var e=t.dan[t.danIndex];e&&t.video.currentTime>=parseFloat(e.time);)oe(e.text,e.color,e.type),e=t.dan[++t.danIndex]},0)}}else $=!1,t.option.danmaku&&(clearInterval(N),Q.innerHTML='<div class="dplayer-danmaku-item  dplayer-danmaku-item--demo"></div>',t.danTunnel={right:{},top:{},bottom:{}},t.itemDemo=t.element.getElementsByClassName("dplayer-danmaku-item")[0]);W()}),t.element.getElementsByClassName("dplayer-setting-speed")[0].addEventListener("click",function(){G.classList.add("dplayer-setting-box-narrow"),G.innerHTML=j.speed;for(var e=G.getElementsByClassName("dplayer-setting-speed-item"),n=function(n){e[n].addEventListener("click",function(){t.video.playbackRate=e[n].dataset.speed,W()})},a=0;a<e.length;a++)n(a)}),t.option.danmaku){L.danmakuBar=t.element.getElementsByClassName("dplayer-danmaku-bar-inner")[0];var l=t.element.getElementsByClassName("dplayer-danmaku-bar-wrap")[0],o=t.element.getElementsByClassName("dplayer-danmaku-bar")[0],i=t.element.getElementsByClassName("dplayer-setting-danmaku")[0],s=130;t.updateBar("danmaku",V,"width");var d=function(e){var n=e||window.event,a=(n.clientX-E(o))/s;a=a>0?a:0,a=a<1?a:1,t.updateBar("danmaku",a,"width");for(var r=t.element.getElementsByClassName("dplayer-danmaku-item"),l=0;l<r.length;l++)r[l].style.opacity=a;V=a,localStorage.setItem("DPlayer-opacity",V)},p=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",d),i.classList.remove("dplayer-setting-danmaku-active")};l.addEventListener("click",function(e){var n=e||window.event,a=(n.clientX-E(o))/s;a=a>0?a:0,a=a<1?a:1,t.updateBar("danmaku",a,"width");for(var r=t.element.getElementsByClassName("dplayer-danmaku-item"),l=0;l<r.length;l++)r[l].style.opacity=a;V=a,localStorage.setItem("DPlayer-opacity",V)}),l.addEventListener("mousedown",function(){document.addEventListener("mousemove",d),document.addEventListener("mouseup",p),i.classList.add("dplayer-setting-danmaku-active")})}};Z(),this.video.addEventListener("durationchange",function(){1!==t.video.duration&&(t.element.getElementsByClassName("dplayer-dtime")[0].innerHTML=w(t.video.duration))}),this.video.addEventListener("progress",function(){var e=t.video.buffered.length?t.video.buffered.end(t.video.buffered.length-1)/t.video.duration:0;t.updateBar("loaded",e,"width")}),this.video.addEventListener("error",function(){t.element.getElementsByClassName("dplayer-ptime")[0].innerHTML="Error happens ╥﹏╥",t.trigger("pause")}),this.video.addEventListener("canplay",function(){t.trigger("canplay")}),this.ended=!1,this.video.addEventListener("ended",function(){t.updateBar("played",1,"width"),J||(t.ended=!0,t.pause(),t.trigger("ended"))}),this.video.addEventListener("play",function(){t.paused&&t.play()}),this.video.addEventListener("pause",function(){t.paused||t.pause()}),this.video.volume=parseInt(this.element.getElementsByClassName("dplayer-volume-bar-inner")[0].style.width)/100,this.video.loop=J,1!==this.video.duration&&(this.element.getElementsByClassName("dplayer-dtime")[0].innerHTML=this.video.duration?w(this.video.duration):"00:00");var K=g?24:30,ee=void 0,ne=void 0,te=void 0;this.danTunnel={right:{},top:{},bottom:{}};var ae=function(e){return Q.getBoundingClientRect().right-e.getBoundingClientRect().right},re=function(e){return(ee+e)/5},le=function(e,n,a){for(var l=ee/re(a),o=function(a){var r=t.danTunnel[n][a+""];if(!r||!r.length)return t.danTunnel[n][a+""]=[e],e.addEventListener("animationend",function(){t.danTunnel[n][a+""].splice(0,1)}),{v:a%te};for(var o=0;o<r.length;o++){var i=ae(r[o])-10;if(i<=ee-l*re(r[o].offsetWidth)||i<=0)break;if(o===r.length-1)return t.danTunnel[n][a+""].push(e),e.addEventListener("animationend",function(){t.danTunnel[n][a+""].splice(0,1)}),{v:a%te}}},i=0;;i++){var s=o(i);if("object"===(void 0===s?"undefined":r(s)))return s.v}};this.itemDemo=this.element.getElementsByClassName("dplayer-danmaku-item")[0];var oe=function(e,n,a){ee=Q.offsetWidth,ne=Q.offsetHeight,te=parseInt(ne/K);var r=document.createElement("div");r.classList.add("dplayer-danmaku-item"),r.classList.add("dplayer-danmaku-"+a),r.innerHTML=e,r.style.opacity=V,r.style.color=n,r.addEventListener("animationend",function(){Q.removeChild(r)}),t.itemDemo.innerHTML=e;var l=t.itemDemo.offsetWidth;switch(a){case"right":r.style.top=K*le(r,a,l)+"px",r.style.width=l+1+"px",r.style.transform="translateX(-"+ee+"px)";break;case"top":r.style.top=K*le(r,a)+"px";break;case"bottom":r.style.bottom=K*le(r,a)+"px";break;default:console.error("Can't handled danmaku type: "+a)}return Q.appendChild(r),r.classList.add("dplayer-danmaku-move"),r};this.option.danmaku?(this.danIndex=0,this.readDanmaku()):this.option.autoplay&&!s?this.play():s&&this.pause();var ie=this.element.getElementsByClassName("dplayer-comment-input")[0],se=this.element.getElementsByClassName("dplayer-comment-icon")[0],de=this.element.getElementsByClassName("dplayer-comment-box")[0],pe=this.element.getElementsByClassName("dplayer-comment-setting-icon")[0],ce=this.element.getElementsByClassName("dplayer-comment-setting-box")[0],me=this.element.getElementsByClassName("dplayer-send-icon")[0],ye=function(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'").replace(/\//g,"&#x2f;")},ue=function(){if(ie.blur(),!ie.value.replace(/^\s+|\s+$/g,""))return void alert(m("Please input danmaku!"));var e={token:t.option.danmaku.token,player:t.option.danmaku.id,author:"DIYgod",time:t.video.currentTime,text:ie.value,color:t.element.querySelector(".dplayer-comment-setting-color input:checked").value,type:t.element.querySelector(".dplayer-comment-setting-type input:checked").value};t.option.apiBackend.send(t.option.danmaku.api,e),ie.value="",ve(),t.dan.splice(t.danIndex,0,e),t.danIndex++,oe(ye(e.text),e.color,e.type).style.border="2px solid "+t.option.theme},ge=function(){ce.classList.contains("dplayer-comment-setting-open")&&ce.classList.remove("dplayer-comment-setting-open")},fe=function(){ce.classList.contains("dplayer-comment-setting-open")?ce.classList.remove("dplayer-comment-setting-open"):ce.classList.add("dplayer-comment-setting-open")},be=0,ve=function(){de.classList.contains("dplayer-comment-box-open")&&(de.classList.remove("dplayer-comment-box-open"),Y.classList.remove("dplayer-mask-show"),clearInterval(be),t.element.classList.remove("dplayer-show-controller"),ge())},he=function(){de.classList.add("dplayer-comment-box-open"),Y.classList.add("dplayer-mask-show"),be=setInterval(function(){clearTimeout(X)},1e3),t.element.classList.add("dplayer-show-controller")};Y.addEventListener("click",function(){ve()}),se.addEventListener("click",function(){he(),setTimeout(function(){ie.focus()},300)}),pe.addEventListener("click",function(){fe()}),this.element.getElementsByClassName("dplayer-comment-setting-color")[0].addEventListener("click",function(){t.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked+span')&&(pe.getElementsByClassName("dplayer-fill")[0].style.fill=t.element.querySelector('input[name="dplayer-danmaku-color-${index}"]:checked').value)}),ie.addEventListener("click",function(){ge()}),ie.addEventListener("keydown",function(e){13===(e||window.event).keyCode&&ue()}),me.addEventListener("click",ue);var xe=function(){ee=Q.offsetWidth;for(var e=t.element.getElementsByClassName("dplayer-danmaku-item"),n=0;n<e.length;n++)e[n].style.transform="translateX(-"+ee+"px)"};this.element.addEventListener("fullscreenchange",function(){xe()}),this.element.addEventListener("mozfullscreenchange",function(){xe()}),this.element.addEventListener("webkitfullscreenchange",function(){xe()}),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():t.element.requestFullscreen?t.element.requestFullscreen():t.element.mozRequestFullScreen?t.element.mozRequestFullScreen():t.element.webkitRequestFullscreen?t.element.webkitRequestFullscreen():t.video.webkitEnterFullscreen&&t.video.webkitEnterFullscreen(),xe()});var ke=function(e){var n=document.activeElement.tagName.toUpperCase(),a=document.activeElement.getAttribute("contenteditable");if("INPUT"!==n&&"TEXTAREA"!==n&&""!==a&&"true"!==a){var r=e||window.event,l=void 0;switch(r.keyCode){case 32:r.preventDefault(),t.toggle();break;case 37:r.preventDefault(),t.video.currentTime=t.video.currentTime-5;break;case 39:r.preventDefault(),t.video.currentTime=t.video.currentTime+5;break;case 38:r.preventDefault(),l=t.video.volume+.1,t.volume(l);break;case 40:r.preventDefault(),l=t.video.volume-.1,t.volume(l)}}};this.option.hotkey&&document.addEventListener("keydown",ke);var we=this.element.getElementsByClassName("dplayer-menu")[0];if(this.element.addEventListener("contextmenu",function(e){var n=e||window.event;n.preventDefault(),we.classList.add("dplayer-menu-show");var a=t.element.getBoundingClientRect(),r=n.clientX-a.left,l=n.clientY-a.top;r+we.offsetWidth>=a.width?(we.style.right=a.width-r+"px",we.style.left="initial"):(we.style.left=n.clientX-t.element.getBoundingClientRect().left+"px",we.style.right="initial"),l+we.offsetHeight>=a.height?(we.style.bottom=a.height-l+"px",we.style.top="initial"):(we.style.top=n.clientY-t.element.getBoundingClientRect().top+"px",we.style.bottom="initial"),Y.classList.add("dplayer-mask-show"),Y.addEventListener("click",function(){Y.classList.remove("dplayer-mask-show"),we.classList.remove("dplayer-menu-show")})}),this.option.screenshot){var Ee=this.element.getElementsByClassName("dplayer-camera-icon")[0];Ee.addEventListener("click",function(){var e=document.createElement("canvas");e.width=t.video.videoWidth,e.height=t.video.videoHeight,e.getContext("2d").drawImage(t.video,0,0,e.width,e.height),Ee.href=e.toDataURL(),Ee.download="DPlayer.png"})}i++}return l(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=this.getSVG("play"),this.bezel.classList.add("dplayer-bezel-transition")),this.playButton.innerHTML=this.getSVG("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=this.getSVG("pause"),this.bezel.classList.add("dplayer-bezel-transition")),this.ended=!1,this.playButton.innerHTML=this.getSVG("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,n){"function"==typeof n&&this.event[e].push(n)}},{key:"_readAllEndpoints",value:function(e,n){for(var t=[],a=0,r=function(r){return function(l,o){if(++a,l?(l.response?alert(l.response.msg):console.log("Request was unsuccessful: "+l.status),t[r]=[]):t[r]=o,a==e.length)return n(t)}},l=0;l<e.length;++l)this.option.apiBackend.read(e[l],r(l))}},{key:"readDanmaku",value:function(){var e=this,n=/mobile/i.test(window.navigator.userAgent),t=void 0;t=this.option.danmaku.maximum?this.option.danmaku.api+"?id="+this.option.danmaku.id+"&max="+this.option.danmaku.maximum:this.option.danmaku.api+"?id="+this.option.danmaku.id;var a=(this.option.danmaku.addition||[]).slice(0);a.push(t),this._readAllEndpoints(a,function(t){e.danIndex=0,e.dan=[].concat.apply([],t).sort(function(e,n){return e.time-n.time}),e.element.getElementsByClassName("dplayer-danloading")[0].style.display="none",e.option.autoplay&&!n?e.play():n&&e.pause()})}},{key:"switchVideo",value:function(e,n){this.video.src=e.url,this.video.poster=e.pic?e.pic:"",this.video.currentTime=0,this.pause(),n&&(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=n,this.readDanmaku())}}]),e}();e.exports=s}])});
//# sourceMappingURL=DPlayer.min.js.map