TheWidlarzGroup/react-native-video

[BUG]: `resizeMode` prop is not implemented on web

Open

#4297 aperta il 21 nov 2024

Vedi su GitHub
 (7 commenti) (2 reazioni) (0 assegnatari)Kotlin (3027 fork)batch import
AcceptedMissing ReproNewer Version AvailablePlatform: WebV6bugdifficulty: easygood first issuepriority: lowtriaged

Metriche repository

Star
 (7677 star)
Metriche merge PR
 (Merge medio 2g 3h) (11 PR mergiate in 30 g)

Descrizione

What happened?

The object-fit style property of the video element in Video.web.tsx should respect the resizeMode prop.

Currently the resizeMode prop is not implemented on web, so setting it (e.g. to "cover") has no effect on how the video is displayed.

Steps to reproduce

  1. Set resizeMode to "cover" on a Video component.
  2. Run the app on web and observe the video in a browser.
  3. Notice that the video does not respect the resizeMode value.

Reproduction repository

No response

react-native-video version

6.8.0

react-native version

No response

react-native-nitro-modules version

No response

Platforms

Web

OS version

Chrome

Device

Real device

Architecture

Old Architecture

Expo

No response

Last working version

No response

Media / source type

No response

Guida contributor

Direzione di ricerca
Esamina il componente Video.web.tsx e mappa la prop resizeMode alla proprietà CSS object fit sull'elemento video.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactReact NativeCSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70