vue实现上传视频并支持点击播放

今天在做练习的时候 其中一个版块一直是用ui库做的上传图片功能，想做一个视频单独的版块，所以在网上寻求一些学习方法，找到一个大佬的，和大家分享下

**

先看下在本地运行的实际效果

**

html部分：
<video :src="videoSrc" controls="controls" width="500" height="400"></video>
<input type="file" @change="getBigectURL($event)" />

data中的定义：
data () {
    
    
    return {
    
    
      videoSrc: ''
    }
},

methods定义方法：
methods: {
    
    
    getBigectURL (event) {
    
    
      var current = event.target.files[0]
      var fileReader = new FileReader()
      fileReader .readAsDataURL(current)
      var THIS = this
      fileReader .onload =  (e) => {
    
    
        THIS.videoSrc = e.currentTarget.result
      }
    },
},

大佬的分析网址