Video Letterboxing Issues

3 posts from 2 voices

• Started 3 months ago by cbohaty
• Latest reply from Devin
• This topic is not resolved

Tags:

No tags yet.

1. 

   cbohaty
   Member

   Hello,

   I am trying to remove the letter-boxing that happens when you embed a video into a portfolio.

   I followed another Help Topic here, but ended up hitting a dead end: http://www.kriesi.at/support/topic/disable-video-playback-in-portfolio-thumbnail/page/2

   Right now, if you click my video thumbnails (Andrew Alison Interview and Flashlight) the video plays without letterboxing. If you resize the window it will throw the video off.

   Also if you open the website on anything that doesnt give you a full window, the video will be thrown off inside its container.

   Here is the custom CSS code I am using (found from the other Topic

   #top.home .slideshow_media_wrap {
   background-color: white !important;
   }

   #top .slideshow li iframe {
   height: 337px !important;
   width: 600px !important;
   position: relative;
   display: inline-block !important;
   background-color: white !important;
   overflow: hidden;
   }

   Is there anyway to make it so the video stays centered in the container while in a smaller browser window?

   You can check out how it looks here: clintbohaty.com

   Thanks!

   Posted 3 months ago #
2. 

   cbohaty
   Member

   I stumbled upon part 2 of the Topic I linked. It seems like there was never a fix found for the resizing issue.

   If that ends up being the case - is there an easy way I can change the color of the letterboxing from black to white?

   Posted 3 months ago #
3. 

   Devin
   Moderator

   Hi cbohaty,

   As far as I know the only solution is exactly as you've done which is to define the heigh and width exactly to force it to the size you want.

   I'm not actually getting any visual change with the video container now on mobile, tablet or pc screen sizes now.

   Regards,

   Devin

   Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.