js上传视频,预览视频
<video
style="width:300px; height:auto;object-fit: fill;"
playsinline
controls
webkit-playsinline="true"
:src="localVideoUrl"
x5-video-player-fullscreen="true"
x5-video-player-type="h5"
></video>
注意: 要查看选择的视频文件是否正常拿到
var localVideoUrl = getURL(this.files[0]);
// vant 上传文件获取文件方式
// let localVideoUrl = getURL(file);
//建立一个可存取到该file的url
function getURL(file) {
var url = null;
if (window.createObjectURL != undefined) { // basic
url = window.createObjectURL(file);
} else if (window.URL != undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file);
} else if (window.webkitURL != undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file);
}
return url;
}