摘要：
JS获取video,img的真实宽高video<video src="./1.mp4" id="video">... JS获取video,img的真实宽高
video
<video src="./1.mp4" id="video"></video> // html
const video = document.getElementById('video')
video.addEventListener('canplay', function (e) {
console.log(e.target.videoWidth);
console.log(e.target.videoHeight);
})canplay 事件，视频达到可以播放时触发；
videoWidth 和 videoHeight 属性为视频真实宽高，这两个属性为只读属性，赋值不会生效；
width 和 height 属性为视频在页面上显示的尺寸，可以在元素设置或JS赋值；
width 和 height 属性优先级低于样式，同时使用样式和属性设置宽高，最后生效的是样式；
img
var img = new Image()
img.src = "" // 这里将想要获得的真实宽高的图片地址赋值给img.src
img.onload = function(){
console.log(img.width,img.height) // 拿到图片的真实宽高
}
