Responsive Video Popup on Click using CSS3 & Vanilla Javascript

Enroll My Course : Next Level CSS Animation and Hover Effects
------------------
Join Our Channel Membership And Get Source Code Everyday
------------------
Please LIKE our Facebook page for daily updates...

[FaustoDAsero]

You deserve a medal !!! you never know how many times i look around for a simple but smart solutions like yours! thanks man!

[rildofranco]

Man I just discovered your channel yesterday and I'm really excited about it, I want to learn with you and I know it takes time but II'm ready for this challenge. I'm going wild with your videos, congratulations.

[leonardojaques]

Dude this is crazy I was literraly searching for this right now

[ArtOfFun]

For close button you can use × (html5)

[AdarshSingh-qdmq]

Are waah, aisa hi kuch khoj rha tha mai... Again good one..., 😎😂

[agaphmenamoy]

I can't tell you with words how gratefull I am with your video. Much Love!

[ludovicgardy]

Works perfectly, and very simple to implement ! Thanks

[j-lewis]

Really nice video, but I'd really prefer using "const" instead of "var" and "addEventListener", instead of putting "onClick" in HTML.

[DesignWeb]

I used to have been using jquery plugins for this feature but after watching this video I am amazed.

[reginoka.a]

hello from brazil and THANK YOU SO MUCH! you saved my life twice today (:

[rizwanmuhammad]

Hi, Thank you so much for this tutorial! this has helped me so much, and I've learnt so much!
I have a question, I have made this and other web pages but they are not the same on my mobile, they just cut off pieces of my background, text isn't in the right place. any fix to this?

[evelinaracu]

Where can I find the whole code? Thank you for creating this video; it is exactly what I was looking for!!

[janvier]

Excelente video!!, de los mejores explicando, nuevo suscriptor, Greetings From México 🖤

[LeeJayRobertson]

Great video!! For some reason the video / audio still plays in the background when I toggle close?? and ideas why??

[lifestyle]

background audeo cann't stop sir,

[alexandragarciaB]

where is the code in GH? i prefer this form, because i can't advance, i don't know why... I try put the video but don't read. :/ Can you help me, please?

[raghavgupta]

Just An Amazing brother.👌👍
But, Could you please explain me that What the trailer.classList(mainly classList) and video.currentTime will do?
Please-Please🙏Reply me.

[phjhop]

Great!. pls make a tut about how can we position elements using css

[ammarshaikh]

Great I love your videos however if you explain along the way it will be more beneficial instead of playing background music.. thanksss

[doriwebb]

This is much simpler.
Works with images or videos and doesn't take up page space for image/video previews: