zurb/foundation — pull request #3104 by drewish (2013-08-26 04:07:36+00:00)
Title: Adjust flex video sizing

YouTube's chrome is only 30 pixels tall so we can use the 4:3 ratio (75%) and then just add the chrome height to that. When the widescreen, 16:9 ratio (56.25%) has a fractional component it causes a black line to appear at the top of the player, rounding down fixed this.

I put uploaded test videos in 4:3 and 16:9 aspect ratio to YouTube and Vimeo to test this out. Then put versions of each at different sizes to make sure the entire image was displayed with no border. Here's a screen shot:

![screen shot 2013-08-25 at 8 54 17 pm](https://f.cloud.github.com/assets/68750/1023738/7d69434e-0e03-11e3-8cf9-e792c47731a4.png)

The videos have a yellow 2-pixel border which is visible in all the players.

Here's the HTML I was testing with that includes larger versions of the players:

```

```