上传视频通过url获取视频的宽高和时长

<elUpload
  class="btn-local-upload inline-box"
  ref="picUpload"
  :limit="1"
  list-type="picture-card"
  :show-file-list="false"
  :on-change="handleChange"
  :action="actionParas"
>
  <i class="el-icon-plus"></i>
</elUpload>

<video width="200" height="200" crossOrigin="anonymous" controls id="upvideo" :src="item.fathUrl"  class="videoBtn"></video>


//js
handleChange(val) {
  let url = val.response.imgUrl;
  const newvideoUrl = url;
  const videoObj = document.createElement('video')
  videoObj.preload = 'metadata'
  videoObj.src = newvideoUrl
  videoObj.onloadedmetadata = function (evt) {
    URL.revokeObjectURL(newvideoUrl)
    let videoTime = videoObj.duration // 获取视频的时长
    let width = videoObj.videoWidth  //获取视频的宽
    let height = videoObj.videoHeight  //获取视频的高
    console.log('width, height:', width, height)
  }
}