Use Vue scaffolding +html5 input type = File Upload video

Uploading Video Ideas

Html:
1. HTML5 tag video audio/video is used here first
2. INPUT type = File

CSS gives some style

Js

JS Implementation ideas:
1. Obtain the upload file (input) label and give it a variable by using the native method.
2. Get the audio tag from the native method and give it to a variable.
3. By using the input tag to get its own files[0], and we need to deal with the input.files[0] data, write a method. and pass the input.files[0] in.

Give me a chestnut:

4. Specific steps to process the data; in the Getfileurl method;

5. Determine if the URL exists or set the SRC path to video if it exists;

6. Through the Duration property of video, get the length of the videos, if the length of the video is longer than 60 seconds, give the user prompt.

Use Vue scaffolding +html5 input type = File Upload video