@@MrWebDesignerAnas hello I inserted loop in video tag but it just loop the current video being played. Can you give me a suggestion on where and how I should put this. Thank you in advance
Lo acabo de hacer y la verdad es uno de los más completos que he visto hasta ahora, sería genial si nos puedes enseñar como ponerle el progreso a cada video.
can you use videos from other sources? or they need to be uploaded to the CMS? for exmaple, can I use a youtube link as the video source? it doesn't seem to use the regular youtube link or the embed link properly
I tried to recreate all the code but my script is not working . I have only one big player with video 1 playing. All small icons and titles are below ( not flex) and clicking them does not change the active state nor plays that movie. I must have made an error in retyping the code. Where can I get the entire code for HTML page and css page?
There always seems to be something that doesn't work right correctly that causes the project to mess up in his videos.. Why don't I see the html, css con collumns open on the side panel so we can see exactly which files are being used ? no link to the source code either? hmm What is the reason for this sir?
when i maked the js code i had a problem like this: Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') at video.onclick ((index):88:33). please teach how to fix it. thanks !
Thank you very much! I'm pretty new to HTML/CSS/JS. Just one detail, I try to do this with embed video. All the video are add on my page, the only thing, is they don't get in the grid like yours do. Do I have to add other code to it or is it just something that I've mistyped? Thanks!
Hi the video is excellent everything working fine but in the end my h3 is not changing with the video I have checked many times no error but I don't know what java is not working with title
Yo lo hice asi me quedo perfecto meno la ultima parte el que los videos se me reproduzcan asi no se lo hice 2 veses y revice todo el codigo y no me resulto no se si es que tienes alguna libreria o que
Awesome video 📸 helping
Keep up the good work. It's really helpfull.
Cool background song and video man :)
Thanks for the great video! I've been trying to find a player like this for over a year.
Glad you enjoyed!
Shukren habibi☺️
Excellent. taught me a lot and made it so simple, yet thorough. Thank you very much.
You're very welcome!
Is there a way to autoplay the videos in the list when one is finished playing?
use 'loop' attribute for video tag
@@MrWebDesignerAnas hello I inserted loop in video tag but it just loop the current video being played. Can you give me a suggestion on where and how I should put this. Thank you in advance
Sir make with auto detect from database
aatishay khol aani sadha aasa ha video pahun mala khup kahi shikaila midale .... thank you.
You deserve 1 million subscribe
You are a genius
Thanks! I've followed along and learned quite a lot, subscribed
Awesome, thank you!
Suprrr bhai ❤️❤️❤️❤️❤️
Se puede hacer con videos de TH-cam, es decir que no estén en la carpeta local sino mediante la URL del vídeo en TH-cam
great job
y por ejemplo si yo use en vez de un title use un button, como puedo hacer para que aparezca el nombre del boton abajo del video
thank you so much for this omg it's was easy to follow thank you again!!
I like the short videos, are very interentings and awesome
How do you do it if you want to add text under header 3 (h3) like the TH-cam description?
Thank u every much for your help!! You save me with my project!!!!
You save me, thanks u so much! Have a good day!
Lo acabo de hacer y la verdad es uno de los más completos que he visto hasta ahora, sería genial si nos puedes enseñar como ponerle el progreso a cada video.
Aún tienes el código copiado? I need!
Awesome lesson... Thank you. Keep going
A great job outlining this process!!!
Very Useful, I thought i won't get the video for playlist....
can you use videos from other sources? or they need to be uploaded to the CMS? for exmaple, can I use a youtube link as the video source? it doesn't seem to use the regular youtube link or the embed link properly
Congratulations and thank you. Your video has helped me a lot
I tried to recreate all the code but my script is not working . I have only one big player with video 1 playing. All small icons and titles are below ( not flex) and clicking them does not change the active state nor plays that movie. I must have made an error in retyping the code.
Where can I get the entire code for HTML page and css page?
sorry for the inconvenience I'll make another video related to this with better version and even provide source code!
This layout is perfect for off-line study CD's I create for Malawi students
Thanks! Muito obrigado, este vídeo me permitiu resolver uma pendência em um projeto! Obrigado!
I love this video background music
Wow good video , i learn too much whit You , tanks from México.
Glad to help
Thanks so much bro ❤❤❤❤
There always seems to be something that doesn't work right correctly that causes the project to mess up in his videos.. Why don't I see the html, css con collumns open on the side panel so we can see exactly which files are being used ? no link to the source code either? hmm What is the reason for this sir?
very usefull, thanks
now a learn one more project form you thx bro :)
Glad to hear that!
Wow, thank you guys, great job.
Thanks a lot for video
Most welcome
no publico el codigo de ejemplo, lo hice y no me funciono, sera que hay algo mal?
crack buen trabajo, pero te falto un detalle.
Las canciones no se pasan solas.
Cuando termina una tienes que reproducir otra manualmente.
Nice video
estoy intentnado hace este reproductor no funciona en la actualidad ? por que no me selecciona otro cuando le doy click
Where can I find the ready-made code?
😭😭😭😭 Thanks for the video, i search this for a long time.
You're welcome!
what about using json file to stock videos paths where can i find more about this please ?
thank you! i used this one and it's work!
You're welcome!
best
buenisimo
when i maked the js code i had a problem like this:
Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')
at video.onclick ((index):88:33). please teach how to fix it. thanks !
very helpful😍 Thank you so much😁
Muito obrigado, aprendi muito!
Excellent , thank you so much
Se puede hacer lo mismo pero con links de videos ?
Noice. Brooo 🎉
thank you from france .it s was i m looking for
is it posibble for video? i cuz just embedded movie series video then there are alots of episodes.
yeah!
bro insted of that videos can i want to put youtube videos/yt playlist instead of that videos.. so how can I do this ?? please help me reply soon
well! you can use the tag to add youtube videos link or you can add source code in the video src attribute and give the exact class name i.e. .video
@@MrWebDesignerAnas can I use like this
after i code curser: pointer , i can not get hovering curser on video what is my problem
Amazing 👍
So what happen when i click go back previous page?
Por favor, da para colocar o link o modelo do script aqui no canal em txt?
Gret work....
What we need to do if videos are of big size let's say 4GB each?
how can make a video from pixabay to mp4 format
When you click off the main video it disappears and won't reappear in the gallery list.
Thank you very much! I'm pretty new to HTML/CSS/JS. Just one detail, I try to do this with embed video. All the video are add on my page, the only thing, is they don't get in the grid like yours do. Do I have to add other code to it or is it just something that I've mistyped?
Thanks!
give each video a similar classname and apply grid style in css
@@MrWebDesignerAnas thanks! Will try that!
Javascript link on title don't work show each?
nice
why it doesn't play when i clicked on other videos?? it just stays on the main video
Same problem I'm facing...
@@yashmahajan2140 are u using repl too??
@@lezzzedd591 no.. sublime
@@yashmahajan2140 did you find any solutions?
@@lezzzedd591 nah... Waiting for the reply from uploader
Impressive 👍👍
perfect!
Thank you so much sir!
Hey this is great
Can you provide the source code
hello. Is it possible that I can live stream videos with an expired HTML please...?
What if I want to add descriptions to each video ? Please help me
Hlo bro , video was too amazing , but I want to know that how can we pass selected link from list to load in main video , plz 🙏 let me know
I know no one answer me but l have problem
When l was coding
In media query
Video will destroy even l follow same instructions as show in the video
Thank you very much
how to change mp4 video to youtube embed?
Thank you! This was exactly I was looking for. Can you tell me, how to implement setInterval to autoplay next video from the videoList?
you can use the function like when video length / or video is finished then it removes the class from the current video and add it to the next one!
hey brother please share the source code for us some time we got mistakes in creating like that
hey i have found the code of java script it is not working please help me
can you copy and paste your code here so I can see the problem in your code and try to figure out the problem!
Thank you. My media queries don't work. Could you please paste here the exact code regarding to the media queries?
Same problem
If I don't want people to download my videos, what source code applies?
then you have to fetch your video from database or google drive and add preventDefault() js method in the video
@@MrWebDesignerAnas i want to convert it to blob video and be able to autoplay
you can use 'autoplay' attribute of the video tag with 'muted' attribute to make it work
@@MrWebDesignerAnas How to add titles to videos like youtube
@@MrWebDesignerAnas I want download code
i am lost, i cannot make 2 columms and i don't understand what i need to do
did you created code step by step?
watch this one :
th-cam.com/video/w37MUs50xSQ/w-d-xo.html
it has source code as well
@@MrWebDesignerAnas i did, but the grid didn't work so I gave up. Now i am going to try this code. P.S: flex works
It would be super helpful if you make it using React js as well
Is it possible to create playlist for embed videos?
Does it autoplay the next video on the playlist?
for that you can use setInterval method in javascript
@@MrWebDesignerAnas Sir,how can I use setInterval to autoplay next video?
Hope it helps!
If there is 2 3 text in that what childern [ m] will be pass
there is a source code about this awesome work?
❤❤
Excelente reproductor, será posible hacer que les subtítulos y como hacerlo?
Bro please a tutorial on JavaScript DOM ...
Hi the video is excellent everything working fine but in the end my h3 is not changing with the video I have checked many times no error but I don't know what java is not working with title
Nice Work! Can I pass this in my HTML project? Thank you
sure!
Hi sir, Can we embed the video from youtube is it posible?
yes! all you need is to give same class name as other videos and it should workout the same!
is there a html video player script that supports drm links and mpd links like bitmovin, visualon and others?? please share bro🙏
Thank you!
Can I ask what app or software r u using??
vs code editor
how can i with wordpress?
Yo lo hice asi me quedo perfecto meno la ultima parte el que los videos se me reproduzcan asi no se lo hice 2 veses y revice todo el codigo y no me resulto no se si es que tienes alguna libreria o que
need help
how autoplay the play list
Muito bom!