Vue2上传视频并自动播放

<template>
   <div>
      <input type="file" id="file" @change="onInputFileChange()">
      <video id="video_id"  width="520" height="360" controls autoplay loop>你的浏览器不能支持HTML5视频</video>
   </div>
</template>

<script>
export default {
   name: "shipin",
   methods: {
      onInputFileChange() {
         console.log("上传----")
         var file = document.getElementById('file').files[0];
         var url = URL.createObjectURL(file);
         console.log(url);
         document.getElementById("video_id").src = url;
      }
   },
}
</script>

<style scoped>

</style>