YouTube Video Carousel - TMDB API | Part 1 | HTML CSS JS

Опубликовано: 29 Июнь 2026
на канале: Asish George Tech

11,090

153

This is part 1 of the YouTube Carousel in HTML CSS and Javascript. In this video, we go through creating a Full-screen overlay in the application. Then we call the TMDB API to return the list of videos present for that particular movie. Then we embed the returning video key to the YouTube Embed Code and append it in the DOM to show the returning videos into the UI. We are going to do all of this in less than 30 minutes.

The Link to the GitHub repo is https://github.com/asishgeorge/50Proj...
Playlist For TMDB API :    • TMDB API Web App Example

Timecodes
0:00 - Intro
0:39 - Know More Button
1:32 - Style Know more button
3:25 - Event Listener to Know More Button
5:32 - Adding Overlay
10:25 - Get the Videos List
15:15 - Show the Videos in Overlay
18:07 - Get Embed Code for YouTube

Laptop I use: https://amzn.to/3glrqzo

Follow me on :

Instagram:   / asish.george
LinkedIn:   / asish-george
Twitter:   / asishgeorg
Website: https://asishgeorge.in

Buy me a Coffee:
https://www.buymeacoffee.com/asishgeorge