Let's build a video player app with HTML, CSS, JAVASCRIPT (YouTube shorts clone)

💾 Source code: https://github.com/JonVadar/YouTube_videos/tree/main/Tips%20%26%20tricks%20videos/video_player_app 🌐 Mobile simulator extention: https://chromewebstore.google.com/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk 🌐 Pexels: https://www.pexels.com/search/videos/animals/ 🌐 Font Awesome CDN: https://cdnjs.com/libraries/font-awesome 🌐 Font Awesome: https://fontawesome.com/icons 🌐 Lorem Picsum: https://picsum.photos/ 📃 Web Developer Path playlist: https://youtube.com/playlist?list=PL38wFHH4qYZVs-liHzE8Ddgl4Yuewxp5g&si=gIhHHavXDWEUHa-O 📃 Tips & Tricks playlist: https://youtube.com/playlist?list=PL38wFHH4qYZV58saqjppZpcz5gsC2g-E6&si=X-IVivBohTUFypb2 📃 MERN Stack playlist: https://youtube.com/playlist?list=PL38wFHH4qYZWwU2qVQwouYioA50378KoQ&si=zxLbhHAOdSDUpWtL 📃 Useful Tools playlist: https://youtube.com/playlist?list=PL38wFHH4qYZUFG1NyrIy1wpexOfmgKs41&si=apCPXw2JVwvtDWrZ 🙏 Thank you for watching my video please don't forget to LIKE and SUBSCRIBE. 🎮 My gaming channel: https://www.youtube.com/@jonvadar ☕ Support me: https://www.buymeacoffee.com/jonvadar 🌐 My website: https://jonvadar.xyz/ 00:00 Intro 00:50 Project setup 01:15 HTML 06:00 CSS 18:20 Video element 19:36 Scroll Snap feature 21:40 JavaScript 36:15 Apply loader 37:45 Wrap-up #videoapp #vanillajs #webproject #javascript #es6 #js #async #jstutorial #javascript_tutorial #css #html #learnwebdevelopment #html5 #webdevelopment #frontend #fullstack