How to embed such video/animation on the site?

Question

Animation

There is an example: www.bevisionare.com
In what program is this done? AE? And how then to add video, in what format to render? A long time ago I tried to make a beautiful iridescent button in AE, and in the end I couldn’t attach it to the site.
Now my task is to beautifully draw the block (in the landing page) "our advantages". I want to make it "live" for clarity. Only in AE can I realize my idea at a good level, but how then to embed all this on the site and in what format? Mp4 video? I also need the loop to be infinite, and the video will automatically play when it hits the active area of ​​the screen (the programmer will do this already). I just need to know how feasible this is and are there ways to make it easier?
Thanks to. Everything is much simpler, but my knowledge of html + css is a little short of this (there is a base). Can you recommend a tutorial on how to create something like this? From slicing to setting events.

Answer 1

Let's start with the fact that this is not a video, but a blog made up in html. img tags with CSS animations on them. In other words, each component of the composition is a separate png file, cloud, car, etc., which has been assigned an action. Use the dev tools in safari, chrome or fox and look at the source. Everything is quite simple there.
With regards to the video, it is also possible. You need to connect a js plugin, for example BigVideo.js , but you can look for alternatives and use video as part of the layout.