how to make a responsive video playlist / video gallery playlist with toggle effect using html css and vanilla javascript from scratch.
create a responsive youtube like video playlist website design using simple html css and vanilla javascript tutorial for beginners.
SOURCE CODES *
DOWNLOAD THE SOURCE CODE FROM GOOGLE DRIVE ( INCLUDES IMAGES ):
https://drive.google.com/file/d/14RUU...
( *you are free to use this source code )
How To Download
Step 1 :- click the google drive link ☝☝☝
Step 2 :- click on download link in the google drive.
Step 3 :- extract the zip file into your desired folder.
Step 4 :- open the folder and then rename each coding files.
Step 5 :- convert each coding files example ( index.txt to index.php) - ( style.txt to style.css ) - ( script.txt to script.js ).
Step 6 :- open the converted index.html file into your browser.
Step 7 :- open your editor and put your converted into it and then edit it as you like.
google fonts:
https://fonts.google.com/specimen/Pop...
Editor : - visual studio code with Laetus: Dark Vibrant Theme
Browser : - google chrome
UI Tool : - Figma
localhost : xampp
Images / Video / SVG : -
01 - https://www.freepik.com/
02 - https://storyset.com/
03 - https://undraw.co/
04 - https://pixabay.com/
05 - https://unsplash.com/
06 - https://pixabay.com/
07 - https://www.flaticon.com/
08 - https://pngtree.com/
09 - https://www.pngegg.com/
New To My Channel Subscribe Now And See More Stuff Like This:
/ mrwebdesigneranas
Timestamp:
0:00 demo
1:20 file structure
2:11 html part
5:57 css part
15:19 javascript part
18:18 final demo
#VideoPlayList
#VideoGallery
#JavaScript
On this page of the site you can watch the video online How To Make A Responsive Video Playlist Using HTML CSS & JavaScript with a duration of hours minute second in good quality, which was uploaded by the user Mr. Web Designer 29 January 2022, share the link with friends and acquaintances, this video has already been watched 32,583 times on youtube and it was liked by 923 viewers. Enjoy your viewing!