Thankyou very very much, I was stuck in this for days. ❤❤❤

hey GUYS, here is the script to disable the video from playing in the background document.querySelectorAll('.video-container video').forEach(vid => { vid.onclick = () =>{ document.querySelector('.popup-video').style.display = 'block'; document.querySelector('.popup-video video').src = vid.getAttribute('src'); } }); document.querySelector('.popup-video span').onclick = () => { document.querySelector('.popup-video').style.display = 'none'; document.querySelector('.popup-video video').pause(); // add this code }

one like for splendid work.. because of this i got alot of help in my project...

Awesome tutorial. I really appreciated this. Question : How would you go about making it so after you open the video, you can click anywhere outside of the video to close it as opposed to only clicking the X to escape?

Thank you a lot. You helped to solve my problem! God bless you 🙏

Thank you for porviding this tutorial and many others on your channel. Appreciated

It would be nice if you give the direct source codes. Our goal is just to add it to our site quickly and easily.

Wonderful so educational

Nice Video! How can I pause the music after closing the video when working with ? I embedded a video from KZfaq

much loooove ❤❤❤❤

Your videos are really awesome 🔥.

Thanks For Tutor Sir

Really cool video. I have a question: Can we use this method work with youtube videos?

Great😎

works great but when i closed the popup video. the sound is still playing in the background.

thank you so much

Thank you my bro

boss you are great❤

you're really fanstatic

so cool bro, tks

I loved the video, sorry, an error occurs to me, I can't close the video, the X doesn't work. I am using , but it doesn't close the videos. Could you help me please.🥺

Thankyou for your great video Mr Web Designer, just what I am looking for. Could you PLEASE help me with the close button of the popup not stopping the audio from playing after closing. I note your earlier reply of using closeVideo.onclick = () =>{ mainVideo.pause(); } I have tried to add this to the code but not having any luck. Can you please advise the line number and is it in the INDEX or CSS file and the exact code and where to put this code to make this work. Thankyou for your help in advance.🙂

can you put like text or descriptions on each class or of what you are doing

when i m click on any image to play video, video is playing but left side bottom position not playing like u show in popup in centre, plz help me

HI, Great tutorials. How to add titles and tags with same responsive design ? Thanks

Why is it so hard to share the source code? It literally takes 2 seconds compared to all the time you spent recording yourself coding and uploading this video.

When I click on the video to see it in the popup, the src is not updated according to the video but stays at "null" do you know what I can do?

hi my video is working fine but after closing the video the sound is still playing how to fix this?

👽😍😍

😍😍😍

ty

how do i add border to the span? I set the background as white, so that the border is no really visible

I don't know how to thank you 😍

great tutorial! unfortunately videos hosted on youtube dont allow for direct access to their mp4 link. Do you know how i can design something like this but with the youtube embedded player?

Ive gotten everything on this perfect but the span x button wont close the pop up video, i dont know what im doing wrong

Assalamualaikum Brothers e-commerce product image description hiden Main image on click after open description Please reply

I tried your code but the foreach code in the Java script is not working, same video will popup even when I clicked the other one, then if I clicked the X button the video will still play

How to upload new post this site.

Thank you! But I have a question, how can I add a title under the video?

please share the code..

काय विडीयो बनवलेत हो खूपच छान 🙏 Sir all video name kye ahet ho sangal kye mala

The only way that it works for me: document.addEventListener('DOMContentLoaded', () => { const videos = document.querySelectorAll('.video-container video'); const holder = document.querySelector('.popup-video video'); videos.forEach (vid => { vid.onclick = function( el) { let src = el.target.getAttribute('src'); holder.setAttribute('src', src); document.querySelector('.popup-video').style.display = 'block'; } }); document.querySelector('.popup-video span').onclick = () => { const mdsrc = document.querySelector('.popup-video video'); mdsrc.pause(); mdsrc.currentTime = 0; document.querySelector('.popup-video').style.display = 'none'; } });

hey sir, great video! after closing the video, it doesn't pause. can you type the pause command here? thanks!!!

bro why you dont copy the full code somewhere you dont explain what you are doing anyway

where is the audio for description?

how to upload wizard ??? Please tutorials

js is not working...plz help

it`s possible to create this popup with s?

Source code please

Konse theme hai ye vs code me

could you please upload the code to buy a coffee?

Hi, thanks for the tutorial!! When i click on a video it pops up but without showing the video, only a gray rectangle, and it only plays the small sized one.

Upload here the code Bro🙏😍

Sourse code please

can you give source/

Pls give code

vola ... ocay ...