How to have videos open in pop-up windows / modal?
Hello!
I've got a page that is going to house 3-4 demos product videos. Instead of having these video open in a new window I'd love to have them open in a pop-up window, on the same page. In a perfect world, this window would open proportionally in the center of the page.
I'm looking to determine what the best way to accomplish this would be? My research seems to be pointing me to using some javascript, but unfortunately I'm not very well versed in javascript at all.
I can definitely handle some html/css but am mostly looking to see if someone can point me in the right direction, or even point to similar case and I can likely take it from there.
There are some great responses here, but I wanted to let you know that if you are tired of trying to mess with the code, we did build a HubSpot Custom Module that is available in the HubSpot Marketing place that will handle this for you.
The BeginBound YouTube Vimeo Video Popup allows you to use any public YouTube or Vimeo video in it and it will create a nice popup for you. No coding required at all.
It's only $15 and if you want to learn more, check it out on the Marketplace here:
How to have videos open in pop-up windows / modal?
Thanks John. I actually figured out the js portion of this and got the modals working I wanted them to. Unfortunately I'm having some trouble editing changing the background opacity. Check it out the community post I made here if you can help.