How to upload videos sequentially?

Question

JavaScript

Hi all.
I have a Vue.js project that has a heavy main page that needs to load in the following sequence:
Step 1. Preloaded from 0 to 100%
Step 2. Preloaded video screen (1 mb) on background
Step 3. Main page with video (3 mb) on background
The mechanics of loading is as follows:
Stage 1. A preloader appears that loads the video from step 1 by 100% and the video from step 2 by 50%
Stage 2. After this stage is completed, step 2 starts and the video from step 3 should continue to load, but the user can click on the button in step 2 and skip step 2.
Step 3. After step 2, all content appears and the video should already be 50+% downloaded so that there are no jerks, uploads, etc.
Help solve the problem. Since people with slow 3g will also use the project.
Thank you all in advance.

Answer 1

use promises. and try to minimize everything. You can also load visible content at the very beginning. there are special libraries for this