Html5 video player with file splicing?

Question

Video

I have several video files (h264):

http://localhost/001.mp4 
http://localhost/002.mp4 
http://localhost/003.mp4 
http://localhost/004.mp4 
http://localhost/005.mp4 
...

And meta-information about their duration and shift from the beginning of the day (00:00:00). These files represent a daily video recording from the camera. But, the recording is based on a motion sensor, so there are "holes" between them.
I want to develop (or buy) a video player that has a timeline where you can mark the fragments that have a recording and allow the user to navigate through it. When moving to a certain place, the user must start playing the desired file from the right place!
I need something like this
. Hikvision (EzvizCloud) has such a video player, but it is not for sale.

Other (including Russian) companies providing VSaaS have such players, but they are all self-written.
So you have to develop yourself. plain html5<video>tag does not support concatenation of multiple video files.
Should I use multiple <video>tags or will I have to draw the scale myself, then open the websocket and draw the image in <canvas>?