How to show video clip before page load?

Question

JavaScript

There is a video in mp4 Full HD format. It's not a problem to convert it to any other format.
The task is as follows: when opening the main page, show this video
to the user on any device (check whether the cookie is worth it and decide whether I can run the script, it would be something to run)
how to do it better? Perhaps there are semi-ready solutions?
Key point:
there should be no ads before watching this video, and there should be no ads on the video itself, as, for example, in the version from YouTube.
At the moment I am considering the option https://flowplayer.org I will test it.
I look forward to your experience! Thanks in advance!!!

Answer 1

Can be done via HTML5 video. Put a block on top and make a callback with the code to hide the block when the video is finished playing. In addition, it is easier to make adaptability for mobile.
It is also possible to load videos from youtube/vimeo through an iframe and also make a callback, but there will be more problems with adaptability, the iframe lends itself worse. There is a solution https://css-tricks.com/NetMag/FluidWidthVideo/Arti...
The first option is more practical for me.
ps It seems to me that such things are better done without connecting scripts.)

Answer 2

fantasybox.