I’ve uploaded videos that are 720 wide by 540 high. That’s a 4:3 ratio.
On the site there are black bars on both the sides of the videos, as if the video player is using a 16:9 ratio. Is there a setting to change the ratio of the video player? 4:3 videos aren’t as common now, but there are still some around.
If there’s not a setting, is there code that could be changed?
Thanks,
I should be clearer with my description. The videos that have the sidebars on them are hosted on Vimeo. Vimeo is set up for 720 X 540 video. http://helpuconquer.com/test-1220/
When I use videos uploaded to wordpress, the video extends past the bottom of the post and into the Related Videos field. http://helpuconquer.com/test-uploaded-video/
I’ve done no customization to the theme or wordpress. What’s happening? Thanks,
Hi
Video’s width it’s controlled by the theme and is set to 100% from the container where it’s displayed. However the theme does not control the video content. By this i mean that even if you re-size it’s width at 80% let’s say: http://screencast.com/t/7roeWegeXa the aspect black bars will still be there as they are bundled in video: http://screencast.com/t/7roeWegeXa
To correct the video layout when it’s hested on your wordpress try this css in theme panel > custom cod > custom css: http://screencast.com/t/IZOKD9ZT
.mejs-container, .mejs-embed {
height: 100%!important;
}
Thanks!
I don’t understand your explanation for this video http://helpuconquer.com/test-1220/
When I view these videos in other video players the black bars do not appear. There are no black bars included with the video file.
This 720 x 540 is a fairly standard 4:3 ratio video. This video should appear properly in the theme.
I have updated the CSS as you suggested. The black bars still appear. As I mentioned previously, this video plays and appears without the black bars on other video players.
There are no black bars included in this video file. And, they should not appear in the post. How is this resolved? This is one of the standard 4:3 ratios.
Thanks,
Hi
As I said in my previous reply the theme calculate the video’s aspect ratio demanding by width’s of the container where it’s added. You can remove the theme’s control over videos from vimeo by commenting this js: http://screencast.com/t/kuGVCvZRKcD – http://screencast.com/t/VFMcSLD2xzn
Please consider that I have not tested this solution on all situations and it’s possible to appear some issues with the video’s display.
Other solution would be to add a specific case for 4:3 videos which apply a different style but this require many customizations in theme files and unfortunately I can’t provide a solution now.
If you need a different implementation please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.
Thanks!
