用js创建video元素本地预览，并获取video元素的真实分辨率

使用 document.createElement(‘video’) 创建了一个video元素后，直接用 video.width 获取到的尺寸永远是0，要用下边的方法获取

1、先把所选的本地video文件生成本机预览url

const videoSrc = window.URL.createObjectURL(yourFile)

2、创建video对象，并给video对象设置本地可预览的url

const video = document.createElement('video')
video.src = videoSrc

3、给video对象添加监听事件 ‘canplay’ ，这一步很重要，不然没法获取真实分辨率

video.addEventListener('canplay', function() {
	console.log(this.videoWidth)
})
// 或者这样写
video.oncanplay = function() {
	console.log(this.videoWidth)
}

到此即可知道真实分辨率了