Video in player scales down smaller than the size of the player

[jwplayer]

Video in player scales down smaller than the size of the player

[robwalch]

@kharri1073 can you provide a test page along with steps to reproduce. We have a few responsive tests and haven't encountered this behavior.

There are also several ways to configure how the player and media within the player scale, so including your player setup would be very helpful.

We've looked into replacing the scale-mode code in jw7 with CSS object-fit, but the browser coverage just isn't there yet http://caniuse.com/#feat=object-fit

Maybe object-fit'll do the trick for you. After we look at your setup we can maybe try one that disables transforms and lets you use CSS.

[kharri1073]

Thank you @robwalch. We have an old version of jw (v6.12) which is also affected. To test the letterboxed video, you can visit http://www.ora.tv/embed/0_vjup4bb6nbr. To test the our forked code, you can visit http://vpc-www-prod3.ora.tv/embed/0_vjup4bb6nbr.

We figured we would finally tackle this issue for preparation to upgrading our player to 7.1.

This behavior only occurs with <video> tags and not <object> tags.

[robwalch]

@kharri1073 I'm getting the Flash player with that first url in Safari and Chrome because you're setting primary to "flash". If you turn that off, we should be able to look at the problem in Safari which can play your HLS stream natively.

You're not specifying a stretching option in your config. The default is uniform so that's fine. "uniform" seems to be the behavior you want. That would be the same as object-fit: contain; or background-size: contain;. We have not seen this issue in 7 or 6 so I'd try to make sure it's not related to your player container or maybe something specific to Safari which is quirky when it comes to transforms.

This shouldn't stop you from moving the jw7. If anything I'd hurry up and make the change. You'll find the code in stretch.js was modified quite a bit in jwplayer 7 to take advantage of our use of CSS in the player. We also continue to do the stretching in Flash in 7 when using an object tag. transforms are only applied to video tags to make up for object-fit support.

You can always set stretching to none in the config and apply it yourself, but then Flash will not stretch the way you want

stretching: "uniform", // setting this to "none" will prevent a transform scale from being set
aspectratio: "16:9",
width: "100%",
primary: "flash" // remove this

[donato]

@kharri1073 - if you have any other questions feel free to re-open this ticket