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 文件