I love this tutorial, the background and button color is perfectly matched, the card is beautifully designed, the idea is creative and ingenious, this is a small but elegant application, awesome !!!
this is amazing but I have one problem. When I'm in the page the audio start playing by itself (even if I didn't click the play button). For the ones that are having problems to stop the audio even after closing; just copy this after var (on the functions) function stopvideo(){ videoplayer.style.display = "none"; myVideo.muted = true; } function playvideo(file){ myvideo.src = file; videoplayer.style.display = "block"; myVideo.muted = false; }
Good tutorial video, ireally love it , but incase u guy has a problem the sound still hear after close, just add these code. function stopVideo(){
videoPlayer.style.display = "none"; } ( top this is code he show) function stopVideo(file){ myVideo.src = file; videoPlayer.style.display = "none"; } (below is the code u guys need to add)
Good tutorial, curious question. What is the program you are using for creating the webpages? Quick edit here, I wanted to find out why, when I set the "play buttons" for the images/videos on the right side, they go into the middle of page instead of on the images?
Hello, Dear Staff at "Easy Tutorials" I hope you are doing fine and this message finds you well. CONGRATULATIONS for both : 1/ The clarity in your explanations 2/ Which of course leads STEP by STEP to a Video-Payer which works perfectly. But I have two requests/suggestions to improve the quality of this good job you have already started : a) Can you, please, provide any script so that the video shifts automatically to the next once the any of them has been played as the "first" no matters its position in the gallery ? b) Kindly help include PREVIOUS and NEXT button so that, at least manually, no matters which video is playing, the visitor can shift to the previous or the next video ? I will really appreciate if you can pay attention to my request and help. Looking forward. Best regards. TIETI / Dubai
first of all, it is amazing tutorial. after following the process I notice that the sound of the video keep runing after closing the video can you advice please. Thank you again
Hello Avinash, I have learned new things with your tutorials and have joined as a member today. Do you have the code for the above video? I really want to integrate this video gallery into my own website. Can you provide the code for this? I've used HTML and CSS Grid and Flexbox to build my basic layout and a few pages so far. I need a video gallery that looks nice, like the one you show in your video. Javascript is something I don't understand at all, so it would be super helpful if I could have the code. Thanks kindly.
I like this tutorial and I tried to copy your codes and it successfully worked, but I got a simple question; when I click on play button the video plays but when I close it it gets closed but the music keeps playing. So my question is; How do I stop them at once when I click the close button??
Hello and thank you for your time and effort in creating this tutorial. It was easy to understand and worked out very well for me. I have an issue I cannot seem to When I close the video the audible keeps playing after I close the video. Is there a step I missed in this process?
Hello, first of all thank you, but the video does not work in my program. the video does not open when the play button is pressed. It would be nice if you could see that and tell me. Thanks in advance for the reply
@@GreatStackDev i did this: slight fix: function stopVideo(file){ myVideo.src = file; videoPlayer.style.display = "none"; } picture in picture stopped working?
Hi there I have a query regarding how can we stop videos by playing when its coming from database dynamically.. M using bootstrap modal its working well But only when I play video in sequence if i play random sequence ,it continues playing in background.
That's great, but when I push the Close button the sound still goes on, because the player continues playing being only in display: none mode. How to solve this. I'm not familiar with JS
Hey there! I've already finished the tutorial and the code works very well but there's one issue that i can't fix. When I play video, the audio is muted. I can't hear the audio. The 2 videos, it's audio buttons were disabled while the two videos, I can adjust the level of sounds but still there's no sounds at all. Can you help about this? Or is it because when I tried to download the video on pexels, there's no audio. Thanks in advance.
Hi, thank you for the time and effort that you have put in this tutorial, it has saved me alot...i would like to ask how i can add more videos to the three on the side with a scroll feature, so that it displays only three but there are more when you scroll down. Thanks again for you time, God bless.
thanks for the video, everything is working perfectly, but there is a peoblem when I close the video the audio is still playing. Tell me how to fix that!
Good afternoon, thanks for the video! I have one problem, the video is reproduced at the bottom, I repeated 4 times behind you and does not work ( Please throw off the code, I will be very grateful!
Hi, It was an awesome tutorial. Thank you. I want to add rows of videos where each row will have 5 of them. When these rows fills up up the page will automatically create horizontal scroll. Please help.
Thanks you , the tutorial was great and very helpful !!! I do have one issue. I created, base on your example, a web page with a single video and the video is start running (im assuming in the background since it was not on display) even before I clicked on the play button. any idea why ?
It's brackets Editor, you can download here: brackets.en.softonic.com/download Here is the video for brackets editor shortcut keys: th-cam.com/video/88Xb1fhst2I/w-d-xo.html
Hii sir.... 1) thanks for making this video. 2) i have added movies in different segments.... It's playing well .... But the problem is after closing the video I could still hear the audio of that movie.... Please help me out....
And when I click on the play button the video is playing in the top where my playbuttons and in the another container... probably video is at one place and video gallery is in another place and I have to search where the video is playing so how to set this issue
Hi there, this happens because you just changed the css ... you should stop the video with JS also... you can use stopVideo function -> simply just add .pause() function... eventually you can set currentTime to 0 - the video will play from the start again
Good Tutorial except one doubt that whenever I close my video, the cross for closing goes to the horizontal center of the screen, meaning that y position changes, but x position does not. also the cross doesn't hide. Video hides however. please help.
I love this tutorial, the background and button color is perfectly matched, the card is beautifully designed, the idea is creative and ingenious, this is a small but elegant application, awesome !!!
yes you are right a vert good tutorial 👍
this is amazing but I have one problem. When I'm in the page the audio start playing by itself (even if I didn't click the play button). For the ones that are having problems to stop the audio even after closing; just copy this after var (on the functions)
function stopvideo(){
videoplayer.style.display = "none";
myVideo.muted = true;
}
function playvideo(file){
myvideo.src = file;
videoplayer.style.display = "block";
myVideo.muted = false;
}
Thanks so much for this addition. This really helps
Thanks for your inspiration! That was a very helpful tutorial. Now I know how to create video players. Good luck to you!
the video, which i find everywhere. thank you very much easy tutorials. from sri lanka.
Good tutorial video, ireally love it , but incase u guy has a problem the sound still hear after close, just add these code.
function stopVideo(){
videoPlayer.style.display = "none";
}
( top this is code he show)
function stopVideo(file){
myVideo.src = file;
videoPlayer.style.display = "none";
}
(below is the code u guys need to add)
I love you man, indians are so awasome!
This is the best chanel to learn html css & js i realy love this chanen
Thanks a lot
Brilliant, well explained (as ever) tutorial, many thanks!
Had to add myVideo.pause(); in order to stop video with sound playing after its closed. Great Video btw :D
Your presentation is very clear to understand. Thanks a lot.
One of the most understandable tutorials in the TH-cam👏👍thank you dude
Thank you so much for inspiring me. To create and share my work online like you.
You r Great inspiration.
#designingtutorials
you are absolutely amazing.... thankyou for the videos
Good tutorial, curious question. What is the program you are using for creating the webpages?
Quick edit here, I wanted to find out why, when I set the "play buttons" for the images/videos on the right side, they go into the middle of page instead of on the images?
Hello, Dear Staff at "Easy Tutorials"
I hope you are doing fine and this message finds you well.
CONGRATULATIONS for both :
1/ The clarity in your explanations
2/ Which of course leads STEP by STEP to a Video-Payer which works perfectly.
But I have two requests/suggestions to improve the quality of this good job you have already started :
a) Can you, please, provide any script so that the video shifts automatically to the next once the any of them has been played as the "first" no matters its position in the gallery ?
b) Kindly help include PREVIOUS and NEXT button so that, at least manually, no matters which video is playing, the visitor can shift to the previous or the next video ?
I will really appreciate if you can pay attention to my request and help.
Looking forward.
Best regards.
TIETI / Dubai
first of all, it is amazing tutorial. after following the process I notice that the sound of the video keep runing after closing the video
can you advice please. Thank you again
under the stopVideo() function simply add - myVideo.pause();
@@scottrider8524 Thanks buddy
@@scottrider8524 Thanks man, it really helps
This is really Awesome. 👌👌👌👍
Thank you, very interesting and helpful
Very helpful video👍
Keep making more videos
Great work man!!! Brilliant and simple!!!
Thanks a lot!
Thank you so much. This was amazing!
Glad it was helpful!
You've saved my life
thank you love this tutorial ....
Thank you very much Bro !!! super !!!
Number1👍👍👍👍👍👍👍👍
Please make a video series on PSD to WordPress and theme and plugin development
I will make a complete course about how to do that.
Hope you may see it
Coding skills 🔥
Hello Avinash, I have learned new things with your tutorials and have joined as a member today. Do you have the code for the above video? I really want to integrate this video gallery into my own website. Can you provide the code for this? I've used HTML and CSS Grid and Flexbox to build my basic layout and a few pages so far. I need a video gallery that looks nice, like the one you show in your video. Javascript is something I don't understand at all, so it would be super helpful if I could have the code. Thanks kindly.
I love everything u hav done here now am really interested to make my own tell where to start the kind of software i should have on my PC
Brackets editor you will get in Google for free for the html,css and js thatit ...
I like this tutorial and I tried to copy your codes and it successfully worked, but I got a simple question; when I click on play button the video plays but when I close it it gets closed but the music keeps playing. So my question is; How do I stop them at once when I click the close button??
Muchas gracias , desde españa 🇪🇸
Ótimo vídeo parabéns 👏.
Fun tutorial good starting point
Hello and thank you for your time and effort in creating this tutorial. It was easy to understand and worked out very well for me. I have an issue I cannot seem to When I close the video the audible keeps playing after I close the video. Is there a step I missed in this process?
Please provide the full code
You areee GOODD!!
Thank you so much 🌺💕
Thanks bro your explaining in a good way and I can understand clearly
Thanks The gaming boy
good 👍👍👍👍👍👍👍👍👍👍👍👍👍👍
Great video as always
very nice thank you I learned a lot
awesome bro thank you!
Hello, first of all thank you, but the video does not work in my program. the video does not open when the play button is pressed. It would be nice if you could see that and tell me. Thanks in advance for the reply
Thank You Brother
why is only the audio of my video playing? my video appeared until I added the playVideo function
Is there a place where I can copy the codes? I have homework and I don't have much time.
Hi, how can I get the code ?
This is a tutorial not a giveaway
Please make the video on sticky icons in different various and different usages
Amazing Video :)
Sir can we use someone's theme,If we made it by writing code ourselves.???
Hi, how do I get the source code for the video gallery? Thanks!
Great video sir. How do I make the audio stop playing after clicking the close button??????
try below code:
function stopVideo(){
videoPlayer.style.display = "none";
myVideo.pause();
myVideo.currentTime = 0;
}
function playVideo(file){
myVideo.src = file;
videoPlayer.style.display = "block";
myVideo.play();
}
@@GreatStackDev
i did this:
slight fix:
function stopVideo(file){
myVideo.src = file;
videoPlayer.style.display = "none";
}
picture in picture stopped working?
Hi there I have a query regarding how can we stop videos by playing when its coming from database dynamically..
M using bootstrap modal its working well
But only when I play video in sequence if i play random sequence ,it continues playing in background.
Thanks a lot, please could you make a video with WordPress customer theme
That's great, but when I push the Close button the sound still goes on, because the player continues playing being only in display: none mode. How to solve this. I'm not familiar with JS
Thanks!!!!! So much!!!!
Thank you for the work you did here but I had some problems of the videos that isn't working when I check on them, how do you fix it?
awesome sir thanks
Please make more videos about modern web design. Svg , clip path are most wanted thing
Thank you very very much
Thanks for your comment
I love this tutorial.. I have a doubt.. is the above-created website responsive?
Not for me
Thanks A lot
Hey there! I've already finished the tutorial and the code works very well but there's one issue that i can't fix. When I play video, the audio is muted. I can't hear the audio. The 2 videos, it's audio buttons were disabled while the two videos, I can adjust the level of sounds but still there's no sounds at all. Can you help about this? Or is it because when I tried to download the video on pexels, there's no audio. Thanks in advance.
You are a boss
Awesome brother
Hi, thank you for the time and effort that you have put in this tutorial, it has saved me alot...i would like to ask how i can add more videos to the three on the side with a scroll feature, so that it displays only three but there are more when you scroll down. Thanks again for you time, God bless.
I'd love to know how to do this as well
Can you tell me how can I stop video sound when I click on close btn. In my video's background sound is not stoped when i click close bnt.
try below code:
function stopVideo(){
videoPlayer.style.display = "none";
myVideo.pause();
myVideo.currentTime = 0;
}
function playVideo(file){
myVideo.src = file;
videoPlayer.style.display = "block";
myVideo.play();
}
thanks for the video, everything is working perfectly, but there is a peoblem when I close the video the audio is still playing. Tell me how to fix that!
try below code:
function stopVideo(){
videoPlayer.style.display = "none";
myVideo.pause();
myVideo.currentTime = 0;
}
function playVideo(file){
myVideo.src = file;
videoPlayer.style.display = "block";
myVideo.play();
}
@@GreatStackDev Thank you so much for the code It worked love you, sir.
thank you so much
*Hello ! Sir plz make playlist on css micro interaction plz...*
Good afternoon, thanks for the video!
I have one problem, the video is reproduced at the bottom, I repeated 4 times behind you and does not work (
Please throw off the code, I will be very grateful!
Hi please make a tutorial on how to create an audio player with an audio library,thanks
Hi, It was an awesome tutorial. Thank you. I want to add rows of videos where each row will have 5 of them. When these rows fills up up the page will automatically create horizontal scroll. Please help.
love this tutorial
Glad you like it!
thank you so much!
You're welcome!
Thanks you , the tutorial was great and very helpful !!!
I do have one issue. I created, base on your example, a web page with a single video and the video is start running (im assuming in the background since it was not on display) even before I clicked on the play button.
any idea why ?
amazing video
Which editor are you using?
It's brackets Editor, you can download here: brackets.en.softonic.com/download
Here is the video for brackets editor shortcut keys: th-cam.com/video/88Xb1fhst2I/w-d-xo.html
Hey bro please tell how to install this html and css file in our website , and make it responsive 🙏
Great sir
Hello.. Can u plz tell me that. If iam making a website on WordPress can this gallery be added there?
Plz make website like MicrosoftGames. Means Game Downloading website .plz
Plz its a request
hey bro , voice of video is playing still when i click on that click =-btn , only the display is close .
how can I add external sourse url to the playVideo(' ') here like youtube embeded link? thanks for your tutorial except here am happy
sir how much time you're in web development please tell me
i love this tutorial. but iwant to ask about the video after closing button. why is it still have audio playing even video is closed?
cool! bro
Hii sir....
1) thanks for making this video.
2) i have added movies in different segments.... It's playing well .... But the problem is after closing the video I could still hear the audio of that movie.... Please help me out....
Files are in .MKV format
And when I click on the play button the video is playing in the top where my playbuttons and in the another container... probably video is at one place and video gallery is in another place and I have to search where the video is playing so how to set this issue
Amazing video, but i have problem. How can i stop the video when closing?
hi, is there a limit to the duration of video we can use? Can we use videos that are 4 minutes long?
Sir there is a little problem, if we close the video while it is playing.. then the audio still runs on background..
Same here
function stopVideo() {
myVideo.pause();
videoPlayer.style.display = "none";
}
Bro I had an issue when I click the close button on video the audio is not disabled somewhere in background audio is getting audible
Hi there, this happens because you just changed the css ... you should stop the video with JS also... you can use stopVideo function -> simply just add .pause() function... eventually you can set currentTime to 0 - the video will play from the start again
Good Tutorial except one doubt that whenever I close my video, the cross for closing goes to the horizontal center of the screen, meaning that y position changes, but x position does not. also the cross doesn't hide. Video hides however. please help.
same problem with me
When I click the close button the video sound still play. How to stop or pause the video when I click the close button ?
with me too
how can we do it
Same problem. What to do?.......
Add one more line in stopVideo()
ie,
function stopVideo(){
videoPlayer.style.display="none";
myVideo.pause();
}
@@Maya_Vee - Perfect - Instant solution.
Very Nice :3
Just it is helpful but one more left! please add how to download (download btn)
The close img and the video don't appear, meanwhile the audio is playing
What app do you use in screen recording? Why does mine can't record the pictire to picture effects?
its bandicam
Make full js tutorial for beginners
Which application do u use