因为安全性的问题，js是没有权限直接访问本地资源的，所以直接将资源的相对路径或者绝对路径给src都不能播放视频音频。可以使用URL.createObjectURL来进行处理，如下vue实例：

<input type="file" @change="upload">
<video controls :src="mp4URL"></video>

<script>
mp4URL: ''

upload(file) {
  this.mp4URL = URL.createObjectURL(file.target.files[0])
}


</script>

但在项目上的最佳做法还是服务端返回资源的URL给前端渲染