| 1 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-6ee3d93e"],{1:function(e,t){},2:function(e,t){},3:function(e,t){},"43a1":function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticStyle:{height:"100%",width:"100%"}},[a("video",{ref:"videoPlayer",staticClass:"video-js vjs-default-skin vjs-big-play-centered",on:{ended:e.ended}},[a("div",e._l(e.playbackRates,(function(t){return a("button",{key:t,on:{click:function(a){return e.changePlaybackRates(t)}}},[e._v(e._s(t))])})),0)])])},s=[],i=a("f0e2"),l=(a("fda2"),a("a151"),{name:"VideoPlayer",props:{source:{type:String,required:!0}},watch:{source:function(e){console.log(e)}},data:function(){return{playbackRates:[.5,1,2,4,8,16],selectedPlaybackRate:1}},mounted:function(){var e=this,t={controls:!0,autoplay:!0,preload:"auto",fluid:!0,plugins:{},playbackRates:this.playbackRates,sources:[{src:this.source,type:"video/mp4"}]};this.player=Object(i["a"])(this.$refs.videoPlayer,t),this.player.play();var a=document.createElement("a");a.className="vjs-download vjs-control",a.innerHTML="下载",a.style.height="100%",a.style.lineHeight="100%",a.style.display="flex",a.style.alignItems="center",a.addEventListener("click",(function(){if(e.source){var t=e.source,n="video.mp4";a.setAttribute("href",t),a.setAttribute("download",n)}}));var n=this.player.controlBar;n.el().appendChild(a)},methods:{changePlaybackRates:function(e){this.selectedPlaybackRate=e,this.player.playbackRates(e)},ended:function(){this.$emit("playbackCompleted")}},beforeDestroy:function(){this.player&&this.player.dispose()}}),c=l,o=a("2877"),r=Object(o["a"])(c,n,s,!1,null,null,null);t["default"]=r.exports}}]);
|
