vue-player/vue-player.min.css.map

A Vue2 H5 video player 基于vue2的H5播放器

{"version":3,"sources":["webpack:///./src/player/vue-player.vue"],"names":[],"mappings":"yDAEA,yBACE,kBACA,sBACA,gBACA,YACA,aACA,WACA,sBACA,yBACA,qBACA,gBAAkB,CAEpB,6CACE,yBACA,MACA,QACA,SACA,OACA,SACA,qBACA,sBACA,8BACQ,sBACR,mBACA,qBAAuB,CAEzB,uCACE,kBACA,OACA,QACA,MACA,SACA,uBACA,SAAW,CAEb,iDACE,oBACA,oBACA,aACA,kBACA,yBACI,sBACI,8BACR,OACA,aACA,eACA,WACA,YACA,iBACA,UACA,6BACA,uCACA,8BAAiC,CAKnC,uHACE,QAAU,CAEZ,+DACE,oBACA,oBACA,YAAc,CAEhB,8EACE,oBACA,oBACA,aACA,cACA,eAAiB,CAEnB,qGACE,eACA,mCACA,0BAA6B,CAE/B,2GACE,aAAe,CAEjB,uGACE,cAAgB,CAElB,uGACE,kBACA,YACA,YACA,iBACA,cAAgB,CAElB,sHACE,kBACA,OACA,QACA,gBACA,YACA,WACA,eAAiB,CAEnB,uHACE,kBACA,OACA,QACA,gBACA,WACA,kBAAoB,CAEtB,yIACE,yBACA,YACA,WACA,kBACA,kBACA,WACA,SACA,SAAW,CAEb,mEACE,kBACA,eACA,UACA,OACA,YACA,WACA,4BAA8B,CAEhC,wPAGE,kBACA,SACA,OACA,WACA,qCACA,4BAA8B,CAEhC,kFACE,WACA,gCACA,UAAY,CAEd,mFACE,WACA,mBACA,UAAa,CAEf,mFACE,mBACA,UAAY,CAEd,qGACE,kBACA,sBACA,kBACA,eACA,SACA,QACA,UACA,MACA,QACA,sCACQ,8BACR,kCACA,0BACA,UAAY,CAEd,0QAGE,WAAa,CAEf,2FACE,kBACA,YACA,WACA,SAAW,CAEb,uCACE,kBACA,OACA,QACA,MACA,SACA,YACA,YACA,WACA,eACA,6BACA,SAAW,CAEb,sCACE,kBACA,OACA,QACA,MACA,SACA,UACA,cAAgB,CAElB,2CACE,kBACA,OACA,QACA,MACA,SACA,YACA,WACA,YACA,iBACA,iBAAmB","file":"vue-player.min.css","sourcesContent":["\n@import \"//at.alicdn.com/t/font_ckl7nljllpst6gvi.css\";\n.player[data-v-2a8b4d5c] {\n  position: relative;\n  background-color: #000;\n  overflow: hidden;\n  width: 720px;\n  height: 480px;\n  color: #aaa;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.player[data-v-2a8b4d5c]:-webkit-full-screen {\n  position: fixed!important;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  margin: 0;\n  width: 100%!important;\n  height: 100%!important;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  object-fit: contain;\n  background-color: #000;\n}\n.player .player__mask[data-v-2a8b4d5c] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  background: transparent;\n  z-index: 1;\n}\n.player .player__mask .controls[data-v-2a8b4d5c] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  position: absolute;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  left: 0;\n  bottom: -40px;\n  padding: 0 15px;\n  width: 100%;\n  height: 40px;\n  line-height: 40px;\n  z-index: 5;\n  background: rgba(26, 26, 26, 0.8);\n  -webkit-transition: all 0.2s ease-in-out;\n  transition: all 0.2s ease-in-out;\n}\n.player .player__mask .controls.controls--show[data-v-2a8b4d5c] {\n  bottom: 0;\n}\n.player .player__mask .controls[data-v-2a8b4d5c]:hover {\n  bottom: 0;\n}\n.player .player__mask .controls .controls-box[data-v-2a8b4d5c] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n}\n.player .player__mask .controls .controls-box .controls-item[data-v-2a8b4d5c] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  margin: 0 10px;\n  font-weight: 300;\n}\n.player .player__mask .controls .controls-box .controls-item .controls-item__button[data-v-2a8b4d5c] {\n  cursor: pointer;\n  -webkit-transition: all 0.2s ease-in;\n  transition: all 0.2s ease-in;\n}\n.player .player__mask .controls .controls-box .controls-item .controls-item__button[data-v-2a8b4d5c]:hover {\n  color: #31bedb;\n}\n.player .player__mask .controls .controls-box .controls-item .controls-item__button i[data-v-2a8b4d5c] {\n  font-size: 18px;\n}\n.player .player__mask .controls .controls-box .controls-item .controls-item__progress[data-v-2a8b4d5c] {\n  position: relative;\n  width: 100px;\n  height: 20px;\n  margin: 10px 15px;\n  cursor: pointer;\n}\n.player .player__mask .controls .controls-box .controls-item .controls-item__progress .progress__bar[data-v-2a8b4d5c] {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  margin-top: -1px;\n  width: 100px;\n  height: 2px;\n  background: #666;\n}\n.player .player__mask .controls .controls-box .controls-item .controls-item__progress .progress__play[data-v-2a8b4d5c] {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  margin-top: -1px;\n  height: 2px;\n  background: #31bedb;\n}\n.player .player__mask .controls .controls-box .controls-item .controls-item__progress .progress__play .progress__circle[data-v-2a8b4d5c] {\n  background-color: #31bedb;\n  height: 10px;\n  width: 10px;\n  border-radius: 50%;\n  position: absolute;\n  right: -5px;\n  top: -4px;\n  z-index: 5;\n}\n.player .player__mask .controls .player__progress[data-v-2a8b4d5c] {\n  position: absolute;\n  cursor: pointer;\n  top: -15px;\n  left: 0;\n  height: 15px;\n  width: 100%;\n  background-color: transparent;\n}\n.player .player__mask .controls .player__progress .progress__bar[data-v-2a8b4d5c],\n.player .player__mask .controls .player__progress .progress__load[data-v-2a8b4d5c],\n.player .player__mask .controls .player__progress .progress__play[data-v-2a8b4d5c] {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  height: 2px;\n  -webkit-transition: height .2s linear;\n  transition: height .2s linear;\n}\n.player .player__mask .controls .player__progress .progress__bar[data-v-2a8b4d5c] {\n  width: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 10;\n}\n.player .player__mask .controls .player__progress .progress__load[data-v-2a8b4d5c] {\n  z-index: 20;\n  background: #828282;\n  opacity: 0.6;\n}\n.player .player__mask .controls .player__progress .progress__play[data-v-2a8b4d5c] {\n  background: #31bedb;\n  z-index: 30;\n}\n.player .player__mask .controls .player__progress .progress__play .progress__circle[data-v-2a8b4d5c] {\n  position: absolute;\n  background-color: #fff;\n  border-radius: 50%;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n  opacity: 0;\n  top: 0;\n  right: 0;\n  -webkit-box-shadow: -1px 0 5px #626262;\n          box-shadow: -1px 0 5px #626262;\n  -webkit-transition: all .2s linear;\n  transition: all .2s linear;\n  z-index: 40;\n}\n.player .player__mask .controls .player__progress:hover .progress__bar[data-v-2a8b4d5c],\n.player .player__mask .controls .player__progress:hover .progress__load[data-v-2a8b4d5c],\n.player .player__mask .controls .player__progress:hover .progress__play[data-v-2a8b4d5c] {\n  height: 15px;\n}\n.player .player__mask .controls .player__progress:hover .progress__circle[data-v-2a8b4d5c] {\n  margin-right: -8px;\n  height: 16px;\n  width: 16px;\n  opacity: 1;\n}\n.player .player__logo[data-v-2a8b4d5c] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  height: 96px;\n  width: 96px;\n  cursor: pointer;\n  background-color: transparent;\n  z-index: 2;\n}\n.player .player__err[data-v-2a8b4d5c] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 3;\n  cursor: default;\n}\n.player .player__err .err[data-v-2a8b4d5c] {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n  width: 100%;\n  height: 20px;\n  line-height: 20px;\n  text-align: center;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/player/vue-player.vue"],"sourceRoot":""}