Android vertical video stretched

[egorzotov]

Please provide the following:

1. SDK Version: 36
2. Platforms(Android/iOS/web/all): Android

I have mp4 and hls videos in vertical orientation. It is all done fine in style and the problem is not with differences in layout between IOS and Android.

This is how my video displayed on IOS device:

And this is android:

I checked onReadyForDisplay option and got this value of natureSize:
iOS: "height": 1080, "orientation": "landscape", "width": 607.5,
Android: "height": 1080, "orientation": "portrait", "width": 1080,

Maybe someone experienced this issue?

[adamjnav]

Hey @egorzotov, could you share the full implementation of your Video component and the style properties?

[egorzotov]

Hi! Here is props of component
Functions are irrelevant, they do nothing with restyling.

Object {
  "isLooping": true,
  "onFullscreenUpdate": [Function _callee],
  "onPlaybackStatusUpdate": [Function anonymous],
  "progressUpdateIntervalMillis": 100,
  "ref": [Function ref],
  "resizeMode": "contain",
  "shouldPlay": true,
  "source": Object {
    "uri": "https://hb.bizmrg.com/gurucan-video/750fd2d3-31c2-4b48-be54-d647c4e1df744cc4330e-2d05-4f45-8b97-922d128a1b9c85912348-0069-41cc-8f3e-23be5770d083dd049eac-262c-44f0-bee4-9a85c9165d6b-1080.mp4",
  },
  "style": Object {
    "backgroundColor": "black",
    "height": 753,
    "width": 360,
  },
  "useNativeControls": false,
}

Here is implementation of player (video view renders expo Video component with above props):

<View style={[styles['video'], style]}>
    {videoView()}
</View >

Styles of wrapper:

  Object {
    "alignItems": "center",
    "backgroundColor": "#000",
    "justifyContent": "center",
    "overflow": "hidden",
    "position": "relative",
  },
  Object {
    "backgroundColor": "black",
    "height": 753,
    "width": 360,
  },

[egorzotov]

It is impossible to reproduce or I didn’t provided enough info?
I am moving my app to sdk 39 - I will write down if this is resolved there.