w-ui
Version:
A Vue.js 2.0 UI Toolkit for mobile
1 lines • 20.6 kB
JavaScript
module.exports=function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=296)}({0:function(e,t){e.exports=function(e,t,n,i,o,r){var s,a=e=e||{},l=typeof e.default;"object"!==l&&"function"!==l||(s=e,a=e.default);var d="function"==typeof a?a.options:a;t&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns,d._compiled=!0),n&&(d.functional=!0),o&&(d._scopeId=o);var u;if(r?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},d._ssrRegister=u):i&&(u=i),u){var c=d.functional,v=c?d.render:d.beforeCreate;c?(d._injectStyles=u,d.render=function(e,t){return u.call(t),v(e,t)}):d.beforeCreate=v?[].concat(v,u):[u]}return{esModule:s,exports:a,options:d}}},1:function(e,t,n){"use strict";function i(e,t){var n=e[1]||"",i=e[3];if(!i)return n;if(t&&"function"==typeof btoa){var r=o(i);return[n].concat(i.sources.map(function(e){return"/*# sourceURL="+i.sourceRoot+e+" */"})).concat([r]).join("\n")}return[n].join("\n")}function o(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=i(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},o=0;o<this.length;o++){var r=this[o][0];"number"==typeof r&&(i[r]=!0)}for(o=0;o<e.length;o++){var s=e[o];"number"==typeof s[0]&&i[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},2:function(e,t,n){function i(e){for(var t=0;t<e.length;t++){var n=e[t],i=u[n.id];if(i){i.refs++;for(var o=0;o<i.parts.length;o++)i.parts[o](n.parts[o]);for(;o<n.parts.length;o++)i.parts.push(r(n.parts[o]));i.parts.length>n.parts.length&&(i.parts.length=n.parts.length)}else{for(var s=[],o=0;o<n.parts.length;o++)s.push(r(n.parts[o]));u[n.id]={id:n.id,refs:1,parts:s}}}}function o(){var e=document.createElement("style");return e.type="text/css",c.appendChild(e),e}function r(e){var t,n,i=document.querySelector("style["+w+'~="'+e.id+'"]');if(i){if(p)return m;i.parentNode.removeChild(i)}if(g){var r=h++;i=v||(v=o()),t=s.bind(null,i,r,!1),n=s.bind(null,i,r,!0)}else i=o(),t=a.bind(null,i),n=function(){i.parentNode.removeChild(i)};return t(e),function(i){if(i){if(i.css===e.css&&i.media===e.media&&i.sourceMap===e.sourceMap)return;t(e=i)}else n()}}function s(e,t,n,i){var o=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=b(t,o);else{var r=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(r,s[t]):e.appendChild(r)}}function a(e,t){var n=t.css,i=t.media,o=t.sourceMap;if(i&&e.setAttribute("media",i),f.ssrId&&e.setAttribute(w,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)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 d=n(3),u={},c=l&&(document.head||document.getElementsByTagName("head")[0]),v=null,h=0,p=!1,m=function(){},f=null,w="data-vue-ssr-id",g="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,n,o){p=n,f=o||{};var r=d(e,t);return i(r),function(t){for(var n=[],o=0;o<r.length;o++){var s=r[o],a=u[s.id];a.refs--,n.push(a)}t?(r=d(e,t),i(r)):r=[];for(var o=0;o<n.length;o++){var a=n[o];if(0===a.refs){for(var l=0;l<a.parts.length;l++)a.parts[l]();delete u[a.id]}}}};var b=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},296:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Video=void 0;var i=n(297),o=function(e){return e&&e.__esModule?e:{default:e}}(i);t.Video=o.default},297:function(e,t,n){"use strict";function i(e){l||n(298)}Object.defineProperty(t,"__esModule",{value:!0});var o=n(61),r=n.n(o);for(var s in o)"default"!==s&&function(e){n.d(t,e,function(){return o[e]})}(s);var a=n(300),l=!1,d=n(0),u=i,c=d(r.a,a.a,!1,u,null,null);c.options.__file="packages/video/src/video.vue",t.default=c.exports},298:function(e,t,n){var i=n(299);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);n(2)("db1251c8",i,!1,{})},299:function(e,t,n){t=e.exports=n(1)(!1),t.push([e.i,"\n.wui-video-container {\n position: relative;\n width: 100%;\n background-color: #000;\n}\n.wui-video {\n width: 100%;\n height: 100%;\n vertical-align: bottom;\n}\n.wui-contrl-content {\n position: absolute;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n left: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, .41);\n height: 0.6rem;\n width: 100%;\n z-index: 2147483647;\n}\n.wui-contrl-play-btn {\n position: relative;\n height: 100%;\n background: none;\n border: none;\n height: 0.4rem;\n width: 0.8rem;\n outline: none;\n vertical-align: top;\n}\n.wui-contrl-play-btn:hover {\n background-color: rgba(255, 255, 255, .27);\n}\n.wui-contrl-play-btn-icon {\n position: absolute;\n height: 0.4rem;\n width: 0.4rem;\n top: 50%;\n left: 50%;\n margin-top: -0.2rem;\n margin-left: -0.2rem;\n}\n.wui-contrl-play-btn2 {\n position: absolute;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n border: none;\n width: 1rem;\n height: 1rem;\n outline: none;\n background-color: rgba(255, 255, 255, .8);\n border-radius: 100%;\n}\n.wui-contrl-play-btn2:hover {\n background-color: rgba(255, 255, 255, 1);\n}\n.wui-contrl-play-btn2-icon {\n position: absolute;\n height: 0.4rem;\n width: 0.4rem;\n top: 50%;\n left: 50%;\n margin-top: -0.2rem;\n margin-left: -0.2rem;\n}\n.wui-contrl-vol-btn-icon {\n position: absolute;\n height: 0.4rem;\n width: 0.4rem;\n top: 50%;\n left: 50%;\n margin-top: -0.2rem;\n margin-left: -0.2rem;\n}\n.wui-contrl-vol-slider {\n display: inline-block;\n position: relative;\n height: 100%;\n width: 1rem;\n height: 0.3rem;\n overflow: hidden;\n -webkit-transition: all 0.2s ease-in;\n transition: all 0.2s ease-in;\n display: none;\n}\n.wui-contrl-vol-rail {\n position: absolute;\n top: 50%;\n width: 1rem;\n height: 0.1rem;\n margin-top: -0.05rem;\n background: #fff;\n}\n.wui-contrl-vol-inner {\n position: absolute;\n display: inline-block;\n left: 0;\n top: 50%;\n background: #fff;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n margin-top: -0.25rem;\n z-index: 2;\n cursor: pointer;\n}\n.wui-contrl-vol-box {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n display: none;\n}\n.wui-contrl-video-slider {\n position: relative;\n display: inline-block;\n height: 100%;\n width: 100%;\n overflow: hidden;\n margin: 0 0.1rem;\n -webkit-transition: all 0.2s ease-in;\n transition: all 0.2s ease-in;\n}\n.wui-contrl-video-rail {\n position: absolute;\n top: 50%;\n width: 100%;\n height: 0.1rem;\n margin-top: -0.05rem;\n background: rgba(255, 255, 255, .5);\n overflow: hidden;\n}\n.wui-contrl-video-rail-inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 0.1rem;\n background: rgb(255, 255, 255);\n -webkit-transition: -webkit-transform 0.2s;\n transition: -webkit-transform 0.2s;\n transition: transform 0.2s;\n transition: transform 0.2s, -webkit-transform 0.2s;\n}\n.wui-contrl-video-inner {\n position: absolute;\n display: inline-block;\n left: 0;\n top: 50%;\n background: #fff;\n width: 0.3rem;\n height: 0.3rem;\n border-radius: 50%;\n margin-top: -0.15rem;\n z-index: 2;\n cursor: pointer;\n -webkit-transition: all 16ms;\n transition: all 16ms;\n}\n.wui-contrl-video-time {\n padding: 0 0.1rem;\n}\n.wui-contrl-video-time-text {\n color: #fff;\n font-size: 0.3rem;\n}\n::-webkit-media-controls {\n display: none !important;\n}\nvideo::-webkit-media-controls {\n display: none !important;\n}\nvideo::-webkit-media-controls-enclosure {\n display: none !important;\n}\n.fade-transition {\n -webkit-transition: opacity 0.3s ease;\n transition: opacity 0.3s ease;\n}\n.fade-enter {\n opacity: 1;\n}\n.fade-leave {\n opacity: 0;\n}\n.hide-cursor {\n cursor: none;\n}\n",""])},3:function(e,t,n){"use strict";e.exports=function(e,t){for(var n=[],i={},o=0;o<t.length;o++){var r=t[o],s=r[0],a=r[1],l=r[2],d=r[3],u={id:e+":"+o,css:a,media:l,sourceMap:d};i[s]?i[s].parts.push(u):n.push(i[s]={id:s,parts:[u]})}return n}},300:function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"wui-video"},[n("div",{staticClass:"container"},[n("div",{staticClass:"wui-video-container",on:{mouseenter:e.mouseEnterVideo,mouseleave:e.mouseLeaveVideo}},[n("video",{staticClass:"wui-video",class:{"hide-cursor":!e.state.contrlShow},attrs:{poster:e.options.poster}},e._l(e.sources,function(e,t){return n("source",{key:"source-"+t,attrs:{src:e.src,type:e.type}})})),e._v(" "),n("button",{directives:[{name:"show",rawName:"v-show",value:!e.state.playing||e.state.contrlShow,expression:"!state.playing || state.contrlShow"}],staticClass:"wui-contrl-play-btn2",on:{click:e.play}},[n("svg",{directives:[{name:"show",rawName:"v-show",value:!e.state.playing,expression:"!state.playing"}],staticClass:"wui-contrl-play-btn-icon",attrs:{viewBox:"0 0 47 57",version:"1.1",xmlns:"http://www.w3.org/2000/svg"}},[n("title",[e._v("Triangle 1")]),e._v(" "),n("desc",[e._v("Created with Sketch.")]),e._v(" "),n("defs"),e._v(" "),n("g",{attrs:{id:"Page-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"}},[n("polygon",{attrs:{id:"Triangle-1",stroke:"#FFFFFF",fill:"#000000",points:"1 56 1 1 47 28.5"}})])]),e._v(" "),n("svg",{directives:[{name:"show",rawName:"v-show",value:e.state.playing,expression:"state.playing"}],staticClass:"wui-contrl-play-btn-icon",attrs:{viewBox:"0 0 15 22",version:"1.1",xmlns:"http://www.w3.org/2000/svg"}},[n("title",[e._v("Combined Shape")]),e._v(" "),n("desc",[e._v("Created with Sketch.")]),e._v(" "),n("defs",[n("path",{attrs:{d:"M0,0.979149244 L5,0.979149244 L5,22 L0,22 L0,0.979149244 Z M10,0.979149244 L15,0.979149244 L15,22 L10,22 L10,0.979149244 Z",id:"path-1"}}),e._v(" "),n("mask",{attrs:{id:"mask-2",maskContentUnits:"userSpaceOnUse",maskUnits:"objectBoundingBox",x:"0",y:"0",width:"15",height:"21.0208508",fill:"white"}},[n("use",{attrs:{"xlink:href":"#path-1"}})])]),e._v(" "),n("g",{attrs:{id:"Page-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"}},[n("use",{attrs:{id:"Combined-Shape",stroke:"#FFFFFF",mask:"url(#mask-2)","stroke-width":"2",fill:"#000000","xlink:href":"#path-1"}})])])]),e._v(" "),n("div",{directives:[{name:"show",rawName:"v-show",value:e.state.contrlShow,expression:"state.contrlShow"}],staticClass:"wui-contrl-content",attrs:{transition:"fade"}},[n("div",{staticClass:"wui-contrl-video-slider",on:{click:e.slideClick,mousedown:e.videoMove}},[n("div",{staticClass:"wui-contrl-video-inner",style:{transform:"translate3d("+e.video.pos.current+"px, 0, 0)"}}),e._v(" "),n("div",{staticClass:"wui-contrl-video-rail"},[n("div",{staticClass:"wui-contrl-video-rail-inner",style:{transform:"translate3d("+e.video.loaded+"%, 0, 0)"}})])]),e._v(" "),n("div",{staticClass:"wui-contrl-video-time"},[n("span",{staticClass:"wui-contrl-video-time-text"},[e._v(e._s(e.video.displayTime))])]),e._v(" "),n("div",{staticClass:"wui-contrl-vol-box"},[n("button",{staticClass:"wui-contrl-play-btn",on:{click:e.volMuted}},[n("svg",{staticClass:"wui-contrl-vol-btn-icon",attrs:{viewBox:"0 0 41 44",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[n("title",[e._v("vol")]),e._v(" "),n("desc",[e._v("Created with Sketch.")]),e._v(" "),n("defs",[n("path",{attrs:{d:"M8.61522369,12 L20,0.615223689 L20,37.3847763 L8.61522369,26 L1.99201702,26 C0.891856397,26 0,25.1029399 0,23.9941413 L0,14.0058587 C0,12.8980535 0.900176167,12 1.99201702,12 L8.61522369,12 L8.61522369,12 Z",id:"cov-vol"}})]),e._v(" "),n("g",{attrs:{id:"Page-1",stroke:"none","stroke-width":"2",fill:"none","fill-rule":"evenodd"}},[n("g",{attrs:{id:"vol",transform:"translate(2.000000, 3.000000)"}},[n("g",{attrs:{id:"cov-vol-icon"}},[n("g",{attrs:{id:"Combined-Shape-Clipped"}},[n("path",{directives:[{name:"show",rawName:"v-show",value:e.volume.percent>1&&!e.volume.muted,expression:"volume.percent > 1 && !volume.muted"}],attrs:{d:"M25,29.5538997 C28.4589093,27.6757536 31.2629093,23.2984641 31.2629093,19.7769499 C31.2629093,16.2554357 28.4589093,11.8781461 25,10",id:"vol-range-2",stroke:"#FFFFFF"}}),e._v(" "),n("path",{directives:[{name:"show",rawName:"v-show",value:e.volume.percent>70&&!e.volume.muted,expression:"volume.percent > 70 && !volume.muted"}],attrs:{d:"M28,35.5538997 C33.5816016,32.5231573 38.1063837,25.4595762 38.1063837,19.7769499 C38.1063837,14.0943235 33.5816016,7.03074247 28,4",id:"vol-range-2",stroke:"#FFFFFF"}}),e._v(" "),n("mask",{attrs:{id:"mask-2",fill:"white"}},[n("use",{attrs:{"xlink:href":"#cov-vol"}})]),e._v(" "),n("use",{attrs:{id:"vol-path",stroke:"#FFFFFF","stroke-width":"3","xlink:href":"#cov-vol"}}),e._v(" "),n("g",{attrs:{id:"Combined-Shape",mask:"url(#mask-2)",stroke:"#FFFFFF","stroke-width":"2",fill:"#FFFFFF"}},[n("path",{attrs:{d:"M8.61522369,12 L20,0.615223689 L20,37.3847763 L8.61522369,26 L1.99201702,26 C0.891856397,26 0,25.1029399 0,23.9941413 L0,14.0058587 C0,12.8980535 0.900176167,12 1.99201702,12 L8.61522369,12 L8.61522369,12 Z",id:"cov-vol"}})])])])])])])]),e._v(" "),n("div",{staticClass:"wui-contrl-vol-slider",on:{click:e.volSlideClick,mousedown:e.volMove}},[n("div",{staticClass:"wui-contrl-vol-inner",style:{transform:"translate3d("+e.volume.pos.current+"px, 0, 0)"}}),e._v(" "),n("div",{staticClass:"wui-contrl-vol-rail"})])]),e._v(" "),n("button",{staticClass:"wui-contrl-play-btn",on:{click:e.fullScreen}},[n("svg",{staticClass:"wui-contrl-vol-btn-icon",attrs:{viewBox:"0 0 33 33",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[n("defs"),e._v(" "),n("g",{attrs:{id:"Page-1",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"}},[n("path",{attrs:{d:"M31.1682064,22 L31.1682064,31.0073537 L22,31.0073537 M22,1 L31.0073537,1 L31.0073537,10.1682064 M1,10.0073537 L1,1 L10.1682064,1 M10.0073537,31.1682064 L1,31.1682064 L1,22",id:"Combined-Shape",stroke:"#FFFFFF","stroke-width":"2"}})])])])])])])])},o=[];i._withStripped=!0;var r={render:i,staticRenderFns:o};t.a=r},61:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e){return"x"===(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"x")?e.pageX:e.pageY},o=function(e){return e=Math.floor(e),e<10?"0"+e:e+""},r=function(e){var t=0;return t=Math.floor(e/60),e-=60*t,o(t)+":"+o(e)};t.default={name:"w-video",props:{sources:Array,options:{type:Object,default:function(){return{autoplay:!1,volume:.9,poster:""}}}},data:function(){return{$video:null,video:{$videoSlider:null,len:0,current:0,loaded:0,moving:!1,displayTime:"00:00",pos:{start:0,width:0,innerWidth:0,current:0}},volume:{$volBox:null,muted:!1,percent:60,moving:!1,pos:{start:0,width:0,innerWidth:0,current:0}},player:{$player:null,pos:null},tmp:{contrlHideTimer:null},state:{contrlShow:!0,vol:.5,currentTime:0,fullScreen:!1,playing:!1}}},ready:function(){this.init()},mounted:function(){this.init()},beforeDestroy:function(){document.body.removeEventListener("mousemove",this.mouseMoveAction),document.body.removeEventListener("mouseup",this.mouseUpAction)},methods:{init:function(){this.$video=this.$el.getElementsByTagName("video")[0],this.initCore(),this.options.autoplay&&this.play(),document.body.addEventListener("mousemove",this.mouseMoveAction,!1),document.body.addEventListener("mouseup",this.mouseUpAction,!1)},initCore:function(){this.initVol(),this.initVideo(),this.initPlayer();var e=this.options.volume||.9;this.setVol(e)},initPlayer:function(){var e=this.$el.getElementsByClassName("wui-video-container")[0];this.player.pos=e.getBoundingClientRect(),this.player.$player=e},initVol:function(){var e=this.$el.getElementsByClassName("wui-contrl-vol-slider")[0],t=e.getElementsByClassName("wui-contrl-vol-inner")[0];this.volume.$volBox=e,this.volume.pos.innerWidth=t.getBoundingClientRect().width,this.volume.pos.start=e.getBoundingClientRect().left,this.volume.pos.width=e.getBoundingClientRect().width-this.volume.pos.innerWidth},initVideo:function(){var e=this.$el.getElementsByClassName("wui-contrl-video-slider")[0],t=e.getElementsByClassName("wui-contrl-video-inner")[0];this.$videoSlider=e,this.video.pos.start=e.getBoundingClientRect().left,this.video.pos.innerWidth=t.getBoundingClientRect().width,this.video.pos.width=e.getBoundingClientRect().width-this.video.pos.innerWidth,this.getTime()},mouseEnterVideo:function(){this.tmp.contrlHideTimer&&(clearTimeout(this.tmp.contrlHideTimer),this.tmp.contrlHideTimer=null),this.state.contrlShow=!0},mouseLeaveVideo:function(e){var t=this;this.tmp.contrlHideTimer&&clearTimeout(this.tmp.contrlHideTimer),this.tmp.contrlHideTimer=setTimeout(function(){t.state.contrlShow=!1,t.tmp.contrlHideTimer=null},600)},toggleContrlShow:function(){this.state.contrlShow=!this.state.contrlShow},getTime:function(){var e=this;this.$video.addEventListener("durationchange",function(e){}),this.$video.addEventListener("progress",function(t){0!=e.$video.buffered.length&&(e.video.loaded=100*(e.$video.buffered.end(0)/e.$video.duration-1))}),this.video.len=this.$video.duration},setVideoByTime:function(e){this.$video.currentTime=Math.floor(e*this.video.len)},play:function(){var e=this;this.state.playing=!this.state.playing,this.$video&&(this.state.playing?(this.$video.play(),this.mouseLeaveVideo(),this.$video.addEventListener("timeupdate",this.timeline),this.$video.addEventListener("ended",function(t){e.state.playing=!1,e.video.pos.current=0,e.$video.currentTime=0})):this.$video.pause())},timeline:function(){var e=this.$video.currentTime/this.$video.duration;this.video.pos.current=(this.video.pos.width*e).toFixed(3),this.video.displayTime=r(this.$video.duration-this.$video.currentTime)},volMove:function(e){this.initVol(),this.volume.moving=!0},videoMove:function(e){this.initVideo(),this.video.moving=!0},slideClick:function(e){this.videoSlideMove(e)},volSlideClick:function(e){this.volSlideMove(e)},volMuted:function(){this.$video.muted=!this.$video.muted,this.volume.muted=this.$video.muted},setVol:function(e){this.$video&&(this.volume.pos.current=e*this.volume.pos.width,this.volume.percent=100*e,this.$video.volume=e)},fullScreen:function(){this.state.fullScreen?(this.state.fullScreen=!1,document.webkitCancelFullScreen()):(this.state.fullScreen=!0,this.$video.webkitRequestFullScreen()),setTimeout(this.initVideo,200)},mouseMoveAction:function(e){this.volume.moving&&this.volSlideMove(e),this.video.moving&&this.videoSlideMove(e),this.contrlHider(e)},contrlHider:function(e){var t=i(e,"x"),n=i(e,"y");if(this.player.pos)return t>this.player.pos.left&&t<this.player.pos.left+this.player.pos.width&&n>this.player.pos.top+.6*this.player.pos.height&&n<this.player.pos.top+this.player.pos.height?this.mouseEnterVideo():this.mouseLeaveVideo()},volSlideMove:function(e){var t=i(e)-this.volume.pos.start;t>0&&t<this.volume.pos.width&&this.setVol(t/this.volume.pos.width)},videoSlideMove:function(e){var t=i(e)-this.video.pos.start;t>0&&t<this.video.pos.width&&(this.video.pos.current=t,this.setVideoByTime(t/this.video.pos.width))},mouseUpAction:function(e){this.volume.moving=!1,this.video.moving=!1}}}}});