Minimalist video player (Apple-inspired) using Next.js and Tailwind
In this video, we are going to build a custom video player inspired by one that is used on Apple's product pages. We will use Next.js and Tailwind to build this project.
Starter source code: https://github.com/Built-With-Code/ne...
Want more Apple-inspired projects? Checkout this playlist: • Apple-inspired projects
Thanks for watching!
TIMESTAMPS:
0:00 - Intro + Preview
1:12 - Starter code
1:50 - Loading the video
4:12 - Play/Pause controls
7:18 - Tracking the video progress
16:15 - Creating custom controls component
19:52 - Circular progress indicator
24:38 - Custom Play/Pause buttons
26:58 - Outro
-------------------------------
Welcome to Built With Code! On this channel, you'll find coding tutorials on how to create and build your next awesome coding project, including websites and web apps. We'll use advanced frameworks such as Next.js, GSAP, and Framer Motion, and a whole lot more. If that sounds like fun, SUBSCRIBE to the channel - it'd be much appreciated!