反应原生嵌入视频不起作用

Posted 2023-03-13

【中文标题】反应原生嵌入视频不起作用

【英文标题】：react native embed video not working

【发布时间】：2017-02-16 20:39:33

【问题描述】：

react native webview 无法很好地处理视频播放是一个已知问题。

我发现在本次讨论中https://github.com/facebook/react-native/issues/6405 和https://github.com/facebook/react-native/pull/6603 WebChromeClient() 已在WebView 中实现。 但我仍然无法让它工作。我得到的只是黑屏。我尝试过使用 html 源代码和 uri，但它们都不起作用。

我还发现了这个https://github.com/lucasferreira/react-native-webview-android，它可能可以解决这个问题。但是这个模块的缺点是它不支持全屏播放。这不是我真正想要的。

我没有Java背景，我真的不知道如何使它工作。还有其他方法可以在 RN 中嵌入视频吗？视频源不仅限于 youtube，还包括 vimeo 和 dailymotion 等其他流媒体服务。

【参考方案1】：

您应该尝试使用react-native-video 或您可能会找到here 的其他库。

【讨论】：

我试过这个，但是安装很麻烦，文档也过时了。它说我们需要编辑 MainApplication.java 文件中没有更多的 addPackage()。

你用过rnpm吗？

是的，我做到了。还有用户抱怨它无法播放 youtube 视频。事实上，当我尝试嵌入 youtube url 时，它不起作用。

嗯，我不知道这是否还在发生，但 rnpm 可能仍然存在适当链接 Android 新软件包的错误。 YouTube 可能不喜欢您直接链接他们的视频。

不仅 youtube，来自其他流媒体网站的来源也无法正常工作。我也试过手动安装。但同样在 MainActivity.java 中，那里不再有 addPackage()。我想我可能有一些安装错误。但是文档根本没有这方面的信息。