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

标签 android react-native webview

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

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

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

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

最佳答案

这对我来说很好用

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

关于android - 如何在 React Native WebView 中触发嵌入式 YouTube 视频播放的全屏模式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55542268/

相关文章:

android - 在 Android WebView 中嵌入来自 vimeo 的视频

android - 将图片保存到本地并在 webview 中显示

java - Android 如果我使用 WebView.destroy() 可以稍后恢复吗?

java - 如果我将扩展 Activity 更改为 OrmLiteBaseActivity<Helper> 我得到一个 java.lang.NoClassDefFoundError

Android:Sms Retrieval Api 未从 Intent 获取消息

javascript - React Native - 使用 NativeBase Drawer 时无法读取未定义的属性 '_root'

reactjs - 如何在 React Native 中下载图像期间避免 "Excessive number of pending callbacks: 501"错误?

java - 为 Activity 实现 View.OnClickListener - 方法未被覆盖

java - Android SD 卡在模拟器上写入失败并出现 IOException EROFS(只读文件系统),具有正确的权限

javascript - 如何在 React (async/await) 中创建一个原子进程?