Video Playlist html, css and JS

Hi, I’m doing a little project to add to my portfolio. What I would like to do is create a playlist video like in picture 1
but I have several other events in which I would also like to put images so that each when clicking on an event as in image 2 opens a page which is image 1 with its different fightCard, where there is a problem is how I can add video links so that it is different for each event (img2) as for example on streaming sites (img3) to illustrate clearly what I mean here is a small video.

NB: I use an api for all the information you see on the image

Code source:

https://pastebin.com/GW3HY7bE

Où

https://codepen.io/Raz41/pen/mdZbWNV

img1:

img2:

img3:

video:
https://ufile.io/cut0gzwt