TheWidlarzGroup/react-native-video

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

Open

#4.297 geöffnet am 21. Nov. 2024

Auf GitHub ansehen
 (7 Kommentare) (2 Reaktionen) (0 zugewiesene Personen)Kotlin (3.027 Forks)batch import
AcceptedMissing ReproNewer Version AvailablePlatform: WebV6bugdifficulty: easygood first issuepriority: lowtriaged

Repository-Metriken

Stars
 (7.677 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 2T 3h) (11 gemergte PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Untersuchen Sie die Komponente Video.web.tsx und ordnen Sie die Prop resizeMode der CSS Eigenschaft object fit auf dem video Element zu.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactReact NativeCSS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70