用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)
}

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