I have painsteakingly tweaked the video wrapper percentages based on the original styles I derived from css tricks. This allows me remove the additional css top padding used to prevent the potential apperance of black bars on the side, top and bottom of the videos.
I also included two additional classes for standard old school 3:4 resolution, and cinema scope... whatever ratio that is.
So far it seems to work fine in current versions of IE, Safari, and FF.
I would also like to note that video is like snow flakes no two are the same. In the examples below you might see a slight black line on the sides. Sometimes videos are encoded diffrently. This is especially true with older footage derived from film or video tape. Based on the original source material, and the means to transfer it the aspect ratio might be off. You can compensate for this by adjusting the padding precentages.
Go here for more information on film and video aspect ratios
Let me know if I'm doing something wrong. scottsaunders@mac.com
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lectus dui, accumsan ac felis vel, laoreet consectetur velit. Duis gravida in dui nec mattis. Maecenas ac metus dapibus, ornare enim id, consequat quam. Aenean quis consequat ex. Pellentesque vehicula dolor id lacinia gravida. Donec consequat lectus vitae faucibus imperdiet. Aenean id libero congue, euismod enim sit amet, aliquet ligula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lectus dui, accumsan ac felis vel, laoreet consectetur velit. Duis gravida in dui nec mattis. Maecenas ac metus dapibus, ornare enim id, consequat quam. Aenean quis consequat ex. Pellentesque vehicula dolor id lacinia gravida. Donec consequat lectus vitae faucibus imperdiet. Aenean id libero congue, euismod enim sit amet, aliquet ligula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lectus dui, accumsan ac felis vel, laoreet consectetur velit. Duis gravida in dui nec mattis. Maecenas ac metus dapibus, ornare enim id, consequat quam. Aenean quis consequat ex. Pellentesque vehicula dolor id lacinia gravida. Donec consequat lectus vitae faucibus imperdiet. Aenean id libero congue, euismod enim sit amet, aliquet ligula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lectus dui, accumsan ac felis vel, laoreet consectetur velit. Duis gravida in dui nec mattis. Maecenas ac metus dapibus, ornare enim id, consequat quam. Aenean quis consequat ex. Pellentesque vehicula dolor id lacinia gravida. Donec consequat lectus vitae faucibus imperdiet. Aenean id libero congue, euismod enim sit amet, aliquet ligula.