What is the best way to organize a web page on a vps to display an advertising video on remote access points?

Question

JavaScript

Hello. There was a following task.

At the Mikrotik access point, free Internet access is organized for anyone who connects via wifi after watching ads.

The scheme is as follows:
- connect to a wireless network from a laptop or smartphone
- having received an internal ip on smartphones, a pop-up page with advertising is displayed for us, which is loaded from a web server on my vps, ideally advertising is a kind of video. From laptops, the page with advertising opens when you start the browser and try to access any site, the browser will automatically redirect to http://ip-points/index.html (ip vps is registered in walled-garden) which will show the contents of myvps.ru/index.phpExcept for the page with advertising, it will not be allowed anywhere else, dns leads only to ip points.
- after watching the ad, a button appears (link $(link-login-only)?dst= myvps.ru/&username=T-$(mac-esc) ) by clicking on which we get to a page that says "Welcome to the Internet, dear friend" and you can surf until you get bored. Until the end of watching the video, there is no way to click on the button and bypass viewing ads.

Once again in short : connected to a wireless network -> watched an advertising video -> at the end of the video a link appeared -> by clicking on the button we got the opportunity to surf for free.

Let's say there will be about 100 access points, each with an average of 10 clients per hour, which, when connected, watch video from a vps web server (1 Intel Xeon 2000 MHz core, 512 MB of RAM). Let's assume that the video will be two or three minutes long.

Tell me, for proper organization:
- what video format to choose? mp4, flv? As I understand it, mp4 is better, because they are essentially about the same wrappers, but flv is proprietary and the final file weighs a little more than mp4. Mp4 is standardized by ISO in the MPEG-4 family, and if you compress video in H.264 (MPEG-4 Part 10), it will be the same MPEG-4 family, which is generally great, plus flv, as I understand it, is supported on all players.
-is it possible to say offhand that the vps resources of the web server (apache) are enough for video hosting of such volumes? How to estimate the load?
- whether to use special videohosting-cms or jquery-scripts for conversion and subsequent correct and guaranteed video display on all possible mobile devices? Is there any platform for this? Perhaps there are some free solutions, let's say on jQuery, to generate an HTML5 page with support for older browsers with HTML5 emulation?

Thank you.