Question

我在React Native WebView中嵌入了一个YouTube视频。我正在使用react-native-android-fullscreen-webview-video Android的库，该库在纵向和横向模式下均能正常工作，但是当用户按下播放键时，我需要将视频默认设置为全屏显示。

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

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

this.keyPair.sign(dataHash).toHex();

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

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

<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'}}
/>

Answer 3

该库有效

react-native-android-fullscreen-webview-video

import WebView from 'react-native-android-fullscreen-webview-video';
<WebView style={{flex:1, height: 300} source={{ uri: 'https://www.youtube.com/embed/GV0B6nGf9mcrel=0&autoplay=0&showinfo=0&controls=1&fullscreen=1' }}/>

Answer 4

只需使用此代码：

allowFullScreen: {true}

如何在React Native WebView中触发嵌入式YouTube视频播放时的全屏模式？

4 个答案: