如何在 React Native WebView 中为嵌入式 YouTube 视频触发全屏模式？

Question

我在 React Native WebView 中嵌入了一个 YouTube 视频。我正在使用适用于Android的react-native-android-fullscreen-webview-video库，它在纵向和横向模式下都运行良好，但我需要在用户按下播放时将视频默认为全屏。

我为此尝试了其他库，包括 react-native-youtube，但每个库都会导致纵向或横向播放错误。

这是我的代码。一切正常，我只需要默认全屏播放。

<WebView source={{ uri: videoUrl }} />

Answer 1

这对我来说很好用

<WebView
 javaScriptEnabled={true}
 scrollEnabled={false}
 allowsFullscreenVideo={true}
 userAgent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 
 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36"
 source={{uri: `https://www.youtube.com/embed/${videoID}?&autoplay=1&mute=1&showinfo=0&controls=1&fullscreen=1`}}
 style={styles.video}
/>

Answer 2

尝试这种方式，您可以使用 youtube 按钮的许多 iframe 属性和许多事情要做

<WebView
        style={{flex:1}}
        javaScriptEnabled={true}
        source={{uri: 'https://www.youtube.com/embed/ZZ5LpwO-An4?rel=0&autoplay=0&showinfo=0&controls=0&fullscreen=1'}}
/>