[BUG]: Video is not showing full screen

[Nardeep]

Version

6.4.5

What platforms are you having the problem on?

iOS, Android

System Version

Android and Ios

On what device are you experiencing the issue?

Real device

Architecture

New architecture with interop layer

What happened?

We are recording the video with react native vision camera full screen portrait mode . When we are playing same video we are using His format m3u8 link . This is my code of Video:

<Video

poster={getEnvVars().videoUrl + currentVideo.thumbnailUrl}
ref={videoPlayerRef}
key={videoKey}
viewType={ViewType.SURFACE}
source={{
  uri: getEnvVars().videoUrl + currentVideo.videoUrl,
}}
style={{ width: width, height: height,aspectRatio:1080/1920}}
posterResizeMode="cover"
resizeMode="contain"
paused={paused}
muted={false}
onProgress={onProgress}
onLoad={(e)=>{
  console.log("data.naturalSize >> ",e.naturalSize)
  console.log("data.naturalSize >> ",e)
}}

/>

But its not showing full screen in portrait mode :

While adding console on onLoad I get this info:

{
canStepForward: true,
canStepBackward: true,
duration: 72.8,
canPlayReverse: true,
canPlaySlowForward: true,
trackId: '0',
textTracks: [
{
selected: false,
type: 'application/cea-608',
title: null,
language: null,
index: 0
}
],
canPlayFastForward: true,
naturalSize: {
height: 1920,
orientation: 'portrait',
width: 1080
},
videoTracks: [
{
rotation: 0,
selected: false,
bitrate: 2000000,
trackId: '0',
index: 0,
codecs: '',
height: 0,
width: 0
},
{
rotation: 0,
selected: false,
bitrate: 1000000,
trackId: '1',
index: 1,
codecs: '',
height: 0,
width: 0
},
{
rotation: 0,
selected: false,
bitrate: 400000,
trackId: '2',
index: 2,
codecs: '',
height: 0,
width: 0
}
],
currentTime: 0,
audioTracks: [
{
selected: true,
type: 'audio/mp4a-latm',
title: null,
index: 0
}
],
canPlaySlowReverse: true
}

If I am using resize mode stretch then video is stretching
So please let me know what I need to do to fix the video to full screen protrait mode.

Reproduction Link

This is my video link
https://dps4nx9v6g21x.cloudfront.net/file/videos/file-1731170563799/playlist.m3u8

Reproduction

Step to reproduce this bug are:
Record video using react native vision camera in portrait mode and using aws elastic media convertor convert it to HLS m3u8 and try to play in portrait full screen

[github-actions]

Previous bot comment (click to expand)

Thank you for your issue report. Please note that the following information is missing or incomplete:

• reproduction link

Please update your issue with this information to help us address it more effectively.

Note: issues without complete information have a lower priority

There is a newer version of the library available. You are using version 6.4.5, while the latest stable version is 6.7.0. Please update to the latest version and check if the issue still exists.

Note: If the issue still exists, please update the issue report with the latest information.

[github-actions]

Thank you for your bug report. We will review it and get back to you if we need more information.

There is a newer version of the library available. You are using version 6.4.5, while the latest stable version is 6.7.0. Please update to the latest version and check if the issue still exists.

Note: If the issue still exists, please update the issue report with the latest information.

[Nardeep]

@KrzysztofMoch hi I checked with the latest version also the issues persist

[Nardeep]

Thank you for your bug report. We will review it and get back to you if we need more information.

There is a newer version of the library available. You are using version 6.4.5, while the latest stable version is 6.7.0. Please update to the latest version and check if the issue still exists.

Note: If the issue still exists, please update the issue report with the latest information.

Hi I updated the version to latest 6.7.0 and also added aspectRation : 9/16 but its still showing landscape in box