YouTube Video – Center it, use image as cover?

Please, please, anybody?????

Try this:

<p align=”center”><img src=”your placeholder image link” alt=”alt tag describing your videos main purpose”></p>

This should allow you to use a placeholder image instead of the video and center it. the video will be opened into a lightbox once you click on the placeholder image.

Make sure to substitute your Youtube and other links appropriately. Also upload your placeholder image the size you want it to show in your post/page, as it will show that size when called in. The video should open in the lightbox at the same resolution the video was uploaded at.

if the lightbox hangs when video is called in this way you might need to tweak one of the plugin files, but you’ll need ftp access to correct that. ( Youtube videos should be called in via https and plugin calls http for some reason).

Hi,

Thanks so much for trying to help….much appreciated!

Here is where I’m confused. All I did to get the video on my site using this lightbox is write the youtube code:

But now I’m trying to add code to that youtube code. Where does the youtube code go in your string of code? Do I need quotes or something around it? Here’s the code so far…

<p align=”center”><img src=”https://aceyourinterview.com/wp-content/uploads/2014/09/LI-VIDEO-COVER-BORDER.png&#8221; alt=”smaller thumb video thumbnail”></p>

And can I add in something like this to make it a smaller image on my site:

width=”450″ height=”228″

And can I disable the suggested videos with something like this?
disablerelated=”Y”

Not sure how to add those things to the string of code ??

THANK YOU SO MUCH!!!!

some of the markup (an href reference) got lost while posting, here it is again, hope it works this time around (placing code in between ‘backticks’:

‘ (p align=”center”)(a href=”YOUTUBE LINK” rel=”lightbox-1″)(img src=”IMAGE LINK” alt=”VIDEO ALT TAGS”)(/a)(/p) ‘

If it posts correctly this time around, you should see an href, the youtube code goes there.

Edit: code is still getting lost, even when placed into backticks so I have modified it somewhat. Just change the ( for < and the ) for > on the code above.

Oh my gosh…you have almost done it!!!! Thanks so much for your help!

If you look at the site now, I have the original one of there and then the new one too.

The very last thing I need is to get the new video to be as small as the original video for the image on the page.

The size that it pulls up when you click on it to watch it is perfect!

I added this inside the “a” string of code, but it isn’t working to make the image smaller:
width=”450″ height=”270″

Any other ideas how to get it smaller?

THANK YOU, Thank you, Thank YOU!

Hi Al_Photog,

Guess what????

It is totally fixed and perfect!! I just had to put that width/height string in the img source code instead of in the “a” code, and then BAM it worked! I figured out how to add the &0 at the end of the code so no more suggested videos.

The whole video is now perfect thanks to YOU.

I really appreciate your help with this!

Are you a WordPress developer?

Cheers!

I’m glad it worked! and nope, not a developer, although I do have a coding background. I just manage a couple of sites of my own and have learned a few tricks along the way ??

Thank you again, I’m impressed!