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 op…


This content originally appeared on DEV Community and was authored by Razor

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

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

img1:

Image 1

img2:

Image 2

img3:

Image description

video:
https://ufile.io/cut0gzwt


This content originally appeared on DEV Community and was authored by Razor


Print Share Comment Cite Upload Translate Updates
APA

Razor | Sciencx (2024-07-04T16:25:16+00:00) Video Playlist html, css and JS. Retrieved from https://www.scien.cx/2024/07/04/video-playlist-html-css-and-js/

MLA
" » Video Playlist html, css and JS." Razor | Sciencx - Thursday July 4, 2024, https://www.scien.cx/2024/07/04/video-playlist-html-css-and-js/
HARVARD
Razor | Sciencx Thursday July 4, 2024 » Video Playlist html, css and JS., viewed ,<https://www.scien.cx/2024/07/04/video-playlist-html-css-and-js/>
VANCOUVER
Razor | Sciencx - » Video Playlist html, css and JS. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/07/04/video-playlist-html-css-and-js/
CHICAGO
" » Video Playlist html, css and JS." Razor | Sciencx - Accessed . https://www.scien.cx/2024/07/04/video-playlist-html-css-and-js/
IEEE
" » Video Playlist html, css and JS." Razor | Sciencx [Online]. Available: https://www.scien.cx/2024/07/04/video-playlist-html-css-and-js/. [Accessed: ]
rf:citation
» Video Playlist html, css and JS | Razor | Sciencx | https://www.scien.cx/2024/07/04/video-playlist-html-css-and-js/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.