如何使用Expo播放Youtube视频

Question

我试图在我的expo项目中使用react-native-youtube组件.但是,我无法让它发挥作用.到目前为止我所有的都是带有红色边框的黑色屏幕.我试着在网上关注视频说明,但是,expo没有iOS或Android文件夹,这意味着我无法在XCode中打开它并摆弄它.如何使用世博会播放YouTube视频？正如你可能已经从我的问题中注意到的那样,我很快就会使用expo做出反应.

Answer 1

目前,YouTube不支持YouTube.您可以重新启动项目并安装react-native-youtube库,也可以从WebView加载视频,如下所示:

<WebView
    style={{flex:1}}
    javaScriptEnabled={true}
    source={{uri: 'https://www.youtube.com/embed/ZZ5LpwO-An4?rel=0&autoplay=0&showinfo=0&controls=0'}}
/>

Answer 2

对于仍在寻找此内容的任何人，请在博览会支持下尝试此软件包

https://github.com/LonelyCpp/react-native-youtube-iframe

用于反应原生的 Youtube IFrame 播放器 API 构建的包装器。使用已知比本地 youtube 应用程序更稳定的 webview 播放器。

由于新的 expo SDK 支持现代社区维护的 webview，它应该可以跨平台无缝工作

Answer 3

目前在React Native应用程序中获取YouTube视频的方法是WebView在项目中使用React Native的组件.

这是一个小吃,它显示了WebView使用Instagram注册流程的工作原理示例:https://snack.expo.io/HJRKKTmAx.

我很抱歉,如果那不是你正在寻找的东西:(

要使用react-native-youtube组件,您必须分离Expo项目ExpoKit:

ExpoKit是一个Objective-C和Java库,允许您将Expo平台和现有的Expo项目用作更大的标准本机项目的一部分 - 您通常使用Xcode,Android Studio或react-native init创建.

更多信息:https://docs.expo.io/versions/v18.0.0/guides/detach.html

我希望这两个选项可以解决你的问题,让我知道是否有任何其他方式我可以提供帮助.