Docs

[BradleyB]

Hi,

I added a new page with lightbox video in a slider. There is a black border surrounding the video. This hasn’t been an issues before. How do I remove it, or make the video fill the entire box?

I used the following code for the button:

[image src="http://thrcontent.com/wp-content/uploads/2016/04/play-btn-1.png" link="true" href="http://treehouserecovery.com/wp-content/uploads/2016/06/connectedsmall.m4v?autoplay=1" lightbox_video="true"] [lightbox]

and I added this code to the page:

[lightbox selector=".videoLightbox" opacity="0.5" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal"]

Thanks so much!

[BradleyB]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! The border is coming from the video itself. It disappeared when I re-sized the screen. Make sure you upload the high resolution video to resolve the issue.

Cheers!

[BradleyB]

Thanks for your reply! I’m still having this issue, though. I replaced the video with a higher resolution version. And, it does not appear that that the border is part of the video. Any other suggestions? Thanks!

[BradleyB]

I was able to remove the border using the following code. However, the video is now off-center. Any suggestions on how to center it? Thanks so much!

.ilightbox-holder div.ilightbox-container {

  max-width: 854px;
  max-height: 480px;
}

[Rad]

Hi there,

It could be the iframe isn’t centered, or the video within the iframe. Would you mind providing your site’s URL that has this video? I can’t check it with your provided URL.

Thanks!

[Author]

Posts