Should I use WebGL for CANVAS + Video?

Question

JavaScript

Hey!
The situation is as follows:
There are 2–5 Full HD video files that need to be played on the site simultaneously, one under the other. It is assumed that all videos will be visible at the same time due to different layer blends and transparency masks. That is, there will be no such situation when the top video completely overlaps all the others. This can all be done with Canvas (2D).
Question:
Can WebGL be used to improve performance in this case? And will it help at all?

Answer 1

With WebGL it will be faster, but if you render 2-5 HD files, it will definitely not be fast;) The moment with rasterization will be fast, but the rendering of video textures is an extremely slow operation.