[iOS] Subtitles get cut off with `AspectRatio.ASPECT_FILL`

[JasperH8g]

When setting the aspectRatio to AspectRatio.ASPECT_FILL, the subtitles go along with the video (making them fall off-screen). I'd expect the subtitles to stay in the same place, like it does with AspectRatio.FIT.

This worked correctly with react-native-video@8.18.0, but does not at react-native-video@10.9.0.

AspectRatio.ASPECT_FILL

AspectRatio.FIT

[tvanlaerhoven]

@JasperH8g also consider contacting our support team. They will create an internal ticket that can be tracked.

[wvanhaevre]

@JasperH8g, I did some evaluations, and this appears to be a regression, introduced by some recent new features that were added to the native iOS THEOplayer SDK, which is bridged by our RN SDK.

As Tom mentioned, the best approach is to raise a ticket on our service desk or contact the support team. I will already inform the native development team about the issue.

As a quick, temporary workaround you could consider applying an offset for the subtitle position using the TextTrackStyle API (only the cases where aspectRatio is set to ASPECT_FILL)

player.aspectRatio = AspectRatio.ASPECT_FILL;
player.textTrackStyle.marginTop = 65;                   // on iOS this is a percentage!

marginTop is in this case expressed as a vertical offset percentage from the top of the video frames (not the edge of the screen)

In the following RN test I setup 3 players:

• one with standard 16/9 aspectRatio,
• a second player with a 3/1 aspectRatio and ASPECT_FILL applied,
• a third setup that is identical to the second one, but with the marginTop percentage (65% from the top of the frames) in place.

I hope that a well chosen offset for your setup could already serve as a workaround until native changes have been made.