
one place to find all answers about black bars, stretching, height and aspectratio
Hi, We need to play videos of a variety of sizes / dimensions, with in the area on our page we've designed, or when going full page with the player. Our design is responsive, so the player must adjust when the page is resized.
We need a tutorial that goes into more detail than http://support.jwplayer.com/customer/portal/articles/1406644-making-jw-player-responsive
for cases where the video as recorded does not fit the aspect ratio of the div. We need to know
1) How to detect the aspect ratio of the video file or stream at run time.
2) When we determine the aspect ratio of the video is wider and shorter than our div, how to configure the player to enlarge the video, center the video within the div, and crop the video on left and right if needed, so the div is completely filled. We are aware that some of the video will not show as a result.