Vue/js How long video is used to get videos

The project encountered the upload video function, need to have a preview and get the video length function, because before using upload (if necessary can refer to my previous article), here do not repeat, directly used to upload video, but before uploading and the successful upload after the hook, not get the length:

No time how to do it, can only use the native JS to obtain:

After the upload is successful, bind the successful path to video

Use JS to get duration and assign time parameters

Then you will find that the value you get is Nan

Video has not been loaded, can not be obtained synchronously, use the timer to solve

OK, now you can get it.

I hope this article is helpful to you!

Vue/js How long video is used to get videos