ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• April 24, 2014 at 12:50 pm #69693
  thethrillmill

  Member

  Post count: 33

  I am having a problem with the aspect ratio of an embedded vimeo video on a single portfolio detail page. If I expand the browser to it’s full size and load the page, the video displays correctly. However, if the browser is at a medium or smaller size and the page loads, the video gets letterboxed (black bars at top and bottom). Adjusting the browser size after loading the page doesn’t change the video. The video is embeded through the detail media options, not through the swift page builder.

  I am on wordpress 3.9 and Flexform 1.61

  http://thethrillmill.com/?portfolio=skype-in-the-classroom

  April 24, 2014 at 2:05 pm #69719
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Does this help you at all? http://support.swiftideas.net/knowledgebase/embedding-vimeo-16-9/

  – Kyle

  April 24, 2014 at 2:30 pm #69738
  thethrillmill

  Member

  Post count: 33

  Hi Kyle,
  Unfortunately not. I saw that post, but this is not in a light box, it’s embedded in the page.

  April 28, 2014 at 9:08 am #70310
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok let me check this with the developer, thanks for your patience

  – Kyle

  April 29, 2014 at 8:04 pm #70894
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @thethrillmill,

  Just checking here and it resizes perfectly for me? Can you confirm if it’s just a certain browser?

  – Ed

  April 29, 2014 at 8:24 pm #70902
  thethrillmill

  Member

  Post count: 33

  I’ve checked it in chrome, safari, and firefox. All present the problem. I’m on a mac if that makes a difference… OSX 10.9.2

  It’s not about it resizing with the browser, but about it loading initially with letterbox bars when the browser is scaled down. If I load the browser at full screen scale, the embedded video loads correctly and once it loads correctly, it scales properly with the browser. But if the page loads when the browser isn’t scaled to the full screen, it loads with letterbox bars and then when I resize the browser after, these letterbox bars stay.

  I’ve attached two pictures of what it should look like and what it does look like.

  April 29, 2014 at 8:37 pm #70908
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Ahh I see now – thanks for clarifying.

  Add this custom css, and it will sort it:

  .fluid-width-video-wrapper {
  padding-top: 56.25%!important;
  }

  Hope that helps.

  – Ed

• Back to forum

  Posted in: Flexform