vv-player/dist/vv-player.min.js

基于vue2.0+的video播放器组件

!function(A,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("vv-player",[],e):"object"==typeof exports?exports["vv-player"]=e():A["vv-player"]=e()}("undefined"!=typeof self?self:this,function(){return function(A){function e(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return A[o].call(n.exports,n,n.exports,e),n.l=!0,n.exports}var t={};return e.m=A,e.c=t,e.d=function(A,t,o){e.o(A,t)||Object.defineProperty(A,t,{configurable:!1,enumerable:!0,get:o})},e.n=function(A){var t=A&&A.__esModule?function(){return A.default}:function(){return A};return e.d(t,"a",t),t},e.o=function(A,e){return Object.prototype.hasOwnProperty.call(A,e)},e.p="/dist/",e(e.s=7)}([function(A,e){function t(A,e){var t=A[1]||"",n=A[3];if(!n)return t;if(e&&"function"==typeof btoa){var r=o(n);return[t].concat(n.sources.map(function(A){return"/*# sourceURL="+n.sourceRoot+A+" */"})).concat([r]).join("\n")}return[t].join("\n")}function o(A){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(A))))+" */"}A.exports=function(A){var e=[];return e.toString=function(){return this.map(function(e){var o=t(e,A);return e[2]?"@media "+e[2]+"{"+o+"}":o}).join("")},e.i=function(A,t){"string"==typeof A&&(A=[[null,A,""]]);for(var o={},n=0;n<this.length;n++){var r=this[n][0];"number"==typeof r&&(o[r]=!0)}for(n=0;n<A.length;n++){var i=A[n];"number"==typeof i[0]&&o[i[0]]||(t&&!i[2]?i[2]=t:t&&(i[2]="("+i[2]+") and ("+t+")"),e.push(i))}},e}},function(A,e,t){function o(A){for(var e=0;e<A.length;e++){var t=A[e],o=l[t.id];if(o){o.refs++;for(var n=0;n<o.parts.length;n++)o.parts[n](t.parts[n]);for(;n<t.parts.length;n++)o.parts.push(r(t.parts[n]));o.parts.length>t.parts.length&&(o.parts.length=t.parts.length)}else{for(var i=[],n=0;n<t.parts.length;n++)i.push(r(t.parts[n]));l[t.id]={id:t.id,refs:1,parts:i}}}}function n(){var A=document.createElement("style");return A.type="text/css",u.appendChild(A),A}function r(A){var e,t,o=document.querySelector("style["+B+'~="'+A.id+'"]');if(o){if(p)return f;o.parentNode.removeChild(o)}if(w){var r=d++;o=g||(g=n()),e=i.bind(null,o,r,!1),t=i.bind(null,o,r,!0)}else o=n(),e=a.bind(null,o),t=function(){o.parentNode.removeChild(o)};return e(A),function(o){if(o){if(o.css===A.css&&o.media===A.media&&o.sourceMap===A.sourceMap)return;e(A=o)}else t()}}function i(A,e,t,o){var n=t?"":o.css;if(A.styleSheet)A.styleSheet.cssText=h(e,n);else{var r=document.createTextNode(n),i=A.childNodes;i[e]&&A.removeChild(i[e]),i.length?A.insertBefore(r,i[e]):A.appendChild(r)}}function a(A,e){var t=e.css,o=e.media,n=e.sourceMap;if(o&&A.setAttribute("media",o),v.ssrId&&A.setAttribute(ssridKey,e.id),n&&(t+="\n/*# sourceURL="+n.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */"),A.styleSheet)A.styleSheet.cssText=t;else{for(;A.firstChild;)A.removeChild(A.firstChild);A.appendChild(document.createTextNode(t))}}var s="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!s)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var c=t(11),l={},u=s&&(document.head||document.getElementsByTagName("head")[0]),g=null,d=0,p=!1,f=function(){},v=null,B="data-vue-ssr-id",w="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());A.exports=function(A,e,t,n){p=t,v=n||{};var r=c(A,e);return o(r),function(e){for(var t=[],n=0;n<r.length;n++){var i=r[n],a=l[i.id];a.refs--,t.push(a)}e?(r=c(A,e),o(r)):r=[];for(var n=0;n<t.length;n++){var a=t[n];if(0===a.refs){for(var s=0;s<a.parts.length;s++)a.parts[s]();delete l[a.id]}}}};var h=function(){var A=[];return function(e,t){return A[e]=t,A.filter(Boolean).join("\n")}}()},function(A,e){A.exports=function(A,e,t,o,n,r){var i,a=A=A||{},s=typeof A.default;"object"!==s&&"function"!==s||(i=A,a=A.default);var c="function"==typeof a?a.options:a;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0),t&&(c.functional=!0),n&&(c._scopeId=n);var l;if(r?(l=function(A){A=A||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,A||"undefined"==typeof __VUE_SSR_CONTEXT__||(A=__VUE_SSR_CONTEXT__),o&&o.call(this,A),A&&A._registeredComponents&&A._registeredComponents.add(r)},c._ssrRegister=l):o&&(l=o),l){var u=c.functional,g=u?c.render:c.beforeCreate;u?(c._injectStyles=l,c.render=function(A,e){return l.call(e),g(A,e)}):c.beforeCreate=g?[].concat(g,l):[l]}return{esModule:i,exports:a,options:c}}},function(A,e,t){"use strict";var o=t(12),n=(t.n(o),t(18)),r=t(22);e.a={props:{src:{type:String,default:"http://jq22com.qiniudn.com/jq22-sp.mp4"},width:{type:Number,default:700},height:{type:Number,default:400}},components:{durationProgressBar:n.a,volumeProgressBar:r.a},data:function(){return{video:null,playOrPause:!0,fullscreen:0,buffer:0,current:0,duration:0,movingTime:0,volume:1,volumeTemp:1,durationScale:0,durationWidth:0,mouseMoving:!1,timer:null,error:!1,canplay:!1}},computed:{playTitle:function(){return this.playOrPause?"播放":"暂停"},volumeTitle:function(){return 0===this.volume?"取消静音":"静音"},fullScreenTitle:function(){return this.fullscreen?"取消全屏":"全屏"}},mounted:function(){var A=this;this.$nextTick(function(){A.durationWidth=A.$refs.durationProgressBar.$el.getBoundingClientRect().width,A.bindFullscreenChange(),window.addEventListener("keydown",A.keydown.bind(A),!1)})},methods:{fullscreenChange:function(){var A=document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement;this.fullscreen=A?1:0,this.durationWidth=this.$refs.durationProgressBar.$el.getBoundingClientRect().width},bindFullscreenChange:function(){var A=this;["fullscreenchange","webkitfullscreenchange","mozfullscreenchange","MSFullscreenChange"].forEach(function(e){document.addEventListener(e,A.fullscreenChange.bind(A))})},keydown:function(A){if(32===A.keyCode){if(window.event){try{A.keyCode=0}catch(A){}A.returnValue=!1}else A.preventDefault();this.fullscreen&&this.playToggle()}},show:function(){var A=this;this.mouseMoving=!0,clearTimeout(this.timer),this.timer=setTimeout(function(){A.mouseMoving=!1,clearTimeout(A.timer)},2e3)},playToggle:function(){this.playOrPause?(this.video.play(),this.canplay=!0):this.video.pause(),this.playOrPause=!this.playOrPause},volumeToggle:function(){this.volume=0===this.volume?0===this.volumeTemp?1:this.volumeTemp:0},fullScreenToggle:function(){var A=this;if(this.fullscreen)try{["exitFullscreen","mozCancelFullScreen","webkitExitFullscreen","msExitFullscreen"].forEach(function(A){if(A in document)throw document[A](),A})}catch(A){}else try{["requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","msRequestFullscreen"].forEach(function(e){if(e in A.$refs.player)throw A.$refs.player[e](),e})}catch(A){}},getMovingTime:function(A){this.movingTime=this.duration*A},play:function(){var A=this;setTimeout(function(){A.playOrPause||A.video.play()},20)},pause:function(){this.video.pause()},createPlayer:function(){this.video=this.$refs.video,this.current=this.video.currentTime,this.volume=this.video.volume,this.duration=this.video.duration},onCanplay:function(){this.canplay=!0},onTimeupdate:function(){this.current=this.video.currentTime},onProgress:function(){try{this.buffer=this.$refs.video.buffered.end(0)}catch(A){}},onEnded:function(){this.playOrPause=!0},onError:function(){this.error=!0},onWaiting:function(){this.canplay=!1},onSeeked:function(){this.canplay=!0},dumpVolumeTrack:function(A){this.volume=A,this.volumeTemp=A},wheelVolumeTrack:function(A){A?this.volume+.02<=1&&(this.volume=this.volume+.02):this.volume-.02>=0&&(this.volume=this.volume-.02),this.volumeTemp=this.volume},dumpDurationTrack:function(A,e){this.current=this.duration*A,this.video.currentTime=this.current,"mousemove"===e&&this.pause()},wheelDurationTrack:function(A){A?this.current+2<=this.duration&&(this.current+=2,this.video.currentTime=this.current):this.current-2>=0&&(this.current-=2,this.video.currentTime=this.current)}},filters:{formateTime:function(A){var e=[Math.floor(A/3600),Math.floor(A%3600/60),Math.floor(A%60)],t=e[0],o=e[1],n=e[2];return t=t>=3600?t<10?"0"+t:t:"",o=o<10?"0"+o:o,n=n<10?"0"+n:n,t?t+":"+o+":"+n:o+":"+n},formateVolume:function(A){return Math.floor(100*A)}},watch:{volume:function(A){this.video.volume=A},playOrPause:function(){this.show()}}}},function(A,e){A.exports="data:application/vnd.ms-fontobject;base64,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"},function(A,e,t){"use strict";e.a={props:{bufferScale:{type:Number,default:0},durationScale:{type:Number,default:0},durationLeft:{type:Number,default:0},movingTime:{type:String,default:""}},data:function(){return{isDragging:!1,movingLeft:0,movingFlag:!1}},methods:{getMovingTime:function(A){var e=A.clientX-this.$refs.track.getBoundingClientRect().left,t=this.$refs.track.getBoundingClientRect().width;e<=t&&e>=0&&(this.$emit("getMovingTime",e/t),this.movingLeft=(e-30)/t,this.movingFlag=!0)},hideMovingTime:function(){this.movingFlag=!1},bindEvents:function(){this.isDragging=!0,window.addEventListener("mousemove",this.controlsDragging,!1),window.addEventListener("mouseup",this.cancelDragging,!1)},controlsDragging:function(A){this.isDragging&&this.dumpTrack(A)},cancelDragging:function(A){this.isDragging=!1,window.removeEventListener("mousemove",this.controlsDragging,!1),window.removeEventListener("mouseup",this.cancelDragging,!1),this.$emit("cancelDragging")},dumpTrack:function(A){var e=A.clientX-this.$refs.track.getBoundingClientRect().left,t=this.$refs.track.getBoundingClientRect().width;e<=t&&e>=0&&this.$emit("dumpDurationTrack",e/t,A.type)},wheelTrack:function(A){120===A.wheelDelta&&this.$emit("wheelDurationTrack",!0),-120===A.wheelDelta&&this.$emit("wheelDurationTrack",!1)}},beforeDestroy:function(){window.removeEventListener("mousemove",this.controlsDragging,!1),window.removeEventListener("mouseup",this.cancelDragging,!1)}}},function(A,e,t){"use strict";e.a={props:{volume:{type:Number,default:0}},data:function(){return{isDragging:!1}},methods:{bindEvents:function(){this.isDragging=!0,window.addEventListener("mousemove",this.controlsDragging,!1),window.addEventListener("mouseup",this.cancelDragging,!1)},controlsDragging:function(A){this.isDragging&&this.dumpTrack(A)},cancelDragging:function(){this.isDragging=!1,window.removeEventListener("mousemove",this.controlsDragging,!1),window.removeEventListener("mouseup",this.cancelDragging,!1)},dumpTrack:function(A){var e=A.clientX-this.$refs.track.getBoundingClientRect().left,t=this.$refs.track.getBoundingClientRect().width;e<=t&&e>=0&&this.$emit("dumpVolumeTrack",e/t)},wheelTrack:function(A){120===A.wheelDelta&&this.$emit("wheelVolumeTrack",!0),-120===A.wheelDelta&&this.$emit("wheelVolumeTrack",!1)}},beforeDestroy:function(){window.removeEventListener("mousemove",this.controlsDragging,!1),window.removeEventListener("mouseup",this.cancelDragging,!1)}}},function(A,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var o=t(8),n={};"undefined"!=typeof window&&window.Vue&&window.Vue.use(o.a),e.default=n.install=function(A,e){A.component("player",o.a)}},function(A,e,t){"use strict";function o(A){t(9)}var n=t(3),r=t(26),i=t(2),a=o,s=i(n.a,r.a,!1,a,"data-v-1eb60350",null);e.a=s.exports},function(A,e,t){var o=t(10);"string"==typeof o&&(o=[[A.i,o,""]]),o.locals&&(A.exports=o.locals);t(1)("e2d1a4ca",o,!0,null)},function(A,e,t){e=A.exports=t(0)(!1),e.push([A.i,"@keyframes circle-data-v-1eb60350{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}#video-player[data-v-1eb60350]{position:relative;display:inline-block;background-color:#000}#video-player .player[data-v-1eb60350]{width:100%;height:100%}#video-player .player video[data-v-1eb60350]{width:100%;height:100%;object-fit:fill}#video-player .player .shadow[data-v-1eb60350]{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.5)}#video-player .player .pausing[data-v-1eb60350]{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:2;text-shadow:0 0 10px #fff;cursor:pointer}#video-player .player .pausing i[data-v-1eb60350]{font-size:50px;color:#f29cb1}#video-player .player .loading .circle[data-v-1eb60350]{display:inline-block;width:15px;height:15px;border-radius:15px;background-color:#f29cb1;box-shadow:0 0 10px #fff;transform:scale(0);animation:circle-data-v-1eb60350 .8s ease-out infinite}#video-player .player .loading .circle.circle2[data-v-1eb60350]{animation-delay:.25s}#video-player .player .loading .circle.circle3[data-v-1eb60350]{animation-delay:.5s}#video-player .player .error[data-v-1eb60350],#video-player .player .loading[data-v-1eb60350]{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:2;color:#f29cb1}#video-player .player .video-controls-wrapper[data-v-1eb60350]{position:absolute;left:0;bottom:0;z-index:99999999999;display:flex;justify-content:center;align-items:center;padding:0 10px;width:100%;height:30px;background-color:rgba(0,0,0,.3);box-sizing:border-box;user-select:none;opacity:1;transition:opacity 1s}#video-player .player .video-controls-wrapper.hover[data-v-1eb60350],#video-player .player .video-controls-wrapper[data-v-1eb60350]:hover{opacity:1}#video-player .player .video-controls-wrapper .vertical[data-v-1eb60350]{line-height:30px}#video-player .player .video-controls-wrapper .btn[data-v-1eb60350]{width:30px;height:30px;text-align:center;font-size:18px;color:#fff}#video-player .player .video-controls-wrapper .hover[data-v-1eb60350]:hover{color:#f29cb1;text-shadow:0 0 10px #fff;cursor:pointer}#video-player .player .video-controls-wrapper .text[data-v-1eb60350]{color:#fff;font-weight:700}#video-player .player .video-controls-wrapper .text.text-s[data-v-1eb60350]{font-size:12px}#video-player .player .video-controls-wrapper .text.text-m[data-v-1eb60350]{font-size:20px}#video-player .player .video-controls-wrapper .text.text-padding[data-v-1eb60350]{padding:0 10px}#video-player .player .video-controls-wrapper .track-progress-bar-wrapper[data-v-1eb60350]{flex:1;margin:0 5px;height:30px}#video-player .player .video-controls-wrapper .volume-progress-bar-wrapper[data-v-1eb60350]{margin:0 5px;width:50px;height:30px}",""])},function(A,e){A.exports=function(A,e){for(var t=[],o={},n=0;n<e.length;n++){var r=e[n],i=r[0],a=r[1],s=r[2],c=r[3],l={id:A+":"+n,css:a,media:s,sourceMap:c};o[i]?o[i].parts.push(l):t.push(o[i]={id:i,parts:[l]})}return t}},function(A,e,t){var o=t(13);"string"==typeof o&&(o=[[A.i,o,""]]),o.locals&&(A.exports=o.locals);t(1)("1d418405",o,!0,null)},function(A,e,t){var o=t(14);e=A.exports=t(0)(!1),e.push([A.i,"@font-face{font-family:icomoon;src:url("+o(t(4))+");src:url("+o(t(4))+'#iefix) format("embedded-opentype"),url('+o(t(15))+') format("truetype"),url('+o(t(16))+') format("woff"),url('+o(t(17))+'#icomoon) format("svg");font-weight:400;font-style:normal}i{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-fullscreen:before{content:"\\E989"}.icon-notFullscreen:before{content:"\\E98A"}.icon-play:before{content:"\\EA1C"}.icon-pause:before{content:"\\EA1D"}.icon-volume-medium:before{content:"\\EA27"}.icon-volume-low:before{content:"\\EA28"}.icon-volume-mute:before{content:"\\EA29"}',""])},function(A,e){A.exports=function(A){return"string"!=typeof A?A:(/^['"].*['"]$/.test(A)&&(A=A.slice(1,-1)),/["'() \t\n]/.test(A)?'"'+A.replace(/"/g,'\\"').replace(/\n/g,"\\n")+'"':A)}},function(A,e){A.exports="data:application/x-font-ttf;base64,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"},function(A,e){A.exports="data:application/font-woff;base64,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"},function(A,e,t){A.exports=t.p+"icomoon.svg?a54b4ca8e0ac0d2ff6782c9ef792d3f9"},function(A,e,t){"use strict";function o(A){t(19)}var n=t(5),r=t(21),i=t(2),a=o,s=i(n.a,r.a,!1,a,"data-v-0f8bd548",null);e.a=s.exports},function(A,e,t){var o=t(20);"string"==typeof o&&(o=[[A.i,o,""]]),o.locals&&(A.exports=o.locals);t(1)("bc4fb218",o,!0,null)},function(A,e,t){e=A.exports=t(0)(!1),e.push([A.i,'.progress-track[data-v-0f8bd548]{position:relative;top:50%;transform:translateY(-50%);width:100%;height:5px;background-color:hsla(0,0%,100%,.5);cursor:pointer}.progress-track[data-v-0f8bd548]:hover{height:10px}.progress-track .buffered-progress-percent[data-v-0f8bd548]{position:absolute;left:0;top:0;z-index:-1;height:100%;background-color:rgba(242,156,177,.7)}.progress-track .progress-percent[data-v-0f8bd548]{width:0;height:100%;background-color:#f29cb1}.progress-track .progress-control[data-v-0f8bd548]{position:absolute;left:-5px;top:50%;transform:translateY(-55%);z-index:1;width:10px;height:10px;border-radius:10px;border:2px solid #fff;box-sizing:border-box;box-shadow:.5px .5px 1px rgba(0,0,0,.8);background-color:#f29cb1;cursor:pointer}.progress-track .movingTime[data-v-0f8bd548]{position:absolute;top:-25px;left:-30px;width:60px;text-align:center;background-color:#000;border:2px solid #f29cb1;border-radius:3px;box-sizing:border-box}.progress-track .movingTime[data-v-0f8bd548]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-top:5px solid #f29cb1;border-left:5px solid rgba(242,156,177,0);border-right:5px solid rgba(242,156,177,0);border-bottom:5px solid rgba(242,156,177,0)}.progress-track .movingTime b[data-v-0f8bd548]{color:#f29cb1;font-size:12px;font-weight:700}',""])},function(A,e,t){"use strict";var o=function(){var A=this,e=A.$createElement,t=A._self._c||e;return t("div",{ref:"track",staticClass:"progress-track",on:{mousedown:function(e){e.preventDefault(),A.dumpTrack(e)},mousewheel:function(e){e.preventDefault(),A.wheelTrack(e)},mousemove:function(e){e.preventDefault(),A.getMovingTime(e)},mouseover:function(e){e.preventDefault(),A.getMovingTime(e)},mouseout:function(e){e.preventDefault(),A.hideMovingTime(e)}}},[t("div",{staticClass:"buffered-progress-percent",style:{width:100*A.bufferScale+"%"}}),A._v(" "),t("div",{ref:"percent",staticClass:"progress-percent",style:{width:100*A.durationScale+"%"}}),A._v(" "),t("div",{ref:"control",staticClass:"progress-control",style:{left:100*(A.durationScale-A.durationLeft)+"%"},on:{mousedown:function(e){e.stopPropagation(),e.preventDefault(),A.bindEvents(e)}}}),A._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:A.movingFlag,expression:"movingFlag"}],staticClass:"movingTime",style:{left:100*A.movingLeft+"%"}},[t("b",[A._v(A._s(A.movingTime))])])])},n=[],r={render:o,staticRenderFns:n};e.a=r},function(A,e,t){"use strict";function o(A){t(23)}var n=t(6),r=t(25),i=t(2),a=o,s=i(n.a,r.a,!1,a,"data-v-9d91869c",null);e.a=s.exports},function(A,e,t){var o=t(24);"string"==typeof o&&(o=[[A.i,o,""]]),o.locals&&(A.exports=o.locals);t(1)("36333fb8",o,!0,null)},function(A,e,t){e=A.exports=t(0)(!1),e.push([A.i,".progress-track[data-v-9d91869c]{position:relative;top:50%;transform:translateY(-50%);width:100%;height:5px;background-color:hsla(0,0%,100%,.5);cursor:pointer}.progress-track .progress-percent[data-v-9d91869c]{height:100%;background-color:#f29cb1}.progress-track .progress-control[data-v-9d91869c]{position:absolute;top:50%;transform:translateY(-55%);z-index:1;width:10px;height:10px;border-radius:10px;border:2px solid #fff;box-sizing:border-box;box-shadow:.5px .5px 1px rgba(0,0,0,.8);background-color:#f29cb1;cursor:pointer}",""])},function(A,e,t){"use strict";var o=function(){var A=this,e=A.$createElement,t=A._self._c||e;return t("div",{ref:"track",staticClass:"progress-track",on:{mousedown:function(e){e.preventDefault(),A.dumpTrack(e)},mousewheel:function(e){e.preventDefault(),A.wheelTrack(e)}}},[t("div",{ref:"percent",staticClass:"progress-percent",style:{width:50*A.volume+"px"}}),A._v(" "),t("div",{ref:"control",staticClass:"progress-control",style:{left:50*A.volume-5+"px"},on:{mousedown:function(e){e.preventDefault(),A.bindEvents(e)}}})])},n=[],r={render:o,staticRenderFns:n};e.a=r},function(A,e,t){"use strict";var o=function(){var A=this,e=A.$createElement,t=A._self._c||e;return t("div",{style:{width:A.width+"px",height:A.height+"px"},attrs:{id:"video-player"},on:{mousemove:A.show}},[t("div",{ref:"player",staticClass:"player"},[t("video",{ref:"video",attrs:{id:"video",width:"100%",height:"100%",src:A.src,controls:!1},on:{loadedmetadata:A.createPlayer,progress:A.onProgress,canplay:A.onCanplay,canplaythrough:A.onProgress,timeupdate:A.onTimeupdate,ended:A.onEnded,error:A.onError,waiting:A.onWaiting,seeked:A.onSeeked,click:A.playToggle}},[A._v("\n      您的浏览器版本过低，并不支持video标签，请升级！\n    ")]),A._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:!A.canplay||A.error||A.playOrPause,expression:"!canplay || error || playOrPause"}],staticClass:"shadow",on:{click:function(e){e.preventDefault(),A.playToggle(e)}}}),A._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:!A.canplay&&!A.error,expression:"!canplay && !error"}],staticClass:"loading"},[t("div",{staticClass:"circle circle1"}),A._v(" "),t("div",{staticClass:"circle circle2"}),A._v(" "),t("div",{staticClass:"circle circle3"})]),A._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:A.playOrPause&&A.canplay,expression:"playOrPause && canplay"}],staticClass:"pausing hover",on:{click:function(e){e.preventDefault(),A.playToggle(e)}}},[t("i",{staticClass:"icon icon-play"})]),A._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:A.error,expression:"error"}],staticClass:"error"},[t("p",[A._v("播放源出现问题...")])]),A._v(" "),t("div",{staticClass:"video-controls-wrapper",class:{hover:A.mouseMoving}},[t("i",{staticClass:"btn hover vertical",class:{"icon icon-play":A.playOrPause,"icon icon-pause":!A.playOrPause},attrs:{title:A.playTitle},on:{click:A.playToggle}}),A._v(" "),t("div",{staticClass:"track-progress-bar-wrapper"},[t("duration-progress-bar",{ref:"durationProgressBar",attrs:{bufferScale:A.buffer/A.duration,durationScale:A.current/A.duration,durationLeft:5/A.durationWidth,movingTime:A._f("formateTime")(A.movingTime)},on:{getMovingTime:A.getMovingTime,dumpDurationTrack:A.dumpDurationTrack,cancelDragging:A.play,wheelDurationTrack:A.wheelDurationTrack}})],1),A._v(" "),t("div",{staticClass:"text text-s text-padding vertical"},[t("b",[A._v(A._s(A._f("formateTime")(A.current)))]),A._v("\n        /\n        "),t("b",[A._v(A._s(A._f("formateTime")(A.duration)))])]),A._v(" "),t("i",{staticClass:"btn hover vertical",class:{"icon icon-volume-medium":A.volume>.5&&A.volume<=1,"icon icon-volume-low":A.volume>0&&A.volume<=.5,"icon icon-volume-mute":0===A.volume},attrs:{title:A.volumeTitle},on:{click:A.volumeToggle}}),A._v(" "),t("div",{staticClass:"volume-progress-bar-wrapper"},[t("volume-progress-bar",{attrs:{volume:A.volume},on:{dumpVolumeTrack:A.dumpVolumeTrack,wheelVolumeTrack:A.wheelVolumeTrack}})],1),A._v(" "),t("div",{staticClass:"btn text text-s vertical"},[t("b",[A._v(A._s(A._f("formateVolume")(A.volume)))])]),A._v(" "),t("i",{ref:"fullscreen",staticClass:"btn hover vertical",class:{"icon icon-fullscreen":!A.fullscreen,"icon icon-notFullscreen":A.fullscreen},attrs:{title:A.fullScreenTitle},on:{click:A.fullScreenToggle}})])])])},n=[],r={render:o,staticRenderFns:n};e.a=r}])});
//# sourceMappingURL=vv-player.min.js.map