Video Playlist Gallery Like Udemy and Skillshare | HTML CSS JavaScript

Let's build responsive *Video Playlist* like *Udemy* and *Skill Share*. Video playlist gallery UI design is mostly found in *educational websites*. So, let's create video playlist together with html css & vanilla javascript.

Subscribe my channel for more helpful videos:

Build Web Apps With JavaScript 🎬 Playlist:

🎵 Music from Pixabay

📎 Source Code:

🌎 Browser : Brave V.1.40 (Chrome V.103.0)
📝 Code Editor : VS Code
💠 Extensions : Live-server

#VideoPlayList #VideoGallery #javascriptprojects

[CodingDesign]

@14:16 If there're more than 9 videos, you'll get "010" as S.N. of video
so update this code:

📝 script.js
line 69:
<p>${i + 1 > 9 ? i + 1 : '0' + (i + 1)}. </p>

[mindethereal]

The teaching piece you made is very detailed and very good, I hope you continue to share your knowledge to us thanks

[liceocristianorealintegral]

You are an Angel. Thank you bro!. God Bless you.

[حسنزال-يح]

Nice, i enjoyed watching it and learn.

[Mrhoopa-oe]

thank you bro..pls put this type intresting projects more.

[m.kandabimaanggara]

hey bro, good job and big thanks for sharing the source code. very helpfull!

[SovathSovann]

wow very good, oh you can show me about connect with database for Create, read, update and delete for post videos . Thank you!

[Thecreativemind-fkqb]

Is it possible that the videos is in the mysql database?

[joeyGunz-wr]

How to save the position of the video's currentTime to localstorage or cookie when user leaves a web page.

[jonaslouis]

Nice video thanks a lot for sharing, question how could i add the video image in the playlist please help

[onepiecefun]

Hello there! This is an excellent video. Thx for the hard work. Please, would you next time create a youtube-like website?

[Screenwave]

Boss. please make a video or tell me how can I change video source and switch embed url .

[ruthchirwa]

it would have been nice if you had also shown how to use the fetchAPI as well as the AJAX

[JAYTHAKUR-kn]

can we do this for embedded src's? like for iframe instead of videos?

[souravsarkarofficials]

I want to make a video paid course playlist.Now what should I do ? Please tell

[dardak]

I have tried a lot to make it responsive and compatible with smaller screens, such as the phone, but the plan does not work. Please how do I do that?? 🤔😪

[ShubhamKumar-etgx]

I want to..host a youtube playlist videos...instead to that 9 videos...so how can I do this ?? Please help and reply soon..

[mdbujold]

wow merci Coding et pour changer le fond écran et pour enlever le bleu et pour y metre une image on peut tu le faire ?

[donydeltadtad]

can create with youtube link instead of downloaded video

[aprilmendez]

Hello, thank you very much for the video, could you tell me how I can add subtitles to the videos with this development