YouTube Video embed iframe vs lightbox

[shamrockoz]

The site is here.

Scroll down or click the Video menu button.

On the left you will see two video - one with a white box and a little blue image - upon clicking you will see the video as a lightbox.

Code: [image class="video-lightbox" src="//www.youtube.com/embed/dZeqATNFX3c" link="true" href="//www.youtube.com/embed/dZeqATNFX3c?rel=0&autoplay=1&showinfo=1" lightbox_video="true"][lightbox selector=".video-lightbox"]

Below that is an iFrame.

1. I’d like the lightbox to show the same cover image / title / play button as below in the iFrame.

Reason I am doing this is that the speed is much better via Lightbox than iFrame.

How do I accomplish 1) above?

[friech]

Hi There,

Thank you for writing in, please take a screenshot the video thumbnail (cover image / title / play button), upload that screenshot to your site, take the image URL and put that URL to the [image] shortcode src field.

e.g.
[image class="video-lightbox" src="SCREENSHOT URL HERE" link="true" href="//www.youtube.com/embed/dZeqATNFX3c?rel=0&autoplay=1&showinfo=1" lightbox_video="true"][lightbox selector=".video-lightbox"]
Hope that helps,
Cheers!

[shamrockoz]

Thank you for the reply - I know about this.

I was hoping that there would be a similar control parameter that could be inserted so that it would act like the iFrame - which does this automatically.

I am assuming that my only option is to upload the screenshot? No dynamic call that can be used?

[christian]

You will need to get the Youtube thumbnail dynamically which regretfully is not a feature offered in X / Pro. Maybe you can try using the Essential Grid for this. Here’s the documentation for Youtube stream.

Thanks.