Я показываю видео в WebView с videoUrl
, который является ссылкой для вставки YouTube.
<WebView
javaScriptEnabled={true}
allowsFullscreenVideo={true}
allowsInlineMediaPlayback={true}
ref={(ref) => { webview = ref }}
onNavigationStateChange={(event) => {
if(event.url !== videoUrl) {
webview.stopLoading()
Linking.openURL(event.url)
}
}}
source={{ uri: videoUrl }}
/>
При установке height
или minHeight
он отображается на этой высоте, и полная ширина, и видео работает правильно. Проблема в том, что я не нашел способа установить высоту автоматически, поэтому в зависимости от ширины устройства видео обычно обрезается. Я уже пробовал эти библиотеки, но безрезультатно:
https://github.com/iou90/react-native-autoheight-webview
https://github.com/scazzy/react-native-webview-autoheight