React Native:如何以编程方式触发带有 webview 视频的全屏?

时间:2021-04-14 19:14:48

标签: react-native webview

我需要一个带有 React Native 应用程序的媒体播放器,我可以在其中触发全屏,而无需用户点击视频上的全屏图标。我想以编程方式或默认情况下在点击播放时触发全屏模式,我该如何实现? 代码

<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/9yULZ8y1J-s?&autoplay=1&mute=1&showinfo=0&controls=1&fullscreen=1`}}
 style={styles.video}
/>

我尝试了上面的代码,但它不会在没有用户点击全屏图标的情况下全屏显示。是否有任何其他的 React Native 组件可以在默认情况下播放视频并触发全屏?

1 个答案:

答案 0 :(得分:0)

你可以试试这个包,它也与 Expo 兼容:https://github.com/LonelyCpp/react-native-youtube-iframe