How not to load a page until you upload the video?

Here is the first section with the video on the background https://site-for-design.github.io/CS16/ . And sometimes the video does not load. Please advise some framework or another way to solve this problem
March 23rd 20 at 19:15
3 answers
March 23rd 20 at 19:17
Solution
If you just want to prohibit the display of the content page, the easiest way to hang the body to overflow:hidden, on top of all, cover full screen, and then follow through with js, while the whole content is not loaded. Then remove the plug and cancel the style at the body.
It is important that the video has successfully loaded - kelsi.Sta commented on March 23rd 20 at 19:20
@kelsi.Sta, well, the person you wrote to you about it. Initially hide the body (not using overflow: hidden, but using visibility: hidden), make a script that checks the download of the video when the video is loaded, remove the visibility: hidden. - Virginie.Casper45 commented on March 23rd 20 at 19:23
March 23rd 20 at 19:19
Put a preloader on the site, and do not suffer. Using JS you can disable the preloader if the video is already in the cache so next time don't show the preloader. There have been several similar questions in the toaster.
March 23rd 20 at 19:21
what if you try to video to put the onload attribute and it cause all you have?

Find more questions by tags HTMLJavaScriptCSS