Pro Video in Modal

[Westy]

Two issues here (new to Pro).

Firstly. How do you adjust the modal window size? I seem to have a bunch of padding around the modal window and it’s small on a large screen.

Secondly, more complex, I’m using the CONTENT AREA MODAL to create a button which I would like to use to pop-up a window in which a YouTube video can play. So far no success. I also can’t seem to add the Classic .lightbox-selector class to a Pro Button either. I’m struggling to figure this one out but loving the extra features of Pro so far.

Thanks, David.

[Alaa]

Hi David,

Thanks for writing in!

• I assume you mean “Content Area Modal”, this can be adjusted by changing the “Content Max Width” option as in this screencast:
  https://media.giphy.com/media/4GXVkcptg658gdhm9G/giphy.gif

• You can add the YouTube Embed code inside the “Modal Content”, you will get something like that when you click on the modal trigger:
  

Thanks.

[Westy]

Thanks Alaa, Il give that a try. I was getting a weird error when I tried the iframe embed where the video would break out of the modal container to the right hand side. I’ll try again though.

[Alaa]

Hi @Westy

You might need to play with the width of the YouTube video embed and “Content Max Width” option I mentioned before to get the perfect result.

Thanks.

[Westy]

This worked perfectly to fill the chosen modal width

< div style=“position:relative;padding-top:56.25%;”>

< /div >

[nico]

Hi @Westy,

Happy to hear that you have found out the perfect setup to fill the modal and thank you so much for sharing it.

We really appreciate that you are sharing.

Cheers!

[Westy]

It’s not my code I have to admit - shamelessly lifted from this page: https://jameshfisher.com/2017/08/30/how-do-i-make-a-full-width-iframe.html

[rad]

I see, but still, thanks for sharin