React Native:如何使用 expo 在 webview 中制作全屏 youtube 嵌入视频(没有 react-native 链接)

Posted

技术标签:

【中文标题】React Native:如何使用 expo 在 webview 中制作全屏 youtube 嵌入视频(没有 react-native 链接)【英文标题】:React Native : How to make fullscreen youtube embed video in webview with expo (without react-native link) 【发布时间】:2019-12-21 01:20:03 【问题描述】:

有谁知道如何让嵌入的 youtube 视频在 android 中全屏显示?该视频可以在 ios 上以内联模式和全屏模式播放,但在 Android 中只能以内联模式播放,并且全屏按钮已停用。我使用 Expo,我无法弹出我的项目,所以我无法使用 react-native 链接。我已经搜索了一些解决方案,但它们都需要 react-native 链接。谢谢您的回答。

<WebView
   javascriptEnabled=true
   useWebKit=true
   domStorageEnabled=true
   allowsInlineMediaPlayback=true
   source= uri: "https://www.youtube.com/embed/TcMBFSGVi1c?playsinline=1&fs=1"
/>

这是我的代码

【问题讨论】:

【参考方案1】:

我之前也遇到过同样的问题,我用的是expo video,具体用法请阅读文档https://docs.expo.io/versions/latest/sdk/video/。

希望这会有所帮助。 :)

【讨论】:

感谢您的帮助,但是,您的解决方案不适用于 YouTube 链接 :( 它适用于 mp4,但它显示没有 YouTube 链接 如何在 iOS 内联显示视频,而不是全屏显示?在 html 中有一个标签

以上是关于React Native:如何使用 expo 在 webview 中制作全屏 youtube 嵌入视频(没有 react-native 链接)的主要内容,如果未能解决你的问题,请参考以下文章

React Native:如何使用 expo 在 webview 中制作全屏 youtube 嵌入视频(没有 react-native 链接)

如何使用 expo 实现带有 react-native 的条带? [关闭]

如何在 expo react native 中使用 sqlite 文件

如何在 expo/react-native 应用程序中添加自定义节点模块?

不使用 react-native 的 Expo 分支

如何使用Expo在React Native中设置cookie?