Scaling video in content area modal or lightbox?

[Hjfinch]

Hello!

For my homepage header, I’m trying to emulate this video set-up: https://www.cochranslumber.com/

My page is here: https://theenergylogic.com/

I currently have the video embedded in a modal content area - however it doesn’t scale/center on smaller screens.

I’ve been reading through the forum and it sounds like I should use the play image as the trigger to open a lightbox. Or use a button to open a lightbox. I like those ideas, as it would also enable autoplay. However, I’m confused on how to implement. Specifically, if I was to use the play image as the trigger for the lightbox, where would I put the short code?

I’ll send in login credentials in a private message.

Thanks so much for your help!

[ruenel]

Hello There,

Thanks for writing in!

You can use a text element and insert the image and responsive lightbox shortcode;

[image src="https://www.example.com/path-of-the-play-image.jpg" link="true" href="//www.youtube.com/embed/cQp6MAmfCos" lightbox_video="true"]
[lightbox]

Just do not forget to supply the url of t play image so that it will display and be able to click on to load the lightbox were your video will play.

Hope this helps.

[Hjfinch]

Thanks @RueNel - I’ll try this and report back!

[Prasant]

You are most welcome.

[Hjfinch]

It worked perfectly! You all are the best!

[friech]

We are delighted to assist you with this.

Cheers!