Scaling of the <video> tag also scales iOS controls

[jeroen]

We shouldn't scale the <video> tag, since it also scales the iOS controls. This may lead to tiny controls, or controls that fall off the stage.

Instead of coming up with an edge case for iOS, we could also look into scaling the video e.g. with CSS transforms. Or into not scaling the video tag at all.

[pablo]

From the forums:

Problem seems to happen when using configuration option stretching: 'fill'. I now make a distinction between iOS and non-iOS devices. On non-iOS device I use stetching: fill. On iOS devices I use stretching: uniform.

[jeroen]

For the player, it's probably best to ignore stretching and set the video element's dimensions to the display dimensions on iOS. This would be the equivalent of stretching=exactfit.

The iOS video element automatically stretched the video itself internally, so the image would not get skewed.

[pablo]

We should investigate the supported CSS properties related to the <video> tag and poster image in v6.

[jeroen]

This can be fixed after iOS supports CSS3 object-fit. Supporting that property (plus an API class) is part if #1452